:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--field:#f6f8fb;--ink:#1d1d1f;--muted:#6e6e73;--line:#dfe3ea;--accent:#007aff;--accent-soft:#e9f3ff;--ok:#22a559;--shadow:0 18px 46px rgba(26,40,61,.09)}:root[data-theme="dark"]{color-scheme:dark;--bg:#111315;--panel:#202124;--field:#292b2f;--ink:#f5f5f7;--muted:#aaaab0;--line:#3a3d43;--accent:#55aaff;--accent-soft:#18324c;--ok:#45d47c;--shadow:0 18px 46px rgba(0,0,0,.34)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.center-app{width:min(1240px,calc(100% - 32px));margin:18px auto 60px}.center-header,.center-view,.center-tabs{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.center-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:12px;font-weight: 700}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:38px}h2{margin-bottom:0;font-size:24px}.center-header-actions{display:flex;align-items:center;gap:10px}.center-account{display:flex;align-items:center;gap:7px;min-width:92px}.center-account>span:last-child{display:grid}.center-account small{color:var(--muted);font-size:10px}.account-status-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}.account-status-dot.is-error{background:#ff453a}.media-switcher,.center-tabs,.center-progress-filters{display:flex;align-items:center;gap:3px;padding:3px;background:var(--field);border:1px solid var(--line);border-radius:10px}.media-switcher a,.center-tabs button,.center-progress-filters button{border:0;border-radius:8px;padding:9px 14px;background:transparent;color:var(--muted);font-weight: 700;text-decoration:none;cursor:pointer}.center-tabs{position:sticky;top:8px;z-index:5;margin:14px 0;padding:6px;box-shadow:0 8px 24px rgba(26,40,61,.08)}.center-tabs button.is-active,.center-progress-filters button.is-active{background:var(--ink);color:var(--panel)}.center-view{padding:24px;margin-bottom:14px;min-height:320px}.center-section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.center-section-heading>span,.center-note{color:var(--muted);font-size:13px}.center-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.center-stat{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.center-stat span{color:var(--muted);font-size:12px;font-weight: 600}.center-stat strong{display:block;margin-top:8px;font-size:26px}.center-continue-grid,.center-progress-grid,.center-recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.center-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:inherit;text-decoration:none}.center-card img,.center-poster-placeholder{width:64px;aspect-ratio:2/3;object-fit:cover;border-radius:6px;background:var(--accent-soft);display:grid;place-items:center;color:var(--muted);font-weight: 700}.center-card-copy{min-width:0}.center-card-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-card-copy span,.center-card-copy small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.center-meter{height:5px;margin-top:10px;overflow:hidden;border-radius:999px;background:var(--line)}.center-meter i{display:block;width:var(--progress,0%);height:100%;background:var(--accent)}.center-progress-filters{width:max-content;margin-bottom:14px}.center-progress-item{grid-template-columns:72px minmax(0,1fr)}.center-progress-item img,.center-progress-item .center-poster-placeholder{width:72px}.center-calendar{display:grid;gap:8px}.center-calendar-row{display:grid;grid-template-columns:110px 80px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:8px;color:inherit;text-decoration:none}.center-calendar-row time,.center-calendar-row span{color:var(--muted);font-size:12px}.center-calendar-kind{width:max-content;padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent)!important;font-weight: 700}.center-recommendation{display:grid;grid-template-rows:auto 1fr auto;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}.center-recommendation-media{aspect-ratio:16/9;background:var(--field);overflow:hidden}.center-recommendation-media img{width:100%;height:100%;object-fit:cover}.center-recommendation-copy{padding:13px}.center-recommendation-copy span{display:block;margin-top:6px;color:var(--muted);font-size:12px}.center-feedback{display:flex;gap:6px;padding:0 13px 13px}.center-feedback button,.quiet-button,.icon-button{min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);cursor:pointer}.center-feedback button{flex:1;font-size:12px}.center-import-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.center-import-grid a{display:grid;gap:9px;min-height:160px;padding:18px;border:1px solid var(--line);border-radius:8px;color:inherit;text-decoration:none;background:var(--field)}.center-import-grid span{color:var(--muted);line-height:1.6}.center-import-grid b{margin-top:auto;color:var(--accent)}.center-empty{grid-column:1/-1;display:grid;place-items:center;min-height:180px;color:var(--muted);border:1px dashed var(--line);border-radius:8px;text-align:center}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-panel{width:min(400px,100%);display:grid;gap:14px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.auth-panel label{display:grid;gap:6px}.auth-panel input{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);font-size:16px}.primary-button{min-height:44px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight: 700}.form-status{min-height:20px;color:#ff453a}.toast{position:fixed;left:50%;bottom:24px;translate:-50% 0;padding:10px 16px;border-radius:8px;background:var(--ink);color:var(--panel);z-index:20}
@media(max-width:800px){.center-app{width:min(100% - 20px,1240px);margin-top:10px}.center-header{padding:16px}.center-header h1{font-size:22px}.center-account small{display:none}.center-account{min-width:0}.media-switcher a{padding:8px 9px}.center-tabs{overflow:auto;justify-content:flex-start}.center-tabs button{flex:0 0 auto}.center-view{padding:16px}.center-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.center-continue-grid,.center-progress-grid,.center-recommendation-grid,.center-import-grid{grid-template-columns:1fr}.center-calendar-row{grid-template-columns:82px 64px minmax(0,1fr)}.center-calendar-row>:last-child{grid-column:3}.center-section-heading{align-items:start}.center-section-heading>span{text-align:right}}@media(max-width:480px){.center-header{align-items:flex-start}.center-header-actions{gap:5px}.center-account{display:none}.media-switcher a{font-size:12px}.center-stat strong{font-size:22px}.center-progress-filters{width:100%;overflow:auto}.center-progress-filters button{flex:0 0 auto}}

[hidden]{display:none!important}
.center-recommendation-media{width:100%;aspect-ratio:2/3}

.center-global-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:18px;padding:6px 6px 6px 14px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--accent);font-size:12px;font-weight: 700}.center-global-search input{width:100%;min-height:44px;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px}.center-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.center-search-result{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;color:inherit;text-decoration:none;background:var(--field)}.center-search-result>img,.center-search-result>.center-poster-placeholder{width:58px;height:82px;border-radius:6px;object-fit:cover}.center-search-result>span:last-child{display:grid;align-content:center;gap:4px;min-width:0}.center-search-result strong,.center-search-result span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-search-result small{color:var(--accent);font-weight: 700}.center-search-result span span{color:var(--muted);font-size:12px}
.center-filter-row,.center-calendar-actions{display:flex;flex-wrap:wrap;gap:6px}.center-filter-row{margin-bottom:14px}.center-filter-row button{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--muted);font-size:12px;font-weight: 700}.center-filter-row button.is-active{background:var(--ink);color:var(--panel)}
.center-recommendation-copy small{display:block;margin-top:5px;color:var(--accent);font-size:11px}.center-feedback{flex-wrap:wrap}.center-feedback button{min-width:calc(33.333% - 6px)}
.center-year-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight: 700}.center-year-picker select{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink)}.center-annual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.center-annual-grid article{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.center-annual-grid span,.center-annual-grid small{color:var(--muted)}.center-annual-grid strong{font-size:25px}.center-annual-highlight{display:flex;justify-content:space-between;gap:16px;margin-top:12px;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:8px;background:var(--accent-soft)}
@media(max-width:800px){.center-search-results{grid-template-columns:1fr}.center-annual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.center-calendar-actions{justify-content:flex-end}.center-feedback button{min-width:calc(50% - 6px)}}
@media(max-width:480px){.center-annual-grid{grid-template-columns:1fr}.center-annual-highlight{display:grid}.center-calendar-actions{width:100%;justify-content:flex-start}.center-calendar-actions button{flex:1}.center-search-result{grid-template-columns:50px minmax(0,1fr)}.center-search-result>img,.center-search-result>.center-poster-placeholder{width:50px;height:72px}}

.center-source-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--ok) 26%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--ok) 7%,var(--panel))}.center-source-status>span{display:grid;gap:3px}.center-source-status small{color:var(--muted);line-height:1.4}.center-source-status.is-warning{border-color:color-mix(in srgb,#ff9f0a 34%,var(--line));background:color-mix(in srgb,#ff9f0a 8%,var(--panel))}.center-overview-group{margin-top:22px}.center-subheading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}.center-subheading h3{margin:0;font-size:18px}.center-subheading>a,.center-subheading>span{color:var(--muted);font-size:12px;text-decoration:none}.center-today-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.center-action-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:8px;color:inherit;text-decoration:none;background:var(--field)}.center-action-row>span{grid-row:1/3;padding:4px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight: 700}.center-action-row strong,.center-action-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-action-row small{color:var(--muted)}.center-empty-compact{min-height:84px}.center-media-card .center-card-copy>small:first-child{margin-top:0;color:var(--accent);font-weight: 700}
@media(max-width:800px){.center-today-grid{grid-template-columns:1fr}.center-subheading{align-items:start}.center-source-status{align-items:flex-start}}
@media(max-width:480px){.center-subheading>span{display:none}.center-source-status{display:grid}.center-source-status button{width:100%}}
.center-app .center-card{grid-template-columns:1fr}
.center-rating-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.center-rating-meta button{padding:0;border:0;background:transparent;color:var(--accent);font-size:12px;font-weight: 700;cursor:pointer}

.center-card{display:grid;grid-template-rows:1fr auto;padding:0;overflow:hidden}.center-card-main{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;min-width:0;padding:12px;color:inherit;text-decoration:none}.center-progress-item .center-card-main{grid-template-columns:72px minmax(0,1fr)}.center-card-actions{display:flex;justify-content:flex-end;padding:0 12px 10px}.center-card-actions button,.center-action-row footer button{min-height:32px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:7px;background:var(--panel);color:var(--accent);font-size:12px;font-weight: 700;cursor:pointer}.center-action-row{grid-template-columns:minmax(0,1fr) auto;padding:0}.center-action-row>a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;min-width:0;padding:12px 13px;color:inherit;text-decoration:none}.center-action-row>a>span{grid-row:1/3;padding:4px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight: 700}.center-action-row>a>strong,.center-action-row>a>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-action-row>a>small{color:var(--muted)}.center-action-row>footer{display:flex;gap:6px;padding-right:10px}.center-action-row>footer button+button{color:var(--muted);border-color:var(--line)}
.center-quick-dialog{width:min(520px,calc(100% - 24px));padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.24)}.center-quick-dialog::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(8px)}.center-quick-dialog form{display:grid;gap:18px;padding:22px}.center-quick-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.center-quick-dialog h2{font-size:22px}.center-quick-context{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.center-quick-context span,.center-quick-context small,.center-quick-loading{color:var(--muted)}.center-star-field{display:grid;gap:8px;margin:0;padding:0;border:0}.center-star-field legend,.center-page-field{font-size:13px;font-weight: 700}.center-star-rating{display:flex;gap:3px;width:max-content}.center-star-rating button{width:44px;height:44px;padding:0;border:0;background:transparent;color:#f5a623;font-size:32px;line-height:1;cursor:pointer}.center-star-field small{color:var(--muted)}.center-page-field{display:grid;gap:8px}.center-page-field input{min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);font-size:18px}.center-quick-dialog footer{display:flex;justify-content:flex-end;gap:8px}.center-quick-dialog footer .primary-button{padding:0 18px}.center-toast{display:flex;align-items:center;gap:12px}.center-toast button{border:0;background:transparent;color:inherit;font-weight: 700;text-decoration:underline;cursor:pointer}
@media(max-width:600px){.center-action-row{grid-template-columns:1fr}.center-action-row>footer{justify-content:flex-end;padding:0 10px 10px}.center-quick-dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:14px 14px 0 0}.center-quick-dialog form{max-height:min(82vh,680px);padding:20px 16px calc(16px + env(safe-area-inset-bottom));overflow:auto}.center-quick-dialog footer{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));z-index:2;margin:0 -16px calc(-16px - env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(16px)}.center-quick-dialog footer button{flex:1}.center-star-rating{width:100%;justify-content:space-between}.center-star-rating button{width:48px;height:48px}.center-toast{width:calc(100% - 24px);justify-content:space-between;bottom:calc(14px + env(safe-area-inset-bottom))}}