@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f1ee;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#101116;--panel:#1b1c22d1;--panel-soft:#ffffff09;--line:#ffffff16;--muted:#92939d;--soft:#c2c0c1;--accent:#e6b889;--accent-bright:#f1c99e;--accent-dark:#c78b61;--success:#79c9a2;--danger:#f19d91;background:#101116;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 51% -30%,#795b4626,#0000 55%),linear-gradient(#121318 0%,#101116 62%,#121216 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}[hidden]{display:none!important}.page-glow{z-index:-1;pointer-events:none;filter:blur(1px);position:fixed}.page-glow-one{background:radial-gradient(circle,#7b52391c,#0000 67%);width:620px;height:620px;top:40px;left:-370px}.page-glow-two{background:radial-gradient(circle,#4d5d731a,#0000 68%);width:650px;height:650px;top:390px;right:-370px}.app-shell{flex-direction:column;width:min(1160px,100% - 64px);min-height:100vh;margin:0 auto;display:flex}.topbar{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;height:84px;display:flex}.brand{color:#f5f1ed;letter-spacing:-1.05px;align-items:center;gap:11px;font:800 20px/1 Manrope,sans-serif;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(145deg,#e7bb9136,#e7bb910a);border:1px solid #e7bb9185;border-radius:9px;place-items:center;width:29px;height:29px;display:grid;transform:rotate(-4deg)}.brand-mark span{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid var(--accent-bright);width:0;height:0;margin-left:2px}.brand-period{color:var(--accent-bright)}.topbar-right{align-items:center;gap:24px;display:flex}.experiment-badge{color:#d8c0a8;letter-spacing:.025em;background:#bc8b6412;border:1px solid #deb38c2b;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:inline-flex}.badge-dot,.sync-dot,.connection-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 10px #e6b88970}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px}.text-button:hover{color:#f2e8df}.home-view{flex:1;grid-template-columns:1fr 435px;align-content:center;gap:34px 70px;padding:64px 2px 46px;display:grid}.hero-copy{align-self:center;padding:12px 0 24px}.eyebrow{color:#bd9c80;letter-spacing:.16em;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.eyebrow-line{background:var(--accent-dark);width:23px;height:1px}h1,h2,p{margin-top:0}.hero-copy h1,.room-heading h1{letter-spacing:-.065em;margin:23px 0 19px;font:600 clamp(48px,6.1vw,72px)/1.05 Manrope,sans-serif}.hero-copy h1 span,.room-heading h1 span{color:var(--accent)}.hero-description{color:#a6a5aa;max-width:410px;margin:0;font-size:15px;line-height:1.85}.hero-footnote{color:#777981;align-items:center;gap:9px;margin-top:35px;font-size:11px;display:flex}.sparkle{color:var(--accent);font-size:15px}.create-card,.sidebar-card{background:linear-gradient(145deg,#1f2027f0,#191a1fd6);border:1px solid #ffffff16;border-radius:17px;box-shadow:0 20px 65px #00000030,inset 0 1px #ffffff06}.create-card{padding:30px 31px 24px}.card-kicker,.sidebar-kicker{color:#a8917c;letter-spacing:.15em;font-size:9px;font-weight:700}.create-card h2{letter-spacing:-.04em;margin:13px 0 8px;font:600 24px/1.2 Manrope,sans-serif}.card-copy,.sidebar-copy{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.create-form{margin-top:25px}.field-label{color:#c5c2c0;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.input-wrap{position:relative}.input-icon{fill:#827c78;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap input,.change-video-form input,.copy-field input{color:#f1eee9;background:#0a0b0e75;border:1px solid #ffffff18;width:100%;min-width:0}.input-wrap input{border-radius:9px;height:48px;padding:0 14px 0 43px;font-size:12px}input::placeholder{color:#666873}.input-wrap input:focus,.change-video-form input:focus,.copy-field input:focus{border-color:#e6b8897a;outline:none}.form-message{color:var(--danger);margin:9px 0 0;font-size:11px;line-height:1.5}.primary-button{color:#221912;cursor:pointer;background:linear-gradient(105deg,#e2b58c,#c98f68);border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;margin-top:13px;font-size:12px;font-weight:700;transition:filter .15s,transform .15s;display:flex}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.card-divider{color:#696b73;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:25px 0 18px;font-size:8px;font-weight:700;display:grid}.card-divider span:first-child,.card-divider span:last-child{background:#ffffff12;height:1px}.steps-row{justify-content:space-between;gap:9px;display:flex}.step{color:#929199;white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.step-number{color:#cfaa86;font-size:9px;font-weight:700}.experiment-note{color:#a7a4a1;align-items:flex-start;gap:12px;display:flex}.home-view>.experiment-note{background:#ffffff05;border:1px solid #ffffff0e;border-radius:10px;grid-column:1/-1;width:min(100%,520px);padding:15px 17px}.note-icon{width:20px;height:20px;color:var(--accent);background:#ddb0891f;border-radius:6px;flex:none;place-items:center;font-size:11px;display:grid}.experiment-note strong{color:#c9c2bb;margin:1px 0 4px;font-size:10px;font-weight:600;display:block}.experiment-note p{color:#777881;margin:0;font-size:10px;line-height:1.6}.room-view{flex:1;padding:40px 0 48px}.room-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.room-heading h1{margin:10px 0 0;font-size:clamp(32px,4vw,45px)}.role-pill{color:#c6c3c0;background:#ffffff08;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 11px;font-size:10px;display:flex}.role-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.room-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;display:grid}.watch-column{min-width:0}.player-frame{aspect-ratio:16/9;background:#08090c;border:1px solid #ffffff17;border-radius:13px;width:100%;min-height:200px;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000004d}#youtube-player,#youtube-player iframe{width:100%;height:100%;position:absolute;inset:0}#youtube-player iframe{border:0}.player-placeholder{pointer-events:none;background:radial-gradient(#5e4c3d33,#0000 55%),#101116;flex-direction:column;justify-content:center;align-items:center;gap:13px;transition:opacity .18s;display:flex;position:absolute;inset:0}.player-placeholder p{color:#8d8b90;margin:0;font-size:11px}.placeholder-mark{background:#e6b88914;border:1px solid #e6b8893d;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.placeholder-mark span{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid var(--accent);width:0;height:0;margin-left:3px}.player-error{color:#e8c6a8;text-align:center;background:#0a0b0ef5;place-items:center;padding:32px;font-size:13px;line-height:1.6;display:grid;position:absolute;inset:0}.watch-meta{border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.watch-meta-main{color:#9c9ba1;align-items:center;gap:9px;font-size:10px;display:flex}.sync-indicator{color:#c4b29e;align-items:center;gap:7px;display:inline-flex}.sync-dot{width:5px;height:5px}.meta-separator{color:#595a61}.drift-label{color:#767780;text-align:right;font-size:9px}.controller-controls{padding:17px 2px 0}.transport-row{align-items:center;gap:16px;display:flex}.transport-button{min-width:87px;color:var(--accent-bright);cursor:pointer;background:#e6b8891a;border:1px solid #e6b88940;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:700;display:inline-flex}.transport-button:hover:not(:disabled){background:#e6b88929}.transport-button:disabled,.secondary-button:disabled,.rate-control select:disabled{opacity:.45;cursor:not-allowed}.transport-button svg{fill:currentColor;width:14px;height:14px}.timeline-wrap{flex:1;min-width:50px}.timeline{width:100%;height:14px;accent-color:var(--accent);cursor:pointer;display:block}.timeline:disabled{opacity:.44;cursor:not-allowed}.timeline-times{color:#777981;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:1px;font-size:9px;display:flex}.rate-control{color:#83838b;align-items:center;gap:7px;font-size:9px;display:flex}.rate-control select{color:#d7d3cf;background:#191a20;border:1px solid #ffffff17;border-radius:6px;min-width:55px;padding:6px 7px;font-size:10px}.change-video-form{gap:8px;margin-top:14px;display:flex}.change-video-form input{border-radius:7px;height:37px;padding:0 11px;font-size:10px}.secondary-button{color:#d4d0cc;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:7px;flex:none;padding:0 12px;font-size:10px;font-weight:600}.secondary-button:hover:not(:disabled){color:#f0d0b0;border-color:#e6b88961}.enable-playback-wrap{z-index:1;position:absolute;inset:0}.enable-playback-button{color:#e0c3a6;text-align:center;cursor:pointer;background:#0a0b0ec7;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:24px;display:flex}.enable-playback-button:hover{background:#0a0b0eb3}.enable-playback-button:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}.enable-playback-button strong{font-size:clamp(18px,2.5vw,24px)}.enable-playback-button span{color:#c1b8af;font-size:13px}.enable-playback-button .enable-playback-icon{width:58px;height:58px;color:var(--accent-bright);background:#e6b8891f;border:1px solid #e6b88966;border-radius:50%;place-items:center;padding-left:3px;font-size:23px;display:grid}.room-sidebar{gap:13px;display:grid}.sidebar-card{border-radius:12px;padding:18px}.sidebar-card-heading{align-items:center;gap:11px;display:flex}.sidebar-icon{border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:17px;display:grid}.room-icon{color:#85caa6;background:#7abe9d1a}.share-icon{color:var(--accent);background:#e6b8891a}.audio-icon{color:#9aabd9;background:#889ccf1a}.sidebar-card-heading h2{color:#e7e3df;letter-spacing:-.025em;margin:4px 0 0;font:600 14px/1.2 Manrope,sans-serif}.connection-row{color:#aaa8aa;align-items:center;gap:8px;margin-top:17px;font-size:10px;display:flex}.connection-dot{width:6px;height:6px;box-shadow:none;background:#d4a377}.connection-dot.connected{background:var(--success);box-shadow:0 0 9px #79c9a24d}.connection-dot.offline{background:var(--danger);box-shadow:none}.room-notice{color:#c7b29e;background:#e6b8890b;border:1px solid #e6b8891f;border-radius:7px;margin:12px 0 0;padding:9px 10px;font-size:9px;line-height:1.55}.share-card .sidebar-copy{margin:10px 0 16px}.copy-field{align-items:stretch;gap:6px;display:flex}.copy-field input{color:#aaa8a8;text-overflow:ellipsis;border-radius:6px;height:34px;padding:0 9px;font-size:9px;overflow:hidden}.copy-button{color:#aca6a0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex:none;place-items:center;width:35px;height:34px;display:grid}.copy-button:hover{color:var(--accent);border-color:#e6b8894d}.copy-button svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.controller-share-block{border-top:1px solid #ffffff12;margin-top:17px;padding-top:15px}.private-label{color:#d0b28f;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.lock-icon{font-size:14px;transform:rotate(180deg)}.private-copy{color:#77777f;margin:7px 0 10px;font-size:9px;line-height:1.5}.copy-feedback{min-height:13px;color:var(--success);margin:8px 0 0;font-size:9px}.audio-card .sidebar-copy{margin:9px 0 15px}.audio-controls{align-items:center;gap:11px;display:flex}.mute-button{color:#aaaec4;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:7px;flex:none;place-items:center;width:29px;height:29px;display:grid}.mute-button:disabled{opacity:.45;cursor:not-allowed}.mute-button svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.volume-slider{accent-color:#96a5d1;width:100%}.volume-slider:disabled{opacity:.4}.sidebar-note{padding:1px 4px 0}.sidebar-note .note-icon{width:17px;height:17px;font-size:9px}.sidebar-note strong{color:#a9a5a2;font-size:9px}.sidebar-note p{font-size:9px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer{color:#63656d;border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;min-height:56px;font-size:9px;display:flex}.footer-divider{color:#494a51;padding:0 5px}.toast{z-index:5;color:#e3ded9;background:#25262c;border:1px solid #ffffff1f;border-radius:9px;max-width:min(360px,100% - 40px);padding:12px 15px;font-size:11px;line-height:1.45;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 36px #00000059}@media (width<=850px){.app-shell{width:min(680px,100% - 40px)}.home-view{grid-template-columns:1fr;gap:25px;max-width:530px;margin:auto;padding-top:48px}.hero-copy{padding:0}.hero-copy h1{margin-top:16px;font-size:clamp(47px,10vw,65px)}.hero-footnote{margin-top:20px}.home-view>.experiment-note{grid-column:auto}.room-layout{grid-template-columns:1fr}.room-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sidebar-note{grid-column:1/-1}}@media (width<=560px){.app-shell{width:calc(100% - 32px)}.topbar{height:70px}.experiment-badge{padding:7px 9px;font-size:9px}.topbar-right{gap:12px}.home-view{padding:39px 0 32px}.hero-copy h1{font-size:48px}.hero-description{font-size:13px}.create-card{padding:24px 20px 20px}.steps-row{gap:5px}.step{gap:5px;font-size:8px}.room-view{padding:31px 0 36px}.room-heading{align-items:flex-start;gap:10px}.room-heading h1{max-width:280px;font-size:34px}.role-pill{padding:7px 8px;font-size:9px}.room-layout{gap:15px}.player-frame{border-radius:9px;min-height:200px}.watch-meta{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:10px 0}.drift-label{text-align:left}.transport-row{flex-wrap:wrap;gap:11px}.transport-button{min-width:78px}.timeline-wrap{flex-basis:100%;order:2}.rate-control{margin-left:auto}.change-video-form{flex-direction:column}.change-video-form .secondary-button{min-height:36px}.room-sidebar{grid-template-columns:1fr}.sidebar-note{grid-column:auto}.footer{gap:8px;font-size:8px}}