@font-face{font-family:Inter;src:url('/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/inter-semibold.ttf') format('truetype');font-weight:500 600;font-display:swap}
@font-face{font-family:Inter;src:url('/inter-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--primary:#5865F2;--violet:#A855F7;--accent:#3B82F6;--success:#22C55E;--bg:#0F111A;--surface:#181B24;--border:#2B3142;--text:#FFFFFF;--muted:#A8B0C3;--error:#F43F5E;--radius:8px;--space:8px;--shadow:0 20px 80px #0008;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:0}
body{background:var(--bg)}button,input,select{font-family:inherit;letter-spacing:0}button{transition:background .16s,border-color .16s,color .16s}button:hover{filter:none;background:#252b3d}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}
header{height:88px;background:var(--bg);border-color:var(--border);gap:32px;justify-content:flex-start}.brand{gap:10px;flex-shrink:0}.brand img{width:46px;height:46px}.brand-wordmark{display:flex;flex-direction:column;gap:1px}.brand-wordmark strong{font-size:24px;font-weight:800;line-height:1}.brand-wordmark small{margin:0;color:var(--violet);font-size:11px;font-weight:700;line-height:1.5}.brand-wordmark small span+span{margin-left:12px}#openConnect{margin-left:auto}
.content-nav{display:flex;gap:8px;align-items:center;min-width:0}.content-nav button{background:transparent;border:1px solid transparent;padding:10px 17px;color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap;border-radius:var(--radius)}.content-nav button[aria-pressed=true]{background:#262b40;border-color:#404871;color:var(--text)}.content-nav button:hover:not(:disabled){color:var(--text);background:#202537}
.library{background:transparent}.libraryHead h2{font-size:28px;color:var(--text)}.section-heading h3{font-size:20px;font-weight:600}.section-count{background:var(--surface);border-color:var(--border);color:var(--muted)}.card-title{color:var(--text)}.card-meta,.muted,.note,.empty{color:var(--muted)}.filters{border-color:var(--border)}input,select,.filters input,.filters select{background:var(--bg);border-color:var(--border);color:var(--text);border-radius:var(--radius)}input::placeholder{color:var(--muted);opacity:.7}input:user-invalid{border-color:var(--error)}label{color:var(--muted)}
dialog,#detailsDialog{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow);border-radius:var(--radius)}#connectDialog{border-radius:12px}.icon-button,.close-dialog{background:var(--surface);border-color:var(--border);color:var(--text)}#connectTitle{font-size:24px}.tabs{background:var(--bg);border:1px solid var(--border)}.tabs button{color:var(--muted)}.tabs button[aria-pressed=true]{background:var(--primary);color:var(--text)}.primary,.watch-button{background:var(--primary);color:var(--text);border:1px solid var(--primary);border-radius:var(--radius);min-height:44px;font-weight:700}.primary:hover,.watch-button:hover{background:#6875ff;border-color:#6875ff}#freeTrial{background:#222747;border:1px solid #616bf0;color:#e3e5ff}#freeTrial:hover{background:#30365b}.secondary{background:transparent;border-color:#4b56a7;color:var(--text)}.tertiary{background:transparent;border-color:transparent;color:var(--muted)}.detail-poster,.poster{background:var(--bg);border-color:var(--border)}.cover-fallback{background:var(--surface)}.fallback-icon{color:var(--primary)}.fallback-title{color:var(--muted)}.media-card:hover .poster,.media-card.active .poster{border-color:var(--primary)}.detail-credits{border-color:var(--border)}.detail-credits dt{color:var(--muted)}.detail-badges span,.detail-genres span{background:var(--bg);border-color:var(--border)}.detail-copy h1{font-size:36px}.detail-plot{color:#d8dceb}.playing small{color:var(--violet)}#playerDialog{background:#05060b}#playerDialog .player{background:var(--surface)}video{accent-color:var(--primary)}#status,#connectStatus{color:var(--muted)}#status[data-state=success],#connectStatus[data-state=success]{color:var(--success)}#status[data-state=loading],#connectStatus[data-state=loading]{color:var(--accent)}#status.error,#connectStatus.error{color:var(--error)}
#kind{display:none}
#connectDialog aside{text-align:center;padding:36px 28px 28px}.access-symbol{display:block;margin:0 auto 16px}#connectTitle{padding:0;margin:0 0 24px;font-size:24px}#accessContent{margin:0;min-height:48px}#connectStatus{margin:16px 0 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.row-shell{position:relative;min-width:0}.poster-row{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:3px}.poster-row::-webkit-scrollbar{display:none}.row-controls{position:absolute;inset:0;pointer-events:none;z-index:3;display:block}.row-arrow{position:absolute;top:calc((100% - 56px)/2);transform:translateY(-50%);width:40px;height:56px;padding:0;border:1px solid #ffffff20;border-radius:20px;background:#080a12e8;color:white;display:grid;place-items:center;pointer-events:auto;box-shadow:0 3px 14px #0008;font-size:32px;line-height:1}.row-arrow:hover{background:var(--primary);border-color:var(--primary)}.row-arrow:first-child{left:8px}.row-arrow:last-child{right:8px}.row-arrow:disabled{visibility:hidden}.poster-row:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
@media(max-width:650px){header{height:auto;min-height:116px;flex-wrap:wrap;gap:12px;padding:16px}.brand img{width:36px;height:36px}.brand-wordmark strong{font-size:20px}.brand-wordmark small{font-size:9px}.brand-wordmark small span+span{margin-left:10px}.content-nav{order:3;width:100%;gap:8px}.content-nav button{flex:1;padding:10px 8px;font-size:13px}#openConnect{position:absolute;right:16px;top:18px}.libraryHead h2{font-size:24px}.detail-copy h1{font-size:26px}.row-arrow{width:34px;height:46px;font-size:28px}.section-heading h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.poster-row{scroll-behavior:auto}}