.tr{padding:clamp(90px,12vw,150px) 20px clamp(70px,9vw,110px);position:relative}.tr-head{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:760px;margin:0 auto clamp(36px,5vw,56px);display:flex}.tr-eyebrow{color:#5e5ce6;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.tr-title{font-family:var(--font-display);letter-spacing:-.045em;color:#1d1d1f;margin:0;font-size:clamp(38px,5vw,72px);font-weight:300;line-height:1;display:block}.tr-body{color:#5b5578;max-width:540px;margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.6}.tr-flow{-webkit-backdrop-filter:blur(30px)saturate(1.5);background:linear-gradient(158deg,#ffffffdb,#ffffff85 60%,#f6f0fcad);border:1px solid #fffffff5;border-radius:38px;max-width:1080px;margin:0 auto;padding:22px 26px 28px;position:relative;box-shadow:0 70px 130px -70px #2e285099,inset 0 1.5px #fff}.tr-steps{justify-content:center;gap:6px;margin-bottom:14px;display:flex}.tr-steps i{background:#786eaa29;border-radius:99px;width:34px;height:4px;transition:background .5s}.tr-steps i[data-on=true]{background:linear-gradient(90deg,#8a7af6,#5a45e8)}.tr-flow-top{grid-template-columns:1fr auto 1fr;align-items:center;min-height:34px;margin-bottom:18px;display:grid}.tr-back{color:#5e5ce6;cursor:pointer;background:#ffffffb3;border:0;border-radius:99px;justify-self:start;padding:7px 12px;font-size:13px;font-weight:600;transition:background .3s;box-shadow:inset 0 0 0 1px #b2aad659}.tr-back:hover{background:#fff}.tr-step-label{letter-spacing:.13em;text-transform:uppercase;color:#8b86b8;font-size:9.5px;font-weight:600}.tr-choose{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tr-kind{text-align:left;cursor:pointer;isolation:isolate;color:#1d1d1f;background:linear-gradient(150deg,#fffffffa,#f9f7ffdb);border:1px solid #fffffff5;border-radius:30px;flex-direction:column;align-items:flex-start;gap:10px;min-height:330px;padding:30px 30px 26px;transition:box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -52px #463a82bf,inset 0 1.5px #fff}.tr-kind:hover{box-shadow:0 50px 90px -50px #463a82d9, 0 0 0 3px color-mix(in srgb, var(--tone) 14%, transparent), inset 0 1.5px 0 #fff}.tr-kind-wash,.tr-role-wash{z-index:-1;background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--tone) 16%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}.tr-kind-kicker,.tr-role-kicker{letter-spacing:.13em;text-transform:uppercase;color:#8b86b8;margin-top:10px;font-size:9.5px;font-weight:600}.tr-kind-title{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(26px,2.6vw,34px);font-weight:350;line-height:1.02}.tr-kind-body{color:#5b5578;max-width:34ch;font-size:15px;line-height:1.55}.tr-kind-art{align-items:center;gap:3px;height:40px;display:flex;position:absolute;top:34px;right:28px}.tr-kind-art--wave i{background:var(--tone);opacity:.5;border-radius:99px;width:4px;height:100%;animation:1.2s ease-in-out infinite wsWave;transform:scaleY(.3)}.tr-kind-art--dots{background:#ffffffe6;border-radius:18px 18px 18px 6px;gap:6px;height:auto;padding:12px 16px;box-shadow:0 12px 22px -16px #463a8299}.tr-kind-art--dots i{background:var(--tone);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite wsType}.tr-kind-art--dots i:nth-child(2){animation-delay:.15s}.tr-kind-art--dots i:nth-child(3){animation-delay:.3s}.tr-kind-go{color:#fff;background:linear-gradient(168deg, color-mix(in srgb, var(--tone) 70%, #fff), var(--tone) 54%, color-mix(in srgb, var(--tone) 88%, #fff));box-shadow:0 14px 24px -14px var(--tone);border-radius:99px;align-items:center;gap:8px;margin-top:auto;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.tr-pick-title{text-align:center;font-family:var(--font-display);letter-spacing:-.035em;color:#1d1d1f;margin:0 0 16px;font-size:clamp(22px,2.2vw,28px);font-weight:350}.tr-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tr-role{text-align:left;cursor:pointer;isolation:isolate;color:#1d1d1f;background:linear-gradient(150deg,#fffffffc,#f9f7ffe6);border:1px solid #fffffff5;border-radius:28px;flex-direction:column;align-items:flex-start;gap:8px;min-height:250px;padding:24px 22px 22px;transition:box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 36px 70px -50px #463a82bf,inset 0 1.5px #fff}.tr-role:hover{box-shadow:0 44px 80px -48px #463a82d9, 0 0 0 3px color-mix(in srgb, var(--tone) 14%, transparent), inset 0 1.5px 0 #fff}.tr-role-name{font-family:var(--font-display);letter-spacing:-.04em;font-size:26px;font-weight:350;line-height:1}.tr-role-does{color:#5b5578;font-size:14px;line-height:1.5}.tr-role-sw{margin-top:auto}.tr-role:hover .tr-role-sw{background:linear-gradient(168deg,#62bf8f 0%,#1a8d52 54%,#1ea45f 100%);border-color:#ffffff57}.tr-role:hover .tr-role-sw i{transform:translate(15px)}.tr-live{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch;gap:18px;display:grid}.tr-live-side{background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--tone) 14%, transparent), transparent 60%), linear-gradient(150deg, #fffffffc, #f9f7ffe6);border:1px solid #fffffff5;border-radius:28px;flex-direction:column;align-items:flex-start;gap:8px;padding:26px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 36px 70px -50px #463a82bf,inset 0 1.5px #fff}.tr-live-name{font-family:var(--font-display);letter-spacing:-.04em;color:#1d1d1f;font-size:clamp(28px,2.8vw,36px);font-weight:350;line-height:1}.tr-live-does{color:#5b5578;margin:0;font-size:15px;line-height:1.55}.tr-live-pill{color:#12693c;background:linear-gradient(150deg,#ffffffd9,#34b96b2e);border:1px solid #34b96b4d;border-radius:99px;align-items:center;gap:10px;margin-top:6px;padding:7px 12px 7px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.tr-live-say{margin-top:18px}.tr-live-ideas{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tr-live-ideas li{color:#453f70;background:#ffffffd1;border:1px solid #b2aad647;border-radius:14px;padding:9px 13px;font-size:13.5px}.tr-live-note{color:#8b86b8;margin:auto 0 0;font-size:13px;line-height:1.5}.tr-live-main{min-width:0;display:flex}.tr-call,.tr-live-main .tr-phone{background:linear-gradient(160deg,#ffffffb3,#f0ecfc85);border:1px solid #ffffffeb;border-radius:28px;flex-direction:column;flex:1;gap:14px;min-height:520px;padding:22px;display:flex;box-shadow:inset 0 1.5px #fff}.tr-live-main .tr-phone{gap:0;padding:0;overflow:hidden}.tr-count{color:#0f6f73;white-space:nowrap;background:#22b3b81f;border:1px solid #22b3b847;border-radius:99px;margin-left:auto;padding:5px 11px;font-size:11.5px;font-weight:600}.tr-problem--chat{margin:0 12px 12px}.tr-back:focus-visible,.tr-kind:focus-visible,.tr-role:focus-visible,.tr-go:focus-visible,.tr-orb:focus-visible{outline-offset:3px;outline:2px solid #7c6cf0}.tr-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.tr-orb{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:200px;height:200px;padding:0;display:grid;position:relative}.tr-halo{border:1.5px solid var(--ring-a);background:radial-gradient(circle, var(--ring-b), #fff0 72%);border-radius:50%;transition:border-color .4s,background .4s;position:absolute;inset:16px}.tr-orb[data-live=true] .tr-halo{animation:2.2s ease-in-out infinite wsGlow}.tr-orb[data-live=false]:after{content:"";pointer-events:none;border:1.5px solid #7c6cf059;border-radius:50%;animation:2.6s ease-out infinite wsPulse;position:absolute;inset:34px}.tr-clock{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.tr-clock-track{fill:none;stroke:#8e5cd61f;stroke-width:3px}.tr-clock-run{fill:none;stroke-width:3.5px;stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .4s}.tr-orb-ball{background:radial-gradient(circle at 34% 26%,#fff 0%,#ffffffb8 13%,#cbbaf8 36%,#9b8cf0 58%,#e8b6d8 80%,#8f7bf0 100%);border-radius:50%;width:124px;height:124px;transition:transform .5s cubic-bezier(.22,1,.36,1);animation:6s ease-in-out infinite omBreathe;position:relative;box-shadow:0 26px 44px -18px #7864e6d9,inset 0 2px 6px #ffffffe6}.tr-orb:hover .tr-orb-ball{transform:scale(1.05)}.tr-orb[data-speaking=true] .tr-orb-ball{animation:1.1s ease-in-out infinite wsGlow}.tr-orb-spin{border:2px solid #fff0;border-top-color:#7c6cf0cc;border-radius:50%;animation:.9s linear infinite omSpin;position:absolute;inset:-8px}.tr-chip i{background:currentColor;border-radius:50%;width:7px;height:7px}.tr-left{font-variant-numeric:tabular-nums;opacity:.7;margin-left:6px;font-weight:600}.tr-wave{justify-content:center;align-items:center;gap:4px;height:46px;display:flex}.tr-wave span{border-radius:99px;width:5px;height:100%;transition:background .4s;transform:scaleY(.12)}.tr-lines{flex-direction:column;justify-content:flex-end;gap:6px;width:100%;max-width:440px;min-height:100px;margin:0;padding:0;list-style:none;display:flex}.tr-lines li{color:#453f70;font-size:13.5px;line-height:1.45;animation:.45s cubic-bezier(.22,1,.36,1) both trIn}.tr-lines li:not(:last-child){opacity:.55}.tr-lines li span{letter-spacing:.13em;text-transform:uppercase;color:var(--tone);margin-right:8px;font-size:9.5px;font-weight:600}.tr-lines li[data-who=user] span{color:#8b86b8}.tr-box-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.tr-note{color:#8b86b8;margin:0;font-size:12.5px}.tr-problem{color:#9d1f27;background:#d4323a14;border:1px solid #d4323a2e;border-radius:12px;margin:0;padding:8px 12px;font-size:13px;line-height:1.45}.tr-go{color:#fff;cursor:pointer;background:linear-gradient(168deg,#8a88f0 0%,#5e5ce6 54%,#6a68ea 100%);border:1px solid #ffffff4d;border-radius:99px;flex-shrink:0;padding:11px 18px;font-size:14px;font-weight:600;transition:background .35s,transform .35s cubic-bezier(.22,1,.36,1);box-shadow:0 14px 24px -14px #5e5ce6e6}.tr-go:hover{transform:translateY(-1px)}.tr-go[data-live=true]{background:linear-gradient(168deg,#e2676d 0%,#d4323a 54%,#db454c 100%);box-shadow:0 14px 24px -14px #d4323ae6}.tr-phone{background:linear-gradient(170deg,#fff9,#f0ecfc80);border:1px solid #ffffffe6;border-radius:26px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 1.5px #fff}.tr-phone-bar{background:#ffffff8c;border-bottom:1px solid #b2aad647;align-items:center;gap:10px;padding:12px 16px;display:flex}.tr-phone-bar>div{min-width:0}.tr-phone-bar b{color:#1d1d1f;font-size:14px;font-weight:600;display:block}.tr-phone-bar span{color:#1ea45f;font-size:12px}.tr-phone-bar span[data-typing=true]{color:#22b3b8}.tr-thread{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;height:360px;padding:16px;display:flex;overflow-y:auto}.tr-msg{flex-direction:column;align-items:flex-start;gap:6px;animation:.4s cubic-bezier(.22,1,.36,1) both trIn;display:flex}.tr-msg[data-mine=true]{align-items:flex-end}.tr-msg p{white-space:pre-wrap;max-width:84%;margin:0;padding:10px 14px;font-size:14px;line-height:1.45}.tr-pick{flex-wrap:wrap;gap:6px;max-width:90%;display:flex}.tr-pick button{color:#0f6f73;cursor:pointer;background:#ffffffeb;border:1px solid #22b3b85c;border-radius:14px;flex-direction:column;align-items:flex-start;padding:7px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.tr-pick button small{opacity:.7;font-size:11px;font-weight:500}.tr-dots{gap:4px;display:inline-flex}.tr-dots i{background:#8b86b8;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite wsType}.tr-dots i:nth-child(2){animation-delay:.15s}.tr-dots i:nth-child(3){animation-delay:.3s}.tr-starters{flex-direction:column;align-items:flex-end;gap:8px;margin-top:auto;display:flex}.tr-starters button{color:#4a48c4;cursor:pointer;background:#ffffffdb;border:1px solid #7c6cf04d;border-radius:18px 18px 6px;padding:9px 14px;font-size:13.5px;font-weight:600;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s;box-shadow:0 10px 20px -16px #463a82b3}.tr-starters button:hover{background:#fff;transform:translate(-3px)}.tr-compose{background:#ffffff8c;border-top:1px solid #b2aad647;gap:8px;padding:10px;display:flex}.tr-compose input{color:#1d1d1f;background:#ffffffeb;border:1px solid #b2aad673;border-radius:99px;outline:none;flex:1;min-width:0;padding:11px 16px;font-size:14px;transition:border-color .3s,box-shadow .3s}.tr-compose input:focus{border-color:#7c6cf099;box-shadow:0 0 0 4px #7c6cf024}.tr-compose button{color:#fff;cursor:pointer;background:linear-gradient(168deg,#5fcfd3 0%,#22b3b8 54%,#1ea4a9 100%);border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 12px 20px -12px #22b3b8e6}.tr-compose button:disabled,.tr-compose input:disabled{opacity:.45;cursor:default}.tr-sandbox{text-align:center;color:#8b86b8;max-width:640px;margin:22px auto 0;font-size:13px;line-height:1.5}@keyframes trIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.trm{z-index:200;-webkit-backdrop-filter:blur(10px);background:#14102c61;place-items:center;padding:20px;animation:.3s both trmFade;display:grid;position:fixed;inset:0}.trm-card{text-align:center;background:linear-gradient(158deg,#fffffffa,#ffffffe6 60%,#f6f0fcf2);border:1px solid #fff;border-radius:32px;flex-direction:column;align-items:center;gap:14px;width:min(470px,100%);padding:34px 30px 22px;animation:.5s cubic-bezier(.22,1,.36,1) both trmPop;display:flex;box-shadow:0 60px 120px -40px #140e3c99,inset 0 1.5px #fff}.trm-orb{animation:6s ease-in-out infinite omBreathe}.trm-title{font-family:var(--font-display);letter-spacing:-.04em;color:#1d1d1f;margin:4px 0 0;font-size:clamp(26px,3vw,34px);font-weight:300;line-height:1.05}.trm-body{color:#5b5578;margin:0;font-size:15px;line-height:1.55}.trm-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.trm-close{color:#6f6a86;cursor:pointer;background:0 0;border:0;margin-top:2px;padding:6px 10px;font-size:13.5px}@keyframes trmFade{0%{opacity:0}}@keyframes trmPop{0%{opacity:0;transform:translateY(18px)scale(.96)}}@media (max-width:900px){.tr-flow{border-radius:30px;padding:18px 14px}.tr-choose,.tr-roles,.tr-live{grid-template-columns:minmax(0,1fr)}.tr-kind{min-height:0;padding:24px 22px 22px}.tr-kind-art{top:26px;right:20px}.tr-role{min-height:0}.tr-call,.tr-live-main .tr-phone{min-height:460px}.tr-thread{height:320px}.tr-box-foot{text-align:center;flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.tr-orb-ball,.tr-orb[data-live=false]:after,.trm-orb{animation:none}}