:root{--ink:#f7f4ee;--muted:#9995a3;--panel:#17161d;--line:rgba(255,255,255,.09);--violet:#8b5cf6;--coral:#ff7c66}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0d0c12;color:var(--ink);font-family:Tahoma,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.landing-shell{min-height:100vh;display:grid;place-items:center;padding:30px 18px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 0,#21192f 0,transparent 44%),#0d0c12}.ambient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22}.ambient.one{width:440px;height:440px;background:#8b5cf6;top:-220px;right:-80px}.ambient.two{width:360px;height:360px;background:#ff765d;bottom:-230px;left:-100px}.landing-card{width:min(1040px,100%);min-height:680px;border:1px solid var(--line);border-radius:30px;padding:38px 50px 30px;position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto 1fr auto;gap:38px 62px;background:linear-gradient(145deg,rgba(31,28,41,.96),rgba(18,17,24,.95));box-shadow:0 34px 100px #0007}.brand{display:flex;align-items:center;gap:11px;font-size:20px}.logo{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--coral),#ec4899 52%,var(--violet));box-shadow:0 8px 24px #ec489940}.hero{align-self:center}.eyebrow{display:inline-block;padding:8px 12px;border:1px solid #8b5cf647;background:#8b5cf617;border-radius:999px;color:#c4b5fd;font-size:12px}.hero h1{font-size:clamp(43px,6vw,72px);line-height:1.12;letter-spacing:-3.5px;margin:24px 0 20px}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#ff8b73,#ec6fa9,#a78bfa);background-clip:text}.hero p{color:#b9b5c2;line-height:2;max-width:550px;margin:0;font-size:16px}.entry{align-self:center;padding:27px;border-radius:22px;border:1px solid var(--line);background:#08080c61}.entry label{display:block;font-size:13px;color:#c9c6d0;margin-bottom:9px}.entry>input,.messageform input,.linkbar input{color:#fff;outline:0;border:1px solid var(--line);background:#111016}.entry>input{width:100%;height:50px;padding:0 15px;border-radius:13px}input:focus{border-color:#8b5cf6b3!important;box-shadow:0 0 0 3px #8b5cf61a}.primary{width:100%;height:50px;border:0;border-radius:13px;margin-top:13px;color:#fff;font-weight:700;background:linear-gradient(110deg,#ef735f,#df5f9b 48%,#8256e8)}.divider{display:flex;align-items:center;gap:12px;color:#777482;font-size:11px;margin:21px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.join{display:flex;gap:10px}.join input{min-width:0;flex:1;height:47px;border-radius:12px;padding:0 13px;text-align:center;letter-spacing:3px;color:#fff;background:#111016;border:1px solid var(--line)}.join button{width:82px;border:1px solid var(--line);background:#25222d;color:#fff;border-radius:12px;font-weight:700}.error{color:#ff9a8b;font-size:12px;line-height:1.7;margin:13px 0 0}.features{grid-column:1/-1;display:flex;justify-content:center;gap:34px;border-top:1px solid var(--line);padding-top:25px;color:#96929f;font-size:12px}.app-shell{min-height:100vh;background:radial-gradient(circle at 50% -20%,#21192e 0,transparent 38%),#0d0c12}.topbar{height:72px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;background:#0d0c12d4;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.logo.small{width:34px;height:34px;border-radius:11px;font-size:13px}.room-pill{font-size:12px;letter-spacing:1px;direction:ltr;display:flex;align-items:center;gap:8px;color:#bcb8c6;border:1px solid var(--line);border-radius:999px;padding:8px 13px}.room-pill i,.sync i{width:7px;height:7px;border-radius:50%;background:#52d99e;box-shadow:0 0 0 4px #52d99e1a}.invite{justify-self:end;color:#ddd9e5;border:1px solid var(--line);background:#1c1a22;border-radius:11px;padding:10px 14px;font-size:12px}.workspace{width:min(1480px,100%);margin:auto;padding:24px 28px 34px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;height:calc(100vh - 72px)}.watch{min-width:0;overflow:auto}.linkbar{height:56px;border:1px solid var(--line);border-radius:15px;background:var(--panel);display:flex;align-items:center;gap:12px;padding:7px 8px 7px 16px;margin-bottom:16px}.linkbar input{height:100%;flex:1;border:0;background:transparent;box-shadow:none;direction:ltr;text-align:left;min-width:0}.linkbar button{height:41px;border:0;border-radius:10px;padding:0 18px;background:linear-gradient(120deg,#ef735f,#8b5cf6);color:#fff;font-weight:700}.player{width:100%;aspect-ratio:16/9;max-height:calc(100vh - 270px);min-height:310px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#07070a;box-shadow:0 22px 60px #0006}.player video,.player iframe{width:100%;height:100%;display:block;border:0;object-fit:contain}.empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#777380;background:radial-gradient(circle at 50% 45%,#171421 0,#09090c 50%)}.empty>span{width:62px;height:62px;border:1px solid #8b5cf64d;background:#8b5cf614;border-radius:20px;display:grid;place-items:center;color:#a78bfa;font-size:26px}.empty h2{color:#ddd9e4;font-size:20px;margin:19px 0 5px}.empty p{font-size:12px}.sync{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;color:#888492;font-size:11px}.sync button{border:1px solid var(--line);background:#1b1921;color:#e7e3ec;border-radius:10px;padding:9px 13px}.sync>span{display:flex;align-items:center;gap:8px}.share{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.share>div{min-width:0}.share small{display:block;color:#777380;margin-bottom:5px}.share strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#bdb9c5;font-size:11px;font-weight:400;white-space:nowrap}.share button{width:38px;height:38px;border:1px solid var(--line);background:#24212c;color:#fff;border-radius:10px}.box{padding:9px 12px;border:1px solid #ff7c6633;background:#ff7c6612;border-radius:10px}.chat{height:100%;min-height:0;border:1px solid var(--line);background:#17161df0;border-radius:20px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.chathead{padding:18px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chathead h2{margin:0 0 5px;font-size:15px}.chathead p{margin:0;color:#777380;font-size:10px}.avatars{display:flex;direction:ltr}.avatars span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin-left:-7px;border:2px solid var(--panel);font-size:11px;background:linear-gradient(135deg,#ee7566,#8b5cf6)}.messages{min-height:0;overflow-y:auto;padding:18px 15px;display:flex;flex-direction:column;gap:15px}.emptychat{margin:auto;text-align:center;color:#706c79;font-size:18px}.emptychat p{font-size:11px;line-height:1.8}.message{align-self:flex-start;max-width:88%}.message.mine{align-self:flex-end}.meta{display:flex;gap:8px;color:#706c79;font-size:9px;margin:0 7px 5px}.meta b{color:#a7a3af;font-size:10px}.message>p{margin:0;padding:10px 12px;border-radius:13px 13px 13px 3px;background:#292631;color:#ddd9e4;font-size:12px;line-height:1.75;overflow-wrap:anywhere}.message.mine>p{background:linear-gradient(135deg,#7650d4,#9f5fc8);color:#fff;border-radius:13px 13px 3px 13px}.messageform{border-top:1px solid var(--line);padding:12px;display:flex;gap:8px}.messageform input{flex:1;min-width:0;height:43px;border-radius:12px;padding:0 12px}.messageform button{width:43px;height:43px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#ee7566,#8b5cf6)}@media(max-width:900px){.landing-card{grid-template-columns:1fr;padding:30px;gap:25px}.hero{text-align:center}.features{gap:18px;flex-wrap:wrap}.workspace{grid-template-columns:1fr;height:auto}.chat{height:560px}.player{min-height:0;max-height:none}.topbar{padding:0 16px}}@media(max-width:560px){.landing-shell{padding:0}.landing-card{min-height:100vh;border-radius:0;padding:24px 18px}.hero h1{font-size:44px;letter-spacing:-2.5px}.topbar{grid-template-columns:auto 1fr auto;gap:8px}.topbar .brand b{display:none}.invite{font-size:0}.invite:first-letter{font-size:16px}.workspace{padding:14px 12px}.linkbar{height:auto;flex-wrap:wrap;padding:10px}.linkbar input{height:40px;flex-basis:calc(100% - 32px)}.linkbar button{width:100%}.sync{align-items:flex-start;gap:10px;flex-direction:column}.chat{height:500px}}
.voicebar{margin:0 0 13px;border:1px solid var(--line);background:linear-gradient(120deg,#17161d,#1d1828);border-radius:14px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.voicebar b{display:block;font-size:12px;margin-bottom:5px}.voicebar small{display:block;color:#85818e;font-size:10px}.voicebar button{border:1px solid #8b5cf666;background:#8b5cf61f;color:#d9cdfd;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:700}.voicebar button.on{border-color:#52d99e66;background:#52d99e1a;color:#86efc1}