:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090a0f;color:#f4f0ef;font-synthesis:none;--red:#e14551;--muted:#9b99a1;--line:#2a2931;--panel:#14151c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f36870;outline-offset:3px}a{color:inherit;text-decoration:none}.shell{width:min(1400px,calc(100% - 88px));margin:auto}.site{overflow:hidden;background:radial-gradient(ellipse 55% 45% at 88% 9%,#2c1823 0%,transparent 70%),#090a0f;min-height:100vh}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.13em;font-size:17px}.brand-mark{display:inline-grid;place-items:center;background:var(--red);height:35px;width:35px;border-radius:11px;color:white;font-size:15px;letter-spacing:0;box-shadow:0 6px 30px #de454a2c}.brand-accent{color:var(--red)}.brand small{font-size:9px;letter-spacing:.13em;color:#d1c1c5;border:1px solid #4c333d;border-radius:3px;padding:3px 5px;margin-left:4px}nav{display:flex;align-items:center;gap:36px}.nav-tag,.mini-label,.eyebrow,.live-label{font-size:10px;letter-spacing:.19em;font-weight:780;color:#d4c9cf}.pulse-dot{display:inline-block;width:7px;height:7px;background:#d63f51;border-radius:50%;box-shadow:0 0 0 4px #d63f5126;vertical-align:middle;margin-right:10px}.nav-link{border:0;background:none;color:#f5ecec;font-size:12px;letter-spacing:.03em}.hero{min-height:650px;display:grid;grid-template-columns:1.01fr .99fr;align-items:center;gap:30px;padding:60px 0 90px;position:relative}.hero-content{z-index:2}.eyebrow{color:#f2b6bb;white-space:nowrap;font-size:9px}.line-dash{display:inline-block;width:35px;height:1px;background:#79454d;vertical-align:middle;margin:0 10px}.hero h1{font-weight:780;letter-spacing:-.064em;line-height:1.04;font-size:clamp(58px,6vw,100px);margin:24px 0 28px}.hero h1 em{font-weight:350;font-style:normal;color:#9b9299}.hero h1 .serif{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-style:italic;letter-spacing:-.085em;color:#ed6d78}.hero-content>p{color:#b4aeb7;line-height:1.83;max-width:480px;font-size:15px}.hero-actions{display:flex;gap:14px;margin-top:37px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:8px;min-height:48px;padding:0 21px;font-size:13px;font-weight:690;letter-spacing:.015em;transition:transform .18s ease,background .18s ease,border-color .18s ease;border:1px solid transparent}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn.primary{background:#e54a56;color:white;box-shadow:0 10px 30px #ba23332b}.btn.primary:hover{background:#f15c66}.btn.ghost{background:transparent;color:#eae3e7;border-color:#5d515b}.btn.ghost:hover{border-color:#bd858b}.btn.outline{background:#211e25;border-color:#463e47;color:#f2e8ec}.btn.quiet{background:#242129;border-color:#302b34;color:#ddd6dd}.btn.small{min-height:36px;font-size:11px;padding:0 12px}.btn.full{width:100%}.btn .arrow{margin-left:12px}.hero-foot{display:flex;gap:15px;align-items:center;margin-top:54px}.stacked-avatars{display:flex;padding-left:5px}.stacked-avatars i{display:grid;place-items:center;width:32px;height:32px;margin-left:-6px;border:2px solid #08080e;border-radius:50%;font-size:12px;background:#4b2c39;font-style:normal;color:#efbdc2}.stacked-avatars i:nth-child(2){background:#705545}.stacked-avatars i:nth-child(3){background:#39485d}.stacked-avatars i:nth-child(4){background:#35323c}.hero-foot span{font-size:11px;color:#97909a;line-height:1.6}.hero-foot strong{font-weight:600;color:#ece0e5}.hero-art{height:590px;position:relative;display:grid;place-items:center;perspective:900px}.art-glow{position:absolute;width:550px;height:510px;border-radius:50%;background:radial-gradient(ellipse,#84304350,transparent 70%);filter:blur(30px)}.art-orbit{position:absolute;border:1px solid #9e3c4c22;border-radius:50%;width:690px;height:460px;transform:rotate(-25deg)}.orb-2{width:560px;height:340px;transform:rotate(23deg)}.art-poster{width:min(80%,460px);height:490px;position:relative;overflow:hidden;border:1px solid #7d53624d;border-radius:18px;background:radial-gradient(circle at 60% 24%,#b97c7c66,transparent 40%),linear-gradient(150deg,#452735 3%,#291e36 45%,#11131d 85%);box-shadow:20px 40px 120px #000a,-15px 10px 80px #bf3f4521;transform:rotate(3deg)}.poster-kicker{position:absolute;z-index:2;left:30px;top:26px;font-size:8px;letter-spacing:.3em;color:#f5b6bc}.poster-moon{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffceac,#e0a2a0 38%,#c8737c 70%,#9b5868);box-shadow:0 0 80px #ffa9a85b;top:52px;left:115px}.poster-hills{position:absolute;left:-20%;bottom:54px;width:140%;height:53%;border-radius:50% 50% 0 0;transform:rotate(-13deg);background:linear-gradient(15deg,#10151e 10%,#3a303f 70%,transparent);box-shadow:0 -20px 60px #111321aa}.poster-hills:after{content:'';position:absolute;inset:80px -60px -120px 30%;background:linear-gradient(25deg,#14151c,#22232f);border-radius:60% 0 0 0;transform:rotate(17deg)}.poster-title{position:absolute;left:29px;bottom:113px;font-size:43px;line-height:.95;font-weight:780;letter-spacing:.055em;text-shadow:0 5px 35px #000e;z-index:2}.poster-sub{position:absolute;left:31px;bottom:88px;color:#f5ced1;font-size:8px;letter-spacing:.15em;z-index:2}.poster-sub span{margin:0 10px}.poster-controls{position:absolute;z-index:4;left:0;right:0;bottom:0;height:56px;display:flex;align-items:center;gap:12px;background:#101016de;padding:0 23px;font-size:9px}.poster-play{color:#f47e87}.poster-line{flex:1;height:3px;background:#54454c;border-radius:8px}.poster-line i{display:block;width:37%;height:100%;background:#e14856;border-radius:8px}.art-float{position:absolute;z-index:5;bottom:37px;left:2%;display:flex;flex-direction:column;gap:9px;background:#18151ddf;border:1px solid #63445455;padding:15px 20px;border-radius:12px;backdrop-filter:blur(15px);box-shadow:0 10px 35px #0009;transform:rotate(-3deg)}.float-live{font-size:9px;letter-spacing:.16em;color:#ed808c;font-weight:740}.float-members{font-size:12px;color:#eee}.features{padding:55px 0 115px;border-top:1px solid #25212a}.features-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.mini-label{color:#e18e96;font-size:9px}.features-heading h2{font-family:Georgia,serif;font-weight:normal;font-style:italic;letter-spacing:-.05em;font-size:clamp(31px,4vw,48px);margin:16px 0 0}.features-heading p{max-width:260px;color:#a89eaa;line-height:1.7;font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:linear-gradient(150deg,#1e1a23,#14141a);border:1px solid #322d35;min-height:238px;padding:28px;border-radius:12px;display:flex;flex-direction:column}.feature-icon{font-size:33px;color:#d95762;line-height:1}.feature-card h3{margin:30px 0 7px;font-size:18px}.feature-card p{color:#a69ca7;font-size:12px;line-height:1.75;max-width:290px;margin:0}.feature-card>span{margin-top:auto;padding-top:22px;font-size:9px;color:#a06870;letter-spacing:.15em}.footer{min-height:75px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;letter-spacing:.16em;color:#807680}dialog{border:1px solid #62505a;background:linear-gradient(145deg,#231c25,#121217);padding:31px;border-radius:16px;color:#f5eced;box-shadow:0 40px 150px #000b;width:min(450px,calc(100vw - 32px));max-height:calc(100vh - 45px);overflow-y:auto}dialog::backdrop{background:#010105cc;backdrop-filter:blur(7px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}.icon-button{color:#fff;font-size:26px;background:none;border:0;line-height:1}dialog h2{font-family:Georgia,serif;font-size:33px;font-style:italic;letter-spacing:-.04em;font-weight:normal;margin:24px 0 8px}dialog p{font-size:12px;color:#b9aab4;line-height:1.7;margin:0 0 24px}.field{display:block;margin:17px 0}.field label,.field>label{display:block;font-size:10px;font-weight:700;letter-spacing:.13em;margin-bottom:9px;color:#d6c4cd}.field small{font-size:8px;color:#a9919a}.field input,dialog input:not([type=file]){display:block;width:100%;border:1px solid #453941;border-radius:7px;background:#0d0e13;color:#fff;min-height:46px;padding:0 13px;outline:none}.field input:focus{border-color:#e15e67}#auth-form>.btn{margin-top:17px}.form-error{font-size:12px;color:#ff98a1;margin-top:10px;min-height:12px}.divider-label{display:flex;align-items:center;gap:12px;margin:21px 0;font-size:10px;color:#a28a95;letter-spacing:.14em}.divider-label:after,.divider-label:before{content:'';flex:1;height:1px;background:#423540}.fine-print{margin:18px 0 0!important;font-size:10px!important}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;height:100vh}.room-site{min-height:100vh;background:radial-gradient(ellipse 60% 50% at 0% 0%,#271722 0,transparent 72%),#0b0a0f}.room-site .site-header{height:79px;border-bottom:1px solid #26212b}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;padding:28px 0 60px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0 25px}.room-heading h1{font-weight:650;letter-spacing:-.035em;margin:10px 0 0;font-size:29px}.room-heading h1 span{font-family:Georgia,serif;font-style:italic;font-weight:normal;color:#b8a8b2}.room-meta{display:flex;align-items:center;gap:12px}.live-label{color:#e15d67;margin-left:14px}.connection-pill{border:1px solid #28584f;background:#14302a;color:#6fd1a1;border-radius:30px;font-size:9px;letter-spacing:.08em;padding:10px 12px;white-space:nowrap}.connection-pill.offline{background:#3b261c;border-color:#886444;color:#f9ae7d}.cinema-shell{border:1px solid #38303a;border-radius:14px;overflow:hidden;background:#15131b;box-shadow:0 15px 45px #0005}.player-container{aspect-ratio:16/9;background:radial-gradient(ellipse at center,#261c28,#100f15 70%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.player-container video,.player-embed,.player-embed iframe{height:100%;width:100%;object-fit:contain;border:0}.player-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;padding:25px;color:#a898a5}.player-empty strong{font-family:Georgia,serif;font-size:27px;font-weight:normal;color:#eee4e7}.player-empty span:not(.icon-big){max-width:300px;font-size:12px;line-height:1.7}.icon-big{font-size:48px;color:#ee5265}.pick-label{font-size:12px}.video-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px}.now-playing h3{margin:6px 0;font-size:17px;font-weight:650}.now-playing>span:last-child{font-size:11px;color:#9e909b}.room-source-actions{display:flex;gap:9px}.playback-bar{padding:22px 16px 8px}.playback-row{display:flex;gap:12px;align-items:center}.circle-control{height:36px;width:36px;border:0;border-radius:50%;background:var(--red);color:#fff}.timestamp{color:#b3a5b0;font-variant-numeric:tabular-nums;font-size:11px;min-width:33px}.playback-row input[type=range]{flex:1;accent-color:#e94f5c;height:4px;min-width:30px}.sync-label{font-size:10px;letter-spacing:.1em;color:#88bdab;white-space:nowrap}.below-video{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;border-top:1px solid #29222b;margin-top:25px}.room-code-view{display:flex;align-items:center;gap:10px;margin-top:7px}.room-code-view strong{font-size:24px;letter-spacing:.25em}.room-code-view button{border:0;background:none;color:#ddd;font-size:18px}.room-control-pills{display:flex;gap:8px;margin-top:8px}.danger-text{color:#f89a9f!important}.side-panel{background:#16131b;border:1px solid #352e38;border-radius:12px;margin-top:7px;display:flex;flex-direction:column;height:min(790px,calc(100vh - 110px));min-height:500px;overflow:hidden}.panel-tabs{display:flex;border-bottom:1px solid #302833}.panel-tab{flex:1;display:flex;gap:10px;align-items:center;justify-content:center;background:none;color:#8b818c;border:0;border-bottom:2px solid transparent;height:60px;font-size:11px;font-weight:800;letter-spacing:.15em}.panel-tab.active{color:#fff;border-color:#e75c68}.panel-tab span{color:#e87983;font-size:10px}.chat-view,.people-view{min-height:0;flex:1;display:flex;flex-direction:column}.chat-view[hidden],.people-view[hidden]{display:none}.chat-begin{text-align:center;padding:34px 18px 21px;border-bottom:1px solid #27232d}.chat-begin>span{display:block;color:#c95768;font-size:29px}.chat-begin strong{display:block;font-family:Georgia,serif;font-weight:normal;font-size:17px;margin-top:8px}.chat-begin p{font-size:10px;color:#8d8290}.messages{overflow:auto;flex:1;padding:17px 16px;min-height:100px}.message{display:flex;gap:9px;padding:9px 0}.message-avatar,.avatar{display:grid;place-items:center;background:#4e303c;border-radius:50%;width:29px;height:29px;font-size:11px;color:#f6d1d6;flex-shrink:0}.message-top{display:flex;align-items:center;gap:9px}.message-top strong{font-size:11px;color:#ffdae0}.message-top time{font-size:9px;color:#807580}.message p{font-size:12px;color:#d1c6cc;line-height:1.6;margin:4px 0;overflow-wrap:anywhere}.chat-form{display:flex;align-items:center;gap:7px;border:1px solid #463b47;background:#25212b;border-radius:8px;margin:15px;padding:5px}.chat-form input{background:transparent;color:#fff;border:0;min-width:0;flex:1;padding:9px;outline:none;font-size:12px}.chat-form button{background:#db4958;border:0;color:white;border-radius:6px;height:32px;width:35px}.panel-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #302731;padding:17px 12px}.panel-bottom .mini-label{font-size:7px;white-space:nowrap;color:#a47f8f}.people-intro{display:flex;justify-content:space-between;padding:23px 19px;font-size:12px;border-bottom:1px solid #322d36}.people-intro span{font-size:10px;color:#85b3a2}.person{display:flex;align-items:center;padding:13px 17px;gap:11px;border-bottom:1px solid #292530}.person-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.person-details strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-details small{font-size:9px;color:#958a96;letter-spacing:.09em}.presence{height:7px;width:7px;background:#6b5f6c;border-radius:50%}.presence.online{background:#65cb9d}.kick,.queue-item button{background:transparent;border:0;color:#ed747f;font-size:18px}.queue-items{min-height:100px;max-height:260px;overflow:auto;padding:12px 0}.queue-item{display:flex;gap:12px;padding:13px 5px;align-items:center;border-bottom:1px solid #3b303b;font-size:12px}.queue-item strong{flex:1;overflow-wrap:anywhere}.queue-item span{color:#e98189}#toast{position:fixed;z-index:1000;bottom:25px;left:50%;transform:translate(-50%,20px);padding:13px 22px;border-radius:9px;background:#33222a;border:1px solid #7b4c58;box-shadow:0 12px 40px #0008;font-size:13px;color:#fff;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:min(500px,90vw)}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:1100px){.hero h1{font-size:clamp(51px,5.7vw,76px)}.hero-art{height:530px}.art-poster{height:440px}.room-layout{grid-template-columns:minmax(0,1fr) 285px;gap:17px}.panel-bottom{display:none}.room-meta .connection-pill{display:none}.room-heading h1{font-size:25px}.below-video{align-items:start;flex-wrap:wrap}}@media(max-width:850px){.shell{width:min(100% - 40px,720px)}.hero{grid-template-columns:1fr;padding:58px 0 35px}.hero-art{height:455px;order:2}.hero-content{max-width:700px}.hero h1{font-size:clamp(52px,8vw,76px)}.art-poster{width:min(75%,460px);height:420px}.hero-art .art-float{bottom:0;left:5%}.room-layout{display:flex;flex-direction:column}.side-panel{height:550px;margin-top:10px}.room-heading{padding:8px 0 20px}.features{padding-top:40px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:205px}.features-heading{align-items:start;flex-direction:column;gap:5px}.features-heading p{max-width:440px}}@media(max-width:520px){.shell{width:calc(100% - 28px)}.site-header{height:70px}.brand{font-size:12px;gap:7px}.brand-mark{height:30px;width:30px;border-radius:8px}.brand small,.nav-tag{display:none}.nav-link{font-size:10px}.hero{padding:35px 0 15px}.eyebrow{font-size:8px;white-space:normal;line-height:1.8}.hero h1{font-size:clamp(48px,10.5vw,62px)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-foot{margin-top:30px}.hero-art{height:355px}.art-poster{height:325px;width:76%;border-radius:12px}.poster-moon{width:160px;height:160px;left:75px;top:34px}.poster-title{font-size:28px;bottom:93px}.poster-sub{font-size:6px;bottom:72px}.poster-controls{height:44px}.poster-kicker{font-size:6px}.art-float{bottom:-8px!important;left:1%!important;padding:11px}.art-orbit{width:390px}.features{padding-top:50px}.features-heading h2{font-size:33px}.footer{flex-direction:column;gap:10px;justify-content:center}.room-site .site-header{height:66px}.room-heading{flex-direction:column;align-items:start}.room-heading h1{font-size:25px}.room-meta{width:100%;justify-content:space-between}.room-meta .connection-pill{display:inline-block}.video-meta{flex-direction:column;align-items:start;padding:14px}.room-source-actions{width:100%}.room-source-actions .btn{flex:1}.player-empty strong{font-size:20px}.player-empty{gap:8px}.player-empty .icon-big{font-size:30px}.player-empty span:not(.icon-big){font-size:10px}.playback-bar{padding:16px 0}.sync-label{display:none}.below-video{padding-top:17px}.room-control-pills{flex-wrap:wrap}.side-panel{min-height:500px}.panel-bottom{display:none}.room-code-view strong{font-size:18px}dialog{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Recovery and media compatibility polish, preserving the original visual system. */
.room-meta{flex-wrap:wrap}.connection-pill.offline{color:#ffd3a8;border-color:#775441;background:#382b25}
.connection-detail{color:#e9bbc0;font-size:12px;margin:0 0 14px;min-height:1.2em}
.recovery-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:65vh;padding:28px;text-align:center}
.recovery-screen h2{font-size:clamp(23px,5vw,36px);margin:6px 0;color:#f0d8db}
.recovery-screen p{color:#bcb0ba;font-size:14px}.recover-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.field select{width:100%;background:#242029;color:#fff;border:1px solid #59444e;border-radius:8px;padding:14px 12px;min-height:46px;appearance:auto}
.player-container{position:relative}.tap-to-resume{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);z-index:8;white-space:nowrap}
.player-empty a.btn{margin-top:14px;max-width:min(90%,300px)}
@media(max-width:520px){.recover-actions{flex-direction:column;width:100%}.recover-actions .btn{width:100%}.tap-to-resume{white-space:normal;max-width:95%;width:fit-content;text-align:center}}

/* Local files are device-bound; no implicit TV casting or peer file transfer. */
.local-file-ready{position:absolute;bottom:2px;left:10px;right:10px;padding:8px 10px;border-radius:8px;background:rgba(16,17,22,.85);color:#ebefeb;font-size:12px;text-align:center;pointer-events:none}
.visually-hidden-file{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important}
.local-label:focus-within,.pick-label:focus-within{outline:2px solid #f590ad;outline-offset:2px}

/* Encrypted local P2P sharing controls: scoped to room layout. */
.broadcast-controls{border:1px solid #56404a;background:linear-gradient(130deg,#231c26,#151720);border-radius:12px;padding:16px 18px;margin:12px 0 25px}
.broadcast-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;color:#f5e8ec}.broadcast-head span{font-size:11px;color:#99dec0}
.broadcast-details,.broadcast-fallback,.broadcast-estimate{display:block;color:#c8b9c4;font-size:11px;line-height:1.5;margin-top:7px}
.broadcast-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:13px}.broadcast-quality-label{display:flex;flex-direction:column;gap:6px;color:#f5dbe0;font-size:10px;flex:1;min-width:170px}
.broadcast-quality-label select{background:#25202b;color:white;border-radius:7px;padding:10px;border:1px solid #66505e;max-width:100%}
.local-sharing-option{display:flex;align-items:center;gap:11px;color:#f6d4db;font-size:12px;line-height:1.5;margin:15px 0}.local-sharing-option input{width:18px;height:18px;accent-color:#ed5368;flex-shrink:0}
.broadcast-controls[hidden]{display:none}
@media(max-width:520px){.broadcast-actions{flex-direction:column;align-items:stretch}.broadcast-actions button,.broadcast-quality-label{width:100%}}

#local-tv-dialog{width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto}#local-tv-dialog input{width:100%;min-width:0}#local-tv-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#local-tv-dialog button{margin:5px}#local-tv-dialog [data-error]{color:#ffb3bc}