/* Reversible visual experiment. Remove this link in index.html to opt out. */
:root { --radius:14px;--radius-lg:22px;--line:rgba(150,150,160,.2); }
body { font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif; }
#topnav,#landing-nav { background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%); }
#topnav .nav-tabs { background:color-mix(in srgb,var(--surface) 65%,transparent);border-radius:16px;padding:5px; }
#topnav .nav-tab { padding:10px 14px; }
.selection-indicator { border-radius:11px;box-shadow:0 2px 6px #00000012,inset 0 1px 0 #ffffff08; }
.btn { border-radius:12px;transition:background .18s,transform .18s,box-shadow .18s; }
.btn:active:not(:disabled) { transform:scale(.97); }
.btn-primary { box-shadow:0 2px 8px #00000016; }
.field input,.field select,.share-row input,.mini-select { border-radius:11px; }
#topnav .nav-icon-btn { border-radius:13px;background:var(--surface); }
#topnav .avatar { border-radius:14px; }
.library-hero { padding:54px 32px;min-height:330px;margin:24px 0 32px;border-radius:24px;overflow:hidden;border:1px solid var(--line); }
.library-hero h1 { letter-spacing:-1.8px; }
.library-hero .cinema-art { inset:0; }
.library-hero .hero-eyebrow { letter-spacing:2px; }
.stub .poster-wrap { border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #00000020; }
.stub-title { letter-spacing:-.25px; }
.filter-btn,.chip { border-radius:10px; }
.modal,.auth-card,#settings-drawer { border-radius:24px;box-shadow:0 24px 90px #00000045; }
#settings-drawer .drawer-head { background:color-mix(in srgb,var(--surface-2) 35%,var(--surface)); }
#settings-drawer .settings-nav button { border-radius:11px; }
#settings-drawer .field input { background:color-mix(in srgb,var(--surface-2) 75%,var(--surface));min-height:44px; }
#settings-drawer .btn { border-radius:12px; }
@media(max-width:650px) {
 .library-hero { margin:16px 0 28px;padding:36px 22px;min-height:300px;border-radius:20px; }
 #topnav .nav-tab { padding:10px 7px; }
 .stub .poster-wrap { border-radius:11px; }
}
@media(prefers-reduced-motion:reduce) { .btn { transition:none; } }