.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:#c9bfa6;--dust:#9c9382;--amber:#e8a33d;--amber-ink:#17130a;--sage:#4e8c80;--sage-lit:#6fd3be;--rust:#c96a4e;--rust-lit:#e89478;--silver:#d8dde1;--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);background:linear-gradient(150deg, var(--stub-lit), #120f08);border-radius:14px;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;letter-spacing:.14em;text-transform:uppercase;color:var(--dust);margin:-8px 0 0;font-size:10px}.auth-page .field{flex-direction:column;gap:7px;display:flex}.auth-page .field label{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);font-size:9.5px;font-weight:600}.auth-page .field input,.auth-page .field textarea,.auth-page .field select{font-family:var(--font-work-sans), sans-serif;color:var(--bone);border:1px solid var(--rail);resize:vertical;background:#00000059;border-radius:8px;padding:10px 12px;font-size:14px}.auth-page .field input::placeholder,.auth-page .field textarea::placeholder{color:#6e6757}.auth-page .field input:focus,.auth-page .field textarea:focus,.auth-page .field select:focus{border-color:var(--amber);outline:none}.auth-page .hint{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dust);font-size:9.5px}.auth-page .error{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.04em;color:var(--rust-lit);border:1px solid var(--rust);background:#c96a4e1f;border-radius:8px;padding:10px 12px;font-size:11px}.auth-page .success{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.04em;color:var(--bone);border:1px solid var(--rail-warm);background:#e8a33d1f;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:11px;line-height:1.6;display:flex}.auth-page .success svg{flex-shrink:0;margin-top:1px}.auth-page .btn-solid{letter-spacing:.08em;text-transform:uppercase;background:var(--amber);color:var(--amber-ink);border:1px solid var(--amber);cursor:pointer;border-radius:8px;padding:12px 16px;font-size:11.5px;font-weight:600;transition:filter .14s,transform .14s}.auth-page .btn-solid:hover:not(:disabled){filter:brightness(1.08)}.auth-page .btn-solid:active:not(:disabled){transform:translateY(1px)}.auth-page .btn-solid:disabled{opacity:.6;cursor:default}.auth-page .btn-ghost{letter-spacing:.08em;text-transform:uppercase;color:var(--parch);cursor:pointer;background:0 0;border:1px solid #4a4231;border-radius:8px;padding:12px 16px;font-size:11.5px;font-weight:600;transition:color .14s,border-color .14s}.auth-page .btn-ghost:hover:not(:disabled){color:var(--bone);border-color:var(--amber)}.auth-page .divider{color:var(--dust);font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:9.5px;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{background:#fff0c809;border:1px solid #5a5039;border-radius:10px;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;flex:1;min-width:0;font-size:16px;font-weight:600}.auth-page .badge{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 9px;font-size: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;letter-spacing:.12em;text-transform:uppercase;color:var(--dust);font-size:9px}.auth-page .members{flex-wrap:wrap;gap:6px;display:flex}.auth-page .member-chip{color:var(--parch);border:1px solid var(--rail);background:#00000040;border-radius:999px;padding:4px 10px;font-size:11px}.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;letter-spacing:.08em;text-transform:uppercase;color:var(--dust);white-space:nowrap;font-size:9px}.auth-page .invite-code{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.08em;border:1px solid var(--rail);word-break:break-all;background:#00000059;border-radius:8px;padding:7px 10px;font-size:12.5px}.auth-page .invite-buttons{flex-wrap:wrap;gap:8px;display:flex}.auth-page .invite-btn{letter-spacing:.04em;text-transform:uppercase;color:var(--parch);cursor:pointer;background:0 0;border:1px solid #4a4231;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:11px;font-weight:600;transition:color .14s,border-color .14s;display:flex}.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{flex-direction:column;flex-basis:100%;gap:10px;display:flex}.auth-page .delete-confirm-text{color:var(--rust-lit);margin:0;font-size:13px;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;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:7px;padding:0;font-size:9.5px;font-weight:600}.auth-page .kind-option{border:1px solid var(--rail);cursor:pointer;font-family:var(--font-work-sans), sans-serif;letter-spacing:0;text-transform:none;color:var(--bone);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;font-weight:400;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);margin-top:2px;font-size:12px;display:block}.auth-page .kind-tag{white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rail);color:var(--dust);vertical-align:middle;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-block}.auth-page .card.card-wide{width:min(600px,100%)}.auth-page .group-open,.auth-page .open-group-link{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.auth-page .group-open:hover,.auth-page .group-open:focus-visible{color:var(--amber)}.auth-page .group-open:focus-visible,.auth-page .open-group-link:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}.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}
