/* Shared cinema: people on one side, the screening on the other. */
.cosmos-party-guest { --connected-ink:#dfc5a5; background:radial-gradient(ellipse at 80% 90%,#73533322,transparent 60%),#080f18; }
.cosmos-party-invitation-mark { display:grid; place-items:center; width:66px; height:66px; color:#dfc5a5; border:1px solid #dfc5a540; border-radius:50%; margin-bottom:28px; }
.cosmos-party-guest .connected-primary { display:inline-flex; align-items:center; justify-content:center; gap:16px; margin:20px 10px 0 0; min-height:48px; padding:12px 18px; border-radius:5px; background:#dfc5a5; color:#101820; font-size:14px; }
.cosmos-watch { --watch-warm:#dfc5a5; --connected-cyan:var(--cosmos-sky); --connected-danger:var(--cosmos-danger,#f3b1a3); color:var(--cosmos-paper); }
.cosmos-watch [data-cosmos-watch] { max-width:1400px; margin-inline:auto; }
.cosmos-watch [hidden] { display:none!important; }
.cosmos-watch :is(h2,h3,p) { margin:0; }
.cosmos-watch :is(a,button,input,select):focus-visible { outline:2px solid var(--cosmos-sky); outline-offset:4px; }
.cosmos-watch :is(button,a) { -webkit-tap-highlight-color:transparent; }
.cosmos-watch button { cursor:pointer; }
.cosmos-watch button:disabled { opacity:.48; cursor:default; }
.cosmos-watch-nav { display:flex; gap:30px; min-height:52px; border-bottom:1px solid var(--cosmos-line); overflow-x:auto; }
.cosmos-watch-nav a { display:inline-flex; align-items:center; white-space:nowrap; color:var(--cosmos-muted); font-size:.8125rem; border-bottom:2px solid transparent; }
.cosmos-watch-nav [aria-current] { color:var(--cosmos-paper); border-color:var(--watch-warm); }
.cosmos-watch-toolbar { display:flex; align-items:center; gap:18px; padding-block:22px; }
.cosmos-watch-toolbar > a { flex:1; font-size:.8125rem; color:var(--cosmos-muted); }
.cosmos-watch-toolbar .connected-transport { font-size:.6875rem; letter-spacing:.03em; }
.cosmos-watch .connected-transport b { display:inline; }
.cosmos-watch button, .cosmos-watch-actions > a { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:10px 14px; border:1px solid var(--cosmos-line); border-radius:5px; color:var(--cosmos-paper); background:#17212d; font:500 .8125rem var(--cosmos-font); transition:background var(--cosmos-instant),border-color var(--cosmos-instant); }
.cosmos-watch button:hover { background:#25313e; border-color:#91a9bc70; }
.cosmos-watch-welcome { position:relative; padding:48px 0 55px; border-block:1px solid var(--cosmos-line); background:radial-gradient(ellipse at 88% 110%,#77512924,transparent 54%); }
.cosmos-watch-welcome .cosmos-label { color:var(--watch-warm); }
.cosmos-watch-welcome h2 { font-size:clamp(2.7rem,5.3vw,5.7rem); font-weight:450; letter-spacing:-.055em; line-height:1.06; margin-block:26px; }
.cosmos-watch-welcome > p:not(.cosmos-label) { max-width:560px; color:var(--cosmos-muted); line-height:1.75; font-size:.9375rem; }
.cosmos-watch-welcome > button { margin-top:28px; background:var(--watch-warm); color:#13161b; }
.cosmos-watch-list-section { margin-top:40px; }
.cosmos-watch-list-section h2 { margin-block:12px 22px; font-size:1.8rem; font-weight:450; letter-spacing:-.03em; }
.cosmos-watch-event { display:flex; align-items:center; gap:22px; padding-block:24px; border-top:1px solid var(--cosmos-line); }
.cosmos-watch-event > span { display:grid; place-items:center; width:65px; height:65px; color:var(--watch-warm); background:#222527; border-radius:50%; flex-shrink:0; }
.cosmos-watch-event > div { min-width:0; flex:1; }
.cosmos-watch-event small { color:var(--cosmos-muted); font:.6875rem var(--cosmos-mono); letter-spacing:.1em; }
.cosmos-watch-event h3 { font-size:1.35rem; font-weight:450; margin-block:9px; overflow-wrap:anywhere; }
.cosmos-watch-event p, .cosmos-watch-event time { color:var(--cosmos-muted); font-size:.8125rem; }
.cosmos-watch-feature { display:grid; grid-template-columns:minmax(0,1fr) 26%; gap:45px; min-height:330px; padding:38px 0 48px; border-block:1px solid var(--cosmos-line); }
.cosmos-watch-feature .cosmos-label { color:var(--watch-warm); font-size:.6875rem; }
.cosmos-watch-feature h2 { font-size:clamp(2.5rem,4.3vw,4.8rem); font-weight:450; letter-spacing:-.05em; line-height:1.08; margin-block:22px; overflow-wrap:anywhere; }
.cosmos-watch-feature__copy > p:not(.cosmos-label) { color:var(--cosmos-muted); font-size:.875rem; line-height:1.7; max-width:630px; }
.cosmos-watch-feature__art { position:relative; align-self:center; display:grid; place-items:center; aspect-ratio:2/3; max-height:340px; overflow:hidden; border:1px solid var(--cosmos-line); background:radial-gradient(ellipse at 50% 100%,#73533340,transparent 75%),#0c131e; }
.cosmos-watch-feature__art img { position:absolute; width:100%; height:100%; object-fit:cover; }
.cosmos-watch-feature__art > span { color:var(--watch-warm); }
.cosmos-watch-feature__art > img:not([hidden]) + span { display:none; }
.cosmos-watch-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:25px; }
.cosmos-watch .cosmos-watch-primary { background:var(--watch-warm); color:#12171c; border-color:transparent; }
.cosmos-watch .cosmos-watch-primary:hover { background:#f3d9b9; }
.cosmos-watch-actions [data-watch-dialog=end], .cosmos-watch-actions [data-watch-dialog=leave], .cosmos-watch-actions [data-watch-dialog=cancel] { border-color:transparent; background:transparent; color:var(--cosmos-muted); }
.cosmos-watch [data-watch-ready][aria-pressed=true] { color:#b8decd; border-color:#8ea69766; }
.cosmos-watch-body { display:grid; grid-template-columns:minmax(230px,.85fr) minmax(0,1.45fr); gap:clamp(25px,5vw,65px); margin-block:36px; }
.cosmos-watch-body > section { min-width:0; }
.cosmos-watch-body section > header { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:68px; padding-bottom:20px; border-bottom:1px solid var(--cosmos-line); }
.cosmos-watch-body header h3 { font-size:1.35rem; font-weight:450; letter-spacing:-.025em; margin-top:9px; }
.cosmos-watch-people { list-style:none; padding:0; margin:0; }
.cosmos-watch-people li { display:flex; align-items:center; gap:13px; min-height:75px; padding-block:14px; border-bottom:1px solid var(--cosmos-line); }
.cosmos-watch-avatar { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; background:#24323e; color:var(--cosmos-paper); font-size:.75rem; border-radius:50%; }
.cosmos-watch-people li > div { flex:1; min-width:0; }
.cosmos-watch-people strong { display:block; font-size:.875rem; font-weight:500; overflow-wrap:anywhere; }
.cosmos-watch-people strong small { color:var(--cosmos-muted); }
.cosmos-watch-people div > span { display:block; margin-top:6px; color:var(--cosmos-muted); font-size:.75rem; }
.cosmos-watch-people li > svg { color:var(--cosmos-positive); }
.cosmos-watch-reactions { display:flex; gap:8px; flex-wrap:wrap; margin-block:22px; }
.cosmos-watch-reactions button { background:transparent; padding:10px; flex:1; font-size:.75rem; }
.cosmos-watch-reactions button > span { display:none; }
.cosmos-watch-choice { display:flex; align-items:center; gap:14px; padding-block:18px; border-bottom:1px solid var(--cosmos-line); }
.cosmos-watch-choice > img { width:42px; height:62px; object-fit:cover; flex-shrink:0; }
.cosmos-watch-choice > div:first-of-type { flex:1; min-width:0; }
.cosmos-watch-choice h3 { font-size:.9375rem; font-weight:500; overflow-wrap:anywhere; }
.cosmos-watch-choice p { margin-top:7px; color:var(--cosmos-muted); font-size:.75rem; }
.cosmos-watch-choice > div:last-child { display:flex; gap:8px; }
.cosmos-watch-playback { margin-top:26px; padding-block:22px; border-block:1px solid var(--cosmos-line); }
.cosmos-watch-playback p { color:var(--cosmos-soft); font:.8125rem var(--cosmos-mono); }
.cosmos-watch-playback > div { margin-top:15px; }
.cosmos-watch-playback label { display:grid; gap:15px; color:var(--cosmos-muted); font-size:.75rem; margin-top:20px; }
.cosmos-watch-playback input[type=range] { accent-color:var(--watch-warm); min-height:44px; width:100%; }
.cosmos-watch-premiere-note { padding-top:28px; }
.cosmos-watch-premiere-note p { font-size:.75rem; line-height:1.6; color:var(--cosmos-muted); margin-top:10px; }
.cosmos-watch-premiere-note a { display:inline-flex; align-items:center; gap:14px; min-height:44px; color:var(--watch-warm); font-size:.875rem; }
.cosmos-watch-invitation { border-top:1px solid var(--cosmos-line); padding-top:22px; }
.cosmos-watch-invitation p, .cosmos-watch-dialog-content p { color:var(--cosmos-muted); font-size:.8125rem; line-height:1.7; }
.cosmos-watch .connected-share-qr { width:120px; margin-block:18px; }
.cosmos-watch :is(.cosmos-watch-invitation,[data-watch-dialog-content]) code { display:block; font:.75rem var(--cosmos-mono); padding:12px; max-width:100%; overflow-wrap:anywhere; background:#15202b; color:var(--cosmos-soft); margin-block:15px; }
.cosmos-watch-invitation button { margin-bottom:15px; }
.cosmos-watch-hint { color:var(--cosmos-muted); font-size:.75rem!important; line-height:1.7; margin-block:16px!important; }
.cosmos-watch-empty { padding-block:35px; }
.cosmos-watch-empty h2 { font-size:2rem; font-weight:450; }
.cosmos-watch-empty h3 { font-size:1.15rem; font-weight:450; }
.cosmos-watch-empty p { color:var(--cosmos-muted); margin-top:12px; line-height:1.7; font-size:.875rem; }
.cosmos-watch-empty a { display:inline-flex; align-items:center; min-height:44px; margin-top:16px; color:var(--cosmos-sky); }
.cosmos-watch :is([data-watch-error],[data-watch-dialog-error],[data-watch-message]):not([hidden]) { padding:15px; margin-bottom:18px; border-left:2px solid var(--watch-warm); background:#45332144; color:var(--cosmos-paper); line-height:1.7; font-size:.875rem; }
.cosmos-watch-reaction { position:fixed; bottom:35px; left:50%; transform:translateX(-50%); max-width:calc(100vw - 36px); padding:14px 20px; border:1px solid #796a54; background:#191b20; color:var(--watch-warm); border-radius:7px; z-index:90; font-size:.875rem; pointer-events:none; }
.cosmos-watch-dialog { color-scheme:dark; box-sizing:border-box; margin:auto; padding:28px; max-height:calc(100dvh - 44px); width:min(560px,calc(100vw - 32px)); overflow:auto; background:#0d1520; color:var(--cosmos-paper); border:1px solid #587083; border-radius:8px; box-shadow:var(--cosmos-shadow); }
.cosmos-watch-dialog::backdrop { background:#03070cbf; }
.cosmos-watch-dialog > header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:26px; }
.cosmos-watch-dialog h2 { font-size:1.65rem; font-weight:450; letter-spacing:-.03em; }
.cosmos-watch-dialog [data-watch-dialog-close] { width:44px; padding:10px; flex-shrink:0; }
.cosmos-watch-dialog [data-watch-dialog-close] > span { display:none; }
.cosmos-watch-dialog label { display:grid; gap:11px; font-size:.8125rem; margin-bottom:24px; }
.cosmos-watch-dialog :is(input:not([type=checkbox]),select) { width:100%; min-height:46px; padding:12px; border:1px solid #778ca24d; border-radius:5px; background:#152130; color:var(--cosmos-paper); font:.875rem var(--cosmos-font); }
.cosmos-watch-dialog .cosmos-watch-check { display:flex; align-items:center; gap:12px; line-height:1.6; }
.cosmos-watch-check input { width:20px; height:20px; accent-color:var(--watch-warm); flex-shrink:0; }
.cosmos-watch-dialog [type=submit] { margin-top:10px; background:var(--watch-warm); color:#13191f; }
.cosmos-watch-dialog [data-watch-dialog-content] > p, .cosmos-watch-dialog [data-watch-confirm] > p { font-size:.875rem; line-height:1.8; color:var(--cosmos-soft); }
.cosmos-watch-dialog [data-watch-confirm] > button { margin-top:24px; }
.cosmos-premiere .cosmos-watch-feature { min-height:420px; background:radial-gradient(ellipse at 85% 0,#8360411f,transparent 75%); }
.cosmos-watch-countdown { display:flex; gap:clamp(18px,3vw,38px); margin-top:26px; }
.cosmos-watch-countdown strong { display:block; font:350 clamp(1.7rem,3.5vw,3.6rem) var(--cosmos-mono); letter-spacing:-.06em; color:var(--watch-warm); }
.cosmos-watch-countdown span { display:block; font:.6875rem var(--cosmos-mono); text-transform:uppercase; letter-spacing:.1em; margin-top:6px; color:var(--cosmos-muted); }
@media (max-width:1000px) {
  .cosmos-watch-feature { gap:22px; grid-template-columns:minmax(0,1fr) 22%; }
  .cosmos-watch-body { grid-template-columns:1fr; gap:35px; }
  .cosmos-watch-invitation { display:none; }
}
@media (max-width:600px) {
  .cosmos-watch-nav { gap:18px; }
  .cosmos-watch-nav a { font-size:.75rem; }
  .cosmos-watch-toolbar { flex-wrap:wrap; gap:12px; }
  .cosmos-watch-toolbar > a { min-width:65px; }
  .cosmos-watch-welcome { padding-block:28px 35px; }
  .cosmos-watch-welcome h2 { font-size:2.75rem; }
  .cosmos-watch-welcome > p:not(.cosmos-label) { font-size:.875rem; }
  .cosmos-watch-feature { display:flex; flex-direction:column-reverse; gap:22px; padding-block:25px; }
  .cosmos-watch-feature__art { width:100%; aspect-ratio:2.2/1; max-height:180px; }
  .cosmos-watch-feature__art img { object-position:center 35%; }
  .cosmos-watch-feature h2 { font-size:2.5rem; margin-block:16px; }
  .cosmos-watch-actions { gap:8px; }
  .cosmos-watch-actions :is(button,a) { padding-inline:10px; font-size:.75rem; }
  .cosmos-watch-choice { flex-wrap:wrap; }
  .cosmos-watch-choice > div:last-child { margin-left:auto; }
  .cosmos-watch-body header { gap:10px; }
  .cosmos-watch-event { flex-wrap:wrap; gap:14px; }
  .cosmos-watch-event > span { width:48px; height:48px; }
  .cosmos-watch-event time { margin-left:62px; flex-basis:calc(100% - 100px); }
  .cosmos-watch-reaction { bottom:85px; }
  .cosmos-watch-dialog { padding:22px 18px; }
  .cosmos-watch-countdown { gap:24px; }
  .cosmos-watch-countdown strong { font-size:2rem; }
}
@media (prefers-reduced-motion:reduce) { .cosmos-watch :is(button,a) { transition:none; } }