@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:62.5% 100%;font-display:swap;src:url(/_astro/NotoSans-Variable.COWfK0gQ.ttf) format("truetype")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/NotoSansKR-Variable.P1Bo6ls0.ttf) format("truetype")}:root{--font-family-ko: "Noto Sans KR", "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-en: "Noto Sans", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif;--bg-app: #0b1220;--bg-surface: #111a2b;--bg-surface-2: #172235;--bg-elevated: #1b2740;--bg-overlay: rgba(7, 12, 20, .76);--text-primary: #f4f7fb;--text-secondary: #c8d2e0;--text-tertiary: #92a0b3;--accent: #b8c0ca;--accent-strong: #eef2f6;--accent-soft: rgba(184, 192, 202, .2);--accent-contrast: #0b1220;--success: #aeb6c0;--warning: #8b939d;--danger: #c8d0d8;--border-subtle: rgba(214, 223, 236, .12);--border-strong: rgba(184, 192, 202, .28);--scroll-track: color-mix(in srgb, var(--bg-surface-2) 78%, var(--bg-app));--scroll-thumb: color-mix(in srgb, var(--accent) 58%, var(--bg-surface-2));--scroll-thumb-hover: color-mix(in srgb, var(--accent-strong) 72%, var(--bg-surface-2));--surface-plain: rgba(255, 255, 255, .02);--surface-soft: rgba(255, 255, 255, .045);--surface-strong: rgba(255, 255, 255, .085);--surface-hover: rgba(255, 255, 255, .1);--surface-hover-strong: rgba(255, 255, 255, .14);--surface-highlight: rgba(255, 255, 255, .03);--control-option-bg: #262626;--close-btn-bg: rgba(0, 0, 0, .32);--close-btn-text: #fff;--star-base: rgba(255, 255, 255, .22);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 6px 18px rgba(0, 0, 0, .18);--shadow-md: 0 14px 40px rgba(0, 0, 0, .24);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .32);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--page-max: 1200px;--page-pad: 24px;--topbar-h: 64px;--layout-gap-tight: var(--space-2);--layout-gap-sm: var(--space-3);--layout-gap-md: var(--space-4);--layout-gap-lg: var(--space-5);--layout-gap-xl: var(--space-6);--inset-control-y: 9px;--inset-control-x: 13px;--inset-control-sm-y: 6px;--inset-control-sm-x: 10px;--inset-chip-y: 4px;--inset-chip-x: 12px;--inset-card: var(--space-4);--inset-card-compact: var(--space-3);--inset-panel: var(--space-6);--inset-panel-compact: var(--space-4);--inset-popover: var(--space-3);--inset-modal: var(--space-4);--inset-sheet-x: var(--space-5);--inset-sheet-y: var(--space-4);--size-control-sm: 32px;--size-control-md: 40px;--size-control-lg: 44px;--size-icon-btn: 40px;--size-icon-btn-sm: 34px;--size-pill-min-h: 32px;--size-seg-min-h: 38px;--size-close-btn: 34px;--size-popover-md: 360px;--size-popover-sm: 172px;--size-thumb-card-w: 42px;--size-thumb-card-h: 58px;--size-thumb-poster-w: 40px;--size-thumb-poster-h: 56px;--size-avatar-sm: 32px;--size-avatar-md: 40px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-h1: clamp(28px, 3vw, 34px);--fs-h2: clamp(21px, 2vw, 22px);--fs-h3: 18px;--fs-body: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 22px;--fs-4xl: 24px;--fs-5xl: 26px;--fs-6xl: 32px;--fs-7xl: 44px;--fs-meta: 13px;--fs-display-sm: clamp(22px, 2.5vw, 28px);--fs-display-md: clamp(26px, 2.8vw, 34px);--type-display-size: var(--fs-display-md);--type-display-compact-size: var(--fs-display-sm);--type-display-weight: var(--fw-bold);--type-title-xl-size: var(--fs-h1);--type-title-lg-size: var(--fs-h2);--type-title-md-size: var(--fs-h3);--type-title-sm-size: var(--fs-lg);--type-title-weight: var(--fw-bold);--type-title-compact-weight: var(--fw-semibold);--type-body-lg-size: var(--fs-lg);--type-body-size: var(--fs-body);--type-body-sm-size: var(--fs-sm);--type-body-weight: var(--fw-regular);--type-body-strong-weight: var(--fw-semibold);--type-caption-size: var(--fs-xs);--type-caption-compact-size: var(--fs-2xs);--type-caption-weight: var(--fw-regular);--type-caption-strong-weight: var(--fw-medium);--type-label-lg-size: var(--fs-md);--type-label-size: var(--fs-sm);--type-label-sm-size: var(--fs-xs);--type-label-weight: var(--fw-semibold);--type-label-strong-weight: var(--fw-bold);--color-page-glow-primary: rgba(184, 192, 202, .14);--color-page-glow-secondary: rgba(120, 128, 139, .16);--color-focus-ring: color-mix(in srgb, var(--accent) 58%, white 10%);--color-focus-outline: color-mix(in srgb, var(--accent) 65%, white 10%);--color-danger-contrast: #f6f7f9;--color-hero-overlay-start: rgba(7, 12, 28, .84);--color-hero-overlay-end: rgba(11, 20, 36, .78);--color-hero-accent-start: rgba(184, 192, 202, .14);--color-hero-accent-end: rgba(255, 255, 255, .03);--color-hero-fallback-start: rgba(184, 192, 202, .12);--color-hero-fallback-end: rgba(255, 255, 255, .02);--color-hero-text-primary: #f6f7f9;--color-hero-text-secondary: rgba(246, 247, 249, .82);--color-hero-text-tertiary: rgba(246, 247, 249, .72);--color-hero-chip-bg: rgba(246, 247, 249, .08);--color-hero-chip-border: rgba(246, 247, 249, .14);--color-hero-chip-text: rgba(246, 247, 249, .88);--color-state-completed-fg: #d7dde5;--color-state-completed-border: rgba(215, 221, 229, .34);--color-state-completed-bg: rgba(215, 221, 229, .12);--color-state-watching-fg: #c6ced8;--color-state-watching-border: rgba(198, 206, 216, .32);--color-state-watching-bg: rgba(198, 206, 216, .11);--color-state-paused-fg: #b6bec8;--color-state-paused-border: rgba(182, 190, 200, .3);--color-state-paused-bg: rgba(182, 190, 200, .1);--color-state-dropped-fg: #9ea6b0;--color-state-dropped-border: rgba(158, 166, 176, .28);--color-state-dropped-bg: rgba(158, 166, 176, .1);--color-rating-active: #d3d8de;--color-highlight-gold-strong: rgba(220, 224, 230, .84);--color-highlight-gold-soft: rgba(220, 224, 230, .18);--color-highlight-info-strong: rgba(200, 208, 218, .82);--color-highlight-info-soft: rgba(200, 208, 218, .18);--color-overlay-scrim: rgba(0, 0, 0, .45);--color-insight-panel-border: color-mix(in srgb, var(--border-strong) 42%, transparent);--color-insight-panel-bg: color-mix(in srgb, var(--bg-elevated) 94%, black 6%);--color-insight-avatar-fallback: var(--surface-strong);--color-insight-chip-bg: var(--surface-hover);--color-insight-chip-border: var(--border-subtle);--color-insight-card-border: var(--border-subtle)}:root[data-theme=light]{--bg-app: #f2f3f4;--bg-surface: #fbfbfb;--bg-surface-2: #e6e8eb;--bg-elevated: #ffffff;--bg-overlay: rgba(237, 239, 242, .84);--text-primary: #162032;--text-secondary: #495466;--text-tertiary: #778296;--accent: #555d67;--accent-strong: #2f353d;--accent-soft: rgba(85, 93, 103, .14);--accent-contrast: #ffffff;--success: #6f7781;--warning: #8b9198;--danger: #949ba4;--border-subtle: rgba(22, 32, 50, .1);--border-strong: rgba(85, 93, 103, .2);--scroll-track: color-mix(in srgb, var(--bg-surface-2) 88%, white);--scroll-thumb: color-mix(in srgb, var(--accent) 60%, var(--bg-surface-2));--scroll-thumb-hover: color-mix(in srgb, var(--accent-strong) 72%, var(--bg-surface-2));--surface-plain: rgba(22, 32, 50, .025);--surface-soft: rgba(22, 32, 50, .045);--surface-strong: rgba(22, 32, 50, .075);--surface-hover: rgba(22, 32, 50, .095);--surface-hover-strong: rgba(22, 32, 50, .13);--surface-highlight: rgba(255, 255, 255, .54);--control-option-bg: #f8f9fa;--close-btn-bg: rgba(57, 66, 76, .08);--close-btn-text: #2f353d;--star-base: rgba(86, 95, 105, .18);--shadow-sm: 0 6px 18px rgba(17, 21, 42, .08);--shadow-md: 0 14px 40px rgba(17, 21, 42, .12);--shadow-lg: 0 24px 64px rgba(17, 21, 42, .16);--color-page-glow-primary: rgba(85, 93, 103, .12);--color-page-glow-secondary: rgba(159, 167, 178, .08);--color-danger-contrast: #ffffff;--color-insight-panel-bg: color-mix(in srgb, var(--bg-elevated) 96%, var(--bg-surface-2));--color-insight-panel-border: rgba(57, 66, 76, .12);--color-insight-chip-bg: rgba(57, 66, 76, .06);--color-insight-chip-border: rgba(57, 66, 76, .1);--color-insight-card-border: rgba(57, 66, 76, .1);--color-state-completed-fg: #45515d;--color-state-completed-border: rgba(69, 81, 93, .18);--color-state-completed-bg: rgba(69, 81, 93, .08);--color-state-watching-fg: #58616b;--color-state-watching-border: rgba(88, 97, 107, .18);--color-state-watching-bg: rgba(88, 97, 107, .08);--color-state-paused-fg: #69717b;--color-state-paused-border: rgba(105, 113, 123, .16);--color-state-paused-bg: rgba(105, 113, 123, .07);--color-state-dropped-fg: #7a828b;--color-state-dropped-border: rgba(122, 130, 139, .15);--color-state-dropped-bg: rgba(122, 130, 139, .07);--color-rating-active: #39424c;--color-highlight-gold-strong: rgba(57, 66, 76, .84);--color-highlight-gold-soft: rgba(57, 66, 76, .12);--color-highlight-info-strong: rgba(88, 97, 107, .78);--color-highlight-info-soft: rgba(88, 97, 107, .12);--color-hero-overlay-start: rgba(243, 245, 247, .52);--color-hero-overlay-end: rgba(232, 236, 240, .4);--color-hero-accent-start: rgba(120, 128, 138, .08);--color-hero-accent-end: rgba(255, 255, 255, .26);--color-hero-fallback-start: rgba(232, 236, 240, .82);--color-hero-fallback-end: rgba(214, 220, 226, .54);--color-hero-text-primary: #1f2731;--color-hero-text-secondary: rgba(31, 39, 49, .82);--color-hero-text-tertiary: rgba(31, 39, 49, .62);--color-hero-chip-bg: rgba(255, 255, 255, .56);--color-hero-chip-border: rgba(31, 39, 49, .1);--color-hero-chip-text: rgba(31, 39, 49, .82)}html{scrollbar-gutter:auto}body{margin:0;font-family:var(--font-family-ko);background:radial-gradient(1200px 580px at 92% -18%,var(--color-page-glow-primary),transparent 58%),radial-gradient(980px 520px at -10% -18%,var(--color-page-glow-secondary),transparent 58%),var(--bg-app);color:var(--text-primary);line-height:1.5;font-size:var(--type-body-size);font-weight:var(--type-body-weight)}html:lang(en) body{font-family:var(--font-family-en)}html[data-theme=light] body{background:radial-gradient(1200px 580px at 92% -18%,var(--color-page-glow-primary),transparent 58%),radial-gradient(980px 520px at -8% -18%,var(--color-page-glow-secondary),transparent 58%),var(--bg-app)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scroll-thumb),var(--accent));border-radius:999px;border:2px solid var(--scroll-track)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scroll-thumb-hover),var(--accent-strong))}*::-webkit-scrollbar-corner{background:var(--scroll-track)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.container{width:min(calc(100dvw - (var(--page-pad) * 2)),var(--page-max));max-width:100%;margin-inline:auto;padding:0}@supports not (width: 100dvw){.container{width:min(calc(100vw - (var(--page-pad) * 2)),var(--page-max))}}.page-wrap{padding-block:20px 48px}.page-stack{display:grid;gap:var(--layout-gap-xl)}h1,h2,h3{letter-spacing:-.01em}.pageHeader{display:grid;gap:var(--space-1);margin-bottom:var(--space-3)}.pageTitle{margin:0;font-size:var(--type-title-xl-size);font-weight:var(--type-title-weight);line-height:1.2;color:var(--text-primary)}.pageLead{margin:0;font-size:var(--type-body-sm-size);font-weight:var(--type-body-weight);color:var(--text-secondary)}.sectionTitle{margin:0;font-size:var(--type-title-lg-size);font-weight:var(--type-title-weight);line-height:1.25;color:var(--text-primary)}.sectionLead{margin:0;font-size:var(--type-body-sm-size);font-weight:var(--type-body-weight);color:var(--text-secondary)}.nav{display:flex;gap:var(--layout-gap-tight);align-items:center;position:sticky;top:0;z-index:40;min-height:var(--topbar-h);background:color-mix(in srgb,var(--bg-app) 78%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid transparent;padding:var(--space-3) max(20px,calc((100dvw - var(--page-max)) / 2 + 16px))}.top-nav{margin:calc(-1 * var(--page-pad)) calc(-1 * var(--page-pad)) var(--space-3);padding:var(--space-3) var(--page-pad);justify-content:space-between}.top-nav__links{display:flex;align-items:center;gap:2px;min-width:0}.top-nav__brand{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 8px 0 0;margin-right:6px;border-radius:0;overflow:visible;background:transparent}.top-nav__brand:hover{background:transparent;opacity:.92}.top-nav__brand-mark{display:block;width:auto;height:22px}:root[data-theme=light] .top-nav__brand-mark{filter:invert(1)}.top-nav__link{position:relative}.top-nav__link--secondary{opacity:.84}.top-nav__link.is-active{color:var(--text-primary);background:var(--surface-strong)}.top-nav__link.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--accent) 86%,transparent)}.nav a{padding:var(--space-2) 11px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:background .18s ease,color .18s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav a:hover{background:var(--surface-strong);color:var(--text-primary)}.data-menu-trigger{border:1px solid transparent;background:color-mix(in srgb,var(--bg-surface) 54%,transparent);color:inherit;cursor:pointer;width:var(--size-icon-btn);height:var(--size-icon-btn);padding:0;border-radius:var(--radius-sm);font-size:var(--fs-md);display:inline-flex;align-items:center;justify-content:center;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.data-menu-trigger:hover{border-color:transparent;background:color-mix(in srgb,var(--bg-surface-2) 68%,transparent);transform:translateY(-1px)}.data-menu-theme-trigger{width:var(--size-icon-btn);min-width:var(--size-icon-btn);padding:0}.data-menu-theme-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.data-menu-theme-trigger:hover .data-menu-theme-icon{color:var(--text-primary)}.data-menu-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.auth-trigger{position:relative}.auth-trigger__avatar{color:var(--text-primary)}.auth-trigger__initial{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:var(--fs-xs);font-weight:var(--fw-bold)}.sync-dot{position:absolute;right:7px;bottom:7px;width:8px;height:8px;border-radius:999px;background:var(--text-tertiary);box-shadow:0 0 0 2px color-mix(in srgb,var(--bg-elevated) 86%,transparent)}.sync-dot.is-synced{background:var(--accent-strong)}.sync-dot.is-pending{background:color-mix(in srgb,var(--accent) 84%,transparent)}.sync-dot.is-error,.sync-dot.is-conflict{background:color-mix(in srgb,var(--danger) 84%,transparent)}.auth-trigger.is-syncing .auth-trigger__avatar{animation:authSpin 1.2s linear infinite}@keyframes authSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.top-nav__menu{position:relative;margin-left:auto}.data-menu-trigger-label{display:inline-flex;align-items:center;justify-content:center;line-height:1}.data-menu-panel{position:absolute;top:calc(100% + 6px);right:0;width:var(--size-popover-md);max-width:min(94vw,var(--size-popover-md));z-index:70;border:1px solid transparent;background:color-mix(in srgb,var(--bg-elevated) 92%,var(--bg-app));border-radius:var(--radius-lg);padding:var(--inset-popover);box-shadow:var(--shadow-md)}.data-menu-panel--manage{width:408px;max-width:min(96vw,408px)}.data-menu-stack{display:grid;gap:var(--layout-gap-sm)}.data-menu-section{display:grid;gap:var(--layout-gap-tight)}.data-menu-section+.data-menu-section{padding-top:var(--space-3);box-shadow:inset 0 1px color-mix(in srgb,var(--surface-strong) 14%,transparent)}.data-menu-section-head{display:inline-flex;align-items:center;gap:8px}.data-menu-section-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.data-menu-section-title{font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--text-primary)}.data-menu-section-summary{margin:0;color:var(--text-secondary);line-height:1.45}.auth-sheet{display:grid;gap:var(--layout-gap-sm)}.auth-sheet--embedded{gap:var(--layout-gap-sm)}.auth-sheet__header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--layout-gap-sm);align-items:center}.auth-sheet__avatar{width:40px;height:40px;border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 82%,transparent);display:inline-flex;align-items:center;justify-content:center}.auth-sheet__copy,.auth-sheet__body,.auth-sheet__summary{display:grid;gap:var(--layout-gap-tight)}.auth-sheet__title{font-size:var(--type-title-sm-size);font-weight:var(--type-title-compact-weight);color:var(--text-primary)}.auth-sheet__email{color:var(--text-secondary)}.auth-sheet__summary{padding:var(--inset-card-compact);background:color-mix(in srgb,var(--surface-soft) 92%,transparent);border-radius:var(--radius-md)}.auth-sheet__summary-row{display:flex;justify-content:space-between;gap:var(--layout-gap-sm);align-items:center}.auth-sheet__summary-label{color:var(--text-secondary);font-size:var(--type-caption-size)}.auth-sheet__summary-value{color:var(--text-primary);font-size:var(--type-label-size);font-weight:var(--type-label-weight);text-align:right}.auth-sheet__hint{display:inline-flex;gap:8px;align-items:center}.auth-sheet__hint-icon{display:inline-flex}.data-menu-preferences{display:grid;gap:var(--layout-gap-sm)}.data-menu-tabs,.data-menu-import-mode{display:flex;gap:var(--space-2);padding:var(--space-1);border:1px solid transparent;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 96%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent)}.seg-toggle-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:3px;position:relative;overflow:hidden}.seg-toggle-2:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 14%,var(--surface-hover));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 34%,transparent),0 8px 18px color-mix(in srgb,black 10%,transparent);transform:translate(0);transition:transform .22s ease}.seg-toggle-2[data-active-index="1"]:before{transform:translate(100%)}.seg-toggle-2>.data-menu-seg-btn,.seg-toggle-2>.library-seg-btn{position:relative;z-index:1;width:100%;min-width:0;justify-content:center;text-align:center;background:transparent;box-shadow:none}.seg-toggle-2>.data-menu-seg-btn:hover,.seg-toggle-2>.library-seg-btn:hover,.seg-toggle-2>.data-menu-seg-btn.is-active,.seg-toggle-2>.library-seg-btn.is-active{background:transparent;box-shadow:none}.seg-toggle-2>.data-menu-seg-btn.is-active,.seg-toggle-2>.library-seg-btn.is-active{color:var(--text-primary)}.data-menu-seg-btn,.library-seg-btn{border:none;border-radius:var(--radius-sm);min-height:var(--size-seg-min-h);padding:0 var(--inset-chip-x);cursor:pointer;color:var(--text-secondary);background:transparent;font-weight:var(--fw-semibold);font:inherit;transition:background .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}.data-menu-seg-btn:hover,.library-seg-btn:hover{background:color-mix(in srgb,var(--surface-hover) 92%,transparent)}.data-menu-seg-btn.is-active,.library-seg-btn.is-active{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 14%,var(--surface-hover));font-weight:var(--fw-bold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 34%,transparent)}.data-menu-seg-label{display:inline-flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap;white-space:nowrap}.data-menu-action-label{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-width:0;flex-wrap:nowrap;white-space:nowrap}.data-menu-body{margin-top:var(--layout-gap-sm);display:grid;gap:var(--layout-gap-tight)}.data-help-panel{width:var(--size-popover-md);max-width:min(94vw,var(--size-popover-md));display:grid;gap:var(--layout-gap-tight)}.data-menu-help-list{display:grid;gap:var(--layout-gap-tight)}.help-center__section,.help-center__notice-list{display:grid;gap:var(--layout-gap-sm)}.help-center__notice{display:grid;gap:var(--layout-gap-tight);padding:var(--inset-card);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 94%,transparent)}.help-center__notice-meta{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.help-center__notice-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:var(--type-caption-size);font-weight:var(--type-label-weight);background:color-mix(in srgb,var(--surface-hover) 92%,transparent);color:var(--text-primary)}.help-center__notice-badge.is-important{background:color-mix(in srgb,var(--danger) 14%,var(--surface-hover));color:var(--danger-text)}.help-center__notice-badge.is-notice{background:color-mix(in srgb,var(--accent) 12%,var(--surface-hover))}.help-center__notice-badge.is-update{background:color-mix(in srgb,var(--surface-strong) 42%,transparent)}.help-center__notice-date{color:var(--text-tertiary)}.help-center__notice-title{margin:0;font-size:var(--type-title-sm-size);font-weight:var(--type-title-compact-weight);color:var(--text-primary)}.help-center__notice-body{margin:0;color:var(--text-secondary);line-height:1.55}.help-center__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--layout-gap-sm)}.help-center__card{display:grid;gap:var(--layout-gap-tight);padding:var(--inset-card);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 94%,transparent)}.help-center__card-title{margin:0}.help-center__card-body{margin:0;color:var(--text-secondary);line-height:1.55}.help-center__tips{display:grid;gap:var(--layout-gap-tight)}.help-center__tip{margin:0;padding:var(--inset-card-compact);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 90%,transparent);color:var(--text-secondary);line-height:1.5}.data-menu-locale-panel{width:var(--size-popover-sm);max-width:min(88vw,var(--size-popover-sm));display:grid;gap:var(--space-2);padding:var(--space-2)}.data-menu-locale-icon{color:var(--text-secondary)}.data-menu-locale-option{border:1px solid transparent;border-radius:10px;background:var(--surface-soft);color:inherit;padding:var(--inset-control-y) var(--inset-control-sm-x);display:grid;grid-template-columns:32px 1fr;gap:var(--layout-gap-sm);align-items:center;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;overflow:hidden}.data-menu-locale-option:hover{background:var(--surface-hover);border-color:transparent;transform:translateY(-1px)}.data-menu-locale-option.is-active{border-color:transparent;background:color-mix(in srgb,var(--accent-soft) 72%,var(--surface-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.data-menu-locale-option-code{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;background:color-mix(in srgb,var(--bg-surface-2) 78%,transparent);color:var(--text-secondary);font-size:var(--fs-2xs);font-weight:var(--fw-extrabold);letter-spacing:.08em}.data-menu-locale-option-text{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-help-title{margin:0;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary)}.data-help-block{margin:0;opacity:.9;line-height:1.45;color:var(--text-primary)}.btn{border:1px solid transparent;background:color-mix(in srgb,var(--surface-soft) 88%,transparent);color:var(--text-primary);border-radius:var(--radius-sm);min-height:var(--size-control-md);padding:var(--inset-control-y) var(--inset-control-x);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--layout-gap-tight);font:inherit;font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:1.1;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap}.btn:hover{background:var(--surface-hover-strong);border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--icon{width:var(--size-icon-btn);min-width:var(--size-icon-btn);padding:0}.btn--subtle{background:var(--surface-soft)}.btn--ghost{background:transparent;border-color:transparent}.btn__icon{display:inline-flex;align-items:center;justify-content:center}.btn__label{line-height:1.2;min-width:0;white-space:nowrap}.ui-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn--danger,.removeBtn{border:1px solid transparent;background:color-mix(in srgb,var(--danger) 34%,transparent);color:var(--color-danger-contrast);border-radius:var(--radius-sm);padding:var(--space-2) var(--inset-control-sm-x);cursor:pointer;white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 32%,transparent)}.btn--danger:hover,.removeBtn:hover{background:color-mix(in srgb,var(--danger) 44%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 44%,transparent),0 8px 18px color-mix(in srgb,var(--danger) 18%,transparent)}.btn--danger:focus-visible,.removeBtn:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 46%,transparent),0 0 0 3px color-mix(in srgb,var(--danger) 24%,transparent)}.input,.select,.textarea{width:100%;min-width:0;border:1px solid transparent;background:var(--surface-soft);color:var(--text-primary);border-radius:var(--radius-sm);min-height:var(--size-control-md);padding:11px var(--inset-control-x);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:transparent;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-soft) 82%,transparent)}.select option{background:var(--control-option-bg);color:var(--text-primary)}.textarea{min-height:120px;resize:vertical}.small{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:1.35;color:var(--text-tertiary)}.surface-card{background:linear-gradient(180deg,var(--surface-highlight),transparent),color-mix(in srgb,var(--bg-surface) 94%,transparent);border:1px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--inset-panel)}.surface-card:hover{border-color:transparent;box-shadow:var(--shadow-md)}.page-feedback{opacity:.9}.action-row{display:flex;gap:var(--layout-gap-tight);flex-wrap:wrap;align-items:center}.ui-panel-stack{display:grid;gap:var(--layout-gap-tight);align-content:start}.ui-section-stack{display:grid;gap:var(--layout-gap-tight);align-content:start;justify-items:stretch}.ui-action-row{display:flex;gap:var(--layout-gap-tight);flex-wrap:wrap;align-items:flex-start;align-content:flex-start;min-height:var(--size-control-md)}.ui-empty-state{display:grid;align-content:center;min-height:84px;padding:10px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 92%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent)}.ui-empty-state--compact{min-height:64px;padding:10px 12px}.ui-empty-state--card{min-height:96px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--layout-gap-sm)}.metric-card{display:grid;gap:var(--space-1);padding:var(--inset-card-compact);border:1px solid transparent;background:var(--surface-soft)}.metric-card__label{font-size:var(--fs-xs);color:var(--text-secondary)}.metric-card__value{font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:1.15}.progress-meter{height:8px;border-radius:999px;background:color-mix(in srgb,var(--bg-surface-2) 72%,transparent);overflow:hidden;border:1px solid color-mix(in srgb,var(--border-subtle) 82%,transparent)}.progress-meter__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.list-stack{display:grid;gap:var(--layout-gap-tight)}.list-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--layout-gap-sm);align-items:center;padding:var(--space-2);border:1px solid transparent;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:inherit}.list-card--button{width:100%;text-align:left;cursor:pointer;font:inherit}.list-card__thumb{width:var(--size-thumb-card-w);height:var(--size-thumb-card-h);object-fit:cover;background:var(--surface-strong)}.list-card__thumb--circle{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:50%}.list-card__thumb--sm{width:28px;height:28px}.list-card__body{min-width:0;display:grid;gap:2px}.list-card__eyebrow{font-size:var(--fs-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-card__title{font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-card__meta{font-size:var(--fs-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.pill-btn{border:1px solid transparent;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);color:inherit;min-height:var(--size-pill-min-h);padding:0 var(--inset-chip-x);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;font-weight:var(--fw-semibold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent);transition:background .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}.pill-btn:hover{background:color-mix(in srgb,var(--surface-hover) 92%,transparent)}.pill-btn.is-active{background:color-mix(in srgb,var(--accent) 14%,var(--surface-hover));color:var(--text-primary);border-color:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 34%,transparent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.card{border:1px solid transparent;border-radius:var(--radius-md);overflow:hidden;background:color-mix(in srgb,var(--bg-surface) 88%,transparent);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1),background .2s ease;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 18%,transparent)}.card:hover{transform:translate3d(0,-7px,0) scale(1.012);background:color-mix(in srgb,var(--surface-hover) 94%,transparent);box-shadow:var(--shadow-md)}.card img{width:100%;aspect-ratio:2 / 3;object-fit:cover;transform:scale(1);transition:transform .26s cubic-bezier(.22,1,.36,1),filter .22s ease}.card:hover img{transform:scale(1.022);filter:saturate(1.03)}.card .meta{padding:12px;font-size:var(--fs-sm);opacity:.95}@media(prefers-reduced-motion:reduce){.card,.card img,.data-menu-locale-option{transition:none}.card:hover,.data-menu-locale-option:hover{transform:none}.card:hover img{transform:none;filter:none}}.row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--layout-gap-sm);align-items:center;margin:var(--layout-gap-sm) 0}.row>*{min-width:0}.modalBack{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:18px;z-index:80;overflow:hidden;overscroll-behavior:contain}.modal{width:min(820px,100%);height:min(760px,calc(100vh - 36px));height:min(760px,calc(100svh - 36px));max-height:calc(100vh - 36px);max-height:calc(100svh - 36px);background:var(--bg-elevated);border:1px solid transparent;border-radius:var(--radius-xl);overflow:hidden;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;position:relative;z-index:81;box-shadow:var(--shadow-lg)}.modalCloseBtn{position:absolute;top:10px;right:10px;width:var(--size-close-btn);height:var(--size-close-btn);border-radius:999px;border:1px solid transparent;background:var(--close-btn-bg);color:var(--close-btn-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-lg);line-height:1;z-index:2}.modalCloseBtn:hover{background:var(--surface-hover)}.modalBody{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);flex:1 1 auto;min-height:0;gap:var(--layout-gap-md);padding:var(--inset-modal);overflow:hidden;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modalBody>*{min-width:0}.modalCover{display:grid;align-content:start;gap:var(--layout-gap-sm);min-height:0}.modalCover img{width:100%;border-radius:var(--radius-md)}.modalMain{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:10px;min-height:0;overflow:hidden}.modalTitle{margin:4px 0 0;font-size:var(--fs-display-sm);line-height:1.2;color:var(--text-primary)}.modalMeta{color:var(--text-secondary)}.modal .row{margin:0;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface-plain);align-items:flex-start;grid-template-columns:96px minmax(0,1fr)}.modal .row+.row{margin-top:10px}.modal .row>.small:first-child{padding-top:2px;font-size:var(--fs-2xs);line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.modal .textarea{min-height:96px}.modal .input,.modal .select,.modal .textarea{max-width:100%}.library-add-search{margin:14px 0 10px}.library-add-search__controls{display:grid;gap:10px;align-items:center}.library-add-status-row{display:grid;gap:6px;grid-template-columns:auto minmax(140px,220px);align-items:center}.library-add-status-label{opacity:.9}.library-add-status-select{width:100%}.library-add-status-hint{grid-column:1 / -1;opacity:.78}.library-add-results-state{padding:12px}.library-add-results-state--framed{border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 72%,transparent)}.suggestWrap{position:relative}.suggestList{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-elevated);border:1px solid transparent;border-radius:var(--radius-sm);overflow:hidden;max-height:420px;overflow-y:auto;z-index:50}.suggestItem{display:flex;gap:10px;padding:10px;cursor:pointer;align-items:center}.suggestItem--disabled{opacity:.55}.suggestItem:hover{background:var(--surface-soft)}.suggestThumb{width:40px;height:56px;border-radius:0;object-fit:cover;background:var(--surface-soft);flex:0 0 auto}.suggestItem__body{flex:1;min-width:0}.suggestItem__titleRow{display:flex;gap:8px;align-items:center}.suggestItem__title{font-weight:var(--fw-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestItem__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:var(--fs-2xs);opacity:.9;border:1px solid transparent;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--surface-hover) 88%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page{display:grid;gap:var(--layout-gap-lg)}.home-quick-panel{display:grid;gap:var(--layout-gap-sm)}.home-memory-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.9fr);gap:var(--layout-gap-lg);align-items:end;min-height:280px;color:var(--color-hero-text-primary)}.home-memory-hero__copy{display:grid;gap:var(--layout-gap-sm)}.home-memory-hero__eyebrow{font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-hero-text-tertiary)}.home-memory-hero__title{font-size:var(--fs-display-md);color:var(--color-hero-text-primary)}.home-memory-hero__lead{color:var(--color-hero-text-secondary);max-width:56ch}.home-memory-hero__meta{display:grid;gap:var(--layout-gap-tight);justify-items:start}.home-memory-hero .status-badge{background:var(--color-hero-chip-bg);border-color:var(--color-hero-chip-border);color:var(--color-hero-chip-text)}.home-memory-hero__cta,.home-memory-hero__cta-link{text-decoration:none}.home-tier-entry-card{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-gap-md)}.home-tier-entry-card__copy{display:grid;gap:6px}.home-tier-entry-card__cta{text-decoration:none}.home-note-card{display:grid;place-items:center;min-height:100%}.character-insight-sheet__name{font-weight:var(--fw-bold)}.character-insight-sheet__panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.character-insight-sheet__panel{display:grid;gap:8px;align-content:start;min-height:168px;border:1px solid var(--color-insight-card-border);border-radius:var(--radius-xs);padding:10px}.character-insight-sheet__list{display:grid;gap:8px;align-content:start}.character-insight-sheet__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.character-insight-sheet__timeline-item{display:grid;gap:2px;align-content:start}.character-insight-sheet__empty{width:100%}.status-badge-row{display:flex;flex-wrap:wrap;gap:var(--layout-gap-tight)}.status-badge{min-height:32px;display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-pill-min-h);padding:var(--inset-chip-y) var(--inset-chip-x);border-radius:999px;background:color-mix(in srgb,var(--bg-surface-2) 88%,transparent);color:var(--text-secondary);border:1px solid transparent;font-size:var(--fs-2xs);font-weight:var(--fw-bold);line-height:1.3;white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 24%,transparent)}.library-status-badge--completed{color:var(--color-state-completed-fg);border-color:var(--color-state-completed-border);background:var(--color-state-completed-bg)}.library-status-badge--watching{color:var(--color-state-watching-fg);border-color:var(--color-state-watching-border);background:var(--color-state-watching-bg)}.library-status-badge--paused{color:var(--color-state-paused-fg);border-color:var(--color-state-paused-border);background:var(--color-state-paused-bg)}.library-status-badge--dropped{color:var(--color-state-dropped-fg);border-color:var(--color-state-dropped-border);background:var(--color-state-dropped-bg)}.library-status-badge--uncategorized{color:var(--text-secondary);border-color:var(--border-subtle);background:var(--surface-soft)}.home-grid{display:grid;gap:var(--layout-gap-lg)}.home-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--layout-gap-lg)}.data-grid{display:grid;gap:var(--layout-gap-lg);max-width:840px}.sync-card{display:grid;gap:var(--layout-gap-sm)}.sync-card__header{display:flex;justify-content:space-between;gap:var(--layout-gap-sm);align-items:flex-start}.sync-card__status{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:var(--text-secondary);white-space:nowrap}.sync-card__status.is-synced{color:var(--text-primary)}.sync-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--layout-gap-sm)}.sync-card__cell{display:grid;gap:4px;padding:var(--inset-card-compact);background:color-mix(in srgb,var(--surface-soft) 92%,transparent);border-radius:var(--radius-md)}.sync-card__label{font-size:var(--type-caption-size);color:var(--text-secondary)}.sync-card__value{font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-card__actions{display:flex;gap:var(--layout-gap-tight);flex-wrap:wrap}.sync-callback-card{max-width:520px;margin-inline:auto;margin-top:10vh}.modalOverlay{position:fixed;inset:0;z-index:90;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:24px}.modalCard{width:min(560px,100%);background:color-mix(in srgb,var(--bg-elevated) 94%,var(--bg-app));border-radius:var(--radius-xl);padding:var(--inset-panel);box-shadow:var(--shadow-lg);position:relative}.closeBtn{position:absolute;top:14px;right:14px;width:var(--size-close-btn);height:var(--size-close-btn);border:none;border-radius:999px;background:var(--close-btn-bg);color:var(--close-btn-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.conflict-modal__card,.conflict-modal__actions{display:grid;gap:var(--layout-gap-sm)}.conflict-modal__meta{display:flex;gap:var(--layout-gap-tight);flex-wrap:wrap}.status-panel{display:grid;gap:var(--layout-gap-sm)}.manual-tools{display:grid;gap:var(--layout-gap-sm);scroll-margin-top:calc(var(--topbar-h) + 24px)}.manual-tools__header{margin-bottom:0}.manual-tools__body{align-content:start}.manual-tools__summary{margin:0;color:var(--text-secondary);line-height:1.45}.manual-tools__feedback{min-height:0}.profile-page,.profile-page__stack{display:grid;gap:var(--layout-gap-md)}.profile-page__lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--layout-gap-md)}.profile-signin-card,.profile-form-card,.profile-hero-card,.profile-people-card{display:grid;gap:var(--layout-gap-sm)}.profile-hero-card__header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--layout-gap-md);align-items:center}.profile-hero-card__copy{margin-bottom:0}.profile-kicker{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.profile-visibility-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.profile-visibility-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent);color:var(--text-primary);font-size:var(--type-label-sm-size);font-weight:var(--type-label-weight)}.profile-visibility-badge.is-public{background:color-mix(in srgb,var(--color-highlight-info-soft) 64%,var(--surface-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-highlight-info-strong) 24%,transparent)}.profile-visibility-badge.is-private{background:color-mix(in srgb,var(--surface-soft) 96%,transparent)}.profile-visibility-note{color:var(--text-secondary)}.profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 24%,transparent)}.profile-avatar--fallback{display:grid;place-items:center;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);color:var(--text-primary);font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.profile-link-box{display:grid;gap:6px;padding:var(--inset-card-compact);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 94%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent)}.profile-link-box__label{color:var(--text-secondary)}.profile-link-box__value{font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-form{display:grid;gap:var(--layout-gap-sm)}.profile-field{display:grid;gap:6px}.profile-field__label{color:var(--text-secondary)}.profile-field__hint{color:var(--text-tertiary)}.profile-field__textarea{min-height:112px}.profile-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:var(--inset-card-compact);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 94%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent)}.profile-toggle input{margin-top:3px}.profile-toggle__copy{display:grid;gap:4px}.profile-toggle__title{font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--text-primary)}.profile-toggle__hint{color:var(--text-secondary)}.profile-people-card__header{margin-bottom:0}.profile-people-list{display:grid;gap:8px}.profile-person-link{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 94%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent);transition:background .18s ease,transform .18s ease}.profile-person-link:hover{background:color-mix(in srgb,var(--surface-hover) 94%,transparent);transform:translateY(-1px)}.profile-person-copy{min-width:0;display:grid;gap:2px}.profile-person-name,.profile-person-handle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-person-name{color:var(--text-primary);font-weight:var(--fw-semibold)}.profile-person-handle{color:var(--text-secondary)}.year-recap-panel{display:grid;gap:var(--layout-gap-sm);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 70%,transparent),transparent 58%),color-mix(in srgb,var(--bg-surface) 92%,transparent)}.year-recap-panel__head{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.year-recap-panel__copy{margin-bottom:0}.year-recap-panel__metric{align-content:start}.year-recap-panel__metric-title{font-size:var(--fs-lg)}.year-recap-panel__rank-row,.year-recap-panel__rank-btn{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center}.year-recap-panel__rank-btn{border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;padding:0}.year-recap-panel__rank-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-panel{border:1px solid transparent;background:color-mix(in srgb,var(--bg-surface) 82%,transparent);border-radius:var(--radius-lg);padding:var(--inset-panel-compact);margin:0;box-shadow:0 12px 28px color-mix(in srgb,black 8%,transparent)}.library-panel+.library-panel{margin-top:8px}.library-panel--stats{padding:var(--inset-card-compact)}.library-page-tabs{margin-bottom:12px}.library-page-tabs .library-seg-wrap--page-toggle{width:min(100%,520px);border-radius:calc(var(--radius-lg) + 2px)}.library-seg-btn--page-toggle{min-height:44px;border-radius:var(--radius-md)}.library-grid--poster{gap:2px}.library-card--poster,.library-card--poster img{border-radius:0}.library-memory-chip{margin-left:auto;background:color-mix(in srgb,var(--accent-soft) 60%,var(--surface-soft));border-color:color-mix(in srgb,var(--accent) 20%,var(--border-subtle))}.library-top-note{margin-top:6px}.library-msg-line{margin-top:4px}.library-seg-wrap{display:flex;gap:var(--space-2);padding:var(--space-1);border:1px solid transparent;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 96%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent);width:fit-content;margin-bottom:6px}.library-recommend-placeholder{border:1px solid transparent;border-radius:var(--radius-md);padding:var(--inset-card);margin:14px 0 10px;background:color-mix(in srgb,var(--bg-surface) 72%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 36%,transparent)}.data-menu-link{text-align:center;text-decoration:none}.data-menu-import-text{min-height:100px}.data-menu-file-input{display:none}.library-panel-header-btn{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;border:none;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.library-panel-header-btn:not(.is-collapsed){margin-bottom:10px}.library-panel-header-btn:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:4px;border-radius:8px}.library-panel-header-main{min-width:0}.library-panel-header-title{margin:0;font-size:var(--fs-lg)}.library-panel-header-summary{opacity:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-panel-header-toggle{width:18px;height:18px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--text-secondary)}.library-panel-header-chevron{display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease}.library-panel-header-chevron.is-open{transform:rotate(0)}.library-panel-header-btn.is-collapsed .library-panel-header-chevron{transform:rotate(-90deg)}.library-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--layout-gap-sm)}.library-stats-card{display:grid;align-content:start;border:1px solid transparent;border-radius:0;padding:var(--inset-card-compact);background:color-mix(in srgb,var(--bg-surface) 78%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 30%,transparent)}.library-stats-card-title{font-weight:var(--fw-bold);margin-bottom:8px;color:var(--text-secondary)}.library-stat-bars{display:grid;gap:var(--space-2)}.library-stat-bar-row{display:grid;grid-template-columns:74px 1fr 36px;gap:8px;align-items:center}.library-stat-bar-label{opacity:.9;text-align:right}.library-stat-bar-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--bg-surface-2) 78%,transparent);border:1px solid transparent;overflow:hidden}.library-stat-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.library-stat-bar-count{opacity:.95}.library-rewatch-list{display:grid;gap:6px}.library-rewatch-item{border:none;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.library-rewatch-item-grid{display:grid;grid-template-columns:1fr 40px;gap:8px;align-items:center}.library-rewatch-item-title{opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-rewatch-item-count{opacity:.95;text-align:right}.library-filter-row{display:flex;gap:var(--layout-gap-sm);align-items:center;flex-wrap:wrap;margin-bottom:var(--layout-gap-sm)}.library-filter-select{width:auto}.library-filter-select--sort{min-width:160px;flex:1 1 200px}.library-filter-select--status{min-width:130px;flex:1 1 160px}.library-filter-actions{display:flex;gap:var(--layout-gap-tight);align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-left:auto}.library-filter-actions-label{display:flex;gap:6px;align-items:center}.library-search-row{display:flex;gap:var(--layout-gap-sm);margin-bottom:var(--layout-gap-sm);align-items:stretch;flex-wrap:wrap}.library-search-input{min-width:220px;flex:1 1 320px}.library-view-mode{margin-left:auto;flex:0 0 auto}.library-chip-row{display:flex;gap:var(--layout-gap-tight);align-items:center;flex-wrap:wrap}.library-chip-row+.library-chip-row{margin-top:8px}.library-chip-label{white-space:nowrap;opacity:.85}.library-chip-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;flex:1;scrollbar-width:thin}.library-chip-scroll>*{flex:0 0 auto;min-width:max-content}.library-chip-scroll::-webkit-scrollbar{height:8px}.library-chip-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg-surface-2) 74%,transparent);border-radius:999px}.library-chip-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:999px;border:1px solid color-mix(in srgb,var(--bg-surface-2) 70%,transparent)}.library-chip-reset{white-space:nowrap;flex:0 0 auto;min-width:max-content}.library-chip{border:1px solid transparent;color:var(--text-secondary);cursor:pointer;padding:4px 10px;border-radius:999px;line-height:1.6;background:color-mix(in srgb,var(--bg-surface-2) 84%,transparent);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 30%,transparent)}.library-chip.is-active{background:color-mix(in srgb,var(--accent) 24%,var(--bg-surface-2));font-weight:var(--fw-bold);color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 44%,transparent)}.library-card-size-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.library-card-size-label{white-space:nowrap;opacity:.9}.library-card-size-slider{width:180px}.library-card-size-value{opacity:.92}.library-card-meta{padding:var(--space-2) var(--inset-control-sm-x)}.library-card-title{font-weight:var(--fw-semibold);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.library-card-meta-row{margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--fs-xs);opacity:.82}.library-card-stars{margin-left:auto;text-align:right;position:relative;width:62px;height:14px;font-size:var(--fs-sm);letter-spacing:1px;line-height:1;display:inline-block}.library-card-stars-base{color:color-mix(in srgb,var(--text-primary) 30%,transparent)}.library-card-stars-fill{position:absolute;inset:0;overflow:hidden;color:var(--color-rating-active);white-space:nowrap}.library-genres-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.library-genres-row>*{flex:0 0 auto;min-width:max-content}.library-genres-row--compact{flex-wrap:nowrap;margin-top:6px;overflow:hidden;white-space:nowrap}.library-genre-chip{border:1px solid transparent;cursor:pointer;padding:2px 8px;border-radius:999px;color:var(--text-secondary);background:color-mix(in srgb,var(--bg-surface-2) 88%,transparent);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 26%,transparent)}.library-genre-rest{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--bg-surface-2) 86%,transparent);border:1px solid transparent;opacity:.9;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 24%,transparent)}.library-modal-cover-actions{margin-top:var(--layout-gap-sm);display:flex;gap:var(--layout-gap-tight);flex-wrap:wrap}.library-modal-tabs{display:flex;flex-wrap:wrap;gap:var(--layout-gap-tight);margin-top:var(--layout-gap-sm);padding-bottom:4px;align-content:start}.library-modal-tab{min-height:36px}.library-modal-panel{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;display:grid;align-content:start}.library-modal-section-stack{display:grid;gap:8px;align-content:start;justify-items:stretch}.library-modal-note{opacity:.85;width:100%}.library-modal-related-card{border:1px solid transparent;border-radius:10px;background:color-mix(in srgb,var(--surface-plain) 94%,transparent);padding:var(--space-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 28%,transparent)}.library-modal-related-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.library-modal-related-thumb{width:40px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0}.library-modal-related-thumb--empty{background:var(--surface-strong)}.library-modal-related-main{min-width:0;flex:1 1 180px}.library-modal-related-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-modal-related-meta{opacity:.86}.library-modal-related-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;flex:0 0 auto}.library-modal-icon-btn{width:var(--size-icon-btn-sm);min-width:var(--size-icon-btn-sm);padding:0;font-size:var(--fs-3xl);line-height:1;font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center}.library-modal-score-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.library-modal-score-stars{position:relative;width:132px;height:24px;font-size:var(--fs-4xl);letter-spacing:2px;line-height:1;user-select:none;cursor:pointer}.library-modal-score-base{color:var(--star-base)}.library-modal-score-fill{position:absolute;inset:0;overflow:hidden;color:var(--color-rating-active);white-space:nowrap}.library-modal-score-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.library-modal-score-label{opacity:.95;min-width:44px}.library-modal-score-reset{margin-left:auto;padding:6px 10px}.library-modal-inline-actions{display:flex;gap:8px;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;min-height:var(--size-control-md)}.library-modal-count-input{width:72px;max-width:100%;text-align:center;flex:0 0 72px}.library-modal-date-input{width:min(220px,100%);max-width:100%;flex:1 1 180px}.library-modal-log-list{display:grid;gap:6px}.library-modal-log-card{border:1px solid transparent;border-radius:10px;padding:var(--space-2) var(--inset-control-sm-x);background:color-mix(in srgb,var(--surface-plain) 94%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 28%,transparent)}.library-modal-log-top{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.library-modal-log-meta{opacity:.9}.library-modal-log-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.library-modal-small-btn{min-height:unset;padding:var(--space-1) var(--space-2)}.library-modal-log-cue{font-size:var(--fs-sm);margin-top:2px;word-break:break-word}.library-modal-log-note{opacity:.82;margin-top:2px;word-break:break-word}.library-modal-log-submeta{opacity:.7;margin-top:2px}.library-modal-characters-block{display:grid;gap:8px;align-content:start;margin-top:14px}.library-modal-characters-label{margin-bottom:8px}.library-modal-characters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.library-modal-character-card{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:40px;background:color-mix(in srgb,var(--surface-plain) 94%,transparent);padding:7px;min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 24%,transparent)}.library-modal-character-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.library-modal-character-thumb--empty{background:var(--surface-strong)}.library-modal-character-main{min-width:0;flex:1}.library-modal-character-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-modal-character-subname{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-modal-pin-btn{width:34px;height:34px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border-color:transparent;background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 26%,transparent)}.library-modal-pin-btn.is-active{background:var(--color-highlight-gold-soft)}.log-sheet-backdrop{position:fixed;inset:0;background:var(--color-overlay-scrim);display:grid;align-items:end;z-index:1300}.log-sheet{width:min(780px,calc(100dvw - 16px));margin:0 auto;border:1px solid transparent;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:color-mix(in srgb,var(--bg-elevated) 84%,black 16%);max-height:min(88dvh,88vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-sizing:border-box;overflow:hidden;box-shadow:0 -22px 48px color-mix(in srgb,black 30%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 18%,transparent)}@supports not (width: 100dvw){.nav{padding:12px max(20px,calc((100vw - var(--page-max)) / 2 + 16px))}.log-sheet{width:min(780px,calc(100vw - 16px))}}.log-sheet__header,.log-sheet__footer{padding:var(--inset-sheet-y) var(--inset-sheet-x);background:color-mix(in srgb,var(--bg-app) 92%,transparent);backdrop-filter:blur(10px)}.log-sheet__header{border-bottom:1px solid transparent;box-shadow:inset 0 -1px color-mix(in srgb,var(--surface-strong) 18%,transparent)}.log-sheet__header-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.log-sheet__title{font-weight:var(--fw-bold)}.log-sheet__subtitle{opacity:.85}.log-sheet__body{overflow:auto;padding:var(--inset-sheet-y) var(--inset-sheet-x) var(--inset-panel);display:grid;gap:var(--layout-gap-md)}.log-sheet__hint{border:1px solid transparent;border-radius:8px;padding:8px 10px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);opacity:.9;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 22%,transparent)}.log-sheet__helper-text{opacity:.88}.log-sheet__chip-wrap{display:flex;flex-wrap:wrap;gap:6px}.log-sheet__season-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.log-sheet__character-picker{display:flex;flex-wrap:wrap;gap:8px}.log-sheet__character-option{display:inline-flex;gap:6px;align-items:center}.log-sheet__character-toggle{border:1px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:inherit;padding:6px 10px;cursor:pointer;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 24%,transparent)}.log-sheet__character-toggle.is-active{background:color-mix(in srgb,var(--color-highlight-info-soft) 72%,var(--surface-plain));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-highlight-info-strong) 36%,transparent)}.log-sheet__character-primary{padding:4px 8px;border-color:transparent;background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 24%,transparent)}.log-sheet__character-primary.is-active{background:color-mix(in srgb,var(--color-highlight-gold-soft) 72%,var(--surface-plain));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-highlight-gold-strong) 36%,transparent)}.log-sheet__character-meta-list{display:grid;gap:10px}.log-sheet__character-meta-card{border:1px solid transparent;border-radius:12px;padding:10px;display:grid;gap:8px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 22%,transparent)}.log-sheet__character-heading{display:flex;align-items:center;gap:8px}.log-sheet__character-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.log-sheet__character-avatar--empty{background:var(--surface-strong)}.log-sheet__character-name{font-weight:var(--fw-semibold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-sheet__section{display:grid;gap:6px}.log-sheet__footer{display:flex;justify-content:flex-end;gap:var(--space-2);border-top:1px solid transparent;box-shadow:inset 0 1px color-mix(in srgb,var(--surface-strong) 18%,transparent)}.tier-board{display:grid;gap:var(--layout-gap-md)}.tier-board__feedback{opacity:.9}.tier-board__header{margin-bottom:4px}.tier-summary-card{display:grid;gap:var(--layout-gap-md);padding:var(--inset-panel-compact)}.tier-summary-card__top{display:flex;justify-content:space-between;gap:var(--layout-gap-md);align-items:flex-start;flex-wrap:wrap}.tier-summary-card__copy{margin-bottom:0}.tier-summary-card__title,.tier-topic-section__title{font-size:var(--fs-2xl)}.tier-summary-card__actions{display:flex;gap:var(--layout-gap-tight);flex-wrap:wrap}.tier-summary-card__meta{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:var(--layout-gap-md);align-items:end}.tier-summary-card__topic{display:grid;gap:6px}.tier-summary-card__eyebrow,.tier-topic-builder__eyebrow{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.tier-summary-card__topic-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tier-summary-card__topic-name{font-size:var(--fs-4xl);line-height:1.2}.tier-summary-card__topic-kind{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);font-size:var(--fs-sm);color:var(--text-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-summary-card__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tier-summary-card__topic-tools{display:grid;gap:10px}.tier-summary-card__topic-helper{margin:0;max-width:56ch}.tier-summary-card__topic-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.tier-summary-card__topic-input{width:min(420px,100%)}.tier-topic-switcher{display:grid;gap:var(--space-2);padding-block:12px}.tier-topic-switcher .tier-topic-chip-row{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:4px;border:1px solid transparent;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 96%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 22%,transparent);scrollbar-width:thin}.tier-topic-switcher .tier-topic-chip{min-width:0;min-height:36px;padding:0 12px;flex:0 0 auto;align-items:center;gap:6px;border:1px solid transparent;border-radius:calc(var(--radius-sm) - 1px);background:transparent;box-shadow:none;color:var(--text-secondary)}.tier-topic-switcher .tier-topic-chip:hover{transform:none;background:color-mix(in srgb,var(--surface-hover) 92%,transparent)}.tier-topic-switcher .tier-topic-chip.is-active{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 14%,var(--surface-hover));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 34%,transparent)}.tier-topic-switcher .tier-topic-chip__text{display:inline-flex;align-items:center;gap:6px;min-width:0}.tier-topic-switcher .tier-topic-chip__label{line-height:1.2;white-space:nowrap}.tier-topic-switcher .tier-topic-chip__meta{font-size:var(--fs-2xs);opacity:.72;white-space:nowrap}.tier-topic-switcher .tier-topic-chip__badge{padding:2px 6px;font-size:10px;line-height:1.2}.tier-topic-switcher .tier-topic-chip-row::-webkit-scrollbar{height:8px}.tier-topic-switcher .tier-topic-chip-row::-webkit-scrollbar-track{background:transparent}.tier-topic-switcher .tier-topic-chip-row::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 22%,var(--surface-strong));border-radius:999px}.tier-topic-metric{display:grid;gap:2px;padding:12px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);min-height:74px;align-content:start;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent)}.tier-topic-metric__label{font-size:var(--fs-xs);color:var(--text-secondary)}.tier-topic-metric__value{font-size:var(--fs-5xl);line-height:1.1}.tier-topic-section{display:grid;gap:var(--space-4);padding:var(--space-5)}.tier-topic-section--nested{display:grid;gap:var(--space-4);margin-top:18px;padding:0}.tier-topic-section__header{margin-bottom:0}.tier-topic-chip-row{display:flex;gap:10px;flex-wrap:wrap}.tier-topic-chip{border:1px solid transparent;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);color:inherit;min-width:180px;padding:var(--inset-card-compact) 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent)}.tier-topic-chip:hover{transform:translateY(-1px);background:var(--surface-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 28%,transparent)}.tier-topic-chip.is-active{background:color-mix(in srgb,var(--accent) 14%,var(--surface-hover));color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 34%,transparent)}.tier-topic-chip__text{display:grid;gap:3px}.tier-topic-chip__label{font-weight:var(--fw-bold)}.tier-topic-chip__meta{font-size:var(--fs-xs);opacity:.84}.tier-topic-chip__badge{font-size:var(--fs-2xs);padding:4px 8px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);border:1px solid transparent;white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 18%,transparent)}.tier-topic-mode-row{display:inline-flex;gap:6px;padding:6px;background:color-mix(in srgb,var(--surface-soft) 88%,transparent);border:1px solid transparent;width:fit-content;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent)}.tier-topic-mode-btn{border:0;background:transparent;color:var(--text-secondary);padding:8px 12px;cursor:pointer;font:inherit;transition:background .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}.tier-topic-mode-btn:hover{background:color-mix(in srgb,var(--surface-hover) 92%,transparent)}.tier-topic-mode-btn.is-active{background:color-mix(in srgb,var(--accent) 14%,var(--surface-hover));color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 34%,transparent)}.tier-topic-builder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:end;padding:var(--space-4);border:1px solid transparent;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 22%,transparent)}.tier-topic-builder__main{display:grid;gap:10px}.tier-topic-builder__lead,.tier-topic-picker-card__lead,.tier-unranked__lead{margin:0}.tier-topic-builder__control{width:min(420px,100%)}.tier-topic-builder__side{display:flex;align-items:flex-end}.tier-topic-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.tier-topic-picker-card{border:1px solid transparent;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);padding:var(--space-4);display:grid;gap:10px;min-height:220px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 22%,transparent)}.tier-topic-picker-card__head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.tier-topic-picker-card__body{display:grid;gap:10px;align-content:start}.tier-token-wrap{display:flex;gap:8px;flex-wrap:wrap}.tier-token-btn{border:1px solid transparent;background:color-mix(in srgb,var(--surface-plain) 95%,transparent);color:inherit;padding:7px 10px;cursor:pointer;font:inherit;transition:background .18s ease,box-shadow .18s ease;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 24%,transparent);white-space:nowrap}.tier-token-btn:hover{background:var(--surface-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 30%,transparent)}.tier-rank-header{margin-bottom:-2px}.tier-rank-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:stretch;padding:var(--inset-card-compact);border:1px solid transparent;background:color-mix(in srgb,var(--surface-plain) 96%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 18%,transparent)}.tier-rank-row__label{display:grid;place-items:center;font-size:var(--fs-7xl);font-weight:var(--fw-extrabold);background:color-mix(in srgb,var(--surface-soft) 90%,transparent);border:1px solid transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 18%,transparent)}.tier-rank-row__dropzone{display:flex;gap:0;flex-wrap:wrap;min-height:112px;align-content:flex-start;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-strong) 22%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--surface-strong) 18%,transparent) 1px,transparent 1px);background-size:78px 100%,100% 100%}.tier-rank-row__empty{display:inline-flex;align-items:center;min-height:96px;padding:0 8px;opacity:.75}.tier-poster{width:78px;border:1px solid transparent;background:var(--surface-soft);border-radius:var(--radius-md);overflow:hidden;cursor:grab;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 20%,transparent)}.tier-poster:hover{transform:translateY(-2px);background:var(--surface-hover);box-shadow:var(--shadow-sm)}.tier-poster:active{cursor:grabbing}.tier-poster__image{width:100%;aspect-ratio:2 / 3;object-fit:cover}.tier-poster__fallback{aspect-ratio:2 / 3;display:grid;place-items:center;padding:8px;text-align:center;font-size:var(--fs-xs);color:var(--text-secondary)}.tier-unranked{display:grid;gap:var(--layout-gap-sm);border:1px solid transparent;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-surface) 78%,transparent);padding:var(--inset-panel-compact);min-height:160px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 18%,transparent)}.tier-unranked__head{display:grid;gap:4px}.tier-unranked__toolbar{display:flex;justify-content:flex-start;gap:var(--layout-gap-tight);flex-wrap:wrap}.tier-unranked__search{width:min(360px,100%);flex:1 1 260px}.tier-unranked__genre{width:min(220px,100%);flex:0 0 220px}.tier-unranked__grid{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:980px){.home-row-2,.home-memory-hero{grid-template-columns:1fr}.home-tier-entry-card{flex-direction:column;align-items:flex-start}.tier-summary-card__meta,.tier-topic-picker-grid{grid-template-columns:1fr}}@media(min-width:901px){html{scrollbar-gutter:stable}}@media(max-width:900px){.library-search-row{display:grid;grid-template-columns:1fr}.modalBack{padding:10px}.modal{max-height:calc(100vh - 20px);max-height:calc(100svh - 20px)}.modalBody{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.row,.modal .row{grid-template-columns:1fr}.modalCover{grid-template-columns:96px minmax(0,1fr);align-items:start}.modalCover img{width:96px;aspect-ratio:2 / 3;object-fit:cover}.library-modal-cover-actions{margin-top:0}.input,.select,.textarea{font-size:var(--fs-lg)}.tier-summary-card,.tier-topic-section{padding:var(--space-4)}.tier-topic-builder{grid-template-columns:1fr}.tier-topic-builder__control{width:100%}.tier-summary-card__topic-input-row{grid-template-columns:1fr}.tier-unranked__search{width:100%}.tier-unranked__genre{width:100%;flex-basis:100%}.tier-rank-row{grid-template-columns:1fr}.tier-rank-row__label{min-height:60px;font-size:var(--fs-6xl)}.library-add-status-row,.profile-page__lists{grid-template-columns:1fr}.profile-hero-card__header{grid-template-columns:1fr;justify-items:start}}@media(max-width:720px){:root{--page-pad: 14px}.page-wrap{padding-block:16px 28px}.nav{gap:8px}.nav a{padding:6px 8px}.top-nav__brand{padding-right:4px;margin-right:2px}.top-nav__brand-mark{height:18px}.log-sheet__header,.log-sheet__footer{padding:var(--space-3) var(--space-4)}.log-sheet__body{padding:var(--space-3) var(--space-4) var(--space-5)}}
