:root{color-scheme:light;--bg: oklch(93% .019 74);--surface: oklch(99% .008 74 / .84);--surface-solid: oklch(98% .01 74);--surface-2: oklch(89% .022 70 / .66);--surface-3: oklch(83% .032 62 / .7);--fg: oklch(24% .027 57);--muted: oklch(49% .024 58);--border: oklch(70% .028 58 / .5);--border-strong: oklch(61% .055 38 / .66);--accent: oklch(63% .14 28);--accent-strong: oklch(55% .17 28);--accent-soft: oklch(63% .14 28 / .14);--accent-mid: oklch(63% .14 28 / .48);--accent-glow: 0 0 26px oklch(63% .14 28 / .28);--success: oklch(58% .16 145);--danger: oklch(52% .16 28);--danger-soft: oklch(64% .13 28 / .14);--page-wash: linear-gradient(115deg, oklch(80% .085 32 / .5), transparent 35%), linear-gradient(250deg, oklch(75% .075 220 / .48), transparent 48%), radial-gradient(circle at 12% 10%, oklch(88% .055 214 / .58), transparent 28%), linear-gradient(180deg, oklch(97% .014 80), oklch(86% .021 66));--panel-gradient: linear-gradient(138deg, oklch(100% .006 78 / .86), oklch(91% .026 230 / .46) 47%, oklch(84% .04 44 / .56));--sidebar-gradient: linear-gradient(180deg, oklch(96% .022 220 / .88), oklch(86% .03 58 / .84));--glass-highlight: inset 0 1px 0 oklch(100% 0 0 / .66);--shadow: 0 12px 30px oklch(28% .045 50 / .14), 0 1px 0 oklch(100% 0 0 / .54) inset;--shadow-md: 0 20px 44px oklch(27% .047 48 / .18), 0 0 0 1px oklch(100% 0 0 / .38) inset;--shadow-lg: 0 34px 78px oklch(24% .05 48 / .28), 0 0 0 1px oklch(100% 0 0 / .42) inset;--radius: 8px;--radius-sm: 6px;--sidebar-w: 240px;--top-h: 64px;--content-max: 1180px;--content-gutter: 28px;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, system-ui, sans-serif;--font-body: "Space Mono", "SF Mono", ui-monospace, "Cascadia Mono", monospace;--transition: .32s cubic-bezier(.16, 1, .3, 1);font-family:var(--font-body);background:var(--bg);color:var(--fg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg: oklch(13% .018 252);--surface: oklch(22% .022 248 / .68);--surface-solid: oklch(18% .018 250);--surface-2: oklch(17% .017 252 / .72);--surface-3: oklch(30% .03 248 / .62);--fg: oklch(92% .01 76);--muted: oklch(70% .016 78);--border: oklch(60% .03 76 / .28);--border-strong: oklch(73% .09 34 / .5);--accent: oklch(69% .14 28);--accent-strong: oklch(75% .14 28);--accent-soft: oklch(69% .14 28 / .17);--accent-mid: oklch(69% .14 28 / .56);--accent-glow: 0 0 30px oklch(69% .14 28 / .33);--danger-soft: oklch(68% .14 28 / .18);--page-wash: linear-gradient(116deg, oklch(43% .075 220 / .34), transparent 38%), linear-gradient(252deg, oklch(43% .11 30 / .43), transparent 50%), radial-gradient(circle at 12% 8%, oklch(34% .075 214 / .36), transparent 30%), linear-gradient(180deg, oklch(17% .02 245), oklch(10% .012 250));--panel-gradient: linear-gradient(138deg, oklch(30% .032 232 / .74), oklch(18% .022 250 / .78) 52%, oklch(24% .042 28 / .6));--sidebar-gradient: linear-gradient(180deg, oklch(30% .032 232 / .8), oklch(15% .018 250 / .92));--glass-highlight: inset 0 1px 0 oklch(100% 0 0 / .1);--shadow: 0 14px 36px oklch(0% 0 0 / .28), 0 1px 0 oklch(100% 0 0 / .06) inset;--shadow-md: 0 22px 54px oklch(0% 0 0 / .42), 0 0 0 1px oklch(100% 0 0 / .06) inset;--shadow-lg: 0 42px 90px oklch(0% 0 0 / .58), 0 0 0 1px oklch(100% 0 0 / .08) inset}:root[data-media=books]{--bg: oklch(93% .022 28);--surface: oklch(99% .01 32 / .84);--surface-solid: oklch(98% .012 32);--surface-2: oklch(90% .025 30 / .68);--surface-3: oklch(83% .038 26 / .72);--fg: oklch(24% .032 24);--muted: oklch(48% .032 26);--border: oklch(69% .04 26 / .52);--border-strong: oklch(58% .08 22 / .68);--accent: oklch(59% .17 22);--accent-strong: oklch(51% .19 20);--accent-soft: oklch(59% .17 22 / .16);--accent-mid: oklch(59% .17 22 / .52);--accent-glow: 0 0 28px oklch(59% .17 22 / .3);--page-wash: linear-gradient(115deg, oklch(78% .11 24 / .56), transparent 34%), linear-gradient(250deg, oklch(70% .105 8 / .48), transparent 50%), radial-gradient(circle at 12% 10%, oklch(86% .075 38 / .58), transparent 28%), linear-gradient(180deg, oklch(97% .017 34), oklch(86% .027 28));--panel-gradient: linear-gradient(138deg, oklch(100% .008 34 / .86), oklch(91% .036 18 / .5) 48%, oklch(84% .052 28 / .6));--sidebar-gradient: linear-gradient(180deg, oklch(96% .03 22 / .88), oklch(86% .035 28 / .86));--shadow: 0 12px 30px oklch(29% .055 18 / .14), 0 1px 0 oklch(100% 0 0 / .54) inset;--shadow-md: 0 20px 44px oklch(28% .058 18 / .18), 0 0 0 1px oklch(100% 0 0 / .38) inset;--shadow-lg: 0 34px 78px oklch(25% .062 18 / .28), 0 0 0 1px oklch(100% 0 0 / .42) inset}:root[data-theme=dark][data-media=books]{--bg: oklch(13% .022 18);--surface: oklch(22% .026 18 / .7);--surface-solid: oklch(18% .022 18);--surface-2: oklch(17% .022 16 / .74);--surface-3: oklch(30% .038 18 / .64);--fg: oklch(92% .012 44);--muted: oklch(70% .02 36);--border: oklch(60% .04 24 / .3);--border-strong: oklch(72% .105 22 / .52);--accent: oklch(69% .16 20);--accent-strong: oklch(76% .15 18);--accent-soft: oklch(69% .16 20 / .2);--accent-mid: oklch(69% .16 20 / .6);--accent-glow: 0 0 32px oklch(69% .16 20 / .36);--page-wash: linear-gradient(116deg, oklch(42% .12 18 / .42), transparent 39%), linear-gradient(252deg, oklch(39% .105 4 / .5), transparent 50%), radial-gradient(circle at 12% 8%, oklch(34% .095 24 / .4), transparent 30%), linear-gradient(180deg, oklch(17% .026 18), oklch(10% .016 18));--panel-gradient: linear-gradient(138deg, oklch(30% .045 18 / .76), oklch(18% .026 16 / .8) 52%, oklch(25% .055 28 / .64));--sidebar-gradient: linear-gradient(180deg, oklch(30% .045 18 / .82), oklch(15% .022 16 / .94));--danger-soft: oklch(68% .14 28 / .18)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{position:relative;min-width:320px;min-height:100vh;margin:0;background:var(--page-wash);background-attachment:fixed;color:var(--fg);font-family:var(--font-body);font-size:14px;line-height:1.65;transition:background var(--transition),color var(--transition)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,oklch(100% 0 0 / .08),transparent),radial-gradient(circle at 74% 14%,oklch(73% .12 30 / .16),transparent 24%),linear-gradient(180deg,oklch(100% 0 0 / .1),transparent 34%);mix-blend-mode:soft-light}:root[data-theme=dark] body:before{background:linear-gradient(90deg,transparent,oklch(82% .05 210 / .065),transparent),radial-gradient(circle at 74% 14%,oklch(58% .14 30 / .13),transparent 25%),linear-gradient(180deg,oklch(100% 0 0 / .05),transparent 34%)}:root[data-media=books] body:before{background:linear-gradient(90deg,transparent,oklch(100% .02 22 / .1),transparent),radial-gradient(circle at 74% 14%,oklch(67% .16 18 / .18),transparent 25%),linear-gradient(180deg,oklch(100% 0 0 / .1),transparent 34%)}:root[data-theme=dark][data-media=books] body:before{background:linear-gradient(90deg,transparent,oklch(82% .07 16 / .08),transparent),radial-gradient(circle at 74% 14%,oklch(58% .15 18 / .16),transparent 25%),linear-gradient(180deg,oklch(100% 0 0 / .045),transparent 34%)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:999px;background:var(--border)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}img{max-width:100%}h1,h2,h3,.brand-mark,.greeting,.profile-stat .num{font-family:var(--font-display);letter-spacing:0}label{display:grid;gap:7px;color:var(--fg);font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;color:var(--fg);background:linear-gradient(180deg,var(--surface),var(--surface-2));outline:none;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-md),var(--accent-glow)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-repeat:no-repeat;background-size:5px 5px}select option{color:#2f2b27;background-color:#f7f1e8}:root[data-theme=dark] select option{color:#f2eee7;background-color:#151b22}textarea{resize:vertical}.primary-action,.secondary-action,.danger-action,.back-action,.title-back-action,.clear-filters,.metadata-chip,.link-action,.view-tabs button,.account-chip button,.icon-danger,.card-icon-action,.personal-rating-badge,.watched-badge,.suggestion-row button,.token-list button,.rating-input button,.avatar-button,.comment-meta button,.profile-comment button,.user-card-main,.activity-user,.activity-copy,.admin-user-main,.club-cover,.club-current-pick,.club-pick button,.club-member-list button,.mini-movie-list button{display:inline-flex;align-items:center;justify-content:center;border:0}.primary-action{gap:8px;min-height:46px;border-radius:var(--radius-sm);padding:0 18px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:var(--shadow),var(--accent-glow);font-family:var(--font-display);font-weight:700;transition:transform .16s,box-shadow var(--transition),opacity var(--transition)}.primary-action:hover{opacity:.92;box-shadow:var(--shadow-md)}.primary-action:active{transform:scale(.98)}.secondary-action,.back-action,.clear-filters{gap:7px;min-height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;color:var(--muted);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);font-weight:700;transition:all var(--transition)}.secondary-action:hover,.secondary-action.active,.back-action:hover,.clear-filters:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md),var(--accent-glow)}.danger-action,.icon-danger{gap:7px;min-height:38px;border-radius:var(--radius-sm);padding:0 12px;color:var(--danger);background:var(--danger-soft);font-weight:800;transition:all var(--transition)}.icon-danger{width:38px;height:38px;padding:0}.danger-action:hover,.icon-danger:hover{color:#fff;background:var(--danger)}.link-action{min-height:34px;color:var(--accent);background:transparent;font-weight:800}.eyebrow,.small-label{margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.form-error,.app-error,.form-success{border-radius:var(--radius);padding:12px 13px;font-weight:800}.form-error,.app-error{border:1px solid var(--danger);color:var(--danger);background:var(--danger-soft)}.form-success{border:1px solid var(--success);color:var(--success);background:#2992361f}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:32px;background:var(--page-wash)}.auth-brand{display:grid;justify-items:center;gap:8px}.plotly-brand{display:grid;align-items:center;width:172px;height:44px}.plotly-brand img{grid-area:1 / 1;display:block;width:100%;height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 22px oklch(0% 0 0 / .12))}.plotly-brand .plotly-logo-dark,.plotly-brand .plotly-mark{display:none}:root[data-theme=dark] .plotly-brand .plotly-logo-light,:root[data-theme=dark] .plotly-brand .plotly-mark-light{display:none}:root[data-theme=dark] .plotly-brand .plotly-logo-dark{display:block}.auth-logo{width:240px;height:72px}.auth-panel{display:grid;justify-items:center;gap:22px;width:min(100%,460px);padding:0}.auth-form{width:100%;display:grid;gap:18px;border:1px solid var(--border);border-radius:var(--radius);padding:26px;background:radial-gradient(circle at 18% 0%,var(--accent-soft),transparent 46%),var(--panel-gradient);box-shadow:var(--shadow-lg),var(--glass-highlight);-webkit-backdrop-filter:blur(24px) saturate(1.18);backdrop-filter:blur(24px) saturate(1.18)}.auth-form h2,.admin-form h2,.empty-state h2,.user-directory h2{margin:0;font-size:28px;line-height:1.15}.loading-screen{display:grid;place-items:center;align-content:center;gap:12px;min-height:100vh;color:var(--accent);background:var(--page-wash);font-weight:900}.app-shell{display:flex;min-height:100vh;color:var(--fg);background:transparent}.topbar{position:sticky;top:0;z-index:20;display:flex;flex:0 0 var(--sidebar-w);flex-direction:column;width:var(--sidebar-w);height:100vh;overflow:hidden;border-right:1px solid var(--border);background:linear-gradient(180deg,oklch(100% 0 0 / .08),transparent 34%),var(--sidebar-gradient);box-shadow:var(--shadow-lg),inset -1px 0 #ffffff0f;-webkit-backdrop-filter:blur(30px) saturate(1.28);backdrop-filter:blur(30px) saturate(1.28);transition:background var(--transition),border-color var(--transition)}.brand-mark{display:flex;align-items:center;height:var(--top-h);padding:12px 18px;color:var(--fg)}.brand-mark .plotly-brand{width:174px;height:44px}.view-tabs{display:flex;flex:1;flex-direction:column;gap:2px;padding:8px 12px}.view-tabs:before{content:"Main";padding:16px 12px 6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase;opacity:.7}.view-tabs button{justify-content:flex-start;gap:10px;min-height:40px;border:1px solid transparent;border-radius:var(--radius-sm);padding:0 12px;color:var(--muted);background:transparent;font-size:13px;font-weight:700;transition:all var(--transition)}.view-tabs button:hover,.view-tabs button.active{color:var(--accent);border-color:var(--border-strong);background:linear-gradient(135deg,var(--accent-soft),transparent 72%),linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow),var(--accent-glow)}.view-tabs button svg{flex:0 0 auto}.online-friends-box{display:grid;gap:9px;margin:8px 12px 10px;border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:radial-gradient(circle at 10% 0%,oklch(58% .16 145 / .16),transparent 38%),var(--panel-gradient);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(22px) saturate(1.22);backdrop-filter:blur(22px) saturate(1.22)}.online-friends-title{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:0;text-transform:uppercase}.online-friends-title strong{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:auto;border-radius:999px;color:#fff;background:var(--success);font-size:11px}.online-friend-list{display:grid;gap:7px}.online-friend{position:relative;display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px;color:var(--fg);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--glass-highlight);font-weight:850;transition:all var(--transition)}.online-friend:hover{border-color:var(--success);box-shadow:var(--shadow),0 0 18px #2992362e}.online-avatar-wrap{position:relative;display:inline-grid;place-items:center;flex:0 0 auto}.online-avatar-wrap .presence-dot{position:absolute;right:-1px;bottom:0;border:2px solid var(--surface-solid)}.online-friend-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-badge{display:inline-grid;place-items:center;flex:0 0 auto;min-width:21px;height:21px;border:1px solid oklch(100% 0 0 / .18);border-radius:999px;padding:0 6px;color:#fff;background:linear-gradient(135deg,var(--accent),oklch(64% .18 20));box-shadow:0 0 18px #e4535d57;font-size:11px;font-weight:950;line-height:1}.online-friend .notification-badge{margin-left:auto}.mobile-friends-toggle,.mobile-friends-popover{display:none!important}.presence-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--success);box-shadow:0 0 12px #299236b3}.presence-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;border:1px solid var(--border);border-radius:999px;padding:3px 8px;color:var(--muted);background:linear-gradient(180deg,var(--surface),var(--surface-2));font-size:11px;font-weight:900;line-height:1.2}.presence-badge.online{border-color:#29923673;color:var(--success);background:#2992361f}.presence-badge.offline .presence-dot{background:var(--muted);box-shadow:none;opacity:.62}.account-chip{display:grid;gap:8px;margin-top:auto;border-top:1px solid var(--border);padding:12px;font-weight:800}.account-chip button{gap:8px;width:100%;min-height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);background:linear-gradient(180deg,var(--surface),transparent);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);transition:all var(--transition)}.account-chip button:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--accent-glow)}.account-chip .profile-chip{justify-content:flex-start;padding:0 10px 0 6px}.account-actions{display:flex;gap:8px;min-width:0}.account-card{display:grid;gap:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,oklch(100% 0 0 / .08),transparent 42%),var(--panel-gradient);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(24px) saturate(1.22);backdrop-filter:blur(24px) saturate(1.22)}.account-chip .account-profile{position:relative;display:grid;justify-items:center;gap:3px;min-height:144px;border:0;border-radius:0;padding:14px 10px 11px;color:var(--fg);background:radial-gradient(circle at 50% 24%,var(--accent-soft),transparent 48%),linear-gradient(180deg,var(--surface),transparent);box-shadow:none}.account-chip .account-profile:hover{border-color:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--border-strong),var(--accent-glow)}.account-notifications{display:grid;gap:7px;border-top:1px solid var(--border);padding:10px;background:radial-gradient(circle at 10% 0%,var(--accent-soft),transparent 48%),linear-gradient(180deg,transparent,var(--surface-2))}.account-notifications-title{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.account-notifications-title .notification-badge{margin-left:auto}.account-notification-list{display:grid;gap:6px}.account-chip .account-notification-list button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 8px;color:var(--fg);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--glass-highlight);text-align:left}.account-notification-list button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850}.profile-avatar-wrap{position:relative;display:inline-grid;place-items:center;width:76px;height:76px;margin-bottom:5px}.profile-avatar-wrap:after{content:"";position:absolute;right:6px;bottom:8px;width:12px;height:12px;border:2px solid var(--surface-solid);border-radius:999px;background:var(--success);box-shadow:0 0 14px #299236b8}.account-chip .profile-avatar-wrap .avatar.large{width:72px;height:72px;border:1px solid oklch(100% 0 0 / .18);box-shadow:0 12px 26px #0000004d,var(--accent-glow)}.account-name{width:100%;overflow:hidden;color:var(--fg);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:17px;font-weight:800;line-height:1.15}.online-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.online-status span{width:6px;height:6px;border-radius:999px;background:var(--success);box-shadow:0 0 10px #299236b3}.account-chip .logout-row{justify-content:space-between;min-height:38px;border:0;border-top:1px solid var(--border);border-radius:0;padding:0 11px 0 14px;color:var(--muted);background:linear-gradient(180deg,transparent,var(--surface-2));box-shadow:none}.logout-row>span{flex:1 1 auto;text-align:center;white-space:nowrap}.account-actions .profile-chip{flex:1 1 auto;min-width:0;width:auto}.account-actions button:not(.profile-chip){flex:0 0 42px;width:42px}.account-actions.account-card .account-profile,.account-actions.account-card .logout-row{flex:0 1 auto;width:100%;max-width:none}.account-actions.account-card .account-profile{justify-content:center;text-align:center}.account-actions .account-notifications,.account-actions .account-notification-list button{flex:1 1 auto;width:100%;max-width:none}.toggle-row{display:flex;gap:8px;min-width:0}.account-chip .visual-slider{--slider-width: 104px;--slider-height: 38px;--slider-pad: 4px;--slider-thumb-size: 30px;--slider-travel: calc(var(--slider-width) - var(--slider-thumb-size) - (var(--slider-pad) * 2));position:relative;flex:0 0 auto;gap:0;overflow:hidden;width:var(--slider-width);height:var(--slider-height);min-height:var(--slider-height);border-radius:999px;border:1px solid var(--border);padding:0;color:var(--fg);background:linear-gradient(135deg,#fffffbe6,#c1dde6b8),var(--surface-solid);background:linear-gradient(135deg,color(xyz 0.952 0.999 1.017 / 0.902),#c1dde6b8),var(--surface-solid);box-shadow:0 10px 24px #0003,inset 0 1px #ffffff75;isolation:isolate;transform:translateZ(0)}.account-chip .visual-slider:hover,.account-chip .visual-slider:focus-visible{border-color:var(--border-strong);color:var(--accent-strong);box-shadow:0 12px 30px #00000038,0 0 0 3px var(--accent-soft),inset 0 1px #ffffff57}:root[data-media=books] .account-chip .theme-slider{background:radial-gradient(circle at 18% 20%,oklch(72% .12 22 / .26),transparent 42%),linear-gradient(135deg,#fffaf9f0,#fccecac7),var(--surface-solid);background:radial-gradient(circle at 18% 20%,oklch(72% .12 22 / .26),transparent 42%),linear-gradient(135deg,color(xyz 0.939 0.966 1.006 / 0.941),#fccecac7),var(--surface-solid);border-color:var(--border-strong)}:root[data-theme=dark] .account-chip .theme-slider,.account-chip .theme-slider.is-dark{color:#e8e4dd;background:radial-gradient(circle at 22% 18%,oklch(42% .08 230 / .56),transparent 45%),linear-gradient(135deg,#07101a,#010308);border-color:#da938261}:root[data-theme=dark][data-media=books] .account-chip .theme-slider,:root[data-theme=dark][data-media=books] .account-chip .theme-slider.is-dark{background:radial-gradient(circle at 22% 18%,oklch(47% .12 18 / .48),transparent 45%),linear-gradient(135deg,#2a1314,#0a0303);border-color:var(--border-strong)}:root[data-theme=dark] .account-chip .visual-slider:hover,:root[data-theme=dark] .account-chip .visual-slider:focus-visible{color:var(--accent-strong)}.account-chip .media-slider{background:radial-gradient(circle at 18% 20%,oklch(74% .07 220 / .46),transparent 42%),linear-gradient(135deg,#fcf8f1eb,#bad6e2c7),var(--surface-solid)}:root[data-theme=dark] .account-chip .media-slider{background:linear-gradient(135deg,#08233ad1,#050c13eb),var(--surface-solid)}:root[data-theme=light][data-media=books] .account-chip .media-slider,.account-chip .media-slider.is-books{background:radial-gradient(circle at 24% 18%,oklch(72% .12 22 / .28),transparent 42%),linear-gradient(135deg,#fff6f3f0,#facac6c7);background:radial-gradient(circle at 24% 18%,oklch(72% .12 22 / .28),transparent 42%),linear-gradient(135deg,color(xyz 0.913 0.937 0.968 / 0.941),#facac6c7);border-color:var(--border-strong)}:root[data-theme=dark][data-media=books] .account-chip .media-slider,:root[data-theme=dark] .account-chip .media-slider.is-books{background:radial-gradient(circle at 24% 18%,oklch(69% .16 20 / .18),transparent 42%),linear-gradient(135deg,#422425db,#180809f0);border-color:var(--border-strong)}.account-chip .visual-slider:before{position:absolute;top:50%;right:12px;z-index:1;transform:translateY(-50%);color:inherit;font-size:10px;font-weight:950;letter-spacing:0;line-height:1;text-transform:uppercase;opacity:.86;pointer-events:none}.account-chip .theme-slider:before{content:"Light"}.account-chip .theme-slider.is-dark:before,:root[data-theme=dark] .account-chip .theme-slider:before{content:"Dark";right:auto;left:12px}.account-chip .media-slider:before{content:"Movies"}.account-chip .media-slider.is-books:before{content:"Books";right:auto;left:12px}.visual-slider:active .slider-thumb{scale:.96}.slider-scene,.media-scene{position:absolute;inset:0;display:block}.slider-backplate,.slider-thumb,.slider-thumb-image{position:absolute;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.slider-backplate{inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity var(--transition),transform .42s cubic-bezier(.2,.8,.2,1),filter var(--transition)}.account-chip .visual-slider .slider-backplate{display:none}.slider-backplate-dark,.slider-backplate-book,.theme-slider.is-dark .slider-backplate-light,.media-slider.is-books .slider-backplate-movie{opacity:0;transform:scale(1.03)}.theme-slider.is-dark .slider-backplate-dark,.media-slider.is-books .slider-backplate-book{opacity:1;transform:scale(1)}.slider-thumb{z-index:1;top:50%;left:var(--slider-pad);width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:999px;filter:drop-shadow(0 5px 8px oklch(0% 0 0 / .28));transform:translateY(-50%);transform-origin:center;transition:transform .52s cubic-bezier(.2,.8,.2,1),scale .16s ease,filter var(--transition)}.account-chip .visual-slider .slider-thumb{overflow:hidden;border:1px solid oklch(100% 0 0 / .36);background:radial-gradient(circle at 34% 28%,oklch(100% 0 0 / .58),transparent 34%),var(--accent);box-shadow:0 7px 16px #00000057,0 0 0 1px #00000024}.slider-thumb-image{inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .36s ease,transform .52s cubic-bezier(.2,.8,.2,1)}.account-chip .visual-slider .slider-thumb-image{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}.slider-thumb-moon,.slider-thumb-books{opacity:0;transform:rotate(-24deg) scale(.7)}.theme-slider.is-dark .slider-thumb,.media-slider.is-books .slider-thumb{transform:translate(var(--slider-travel),-50%)}.theme-slider.is-dark .slider-thumb-sun,.media-slider.is-books .slider-thumb-reel{opacity:0;transform:rotate(24deg) scale(.7)}.theme-slider.is-dark .slider-thumb-moon,.media-slider.is-books .slider-thumb-books{opacity:1;transform:rotate(0) scale(1)}.theme-slider.is-dark .slider-thumb{filter:drop-shadow(0 0 12px oklch(94% .04 92 / .68))}.account-chip .theme-slider.is-dark .slider-thumb{background:radial-gradient(circle at 34% 28%,oklch(100% 0 0 / .42),transparent 34%),#e1d7be}.media-thumb{filter:drop-shadow(0 5px 8px oklch(0% 0 0 / .36))}.slider-thumb-books{transform:rotate(-14deg) scale(.72)}.media-slider.is-books .slider-thumb-reel{transform:rotate(14deg) scale(.72)}.media-slider.is-books .slider-thumb-books{transform:rotate(0) scale(1)}.theme-slider,.media-slider{width:var(--slider-width)}.profile-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;width:32px;height:32px;border-radius:999px;color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),transparent),var(--surface-2);box-shadow:var(--glass-highlight)}.avatar.large{width:96px;height:96px}.avatar img{width:100%;height:100%;object-fit:cover}.main-area{flex:1;min-width:0;padding-bottom:36px}.page-bar{display:flex;align-items:center;gap:12px;min-height:var(--top-h);border-bottom:1px solid var(--border);padding-inline:max(var(--content-gutter),calc((100% - var(--content-max)) / 2));background:linear-gradient(90deg,var(--surface),oklch(100% 0 0 / .035),transparent 86%),linear-gradient(180deg,oklch(100% 0 0 / .04),transparent);box-shadow:0 12px 34px #00000014;-webkit-backdrop-filter:blur(26px) saturate(1.2);backdrop-filter:blur(26px) saturate(1.2)}.title-back-action{flex:0 0 38px;width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);transition:all var(--transition)}.title-back-action:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md),var(--accent-glow)}.page-bar h1{margin:0;font-size:20px;font-weight:700;line-height:1.2}.page-bar p{margin:2px 0 0;color:var(--muted);font-size:12px}.dashboard-band,.filter-band,.app-error,.admin-layout,.suggestion-layout,.detail-view,.entity-view,.user-directory,.user-detail,.clubs-view,.club-detail{width:min(var(--content-max),calc(100% - (var(--content-gutter) * 2)));margin-right:auto;margin-left:auto}.dashboard-band{display:grid;gap:14px;margin-top:20px;margin-bottom:18px}.profile-banner{position:relative;display:flex;align-items:center;gap:16px;border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;background:radial-gradient(circle at 7% 30%,var(--accent-soft),transparent 24%),linear-gradient(105deg,transparent,var(--accent-soft),transparent 72%),var(--panel-gradient);box-shadow:var(--shadow-lg),inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(24px) saturate(1.22);backdrop-filter:blur(24px) saturate(1.22);overflow:hidden}.profile-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,oklch(100% 0 0 / .12),transparent 38%,oklch(100% 0 0 / .05));opacity:.62}.profile-banner .avatar.large{position:relative;width:48px;height:48px;box-shadow:var(--accent-glow)}.profile-text{position:relative;flex:1;min-width:180px}.profile-text .greeting{color:var(--fg);font-size:20px;font-weight:700;line-height:1.3}.profile-text .sub{color:var(--muted);font-size:13px}.stats-grid{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.profile-banner-controls{position:relative;display:flex;justify-content:flex-end;flex:0 0 auto}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}.mode-slider{--mode-slider-pad: 4px;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden;min-height:38px;border:1px solid var(--border);border-radius:999px;padding:var(--mode-slider-pad);color:var(--muted);background:radial-gradient(circle at 12% 18%,var(--accent-soft),transparent 38%),linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-md),inset 0 1px #ffffff24;isolation:isolate;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);transition:border-color var(--transition),box-shadow var(--transition),color var(--transition)}.mode-slider:hover,.mode-slider:focus-visible{border-color:var(--accent);color:var(--accent-strong);box-shadow:var(--shadow-md),var(--accent-glow),inset 0 1px #ffffff29}.completion-slider{width:72px}.display-slider{width:78px}.completion-slider-wrap{display:grid;justify-items:center;gap:4px}.completion-slider-wrap>span{color:var(--muted);font-size:9px;font-weight:950;letter-spacing:0;line-height:1;text-transform:uppercase;white-space:nowrap}.mode-slider-track{position:absolute;top:var(--mode-slider-pad);bottom:var(--mode-slider-pad);left:var(--mode-slider-pad);z-index:-1;width:calc((100% - (var(--mode-slider-pad) * 2)) / 2);border:1px solid oklch(100% 0 0 / .2);border-radius:999px;background:radial-gradient(circle at 35% 25%,oklch(100% 0 0 / .32),transparent 35%),linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:var(--accent-glow);transition:transform .42s cubic-bezier(.2,.8,.2,1)}.mode-slider.is-on .mode-slider-track{transform:translate(100%)}.mode-slider-option{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:0 9px;color:var(--muted);font-size:10px;font-weight:950;letter-spacing:0;line-height:1;text-transform:uppercase;white-space:nowrap;transition:color var(--transition),opacity var(--transition)}.mode-slider.is-icon-only .mode-slider-option{padding:0}.mode-slider-option svg{flex:0 0 auto}.mode-slider.is-off .mode-slider-option-left,.mode-slider.is-on .mode-slider-option-right{color:#fff;text-shadow:0 1px 10px oklch(0% 0 0 / .26)}.mode-slider.is-off .mode-slider-option-right,.mode-slider.is-on .mode-slider-option-left{opacity:.72}.stat-block{display:grid;min-width:76px;text-align:center}.stat-block svg{display:none}.stat-block span{order:2;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}.stat-block strong{order:1;color:var(--fg);text-shadow:0 0 16px oklch(100% 0 0 / .16);font-family:var(--font-display);font-size:18px;font-weight:800;line-height:1.2}.search-box{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;background:linear-gradient(180deg,var(--surface),var(--surface-2)),linear-gradient(90deg,var(--accent-soft),transparent 38%);box-shadow:var(--shadow-md),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(22px) saturate(1.22);backdrop-filter:blur(22px) saturate(1.22)}.search-box svg{color:var(--muted);flex:0 0 auto}.search-box input{border:0;padding:0;background:transparent;box-shadow:none}.catalog-view-toolbar{display:flex;justify-content:flex-end;margin-top:-4px}.home-dashboard{display:grid;gap:22px;width:min(var(--content-max),calc(100% - (var(--content-gutter) * 2)));margin-right:auto;margin-bottom:22px;margin-left:auto;padding:0}.dashboard-catalog-section{padding:0}.dashboard-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:var(--fg)}.dashboard-section-title>span{display:inline-flex;align-items:center;gap:12px;min-width:0}.dashboard-section-title svg{flex:0 0 auto;width:26px;height:26px;color:var(--accent)}.dashboard-section-title h2{margin:0;font-size:32px;font-weight:800;line-height:1.1}.dashboard-title-action{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:1px solid var(--border);border-radius:999px;padding:0 12px;color:var(--accent);background:linear-gradient(180deg,var(--surface),transparent);box-shadow:var(--shadow);font-family:var(--font-display);font-size:12px;font-weight:800;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.dashboard-title-action:hover{border-color:var(--accent);box-shadow:var(--accent-glow)}.dashboard-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:100%}.dashboard-empty{grid-column:1 / -1;min-height:110px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:13px}.movie-grid>.empty-state,.club-grid>.empty-state,.user-grid>.empty-state{grid-column:1 / -1;width:100%}.filter-band{display:grid;grid-template-columns:auto repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:12px;margin-bottom:24px;border:1px solid transparent;border-radius:var(--radius);padding:10px 0}.filter-title{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--muted);font-weight:900}.filter-title svg{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-mid))}.filter-title strong{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;color:#fff;background:var(--accent);font-size:12px}.filter-band label{gap:5px}.filter-band select{min-height:40px;padding:8px 34px 8px 11px}.app-error{margin-bottom:18px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;width:min(var(--content-max),calc(100% - (var(--content-gutter) * 2)));margin:8px auto 14px;padding:0}.catalog-heading h2{margin:0;color:var(--fg);font-size:32px;font-weight:800;line-height:1.1}.catalog-heading span{color:var(--muted);font-size:13px;font-weight:800}.movie-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:min(var(--content-max),calc(100% - (var(--content-gutter) * 2)));margin:0 auto;padding:0 0 42px}.dashboard-list-stack,.movie-list{display:grid;gap:10px}.movie-list{width:min(var(--content-max),calc(100% - (var(--content-gutter) * 2)));margin:0 auto;padding:0 0 42px}.movie-list-item{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px 9px 9px;background:linear-gradient(90deg,var(--accent-soft),transparent 28%),linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-md),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.movie-list-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg),var(--accent-glow);transform:translateY(-2px)}.list-poster{display:block;overflow:hidden;width:62px;aspect-ratio:2 / 3;border:1px solid var(--border);border-radius:7px;padding:0;background:var(--surface-2);box-shadow:var(--shadow)}.list-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.movie-list-item:hover .list-poster img{transform:scale(1.05)}.movie-list-main{display:grid;gap:7px;min-width:0}.movie-list-title-row{display:flex;align-items:center;gap:10px;min-width:0}.movie-list-title-row button{min-width:0;border:0;padding:0;color:inherit;background:transparent;text-align:left}.movie-list-title-row h3{margin:0;overflow:hidden;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:850;line-height:1.2;transition:color var(--transition)}.movie-list-title-row button:hover h3{color:var(--accent)}.movie-list-title-row .rating-stars{flex:0 0 auto}.movie-list-meta{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.movie-list-meta span{display:inline-flex;min-height:22px;align-items:center;border:1px solid var(--border);border-radius:999px;padding:0 8px;color:var(--muted);background:var(--surface);font-size:11px;font-weight:850}.movie-list-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;min-width:0}.list-personal-rating{display:inline-flex;align-items:center;gap:6px;min-width:0}.list-personal-rating .small-label{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap}.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(var(--content-max),calc(100% - (var(--content-gutter) * 2)));margin-right:auto;margin-left:auto;padding:0 0 42px;color:var(--muted);font-size:13px;font-weight:800}.catalog-pagination>div{display:flex;align-items:center;gap:10px}.catalog-pagination button{min-height:36px;border:1px solid var(--border);border-radius:999px;padding:0 14px;color:var(--accent);background:linear-gradient(180deg,var(--surface),transparent);box-shadow:var(--shadow);font-family:var(--font-display);font-size:12px;font-weight:800}.catalog-pagination button:not(:disabled):hover{border-color:var(--accent);box-shadow:var(--accent-glow)}.catalog-pagination button:disabled{color:var(--muted)}.movie-card{position:relative;display:grid;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,oklch(100% 0 0 / .1),transparent 28%),radial-gradient(circle at 16% 10%,var(--accent-soft),transparent 30%),var(--panel-gradient);box-shadow:var(--shadow-md),inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);transition:transform .25s,box-shadow .25s,border-color var(--transition)}.movie-card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,transparent 55%,var(--accent-soft));opacity:0;transition:opacity var(--transition)}.movie-card:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:var(--shadow-lg),var(--accent-glow)}.movie-card:hover:before{opacity:1}.poster{position:relative;overflow:hidden;aspect-ratio:2 / 3;min-width:0;background:var(--surface-2)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,oklch(0% 0 0 / .2) 62%,oklch(0% 0 0 / .64)),linear-gradient(90deg,oklch(100% 0 0 / .04),transparent 24%,oklch(100% 0 0 / .06));pointer-events:none}.poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.poster-open{position:relative;z-index:0;display:block;width:100%;height:100%;border:0;padding:0;background:transparent}.movie-card:hover .poster img{transform:scale(1.04)}.poster-rating{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;min-height:28px;border:1px solid oklch(100% 0 0 / .16);border-radius:var(--radius-sm);padding:0 8px;color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),oklch(0% 0 0 / .42)),#0000007a;box-shadow:var(--accent-glow);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}.poster-rating .rating-stars,.poster-rating .rating-scale,.poster-rating .rating-count{color:var(--accent)}.poster-rating .rating-scale{color:#ffffffbd}.watched-badge{position:absolute;right:10px;bottom:10px;z-index:2;width:34px;height:34px;border-radius:999px;color:#fff;background:var(--success);box-shadow:var(--shadow-md),0 0 24px #29923657}.movie-body{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr;gap:11px;min-width:0;margin-top:-58px;padding:68px 13px 13px;background:linear-gradient(180deg,transparent,var(--surface) 40%,var(--surface-2)),radial-gradient(circle at 18% 35%,var(--accent-soft),transparent 48%),linear-gradient(135deg,var(--accent-soft),transparent 58%)}.movie-title-row{display:grid;gap:4px}.movie-title-row button{display:block;width:100%;border:0;padding:0;color:inherit;text-align:left;background:transparent}.movie-title-row button:hover h3{color:var(--accent)}.movie-title-row h3{margin:0;color:var(--fg);font-size:16px;line-height:1.2;text-shadow:0 1px 18px oklch(0% 0 0 / .18);transition:color var(--transition)}.movie-year{color:var(--muted);font-size:12px;font-weight:850}.movie-title-row p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.movie-meta-line,.entity-list,.token-list,.suggestion-row,.movie-actions,.profile-form-actions{display:flex;flex-wrap:wrap;gap:6px}.metadata-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:999px;padding:4px 9px;color:var(--muted);background:var(--surface);box-shadow:var(--shadow);font-size:11px;font-weight:800;transition:all var(--transition)}.metadata-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.rating-row,.detail-ratings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rating-stars{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:13px;font-weight:900;white-space:nowrap}.rating-stars .filled{color:var(--accent);fill:var(--accent)}.rating-scale,.rating-count{color:var(--muted);font-weight:800}.movie-card-footer{display:grid;align-self:end;gap:10px;min-width:0}.movie-actions{align-items:center}.card-icon-action{width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px) saturate(1.16);backdrop-filter:blur(12px) saturate(1.16);transition:all var(--transition)}.card-icon-action:hover,.card-icon-action.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md),var(--accent-glow)}.card-icon-action.success,.secondary-action.success,.secondary-action.active.success{border-color:var(--success);color:var(--success);background:#2992361f}.card-icon-action.danger{color:var(--danger);background:var(--danger-soft)}.card-icon-action.danger:hover{color:#fff;background:var(--danger)}.personal-panel{display:flex;align-items:center;gap:7px;min-width:0}.movie-card .personal-panel .small-label{margin:0;font-size:9px;white-space:nowrap}.detail-personal{display:grid;gap:8px;border-top:1px solid var(--border);padding-top:12px}.personal-rating-badge{justify-self:start;gap:4px;min-height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 9px;color:var(--accent);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);font-size:13px;font-weight:900;transition:all var(--transition)}.personal-rating-badge:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md)}.personal-rating-badge .filled{fill:currentColor}.rating-input{display:flex;flex-wrap:wrap;gap:3px}.rating-input button{width:28px;height:28px;border-radius:var(--radius-sm);color:var(--muted);background:var(--surface-2);font-size:12px;font-weight:900;transition:all var(--transition)}.rating-input button.active{color:#fff;background:var(--accent)}.rating-input .clear-rating{color:var(--danger);background:var(--danger-soft)}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding-bottom:42px}.suggestion-layout{display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(320px,.95fr);align-items:start;gap:24px;padding-bottom:42px}.admin-form,.admin-users-panel,.suggestion-form,.suggestion-list-panel,.profile-form,.comments-panel,.user-card,.club-card,.club-form,.club-hero,.club-main,.club-side,.club-discussion,.club-pick-form,.suggestion-card,.user-hero,.profile-section,.related-section,.user-profile-form,.detail-hero,.detail-field,.entity-hero{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,oklch(100% 0 0 / .07),transparent 36%),var(--panel-gradient);box-shadow:var(--shadow-md),inset 0 0 0 1px #ffffff0b;-webkit-backdrop-filter:blur(24px) saturate(1.22);backdrop-filter:blur(24px) saturate(1.22)}.admin-form{display:grid;gap:18px;width:100%;padding:22px}.admin-editor{grid-template-columns:minmax(190px,280px) minmax(0,1fr)}.admin-users-panel{display:grid;gap:16px;padding:22px}.admin-user-summary{display:flex;flex-wrap:wrap;gap:8px}.admin-user-summary span,.admin-user-meta span{border-radius:999px;padding:5px 8px;color:var(--muted);background:var(--surface-2);font-size:12px;font-weight:850}.admin-user-list{display:grid;gap:10px}.admin-user-row{position:relative;display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(180px,.75fr) 128px auto;align-items:center;gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:linear-gradient(180deg,var(--surface),var(--surface-2)),linear-gradient(90deg,var(--accent-soft),transparent 48%);box-shadow:var(--shadow),var(--glass-highlight)}.admin-user-main{display:grid;grid-template-columns:auto minmax(0,1fr);justify-content:start;gap:10px;min-width:0;padding:0;color:var(--fg);text-align:left;background:transparent}.admin-user-main>span{display:grid;gap:3px;min-width:0}.admin-user-main strong,.admin-user-main small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-main small{color:var(--muted);font-size:12px;font-weight:800}.admin-user-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.compact-select{gap:5px}.compact-select select{min-height:38px;padding:8px 32px 8px 11px}.compact-danger{min-height:38px;white-space:nowrap}.admin-user-busy{grid-column:1 / -1;color:var(--muted);font-size:12px;font-weight:850}.suggestion-form,.suggestion-list-panel{display:grid;gap:18px;padding:22px}.suggestion-editor{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);align-items:start;gap:18px}.suggestion-cover-column,.suggestion-fields{display:grid;gap:14px;min-width:0}.suggestion-cover-preview{display:grid;place-items:center;overflow:hidden;aspect-ratio:2 / 3;border-radius:var(--radius);color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),transparent),var(--surface-2);box-shadow:var(--shadow-md)}.suggestion-cover-preview img{width:100%;height:100%;object-fit:cover}.suggestion-list{display:grid;gap:12px}.suggestion-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;padding:12px}.suggestion-card>img{width:86px;aspect-ratio:2 / 3;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2);box-shadow:var(--shadow)}.suggestion-card-title,.suggestion-meta,.suggestion-review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.suggestion-card-title{justify-content:space-between}.suggestion-card h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;font-size:17px}.title-year{color:var(--muted);font-size:12px;font-weight:850}.suggestion-card p{display:-webkit-box;margin:6px 0 10px;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.suggestion-meta{color:var(--muted);font-size:11px;font-weight:850}.suggestion-review-actions{margin-top:12px}.status-pill{border-radius:999px;padding:3px 8px;color:var(--muted);background:var(--surface-2);font-size:10px;font-weight:900;text-transform:uppercase}.status-pill.pending{color:var(--accent);background:var(--accent-soft)}.status-pill.approved{color:var(--success);background:#2992361f}.status-pill.rejected{color:var(--danger);background:var(--danger-soft)}.section-heading{display:flex;align-items:center;gap:12px}.section-heading>svg{color:var(--accent)}.section-heading h3{margin:0;font-size:20px}.compact-heading{margin-top:6px}.compact-heading h3{font-size:17px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.title-year-grid{grid-template-columns:minmax(0,1fr) minmax(96px,126px)}.token-field,.profile-form-fields,.favorite-picker,.related-picker{display:grid;gap:10px}.muted-note{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.home-preferences-editor{display:grid;gap:12px;margin-top:4px}.home-preference-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-preference-group{min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:radial-gradient(circle at 8% 8%,var(--accent-soft),transparent 42%),linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--glass-highlight)}.home-preference-group legend{padding:0 6px;color:var(--fg);font-size:12px;font-weight:950;text-transform:uppercase}.home-preference-group>div{display:grid;gap:8px}.preference-check{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 9px;color:var(--muted);background:var(--surface);font-size:12px;font-weight:850;transition:all var(--transition)}.preference-check:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.preference-check input{width:16px;height:16px;accent-color:var(--accent)}.related-picker-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.related-picker-list button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 9px 6px 6px;color:var(--muted);text-align:left;background:var(--surface-2);font-size:12px;font-weight:850;transition:all var(--transition)}.related-picker-list button:hover,.related-picker-list button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.related-picker-list button.active svg{color:var(--success)}.related-picker-list img{width:34px;aspect-ratio:2 / 3;border-radius:4px;object-fit:cover;background:var(--surface)}.related-picker-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list button,.suggestion-row button{gap:6px;min-height:30px;border-radius:999px;padding:0 10px;color:var(--muted);background:linear-gradient(180deg,var(--surface-2),transparent);font-size:12px;font-weight:850;transition:all var(--transition)}.token-list button{color:#fff;background:var(--accent)}.suggestion-row button:hover{color:var(--accent);background:var(--accent-soft)}.favorite-selection-list{display:grid;gap:7px}.favorite-selection-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 9px;color:var(--fg);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--glass-highlight);text-align:left;transition:all var(--transition)}.favorite-selection-list button:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.favorite-selection-list button svg:first-child{color:var(--accent);fill:currentColor}.favorite-selection-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850}.favorite-selection-list em{color:var(--muted);font-size:11px;font-style:normal;font-weight:850}.file-picker{grid-template-columns:auto 1fr;align-items:center;min-height:46px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:0 13px;color:var(--muted);background:linear-gradient(180deg,var(--surface),var(--surface-2))}.file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.range-row{display:grid;grid-template-columns:1fr 56px;align-items:center;gap:12px}.range-row input{padding:0;box-shadow:none}.range-row output{border-radius:var(--radius-sm);padding:9px 0;text-align:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:var(--accent-glow);font-weight:900}.poster-preview,.person-portrait,.profile-form-preview{display:grid;place-items:center;overflow:hidden;border-radius:var(--radius);color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),transparent),var(--surface-2);box-shadow:var(--shadow-md)}.poster-preview{aspect-ratio:3 / 4}.poster-preview img,.person-portrait img,.profile-form-preview img{width:100%;height:100%;object-fit:cover}.detail-view,.entity-view,.user-directory,.user-detail{display:grid;gap:16px;padding-bottom:42px}.entity-related-grid{width:100%;margin:0;padding-bottom:0}.back-action{justify-self:start}.detail-hero{display:grid;grid-template-columns:minmax(260px,.45fr) minmax(320px,.55fr);overflow:hidden}.detail-poster{min-height:520px;background:var(--surface-2)}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-copy{display:grid;align-content:start;gap:22px;padding:24px}.detail-copy h2,.entity-hero h2,.user-hero h2{margin:0;font-size:38px;line-height:1.08}.detail-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.detail-year{color:var(--accent);font-family:var(--font-display);font-size:20px;font-weight:850}.detail-description,.entity-bio,.user-hero p:not(.eyebrow){max-width:720px;margin:14px 0 0;color:var(--fg);font-size:15px;line-height:1.75}.detail-actions{align-items:center}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-field{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 9px;min-height:88px;padding:14px;background:linear-gradient(135deg,var(--surface),transparent),var(--surface-2)}.detail-field>svg{grid-row:1 / span 2;color:var(--accent)}.detail-field span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.detail-value{color:var(--fg);font-size:14px;line-height:1.4;font-weight:850}.entity-hero,.user-hero{padding:22px}.person-hero,.user-hero{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.person-portrait,.profile-form-preview{width:180px;aspect-ratio:1}.entity-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.entity-stats .stat-block{min-width:120px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}.profile-edit-toggle{margin-top:14px}.profile-form,.user-profile-form{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:20px}.comments-panel{display:grid;gap:16px;padding:20px}.comment-form{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:12px;border-top:1px solid var(--border);padding-top:16px}.comment-form label{min-width:0}.comment-list,.profile-comment-list,.mini-movie-list{display:grid;gap:10px}.comment-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:linear-gradient(180deg,var(--surface),var(--surface-2)),linear-gradient(90deg,var(--accent-soft),transparent 44%);box-shadow:var(--shadow),var(--glass-highlight)}.avatar-button,.comment-meta button,.profile-comment button,.user-card-main,.mini-movie-list button{background:transparent}.avatar-button{align-self:start;padding:0}.comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px}.comment-meta button,.profile-comment button{padding:0;color:var(--accent);font-weight:900}.comment-meta span,.profile-comment span{color:var(--muted);font-size:12px;font-weight:800}.comment-item p,.profile-comment p{margin:0;color:var(--fg);line-height:1.5}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.user-card{display:grid;gap:14px;padding:16px;transition:all var(--transition)}.user-card:hover{transform:translateY(-3px);border-color:var(--accent-mid);box-shadow:var(--shadow-lg),var(--accent-glow)}.user-card-main{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:0;color:var(--fg);text-align:left}.user-card-main h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;color:var(--fg);font-size:20px}.user-card-heading{display:grid;gap:6px;min-width:0}.user-card-main h3 span{border-radius:999px;padding:3px 7px;color:#fff;background:var(--accent);font-size:11px;font-weight:900}.user-card-main p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.user-card-stats{display:flex;flex-wrap:wrap;gap:6px}.user-card-stats span{border-radius:999px;padding:5px 8px;color:var(--muted);background:var(--surface-2);font-size:12px;font-weight:850}.user-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.profile-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.friend-request-section{margin-bottom:18px}.request-list{display:grid;gap:8px}.request-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:linear-gradient(180deg,var(--surface),var(--surface-2)),linear-gradient(90deg,var(--accent-soft),transparent 48%);box-shadow:var(--shadow),var(--glass-highlight)}.request-item>button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0;color:var(--fg);background:transparent;text-align:left;font-weight:900}.request-item>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.friend-activity-section{display:grid;align-items:start;justify-self:stretch;width:100%;max-width:100%;margin-bottom:18px;padding:18px}.friend-activity-section .section-heading{margin:0}.activity-list{display:grid;gap:8px;min-width:0;width:100%}.activity-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--border);border-radius:var(--radius);min-width:0;width:100%;padding:8px 10px;background:linear-gradient(180deg,var(--surface),var(--surface-2)),linear-gradient(90deg,var(--accent-soft),transparent 46%);box-shadow:var(--shadow),var(--glass-highlight)}.activity-user{padding:0;background:transparent}.activity-copy{display:flex;align-items:baseline;justify-content:flex-start;gap:6px;min-width:0;width:100%;padding:0;color:var(--fg);text-align:left;background:transparent}.activity-copy strong{flex:0 0 auto;font-family:var(--font-display);font-size:13px}.activity-copy span,.activity-item time{overflow:hidden;color:var(--muted);font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.activity-item time{flex:0 0 auto;justify-self:end}.activity-empty{display:flex;align-items:center;justify-self:start;justify-content:flex-start;gap:8px;min-width:0;width:100%;max-width:none;border:1px dashed var(--border);border-radius:var(--radius);padding:10px 12px;color:var(--muted);background:linear-gradient(180deg,var(--surface),var(--surface-2)),linear-gradient(90deg,var(--accent-soft),transparent 46%);box-shadow:var(--shadow);font-weight:850}.split-heading{justify-content:space-between;gap:12px;margin-bottom:16px}.clubs-view,.club-detail{display:grid;gap:16px;padding-bottom:42px}.club-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.club-card{overflow:hidden;display:grid;grid-template-rows:170px 1fr;transition:all var(--transition)}.club-card:hover{transform:translateY(-3px);border-color:var(--accent-mid);box-shadow:var(--shadow-lg),var(--accent-glow)}.club-cover,.club-hero-art,.club-preview{display:grid;place-items:center;overflow:hidden;color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),transparent),var(--surface-2)}.club-cover{width:100%;height:100%;border-radius:0;padding:0}.club-cover img,.club-hero-art img,.club-preview img{width:100%;height:100%;object-fit:cover}.club-card-body,.club-main,.club-side,.club-discussion,.club-pick-form{display:grid;gap:14px}.club-card-body{align-content:space-between;padding:16px}.club-card-body h3,.club-hero h2{margin:0}.club-card-body p,.club-hero p,.club-pick p{margin:0;color:var(--muted);line-height:1.45}.club-current-pick{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;color:var(--fg);text-align:left;background:linear-gradient(180deg,var(--surface),var(--surface-2))}.club-current-pick img{width:44px;aspect-ratio:2 / 3;border-radius:var(--radius-sm);object-fit:cover}.club-current-pick span{display:grid;min-width:0;color:var(--muted);font-size:12px;font-weight:850;text-transform:capitalize}.club-current-pick strong{overflow:hidden;color:var(--fg);font-size:13px;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.club-current-pick.empty{grid-template-columns:1fr;color:var(--muted)}.club-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.club-card-footer>span{color:var(--muted);font-size:12px;font-weight:850}.club-card-footer>div{display:flex;gap:8px}.club-form,.club-hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:20px}.club-hero-art{min-height:220px;border-radius:var(--radius)}.club-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.club-main,.club-side,.club-discussion,.club-pick-form{padding:18px}.club-pick-list,.club-pick-thread{display:grid;gap:10px}.club-pick{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--glass-highlight);transition:all var(--transition)}.club-pick.active{border-color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),transparent 44%),linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-md),var(--accent-glow)}.club-pick-cover,.club-pick>div:first-child{display:block;width:68px;aspect-ratio:2 / 3;border-radius:var(--radius-sm);overflow:hidden;padding:0;background:var(--surface-2)}.club-pick-cover img,.club-pick>div:first-child{width:68px;aspect-ratio:2 / 3;object-fit:cover;background:var(--surface-2)}.club-pick-title{justify-content:flex-start;min-width:0;overflow:hidden;padding:0;color:var(--fg);background:transparent;font-family:var(--font-display);font-size:18px;font-weight:800;text-overflow:ellipsis;text-align:left;white-space:nowrap}.club-pick-body{min-width:0}.club-pick-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px}.club-pick-date{justify-self:end;text-align:right;white-space:nowrap}.club-pick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.club-pick-actions .link-action{min-height:28px;padding:0}.club-pick span,.comment-thread{color:var(--muted);font-size:12px;font-weight:850}.club-member-list{display:grid;gap:8px}.club-member-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;color:var(--fg);background:linear-gradient(180deg,var(--surface),var(--surface-2));text-align:left}.club-member-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850}.club-member-list strong,.comment-meta strong{border-radius:999px;padding:3px 7px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:900;text-transform:capitalize}.club-thread{margin-left:80px;border-color:var(--accent-mid)}.club-thread-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.club-thread-heading>span{border-radius:999px;padding:5px 9px;color:var(--accent);background:var(--accent-soft);font-size:12px;font-weight:900;white-space:nowrap}.club-discussion .club-thread-form{grid-template-columns:minmax(0,1fr);align-items:stretch}.club-thread-reply{gap:10px}.club-thread-reply>span{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.club-thread-reply textarea{min-height:104px}.club-thread-form .primary-action{justify-self:end;min-width:112px}.club-thread-form .form-error{grid-column:1}.check-row{display:flex;align-items:center;gap:8px;min-height:44px}.check-row input{width:18px;box-shadow:none}.spoiler-toggle{min-height:0;color:var(--muted);font-size:12px;font-weight:850}.spoiler-toggle input{width:16px;height:16px}.spoiler-comment{border-color:var(--accent-mid);background:linear-gradient(135deg,var(--accent-soft),transparent),linear-gradient(180deg,var(--surface),var(--surface-2))}.spoiler-body{position:relative;display:grid;align-items:center;min-height:34px}.spoiler-body p{transition:filter var(--transition),opacity var(--transition)}.spoiler-body.is-hidden p{filter:blur(6px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.spoiler-body.is-hidden:after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2),transparent 28%,var(--surface-2)),linear-gradient(180deg,transparent,var(--surface) 74%)}.spoiler-reveal{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);min-height:32px;padding:6px 10px}.user-detail-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px}.profile-section,.related-section{display:grid;align-content:start;gap:14px;padding:18px}.friend-activity-section{display:grid;align-content:center;gap:14px;padding:18px}.mini-movie-list button{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid var(--border);border-radius:var(--radius);padding:8px;color:var(--fg);text-align:left;background:linear-gradient(180deg,var(--surface),var(--surface-2)),linear-gradient(90deg,var(--accent-soft),transparent 48%);box-shadow:var(--shadow),var(--glass-highlight)}.mini-movie-list img{width:54px;aspect-ratio:2 / 3;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2)}.mini-movie-list button>span{display:grid;gap:2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.mini-movie-list button>span small{color:var(--muted);font-size:11px;font-weight:800}.profile-club-list{display:grid;gap:10px}.profile-club-list button{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius);padding:8px;color:var(--fg);background:linear-gradient(180deg,var(--surface),var(--surface-2)),linear-gradient(90deg,var(--accent-soft),transparent 48%);box-shadow:var(--shadow),var(--glass-highlight);text-align:left}.profile-club-list img,.profile-club-list button>svg{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2)}.profile-club-list span{display:grid;gap:2px;min-width:0;overflow:hidden;color:var(--muted);font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.profile-club-list strong{overflow:hidden;color:var(--fg);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.profile-club-list em{border-radius:999px;padding:4px 7px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-style:normal;font-weight:900;text-transform:capitalize}.profile-comment{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:linear-gradient(180deg,var(--surface),var(--surface-2)),linear-gradient(90deg,var(--accent-soft),transparent 48%);box-shadow:var(--shadow),var(--glass-highlight)}.profile-comment p{margin:6px 0}.direct-message-panel{grid-column:1 / -1}.message-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:4px}.message-bubble{display:grid;justify-self:start;gap:5px;max-width:min(620px,88%);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:linear-gradient(180deg,var(--surface),var(--surface-2)),linear-gradient(90deg,var(--accent-soft),transparent 52%);box-shadow:var(--shadow),var(--glass-highlight)}.message-bubble.mine{justify-self:end;border-color:var(--accent-mid);background:linear-gradient(135deg,var(--accent-soft),transparent),linear-gradient(180deg,var(--surface),var(--surface-2))}.message-bubble p{margin:0;color:var(--fg);line-height:1.45}.message-bubble span{color:var(--muted);font-size:11px;font-weight:850}.message-form{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:14px}.message-form .primary-action{justify-self:end}.empty-state{display:grid;place-items:center;gap:10px;min-height:240px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);background:var(--panel-gradient);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(1.16);backdrop-filter:blur(18px) saturate(1.16)}.empty-state.compact{min-height:150px}.empty-state h2{font-size:22px}@media(max-width:1120px){:root{--sidebar-w: 72px}.brand-mark span,.view-tabs button span,.account-chip .profile-chip span,.view-tabs:before{display:none}.brand-mark{justify-content:center;padding:16px 0}.brand-mark .plotly-brand{display:grid;width:42px;height:42px}.brand-mark .plotly-logo{display:none!important}.brand-mark .plotly-mark-light{display:block}:root[data-theme=dark] .brand-mark .plotly-mark-light{display:none}:root[data-theme=dark] .brand-mark .plotly-mark-dark{display:block}.view-tabs{align-items:center;padding:8px 6px}.view-tabs button,.account-chip button{justify-content:center;width:44px;padding:0}.account-chip{align-items:center;padding:8px 6px}.online-friends-box,.online-friends-title{display:none}.online-friend{justify-content:center;width:44px;height:44px;padding:0}.online-friend .notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;font-size:10px}.online-friend-name{display:none}.toggle-row{flex-direction:column}.account-actions{align-items:center;flex-direction:column;gap:8px;width:100%;justify-content:center}.account-actions .profile-chip,.account-actions button:not(.profile-chip){flex:0 0 auto;width:44px}.account-chip .mobile-friends-toggle,.account-actions .mobile-friends-toggle{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0;color:var(--muted);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.mobile-friends-toggle .mobile-friends-label{display:none}.mobile-friends-toggle .mobile-friends-count{position:absolute;top:-6px;right:-6px;display:inline-grid;place-items:center;min-width:18px;height:18px;border:1px solid oklch(100% 0 0 / .22);border-radius:999px;padding:0 5px;color:#fff;background:var(--success);box-shadow:0 0 14px #29923680;font-size:10px;font-weight:950;line-height:1}.mobile-friends-toggle .notification-badge{position:absolute;bottom:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;font-size:10px}.account-chip .visual-slider{--slider-width: 58px;--slider-height: 22px;--slider-pad: 2px;--slider-thumb-size: 18px;width:var(--slider-width);height:var(--slider-height);min-height:var(--slider-height)}.account-chip .visual-slider:before{display:none}.account-card{display:grid;gap:8px;overflow:visible;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.account-notifications{display:none}.account-chip .account-profile,.account-chip .logout-row,.account-actions.account-card .account-profile,.account-actions.account-card .logout-row{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0;background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.account-chip .account-profile{display:inline-flex;align-items:center;justify-content:center;padding:0}.account-chip .account-profile .profile-avatar-wrap,.account-chip .account-profile .avatar{display:inline-grid;margin:0}.account-chip .account-profile .account-name,.account-chip .account-profile .online-status,.account-chip .logout-row>span{display:none}.profile-avatar-wrap{width:32px;height:32px;margin:0}.profile-avatar-wrap:after{right:0;bottom:1px;width:7px;height:7px;border-width:1px}.account-chip .profile-avatar-wrap .avatar.large{width:32px;height:32px}.account-chip .logout-row{justify-content:center;padding:0}.mobile-friends-popover{position:fixed;inset:0;z-index:70;display:block!important}.mobile-friends-backdrop{position:absolute;inset:0;width:100%;border:0;padding:0;background:#0000005c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-friends-panel{position:absolute;bottom:16px;left:84px;display:grid;gap:10px;width:min(320px,calc(100vw - 104px));max-height:min(360px,calc(100vh - 40px));overflow:auto;border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px;background:radial-gradient(circle at 12% 0%,var(--accent-soft),transparent 42%),var(--panel-gradient);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}.mobile-friends-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-friends-panel-header div{display:grid;gap:2px}.mobile-friends-panel-header span{color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase}.mobile-friends-panel-header strong{color:var(--fg);font-family:var(--font-display);font-size:22px;line-height:1.05}.mobile-friends-panel-header button{width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);background:linear-gradient(180deg,var(--surface),var(--surface-2))}.mobile-friends-list{display:grid;gap:7px}.mobile-friend-row{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 8px;color:var(--fg);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--glass-highlight);text-align:left}.mobile-friend-row>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.mobile-friend-row .notification-badge{margin-left:auto}.mobile-friends-empty{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:18px;color:var(--muted);background:linear-gradient(180deg,var(--surface),transparent);text-align:center;font-weight:850}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-banner{align-items:flex-start;flex-wrap:wrap}.stats-grid,.profile-banner-controls{justify-content:flex-start;width:100%}}@media(max-width:900px){.filter-band,.admin-layout,.suggestion-layout,.detail-hero,.person-hero,.profile-form,.club-form,.club-hero,.club-layout,.user-profile-form,.comment-form,.user-hero,.user-detail-grid{grid-template-columns:1fr}.suggestion-editor{grid-template-columns:minmax(170px,240px) minmax(0,1fr)}.admin-editor,.admin-user-row{grid-template-columns:1fr}.admin-user-meta,.compact-danger{justify-self:start}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.movie-grid,.dashboard-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.movie-list-item{grid-template-columns:56px minmax(0,1fr)}.movie-list-actions{grid-column:1 / -1;justify-content:flex-start;padding-left:70px}.detail-poster{min-height:360px}.person-portrait,.profile-form-preview{width:min(220px,100%)}.club-thread{margin-left:0}}@media(max-width:760px){:root{--sidebar-w: 0px;--content-gutter: 16px}body{padding-bottom:124px}.app-shell{display:block}.topbar{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-rows:58px 58px;align-items:stretch;width:100%;height:116px;border-right:0;border-top:1px solid var(--border);border-bottom:0}.brand-mark{display:none}.brand-mark span{display:inline}.brand-mark .plotly-brand{display:grid}.view-tabs{position:static;display:grid;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));min-width:0;width:100%;height:58px;border-bottom:1px solid var(--border);border-top:0;padding:0;background:transparent;box-shadow:none}.view-tabs:before{display:none}.view-tabs button{display:flex;flex-direction:column;justify-content:center;gap:2px;width:auto;min-width:0;min-height:58px;padding:0 4px;font-size:10px;text-transform:uppercase}.view-tabs button span{display:inline}.account-chip{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);align-items:center;gap:6px;width:100%;min-width:0;margin:0;border:0;padding:6px 12px}.online-friends-box{display:none}.account-actions{flex-direction:row;gap:6px;justify-self:end;justify-content:flex-end;margin-left:0;min-width:0}.account-chip .profile-chip{width:38px;max-width:38px}.account-actions .profile-chip,.account-actions button:not(.profile-chip){flex:0 0 38px;width:38px}.account-chip button{width:38px;min-height:38px}.toggle-row{flex-direction:row;gap:6px;justify-self:start;margin-right:0}.account-chip .visual-slider{--slider-width: 86px;--slider-height: 34px;--slider-pad: 3px;--slider-thumb-size: 28px;width:var(--slider-width);height:var(--slider-height);min-height:var(--slider-height);border:1px solid var(--border);color:var(--fg);background:linear-gradient(135deg,#fffffbe6,#c1dde6b8),var(--surface-solid);background:linear-gradient(135deg,color(xyz 0.952 0.999 1.017 / 0.902),#c1dde6b8),var(--surface-solid);box-shadow:0 10px 24px #0003,inset 0 1px #ffffff75}.account-chip .visual-slider:hover,.account-chip .visual-slider:focus-visible{color:var(--accent-strong);border-color:var(--border-strong);box-shadow:0 12px 30px #00000038,0 0 0 3px var(--accent-soft),inset 0 1px #ffffff57}:root[data-media=books] .account-chip .theme-slider{background:radial-gradient(circle at 18% 20%,oklch(72% .12 22 / .26),transparent 42%),linear-gradient(135deg,#fffaf9f0,#fccecac7),var(--surface-solid);background:radial-gradient(circle at 18% 20%,oklch(72% .12 22 / .26),transparent 42%),linear-gradient(135deg,color(xyz 0.939 0.966 1.006 / 0.941),#fccecac7),var(--surface-solid);border-color:var(--border-strong)}:root[data-theme=dark] .account-chip .theme-slider,.account-chip .theme-slider.is-dark{color:#e8e4dd;background:radial-gradient(circle at 22% 18%,oklch(42% .08 230 / .56),transparent 45%),linear-gradient(135deg,#07101a,#010308);border-color:#da938261}:root[data-theme=dark][data-media=books] .account-chip .theme-slider,:root[data-theme=dark][data-media=books] .account-chip .theme-slider.is-dark{background:radial-gradient(circle at 22% 18%,oklch(47% .12 18 / .48),transparent 45%),linear-gradient(135deg,#2a1314,#0a0303);border-color:var(--border-strong)}:root[data-theme=dark] .account-chip .visual-slider:hover,:root[data-theme=dark] .account-chip .visual-slider:focus-visible{color:var(--accent-strong)}.account-chip .media-slider{background:radial-gradient(circle at 18% 20%,oklch(74% .07 220 / .46),transparent 42%),linear-gradient(135deg,#fcf8f1eb,#bad6e2c7),var(--surface-solid)}:root[data-theme=dark] .account-chip .media-slider{background:linear-gradient(135deg,#08233ad1,#050c13eb),var(--surface-solid)}:root[data-theme=light][data-media=books] .account-chip .media-slider,.account-chip .media-slider.is-books{background:radial-gradient(circle at 24% 18%,oklch(72% .12 22 / .28),transparent 42%),linear-gradient(135deg,#fff6f3f0,#facac6c7);background:radial-gradient(circle at 24% 18%,oklch(72% .12 22 / .28),transparent 42%),linear-gradient(135deg,color(xyz 0.913 0.937 0.968 / 0.941),#facac6c7);border-color:var(--border-strong)}:root[data-theme=dark][data-media=books] .account-chip .media-slider,:root[data-theme=dark] .account-chip .media-slider.is-books{background:radial-gradient(circle at 24% 18%,oklch(69% .16 20 / .18),transparent 42%),linear-gradient(135deg,#422425db,#180809f0);border-color:var(--border-strong)}.account-chip .media-slider{--slider-width: 92px;--slider-height: 34px;--slider-thumb-size: 28px}.account-chip .visual-slider:before{display:block;position:absolute;top:50%;right:12px;z-index:1;transform:translateY(-50%);color:inherit;font-size:10px;font-weight:950;letter-spacing:0;line-height:1;text-transform:uppercase;opacity:.86;pointer-events:none}.account-chip .theme-slider:before{content:"Light"}.account-chip .theme-slider.is-dark:before,:root[data-theme=dark] .account-chip .theme-slider:before{content:"Dark";right:auto;left:12px}.account-chip .media-slider:before{content:"Movies"}.account-chip .media-slider.is-books:before{content:"Books";right:auto;left:12px}.account-chip .visual-slider .slider-backplate{display:none}.account-chip .visual-slider .slider-thumb{overflow:hidden;border:1px solid oklch(100% 0 0 / .36);background:radial-gradient(circle at 34% 28%,oklch(100% 0 0 / .58),transparent 34%),var(--accent);box-shadow:0 7px 16px #00000057,0 0 0 1px #00000024}.account-chip .visual-slider .slider-thumb-image{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}.account-chip .theme-slider.is-dark .slider-thumb{background:radial-gradient(circle at 34% 28%,oklch(100% 0 0 / .42),transparent 34%),#e1d7be}.mobile-friends-toggle{display:none!important}.account-chip .profile-chip{padding:0 8px 0 4px}.account-chip .profile-chip span{display:none}.account-card{display:flex;flex-direction:row;gap:6px;border:0;background:transparent;box-shadow:none}.account-chip .account-profile,.account-chip .logout-row,.account-actions.account-card .account-profile,.account-actions.account-card .logout-row{flex:0 0 38px;width:38px;max-width:38px;height:38px;min-height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0;background:linear-gradient(180deg,var(--surface),var(--surface-2))}.account-chip .account-profile .profile-avatar-wrap,.account-chip .account-profile .avatar{display:inline-grid}.account-chip .account-profile .account-name,.account-chip .account-profile .online-status,.account-chip .logout-row>span{display:none}.account-chip .mobile-friends-toggle,.account-actions .mobile-friends-toggle{position:relative;display:inline-flex!important;flex:0 0 auto;justify-content:center;width:auto;min-width:78px;max-width:none;height:38px;min-height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;color:var(--fg);background:radial-gradient(circle at 16% 12%,var(--accent-soft),transparent 46%),linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);font-size:10px;font-weight:950;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.mobile-friends-toggle .mobile-friends-count{display:none}.mobile-friends-toggle .mobile-friends-label{display:inline}.mobile-friends-toggle .notification-badge{position:absolute;top:-7px;right:-6px;min-width:18px;height:18px;padding:0 5px;font-size:10px}.mobile-friends-popover{position:fixed;inset:0;z-index:70;display:block!important}.mobile-friends-backdrop{position:absolute;inset:0;width:100%;border:0;padding:0;background:#00000070;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-friends-panel{position:absolute;right:12px;bottom:128px;left:12px;display:grid;gap:10px;max-height:min(360px,calc(100vh - 160px));overflow:auto;border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px;background:radial-gradient(circle at 12% 0%,var(--accent-soft),transparent 42%),var(--panel-gradient);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}.mobile-friends-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-friends-panel-header div{display:grid;gap:2px}.mobile-friends-panel-header span{color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase}.mobile-friends-panel-header strong{color:var(--fg);font-family:var(--font-display);font-size:22px;line-height:1.05}.mobile-friends-panel-header button{width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);background:linear-gradient(180deg,var(--surface),var(--surface-2))}.mobile-friends-list{display:grid;gap:7px}.mobile-friend-row{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 8px;color:var(--fg);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--glass-highlight);text-align:left}.mobile-friend-row>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.mobile-friend-row .notification-badge{margin-left:auto}.mobile-friends-empty{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:18px;color:var(--muted);background:linear-gradient(180deg,var(--surface),transparent);text-align:center;font-weight:850}.account-chip .profile-avatar-wrap{width:29px;height:29px}.account-chip .profile-avatar-wrap:after{right:-1px;bottom:1px;width:7px;height:7px}.account-chip .profile-avatar-wrap .avatar.large{width:29px;height:29px}.dashboard-band,.filter-band,.app-error,.admin-layout,.suggestion-layout,.detail-view,.entity-view,.user-directory,.user-detail,.clubs-view,.club-detail{width:min(var(--content-max),calc(100% - (var(--content-gutter) * 2)))}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:88px}.dashboard-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-banner{padding:14px}.profile-text{min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.catalog-view-toolbar{justify-content:flex-start}.stat-block{min-width:0}.club-grid,.club-discussion .comment-form{grid-template-columns:1fr}.friend-activity-section{width:100%}}@media(min-width:1121px){.online-friends-box{display:grid}.mobile-friends-toggle,.mobile-friends-popover{display:none!important}}@media(max-width:560px){body{padding-bottom:124px}.topbar{display:grid;grid-template-rows:58px 58px;height:116px}.brand-mark{display:none}.view-tabs{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));height:58px;border-bottom:1px solid var(--border)}.view-tabs button{min-height:58px}.account-chip{justify-content:space-between;width:100%;margin:0;padding:6px 12px}.mobile-friends-panel{bottom:128px}.auth-shell{padding:24px}.auth-logo{width:220px;height:66px}.stats-grid,.form-grid.two,.home-preference-groups,.title-year-grid,.suggestion-editor,.detail-ratings,.detail-grid,.comment-item,.user-card-main,.mini-movie-list button{grid-template-columns:1fr}.suggestion-cover-column{max-width:260px}.detail-copy{padding:20px}.detail-copy h2,.entity-hero h2,.user-hero h2{font-size:31px}.profile-banner .stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-banner .stat-block strong{font-size:16px}.profile-banner .stat-block span{font-size:9px}.dashboard-section-title,.catalog-heading,.catalog-pagination{align-items:flex-start;flex-direction:column}.dashboard-section-title h2,.catalog-heading h2{font-size:26px}.completion-slider{width:72px}.display-slider{width:78px}.movie-list-item{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:8px}.list-poster{width:48px}.movie-list-actions{padding-left:58px}.catalog-pagination>div{width:100%;justify-content:space-between}}@media(max-width:430px){.view-tabs button span{display:none}.account-chip{padding-inline:8px}.account-chip .visual-slider{--slider-width: 74px;--slider-height: 32px;--slider-thumb-size: 26px}.account-chip .media-slider{--slider-width: 80px;--slider-height: 32px;--slider-thumb-size: 26px}.account-chip .visual-slider:before{right:9px;font-size:9px}.account-chip .theme-slider.is-dark:before,:root[data-theme=dark] .account-chip .theme-slider:before,.account-chip .media-slider.is-books:before{right:auto;left:9px}}@media(max-width:360px){body{padding-bottom:112px}.topbar{grid-template-rows:52px 52px;height:104px}.view-tabs{height:52px}.view-tabs button{min-height:52px}.account-chip{padding-inline:6px}.toggle-row,.account-actions{gap:5px}.account-chip .visual-slider{--slider-width: 66px;--slider-height: 30px;--slider-thumb-size: 24px}.account-chip .media-slider{--slider-width: 72px;--slider-height: 30px;--slider-thumb-size: 24px}.account-chip .visual-slider:before{right:8px;font-size:8px}.account-chip .theme-slider.is-dark:before,:root[data-theme=dark] .account-chip .theme-slider:before,.account-chip .media-slider.is-books:before{right:auto;left:8px}.account-chip .mobile-friends-toggle,.account-actions .mobile-friends-toggle{min-width:72px;height:34px;min-height:34px;padding:0 7px;font-size:9px}.account-actions .profile-chip,.account-actions button:not(.profile-chip),.account-chip .account-profile,.account-chip .logout-row,.account-actions.account-card .account-profile,.account-actions.account-card .logout-row{flex-basis:34px;width:34px;max-width:34px;height:34px;min-height:34px}.movie-grid,.dashboard-card-grid{grid-template-columns:1fr}}