.auth-page,.landing-page,.poster-loader,.route-spinner,.watch-pool{--room:#0e0d09;--stub:#171409;--stub-lit:#1c180f;--rail:#2b2718;--rail-warm:#6a4a16;--bone:#f0e9d8;--parch:#d6ccb4;--dust:#b0a794;--amber:#e8a33d;--amber-ink:#17130a;--bump-gold:#f2c14e;--sage:#4e8c80;--sage-lit:#6fd3be;--rust:#c96a4e;--rust-lit:#e89478;--silver:#d8dde1;--backdrop:#080705b8;--on-image:#fff;--on-image-tint:#000000a6;--on-image-tint-strong:#000000d9;--wreath-leaf:#bc842e;--wreath-leaf-lit:#fbe6a2;--wreath-stem:#f0c060;--wreath-stem-dark:#8f5a1c;--wreath-rib:#fff3cc;--wreath-text:#fff1c4;--wreath-text-dark:#d39a3a;--netflix:#e50914;--netflix-lit:#ff6b6f;--prime:#00a8e1;--prime-lit:#6fd3f5;--disney:#113ccf;--disney-lit:#8ea6ff;--apple:#a2aaad;--apple-lit:#d7dcde;--iplayer:#e6007e;--iplayer-lit:#ff7fc0;--channel4:#00c48c;--channel4-lit:#6fe3bd;--itvx:#d6e800;--itvx-lit:#ecf76a}.auth-page{background:radial-gradient(1200px 460px at 50% -14%, #e8a33d26, transparent 70%), var(--room);min-height:100vh;color:var(--bone);font-family:var(--font-work-sans), ui-sans-serif, system-ui, sans-serif;justify-content:center;align-items:center;padding:24px;display:flex}.auth-page *,.auth-page :before,.auth-page :after{box-sizing:border-box}.auth-page .card{border:1px solid var(--rail-warm);border-radius:var(--radius-lg);background:linear-gradient(150deg, var(--stub-lit), #120f08);flex-direction:column;gap:16px;width:min(420px,100%);padding:28px;display:flex;box-shadow:0 30px 80px #000000b3}.auth-page .mark{font-family:var(--font-big-shoulders-display), sans-serif;letter-spacing:.012em;text-transform:uppercase;margin:0;font-size:32px;font-weight:900;line-height:.84}.auth-page .mark i{color:var(--amber);font-style:normal}.auth-page .lede{font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--dust);margin:-8px 0 0}.auth-page .success{font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-xs);letter-spacing:.04em;color:var(--bone);border:1px solid var(--rail-warm);border-radius:var(--radius-md);background:#e8a33d1f;align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.6;display:flex}.auth-page .success svg{flex-shrink:0;margin-top:1px}.auth-page{--btn-pad:12px 16px}.auth-page .divider{color:var(--dust);font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;display:flex}.auth-page .divider:before,.auth-page .divider:after{content:"";background:var(--rail);flex:1;height:1px}.auth-page .group-list{flex-direction:column;gap:10px;display:flex}.auth-page .group-row{border-radius:var(--radius-lg);background:#fff0c809;border:1px solid #5a5039;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.auth-page .group-row-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-page .group-row .name{overflow-wrap:anywhere;min-width:0;font-weight:600;font-size:var(--text-md);flex:1}.auth-page .badge{font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;border:1px solid;padding:3px 9px}.auth-page .badge-admin{color:var(--amber);border-color:var(--amber);background:#e8a33d1f}.auth-page .badge-member{color:var(--dust);border-color:var(--rail);background:0 0}.auth-page .members-block{flex-direction:column;gap:6px;display:flex}.auth-page .members-label{font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--dust)}.auth-page .members{flex-wrap:wrap;gap:6px;display:flex}.auth-page .member-chip{font-size:var(--text-xs);color:var(--parch);border:1px solid var(--rail);border-radius:var(--radius-pill);background:#00000040;padding:4px 10px}.auth-page .member-chip-admin{color:var(--amber);border-color:var(--amber);background:#e8a33d1f}.auth-page .invite-block{flex-direction:column;gap:12px;display:flex}.auth-page .invite-divider{background:var(--rail);height:1px}.auth-page .invite-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-page .invite-expires{font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--dust);white-space:nowrap}.auth-page .invite-code{font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-xs);letter-spacing:.08em;border:1px solid var(--rail);border-radius:var(--radius-md);word-break:break-all;background:#00000059;padding:7px 10px}.auth-page .invite-buttons{flex-wrap:wrap;gap:8px;display:flex}.auth-page .invite-actions{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.auth-page .invite-actions form{display:contents}.auth-page .invite-actions .invite-btn,.auth-page .invite-actions .ui-btn{justify-content:center}.auth-page .manage-block{border-top:1px solid var(--rail);flex-direction:column;gap:6px;padding-top:10px;display:flex}.auth-page .manage-actions{flex-wrap:wrap;gap:4px 12px;display:flex}.auth-page .manage-actions>.invite-btn{border-color:#0000;padding:6px 4px}.auth-page .manage-actions>.invite-btn:hover{border-color:#0000;text-decoration:underline}.auth-page .invite-btn{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--parch);border-radius:var(--radius-md);cursor:pointer;--btn-slot-gap:0;background:0 0;border:1px solid #4a4231;align-items:center;gap:6px;padding:10px 14px;font-weight:600;transition:color .14s,border-color .14s;display:flex}.auth-page .invite-btn:disabled{opacity:.5;cursor:not-allowed}.auth-page .invite-btn:hover{color:var(--bone);border-color:var(--amber)}.auth-page .invite-btn-danger{color:var(--rust-lit);border-color:var(--rust)}.auth-page .invite-btn-danger:hover{color:var(--rust-lit);border-color:var(--rust-lit)}.auth-page .delete-confirm{--form-gap:10px;gap:var(--form-gap);flex-direction:column;flex-basis:100%;display:flex}.auth-page .delete-confirm-text{font-size:var(--text-sm);color:var(--rust-lit);margin:0;line-height:1.45}.auth-page .kind-field{border:0;min-width:0;margin:0;padding:0}.auth-page .kind-field legend{font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:7px;padding:0;font-weight:600}.auth-page .kind-option{border:1px solid var(--rail);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);align-items:flex-start;gap:10px;padding:10px 12px;font-weight:600;display:flex}.auth-page .kind-option:has(input:checked){border-color:var(--amber);background:#e8a33d14}.auth-page .kind-option input{accent-color:var(--amber);margin-top:3px;padding:0}.auth-page .kind-option b{font-weight:600;display:block}.auth-page .kind-blurb{color:var(--dust);font-size:var(--text-xs);margin-top:2px;display:block}.auth-page .kind-tag{white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rail);color:var(--dust);border-radius:var(--radius-sm);vertical-align:middle;margin-left:6px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-block}.auth-page .card.card-wide{width:min(600px,100%)}@media (max-width:640px){.auth-page:has(.card-wide){align-items:stretch;padding:0}.auth-page .card.card-wide{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:24px 16px}}.auth-page .open-group-link{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.auth-page .open-group-link:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:var(--radius-sm)}.auth-page .open-group-link{color:var(--amber);white-space:nowrap;margin-left:auto;font-weight:600}.auth-page .open-group-link:hover{text-decoration:underline}.auth-page .welcome-top{justify-content:space-between;align-items:center;display:flex}.auth-page .step-dots{gap:6px;display:flex}.auth-page .step-dots span{border-radius:var(--radius-sm);background:var(--rail);width:22px;height:4px}.auth-page .step-dots span.is-done{background:var(--rail-warm)}.auth-page .step-dots span.is-current{background:var(--amber)}.auth-page .text-link{color:var(--dust);font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.auth-page .text-link:hover:not(:disabled){color:var(--bone)}.auth-page .welcome-heading{font-size:var(--text-md);color:var(--bone);margin:0;font-weight:600}.auth-page .welcome-body{font-size:var(--text-sm);color:var(--parch);margin:0;line-height:1.55}.auth-page .welcome-dim{font-size:var(--text-sm);color:var(--dust)}.auth-page .welcome-flow{border-left:2px solid var(--rail-warm);flex-direction:column;gap:8px;padding-left:12px;display:flex}.auth-page .welcome-flow-title{font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--dust)}.auth-page .welcome-flow ol{font-size:var(--text-sm);color:var(--parch);flex-direction:column;gap:6px;margin:0;padding-left:0;line-height:1.5;list-style-position:inside;display:flex}.auth-page .welcome-warn{font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin:-6px 0 0}.auth-page .welcome-actions,.auth-page .welcome-form{flex-direction:column;gap:16px;display:flex}.auth-page .welcome-actions{gap:10px}.auth-page .kind-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:480px){.auth-page .kind-cards{grid-template-columns:1fr}}.auth-page .kind-card{text-align:left;font:inherit;color:var(--bone);border:1px solid var(--rail);border-radius:var(--radius-lg);cursor:pointer;background:#00000040;flex-direction:column;gap:6px;padding:14px;transition:border-color .14s,background .14s;display:flex}.auth-page .kind-card:hover:not(:disabled){border-color:var(--rail-warm)}.auth-page .kind-card[aria-checked=true]{border-color:var(--amber);background:#e8a33d14}.auth-page .kind-card:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.auth-page .kind-card-icon{font-size:var(--text-lg);color:var(--amber)}.auth-page .kind-card b{font-size:var(--text-sm)}.auth-page .kind-card-example{font-size:var(--text-sm);color:var(--dust);line-height:1.45}@media (max-width:640px){.auth-page .success,.auth-page .invite-code{font-size:var(--text-sm)}}