:root{color:#f7f3ff;font-synthesis:none;--ink:#f7f3ff;--muted:#aaa2ba;--violet:#9068ff;--violet-deep:#6541dc;--mint:#83f1cc;--coral:#ff8b86;--panel:#1f1830d1;--line:#ffffff1c;background:#120d21;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 78% 5%,#7547e238,#0000 31rem),radial-gradient(circle at 5% 70%,#53e4bf17,#0000 30rem),#120d21;min-width:320px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:17px;font-weight:800;display:inline-flex}.popmark{width:34px;height:34px;display:inline-block;position:relative;transform:rotate(-8deg)}.popmark i{border:2px solid var(--mint);border-radius:50%;position:absolute}.popmark i:first-child{border-color:var(--violet);inset:3px 8px 11px 2px}.popmark i:nth-child(2){border-color:var(--mint);inset:10px 1px 2px 11px}.popmark i:nth-child(3){background:var(--ink);width:8px;height:8px;box-shadow:0 0 15px var(--mint);border:0;top:9px;left:13px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--mint);font:500 11px/1.4 Consolas,monospace}.home-shell{min-height:100vh;padding:0 clamp(24px,5vw,80px);overflow:hidden}.hero{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(40px,8vw,120px);min-height:calc(100vh - 190px);padding:64px 0;display:grid}.hero-copy{z-index:2;max-width:720px;position:relative}.hero h1{letter-spacing:-.065em;max-width:900px;margin:18px 0 26px;font-size:clamp(46px,6.4vw,94px);line-height:.97}.hero-lede{color:#c4bdce;max-width:650px;font-size:clamp(16px,1.45vw,20px);line-height:1.7}.start-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#100b1da3;border-radius:22px;grid-template-columns:1fr 1fr;gap:14px;max-width:640px;margin-top:36px;padding:18px;display:grid}label{color:#bcb5c7;letter-spacing:.02em;font-size:12px;font-weight:700}label small{color:#716a7d;font-weight:500}input{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff0e;border-radius:11px;outline:none;margin-top:8px;padding:13px 14px}input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #9068ff1f}.input-prefix{align-items:center;display:flex;position:relative}.input-prefix b{color:var(--violet);position:absolute;bottom:12px;left:14px}.input-prefix input{padding-left:32px}.primary-button,.secondary-button{color:#140d22;background:var(--mint);border:0;border-radius:11px;padding:14px 18px;font-weight:800}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.start-card .primary-button{justify-content:space-between;align-self:end;align-items:center;height:48px;display:flex}.privacy-line{color:#746d81;align-self:center;margin:0;font:400 10px/1.5 DM Mono,monospace}.hero-mate{place-items:center;min-height:520px;display:grid;position:relative}.hero-mate:before{content:"";filter:blur(4px);background:radial-gradient(circle,#7c56e433,#0000 66%);border-radius:50%;width:430px;height:430px;position:absolute}.sample-bubble{background:#1e172fe6;border:1px solid #ffffff29;border-radius:19px 19px 19px 5px;max-width:270px;padding:18px 20px;font-size:15px;line-height:1.5;position:absolute;bottom:14%;right:-1vw;box-shadow:0 18px 55px #00000040}.sample-bubble span{color:var(--mint);text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px;font:500 10px DM Mono,monospace;display:block}.frequency-lines{opacity:.12;z-index:-1;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:7% 0}.frequency-lines i{width:1px;height:var(--h,20%);background:linear-gradient(transparent, var(--violet), transparent);display:block}.frequency-lines i:nth-child(3n){--h:75%}.frequency-lines i:nth-child(4n){--h:50%}.frequency-lines i:nth-child(5n){--h:90%}.surface-strip{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.surface-strip article{border-right:1px solid var(--line);grid-template-columns:48px 1fr;padding:22px 0;display:grid}.surface-strip article:last-child{border:0;padding-left:22px}.surface-strip b{color:#5d5569;grid-row:1/3;font:400 11px DM Mono,monospace}.surface-strip span{font-weight:800}.surface-strip p{color:#746d81;margin:3px 0 0;font-size:12px}.mate-avatar{filter:drop-shadow(0 24px 50px #00000052);place-items:center;width:220px;height:220px;display:grid;position:relative}.mate-core{background:radial-gradient(circle at 38% 28%,#d5c9ff 0 4%,#7e56e9 36%,#352365 68%,#171025 100%);border-radius:48% 52% 44% 56%;width:112px;height:105px;animation:4s ease-in-out infinite breathe;box-shadow:inset -13px -13px 30px #00000059,inset 10px 8px 20px #ffffff1a,0 0 45px #7e56e94d}.mate-eye{background:var(--mint);width:9px;height:13px;box-shadow:0 0 13px var(--mint);z-index:2;border-radius:50%;position:absolute;top:94px}.mate-eye--left{left:92px}.mate-eye--right{right:92px}.mate-orbit{border:1px solid #9776ff73;border-radius:47% 53% 50% 50%;animation:9s linear infinite orbit;position:absolute;inset:28px}.mate-orbit:after{content:"";background:var(--mint);width:9px;height:9px;box-shadow:0 0 14px var(--mint);border-radius:50%;position:absolute;top:18%;left:5%}.mate-orbit--two{border-color:#83f1cc38;animation-duration:13s;animation-direction:reverse;inset:10px 39px}.mate-orbit--two:after{background:var(--violet);width:6px;height:6px;inset:auto 20% 6% auto}.mate-avatar--hyped .mate-core,.mate-avatar--surprised .mate-core{box-shadow:0 0 58px #ff8b8647,inset -13px -13px 30px #00000059}.mate-avatar--hyped .mate-eye,.mate-avatar--surprised .mate-eye{background:var(--coral);box-shadow:0 0 13px var(--coral)}.mate-avatar--small{transform-origin:0 100%;width:100px;height:100px;margin-right:-20px;transform:scale(.72)}.mate-avatar--small .mate-core{width:68px;height:65px}.mate-avatar--small .mate-eye{width:6px;height:8px;top:45px}.mate-avatar--small .mate-eye--left{left:42px}.mate-avatar--small .mate-eye--right{right:42px}@keyframes breathe{50%{transform:translateY(-6px)scale(1.025)}}@keyframes orbit{to{transform:rotate(360deg)}}.studio-shell{min-height:100vh;padding:0 clamp(18px,3vw,52px) 48px}.studio-topbar a{color:var(--muted);font-size:12px;font-weight:700}.topbar-actions{align-items:center;gap:24px;display:flex}.status-pill{color:#8d849c;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;font:500 10px DM Mono,monospace;display:inline-flex}.status-pill>span{background:currentColor;border-radius:50%;width:7px;height:7px}.status-pill--live{color:var(--coral)}.status-pill--rehearsal{color:var(--mint)}.status-pill--live>span{box-shadow:0 0 10px var(--coral);animation:1.5s infinite pulse}@keyframes pulse{50%{opacity:.35}}.studio-heading{justify-content:space-between;align-items:end;gap:24px;padding:34px 0 26px;display:flex}.studio-heading h1{letter-spacing:-.045em;margin:4px 0 0;font-size:clamp(34px,4vw,54px)}.broadcast-controls{border:1px solid var(--line);background:#0d0917;border-radius:12px;padding:4px;display:flex}.broadcast-controls button{color:#82798f;background:0 0;border:0;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:800}.broadcast-controls .go-live{color:#1c0f17;background:var(--coral)}.go-live span{background:#1c0f17;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.notice{color:#ffb4af;background:#ff8b8614;border:1px solid #ff8b8645;border-radius:10px;margin-bottom:18px;padding:12px 15px;font-size:12px}.studio-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);align-items:start;gap:16px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:18px;padding:19px}.panel-title{justify-content:space-between;align-items:center;min-height:30px;margin-bottom:16px;display:flex}.panel-title>div{align-items:center;gap:11px;display:flex}.panel-title h2{margin:0;font-size:14px}.panel-title>div>span{color:#5f566d;font:400 10px DM Mono,monospace}.capture-light{color:#655d71;text-transform:uppercase;align-items:center;gap:7px;font:400 9px DM Mono,monospace;display:flex}.capture-light:before{content:"";background:#5a5362;border-radius:50%;width:6px;height:6px}.capture-light--on{color:var(--coral)}.capture-light--on:before{background:var(--coral);box-shadow:0 0 9px var(--coral)}.game-preview{aspect-ratio:16/9;background:linear-gradient(145deg,#0b0812,#151020);border:1px dashed #ffffff21;border-radius:13px;place-items:center;display:grid;overflow:hidden}.game-preview video{object-fit:contain;background:#000;width:100%;height:100%;display:none}.game-preview--active video{display:block}.capture-empty{text-align:center;max-width:350px;padding:24px}.capture-empty h3{margin:14px 0 7px;font-size:17px}.capture-empty p{color:#776f83;margin:0 0 18px;font-size:12px;line-height:1.6}.capture-empty .primary-button{padding:11px 15px;font-size:12px}.window-glyph{border:1px solid #655979;border-radius:6px;gap:4px;width:56px;height:38px;margin:auto;padding:6px;display:flex}.window-glyph span{background:var(--violet);border-radius:50%;width:4px;height:4px}.capture-actions{align-items:center;gap:16px;padding-top:13px;display:flex}.capture-actions .primary-button{padding:11px 16px;font-size:12px}.text-button{color:#7e758b;background:0 0;border:0;margin-left:auto;font-size:11px}.switch-row{cursor:pointer;color:#82798f;align-items:center;gap:8px;font-size:10px;display:flex}.switch-row input{opacity:0;width:1px;position:absolute}.switch-row span{background:#393143;border-radius:20px;width:28px;height:16px;position:relative}.switch-row span:after{content:"";background:#81788d;border-radius:50%;width:10px;height:10px;transition:all .2s;position:absolute;top:3px;left:3px}.switch-row input:checked+span{background:#83f1cc3d}.switch-row input:checked+span:after{background:var(--mint);left:15px}.switch-row--violet input:checked+span{background:#9068ff47}.switch-row--violet input:checked+span:after{background:#b9a2ff}.auto-interval{color:#82798f;align-items:center;gap:7px;font-size:10px;display:flex}.auto-interval select{border:1px solid var(--line);color:#cfc5df;background:#211832;border-radius:8px;padding:7px 8px;font-size:10px}.auto-interval select:disabled{opacity:.45}.privacy-callout{background:#83f1cc09;border:1px solid #83f1cc21;border-radius:11px;grid-template-columns:1fr auto;gap:3px 18px;margin-top:15px;padding:14px 15px;display:grid}.privacy-callout b{font-size:11px}.privacy-callout p{color:#777081;margin:3px 0 0;font-size:10px;line-height:1.55}.privacy-callout .switch-row{grid-area:1/2/3}.mate-stage{background:radial-gradient(circle at 50% 42%,#734fd526,#0000 48%);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:365px;display:flex}.reaction-card{border:1px solid var(--line);background:#0c0814ba;border-radius:13px;width:100%;padding:15px 17px}.reaction-card span,.overlay-bubble span{color:var(--mint);text-transform:uppercase;letter-spacing:.1em;font:500 9px DM Mono,monospace}.reaction-card p{margin:7px 0 0;font-size:13px;line-height:1.55}.icon-switch input{opacity:0;position:absolute}.icon-switch span{color:#81788c;text-transform:uppercase;font:500 9px DM Mono,monospace}.manual-reaction{margin-top:14px}.manual-reaction>div{gap:8px;display:flex}.manual-reaction input{margin-top:6px;padding:10px 12px;font-size:11px}.manual-reaction button{color:#aa96e8;background:#322744;border:0;border-radius:9px;margin-top:6px;padding:0 12px;font-size:10px;font-weight:800}.voice-rehearsal{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 12px;margin-top:15px;padding-top:14px;display:grid}.voice-rehearsal b{font-size:11px}.voice-rehearsal p{color:#777081;margin:4px 0 0;font-size:10px;line-height:1.45}.voice-button{color:var(--mint);background:#83f1cc14;border:1px solid #83f1cc40;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:800}.voice-button--active{color:#ffb4af;background:#ff8b861a;border-color:#ff8b8673}.voice-transcript{color:#aaa2ba;white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:10px;line-height:1.5;overflow:hidden}.settings-panel{grid-column:1}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form-grid .wide{grid-column:1/-1}.secondary-button{color:#c8b8f8;background:#36284c;margin-top:14px;padding:11px 15px;font-size:11px}.output-panel{grid-area:2/2}.output-link{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.output-link span{flex-direction:column;gap:4px;display:flex}.output-link b{font-size:11px}.output-link small{color:#6e6679;font:400 9px DM Mono,monospace}.output-link i{color:var(--mint);font:9px DM Mono,monospace}.output-help{color:#6e6679;margin:13px 0 0;font-size:9px;line-height:1.6}.live-shell{background:radial-gradient(circle at 70% 20%,#774fdd33,#0000 36rem),#0c0814;min-height:100vh;padding:0 clamp(20px,4vw,64px) 30px}.live-meta{color:#8c8398;align-items:center;gap:22px;font-size:11px;display:flex}.live-title{padding:30px 0 20px}.live-title p{color:var(--mint);text-transform:uppercase;letter-spacing:.14em;margin:0;font:500 10px DM Mono,monospace}.live-title h1{letter-spacing:-.045em;margin:4px 0 0;font-size:clamp(30px,4vw,58px)}.broadcast-stage{border:1px solid var(--line);background:#050308;border-radius:20px;min-height:65vh;position:relative;overflow:hidden}.broadcast-stage iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.awaiting-stream{color:#635a70;align-content:center;place-items:center;gap:30px;font:400 12px DM Mono,monospace;display:grid;position:absolute;inset:0}.signal-rings{width:110px;height:110px;position:relative}.signal-rings i{border:1px solid #9068ff59;border-radius:50%;animation:3s ease-out infinite signal;position:absolute;inset:0}.signal-rings i:nth-child(2){animation-delay:1s}.signal-rings i:nth-child(3){animation-delay:2s}@keyframes signal{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.2)}}.live-mate{z-index:2;align-items:end;display:flex;position:absolute;bottom:28px;left:28px}.overlay-bubble{background:#0f0a18e6;border:1px solid #ffffff29;border-radius:16px 16px 16px 4px;max-width:410px;padding:14px 17px;box-shadow:0 14px 40px #00000059}.overlay-bubble p{margin:6px 0 0;font-size:13px;line-height:1.45}.live-footer{color:#5e5669;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:14px 4px;font:400 9px DM Mono,monospace;display:flex}html[data-surface=overlay],html[data-surface=overlay] body,html[data-surface=overlay] #root{overflow:hidden;background:0 0!important}.overlay-shell{background:0 0;width:100vw;height:100vh;position:relative}.overlay-mate{align-items:end;display:flex;position:absolute;bottom:5vh;left:5vw}.overlay-mate>.mate-avatar{width:160px;height:160px}.overlay-mate .mate-core{width:85px;height:80px}.overlay-mate .mate-eye{top:70px}.overlay-mate .mate-eye--left{left:64px}.overlay-mate .mate-eye--right{right:64px}.overlay-mate .overlay-bubble{opacity:.55;max-width:520px;margin-bottom:17px;margin-left:-18px;transition:all .35s;transform:translateY(5px)}.overlay-mate .overlay-bubble--active{opacity:1;transform:translateY(0)}.overlay-mate .overlay-bubble p{font-size:clamp(16px,1.4vw,24px);font-weight:700}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-mate{min-height:390px}.studio-grid{grid-template-columns:1fr}.settings-panel,.output-panel{grid-area:auto/1}.mate-panel{grid-row:2}.studio-heading{flex-direction:column;align-items:flex-start}.surface-strip article{grid-template-columns:34px 1fr}.sample-bubble{right:4%}}@media (width<=620px){.home-shell,.studio-shell{padding-left:16px;padding-right:16px}.topbar .eyebrow{display:none}.hero h1{font-size:45px}.start-card{grid-template-columns:1fr}.privacy-line{padding:4px}.surface-strip{grid-template-columns:1fr}.surface-strip article,.surface-strip article:last-child{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.hero-mate{margin:-45px;transform:scale(.86)}.studio-heading{padding-top:25px}.broadcast-controls{width:100%}.broadcast-controls button{flex:1}.capture-actions{flex-wrap:wrap}.text-button{margin-left:0}.privacy-callout{grid-template-columns:1fr}.privacy-callout .switch-row{grid-area:auto/1;margin-top:9px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:1}.live-mate{bottom:10px;left:10px}.live-footer{gap:12px}.overlay-mate{transform-origin:0 100%;bottom:1vh;left:1vw;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}