:root{--bg:#f6f4ef;--surface:#fffdf9;--text:#1c1b19;--muted:#6d685f;--faint:#a19b90;--line:#e5e1d7;--accent:var(--accent-l);--accent-text:#fff;--skeleton:#ebe7de;--shadow:0 1px 2px #1c1b190f, 0 8px 24px -12px #1c1b1940;--shadow-hover:0 2px 4px #1c1b1914, 0 18px 36px -16px #1c1b1959;--font-display:"Instrument Serif", "Iowan Old Style", Georgia, serif;--font-body:"Figtree", ui-sans-serif, "Segoe UI", sans-serif;--font-jp:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--radius:10px;--ease:cubic-bezier(.2, .7, .2, 1);--gutter:clamp(16px, 4vw, 40px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121110;--surface:#1b1a18;--text:#ece8df;--muted:#9d978c;--faint:#6c675f;--line:#2b2926;--accent:var(--accent-d);--accent-text:#160f0d;--skeleton:#22201e;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #000000b3;--shadow-hover:0 2px 4px #0000004d, 0 18px 36px -16px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121110;--surface:#1b1a18;--text:#ece8df;--muted:#9d978c;--faint:#6c675f;--line:#2b2926;--accent:var(--accent-d);--accent-text:#160f0d;--skeleton:#22201e;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #000000b3;--shadow-hover:0 2px 4px #0000004d, 0 18px 36px -16px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,[data-accent=rot]{--accent-l:#c8363d;--accent-d:#f0676b}[data-accent=zinnober]{--accent-l:#d4452c;--accent-d:#ec6a4f}[data-accent=rosa]{--accent-l:#c73a6e;--accent-d:#ef7ba3}[data-accent=violett]{--accent-l:#6c4fcf;--accent-d:#a592f2}[data-accent=blau]{--accent-l:#2d64c8;--accent-d:#6f9ff0}[data-accent=gruen]{--accent-l:#1d8264;--accent-d:#4fc29c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.5;transition:background-color .3s,color .3s;display:flex;overflow-x:clip}#root{display:contents}h1,h2,h3,p,dl,dd,ul{margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:1200px;padding:0 var(--gutter);margin:0 auto}.main{flex:1;padding-top:24px;padding-bottom:80px}.header{z-index:10;background:color-mix(in srgb, var(--bg) 94%, transparent);border-bottom:1px solid #0000;position:sticky;top:0}.header-inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo search nav";align-items:center;column-gap:24px;height:64px;display:grid}.wordmark{grid-area:logo}.nav{grid-area:nav}.header-search{grid-area:search;justify-self:center;width:100%;max-width:420px;position:relative}.header-search-icon{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.header-search-input{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:999px;width:100%;height:40px;padding:0 38px 0 40px;font-size:.925rem;transition:border-color .2s,background-color .2s,box-shadow .2s}.header-search-input::placeholder{color:var(--faint)}.header-search-input:hover{border-color:var(--faint)}.header-search-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.header-search-input::-webkit-search-cancel-button{display:none}.header-search-clear{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.2rem;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.header-search-clear:hover{background:var(--bg);color:var(--text)}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;align-items:baseline;gap:3px;font-size:1.75rem;text-decoration:none;display:inline-flex}.wordmark-macron{position:relative}.wordmark-macron:before{content:"";background:var(--accent);border-radius:2px;height:.09em;min-height:2px;position:absolute;top:.08em;left:12%;right:12%}.nav{align-items:center;gap:4px;display:flex}.nav-link{color:var(--muted);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.925rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s}.nav-link:hover{color:var(--text)}.nav-label-short{display:none}@media (width<=480px){.nav-label-long{display:none}.nav-label-short{display:inline}}.nav-link.active{color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.theme-toggle{cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;margin-left:6px;transition:color .2s,background-color .2s;display:grid}.theme-toggle:hover{color:var(--text);background:var(--surface)}.theme-icon{border:1.5px solid;border-radius:50%;width:16px;height:16px;position:relative;overflow:hidden}.theme-icon:after{content:"";transition:transform .35s var(--ease);background:currentColor;position:absolute;inset:0;transform:translate(50%)}.theme-icon[data-theme-icon=dark]:after{transform:translate(-50%)}.account-login{border:1px solid var(--line);background:var(--surface);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:7px;height:36px;margin-left:6px;padding:0 14px 0 11px;font-size:.875rem;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.account-login:hover{border-color:var(--accent);color:var(--accent)}.account-login-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.account{margin-left:6px;position:relative}.account-toggle{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:2px;transition:box-shadow .2s;display:block}.account-toggle:hover,.account-toggle[aria-expanded=true]{box-shadow:0 0 0 2px var(--accent)}.account-avatar{background:var(--skeleton);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;font-size:.9rem;font-weight:600;display:grid;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-avatar.is-loading{margin-left:8px;animation:1.4s ease-in-out infinite pulse}.account-menu{z-index:20;border:1px solid var(--line);background:var(--surface);width:240px;box-shadow:var(--shadow-hover);animation:rise .2s var(--ease) both;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.account-menu-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:6px;padding:8px 8px 12px;display:flex}.account-menu-head .account-avatar{width:40px;height:40px}.account-menu-user{flex-direction:column;min-width:0;display:flex}.account-menu-user strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu-user span{color:var(--faint);font-size:.78rem}.account-menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:9px 10px;font-size:.9rem;text-decoration:none;display:block}.account-menu-item:hover{background:var(--bg);color:var(--accent)}.notice{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface));animation:rise .3s var(--ease) both;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 10px 10px 16px;font-size:.9rem;display:flex}.notice-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:1.2rem}.notice-close:hover{background:var(--bg);color:var(--text)}.accent-picker{position:relative}.accent-dot{background:var(--accent);border-radius:50%;width:14px;height:14px;transition:background-color .3s}.accent-menu{z-index:20;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-hover);animation:rise .2s var(--ease) both;border-radius:999px;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.swatch{width:26px;height:26px;color:var(--accent-l);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s ease;background:currentColor;border:0;border-radius:50%;padding:0}.swatch:hover{transform:scale(1.1)}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px currentColor}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .swatch{color:var(--accent-d)}}:root[data-theme=dark] .swatch{color:var(--accent-d)}.button{border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:42px;transition:border-color .2s ease, transform .2s var(--ease), background-color .2s ease;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.925rem;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--faint)}.button:active{transform:scale(.98)}.button-primary{background:var(--text);border-color:var(--text);color:var(--bg)}.button-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button-block{width:100%}.button-text{color:var(--muted);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:.85rem}.button-text:hover{color:var(--accent);text-decoration-color:currentColor}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.select-wrap{position:relative}.select-wrap:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:16px;transform:translateY(-70%)rotate(45deg)}.select{appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);cursor:pointer;width:100%;height:44px;padding:0 40px 0 14px;font-weight:500}.select:hover{border-color:var(--faint)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spotlight{--spotlight-height:560px;isolation:isolate;width:100vw;height:var(--spotlight-height);align-items:flex-end;margin-top:-24px;margin-left:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.spotlight.is-loading{background:var(--skeleton);animation:1.4s ease-in-out infinite pulse}.spotlight-media{z-index:-1;animation:.9s both fade;position:absolute;inset:0 0 8px;overflow:hidden}.spotlight-bg{opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.spotlight-bg.is-active{opacity:1}.spotlight-bg img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform 9s cubic-bezier(.2,.6,.3,1);transform:scale(1.06)}.spotlight-bg.is-active img{transform:scale(1)}.spotlight-shade{z-index:-1;pointer-events:none;background: linear-gradient(to bottom, var(--bg) 0, color-mix(in srgb, var(--bg) 80%, transparent) 40px, color-mix(in srgb, var(--bg) 40%, transparent) 110px, transparent 200px), linear-gradient(to top, var(--bg) 3%, color-mix(in srgb, var(--bg) 72%, transparent) 45%, color-mix(in srgb, var(--bg) 25%, transparent) 100%), linear-gradient(to right, color-mix(in srgb, var(--bg) 88%, transparent) 0%, transparent 68%);position:absolute;inset:-2px}.spotlight-inner{animation:rise .6s var(--ease) both;grid-template-columns:minmax(0,1fr) 200px;align-items:end;gap:48px;padding-bottom:104px;display:grid}.spotlight-slides{grid-template-columns:minmax(0,1fr);display:grid}.spotlight-copy{opacity:0;visibility:hidden;min-width:0;transition:opacity .45s ease, transform .6s var(--ease), visibility 0s linear .6s;grid-area:1/1;align-self:end;transform:translateY(14px)}.spotlight-copy.is-leaving{transform:translateY(-14px)}.spotlight-copy.is-active{opacity:1;visibility:visible;transition:opacity .6s ease .2s, transform .8s var(--ease) .2s, visibility 0s;transform:none}.spotlight-eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:.8rem;font-weight:600}.spotlight-title{max-width:20ch;font-family:var(--font-display);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(2.4rem,4.6vw,4rem);font-weight:400;line-height:1;display:-webkit-box;overflow:hidden}.spotlight-title a{text-decoration:none}.spotlight-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:14px;font-size:.95rem;overflow:hidden}.spotlight-desc{max-width:58ch;height:4.5em;color:color-mix(in srgb, var(--text) 82%, var(--muted));-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:14px;display:-webkit-box;overflow:hidden}.spotlight-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.button-ghost{background:color-mix(in srgb, var(--surface) 72%, transparent)}.spotlight-dots{gap:6px;margin-top:20px;display:flex}.spotlight-dots button{background:color-mix(in srgb, var(--text) 22%, transparent);cursor:pointer;width:22px;height:24px;transition:width .4s var(--ease), background-color .3s ease;background-clip:content-box;border:0;border-radius:4px;padding:10px 0;position:relative}.spotlight-dots button.is-active{background-color:color-mix(in srgb, var(--accent) 28%, transparent);width:44px}.spotlight-dot-fill{background:var(--accent);transform-origin:0;width:100%;height:4px;animation:dot-fill var(--spotlight-ms,7s) linear forwards;border-radius:4px;position:absolute;top:10px;left:0;transform:scaleX(0)}@keyframes dot-fill{to{transform:scaleX(1)}}@media (hover:hover){.spotlight:has(.spotlight-actions:hover,.spotlight-title a:hover,.spotlight-dots:hover,.spotlight-cover:hover) .spotlight-dot-fill{animation-play-state:paused}}.spotlight:has(.spotlight-actions :focus-visible,.spotlight-title a:focus-visible) .spotlight-dot-fill{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.spotlight-dot-fill{animation:none;transform:none}}.spotlight-covers{display:grid}.spotlight-cover{opacity:0;visibility:hidden;transition:opacity .5s ease, transform .7s var(--ease), visibility 0s linear .7s;grid-area:1/1;display:block;transform:scale(.96)}.spotlight-cover.is-active{opacity:1;visibility:visible;transition:opacity .6s ease .15s, transform .8s var(--ease) .15s, visibility 0s;transform:none}.spotlight-tiles-wrap{z-index:2;margin-top:-64px;position:relative}.spotlight-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.spotlight-tiles li{min-width:0;animation:rise .6s var(--ease) both}.spotlight-tile{aspect-ratio:16/9;isolation:isolate;color:#fff;box-shadow:var(--shadow);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:12px;align-items:flex-end;padding:12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.spotlight-tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.spotlight-tile-media{z-index:-1;position:absolute;inset:0}.spotlight-tile-fill{object-fit:cover;filter:blur(14px)brightness(.6)saturate(1.2);width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0;transform:scale(1.25)}.spotlight-tile:hover .spotlight-tile-fill{transform:scale(1.35)}.spotlight-tile-banner{z-index:2;aspect-ratio:19/4;object-fit:contain;width:100%;height:auto;position:absolute;top:0;left:0}.spotlight-tile-media:after{content:"";z-index:1;background:linear-gradient(#0000 40%,#00000073 100%);position:absolute;inset:-1px}.spotlight-tile-rank{font-weight:700}.spotlight-tile-text{flex-direction:column;gap:2px;min-width:0;display:flex}.spotlight-tile-title{-webkit-line-clamp:2;text-shadow:0 1px 6px #00000059;-webkit-box-orient:vertical;font-size:.85rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.spotlight-tile-meta{opacity:.85;font-size:.75rem}.home-fallback{text-align:center;padding:clamp(56px,12vh,120px) 0 64px}.home-fallback-title{font-family:var(--font-display);letter-spacing:-.02em;animation:rise .8s var(--ease) both;font-size:clamp(2.75rem,8vw,5.25rem);line-height:1}.home-fallback-title em{color:var(--accent)}.home-section{margin-top:56px}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.section-title{font-family:var(--font-display);font-size:1.9rem;font-weight:400;line-height:1.1}.section-title small{font-family:var(--font-body);color:var(--faint);margin-left:10px;font-size:.85rem}.more-link{color:var(--muted);white-space:nowrap;font-size:.875rem;text-decoration:none}.more-link:hover{color:var(--accent)}.continue-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:300px;grid-auto-flow:column;gap:16px;padding:2px 2px 6px;display:grid;overflow-x:auto}.continue-row::-webkit-scrollbar{display:none}.continue-row>.continue-card{scroll-snap-align:start}.row-controls{align-items:center;gap:8px;display:flex}.row-controls .more-link{margin-right:6px}.row-arrow{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.2rem;line-height:1;transition:border-color .2s,color .2s,opacity .2s;display:grid}.row-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.row-arrow:disabled{opacity:.35;cursor:default}.continue-card{border:1px solid var(--line);background:var(--surface);animation:rise .5s var(--ease) both;border-radius:14px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:12px;transition:border-color .2s;display:grid}.continue-card:hover{border-color:var(--faint)}.continue-cover .cover{border-radius:8px}.continue-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.95rem;font-weight:600;line-height:1.3;text-decoration:none;transition:color .2s;display:-webkit-box;overflow:hidden}.continue-title:hover{color:var(--accent)}.home-columns{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:56px;display:grid}.top-list{margin:0;padding:0;list-style:none}.top-item{border-bottom:1px solid var(--line);grid-template-columns:48px 46px minmax(0,1fr);align-items:center;gap:14px;padding:10px 0;text-decoration:none;display:grid}.top-item .cover{border-radius:6px}.top-item:hover .card-title{color:var(--accent)}.top-rank{font-family:var(--font-display);text-align:right;color:#0000;-webkit-text-stroke:1px var(--faint);font-size:2.6rem;line-height:1}.top-list li:nth-child(-n+3) .top-rank{color:var(--accent);-webkit-text-stroke:0}.top-text{min-width:0}.home{isolation:isolate;position:relative}.home:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 40% at 10% 30%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), radial-gradient(ellipse 40% 35% at 90% 70%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%);width:100vw;height:900px;position:absolute;top:55vh;left:50%;transform:translate(-50%)}.home .section-title{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.home .section-title:before{content:"";background:linear-gradient(to bottom, var(--accent), color-mix(in srgb, var(--accent) 35%, transparent));border-radius:3px;flex:none;width:6px;height:1.1em}.home .section-title small{background:color-mix(in srgb, var(--accent) 13%, transparent);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-left:0;padding:3px 10px;font-size:.72rem;font-weight:700}.spotlight .button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:0 10px 24px -12px color-mix(in srgb, var(--accent) 85%, transparent)}.spotlight .button-primary:hover{background:color-mix(in srgb, var(--accent) 85%, var(--text));border-color:#0000}.spotlight .button-ghost:hover{border-color:var(--accent);color:var(--accent)}.spotlight-cover .cover{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), 0 24px 48px -20px color-mix(in srgb, var(--accent) 60%, transparent), var(--shadow-hover)}.spotlight-tile-rank{background:var(--accent);color:var(--accent-text);border-radius:999px;margin-right:4px;padding:1px 7px}.spotlight-tile:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;transition:box-shadow .3s;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #0000}.spotlight-tile:hover:after{box-shadow:inset 0 0 0 2px var(--accent)}.home .continue-card{border-color:color-mix(in srgb, var(--accent) 18%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 11%, transparent), transparent 65%), var(--surface);transition:border-color .2s ease, transform .3s var(--ease), box-shadow .3s var(--ease);position:relative;overflow:hidden}.home .continue-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 14px 30px -18px color-mix(in srgb, var(--accent) 80%, transparent);transform:translateY(-2px)}.home .progress-bar{background:color-mix(in srgb, var(--accent) 15%, var(--line));height:5px}.home .progress-bar span{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 55%, var(--surface)), var(--accent))}.home .plus-one{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.home .plus-one:hover,.home .plus-one.is-busy{background:color-mix(in srgb, var(--accent) 85%, var(--text));color:var(--accent-text)}.home .row-arrow:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--line));color:var(--accent)}.home .row-arrow:hover:not(:disabled){background:var(--accent);color:var(--accent-text)}.home-columns>.home-section{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:linear-gradient(170deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 40%), color-mix(in srgb, var(--surface) 70%, transparent);border-radius:18px;padding:24px;position:relative;overflow:hidden}.home-columns>.home-section:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 80%);height:3px;position:absolute;inset:0 0 auto}@media (width<=760px){.home-columns>.home-section{border-radius:14px;padding:18px 14px}}.home .top-item{border-bottom:0;border-radius:12px;margin:0 -10px;padding:10px;transition:background-color .2s}.home .top-list li+li{border-top:1px solid color-mix(in srgb, var(--accent) 10%, var(--line))}.home .top-item:hover{background:color-mix(in srgb, var(--accent) 9%, transparent)}.home .top-rank{-webkit-text-stroke:1px color-mix(in srgb, var(--accent) 55%, var(--faint))}.home .top-list li:nth-child(-n+3) .top-rank{color:#0000;-webkit-text-stroke:0;background:linear-gradient(to bottom, var(--accent), color-mix(in srgb, var(--accent) 45%, var(--text)));-webkit-background-clip:text;background-clip:text}.home .card-link:hover .cover{box-shadow:0 0 0 2px var(--accent), 0 16px 32px -16px color-mix(in srgb, var(--accent) 80%, transparent)}.results{padding-top:24px}.results-title{font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;margin-bottom:32px;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.1}.results-title em{color:var(--accent)}.results-hint{text-align:center;color:var(--muted);margin-bottom:24px;font-size:.925rem}.grid{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:36px 24px;transition:opacity .25s;display:grid}.grid.is-compact{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:28px 18px}.grid.is-dimmed{opacity:.45;pointer-events:none}.card{min-width:0;animation:rise .6s var(--ease) both;animation-delay:calc(var(--i,0) * 35ms);flex-direction:column;display:flex}.grid>.card{content-visibility:auto;contain-intrinsic-block-size:auto 340px}.card-link{text-decoration:none;display:block}.card-cover{margin-bottom:12px;position:relative}.cover{aspect-ratio:23/33;border-radius:var(--radius);background:color-mix(in srgb, var(--cover-color,var(--skeleton)) 35%, var(--skeleton));position:relative;overflow:hidden}.card-cover .cover{box-shadow:var(--shadow);transition:transform .35s var(--ease), box-shadow .35s var(--ease)}.card-link:hover .cover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.cover img.is-loaded{opacity:1}.cover-fallback{font-family:var(--font-display);color:var(--faint);place-items:center;font-size:3.5rem;display:grid;position:absolute;inset:0}.card-badge{background:var(--surface);pointer-events:none;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;position:absolute;bottom:8px;left:8px}.card-badge:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.card-link:hover .card-title{color:var(--accent)}.card-native{font-family:var(--font-jp);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.8rem;overflow:hidden}.card-meta{color:var(--faint);margin-top:4px;font-size:.78rem}.card-progress{margin-top:10px}.progress-bar{background:var(--line);border-radius:3px;height:3px;overflow:hidden}.progress-bar span{background:var(--accent);border-radius:inherit;height:100%;transition:width .4s var(--ease);display:block}.card-progress-row{justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-top:6px;display:flex}.card-progress-text{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.plus-one{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;height:28px;padding:0 10px;font-size:.78rem;font-weight:600;transition:border-color .2s,color .2s}.plus-one:hover{border-color:var(--accent);color:var(--accent)}.plus-one.is-busy{border-color:var(--accent);color:var(--accent);animation:1s ease-in-out infinite pulse}.continue-badge{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);white-space:nowrap;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:.7rem;font-weight:700}.continue-note{color:var(--accent);margin-top:6px;font-size:.75rem}.skeleton{background:var(--skeleton);border-radius:6px;animation:1.4s ease-in-out infinite pulse}.skeleton-card{gap:10px}.skeleton-card .cover{margin-bottom:2px}.skeleton-line{width:85%;height:12px}.skeleton-line.is-short{width:50%}.skeleton-title{width:70%;height:44px;margin-bottom:16px}.skeleton-block{height:160px;margin-top:32px}.message{text-align:center;max-width:440px;animation:rise .5s var(--ease) both;margin:40px auto}.message-title{font-family:var(--font-display);font-size:1.75rem;line-height:1.2}.message-text{color:var(--muted);margin-top:8px}.message-action{margin-top:20px}.back-link{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-bottom:20px;padding:6px 0;font-size:.9rem}.back-link:hover{color:var(--accent)}.detail-page{isolation:isolate;position:relative}.detail{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid;position:relative}.detail-aside{flex-direction:column;gap:20px;display:flex;position:sticky;top:88px}.detail-cover .cover{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent), 0 24px 48px -20px color-mix(in srgb, var(--accent) 55%, transparent), var(--shadow-hover);animation:rise .6s var(--ease) both}.detail-backdrop{z-index:-1;pointer-events:none;background:color-mix(in srgb, var(--accent) 22%, var(--bg));width:100vw;height:380px;animation:fade .8s var(--ease) both;position:absolute;top:-84px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 35%,#0000);mask-image:linear-gradient(#000 35%,#0000)}.detail-backdrop img{object-fit:cover;opacity:.22;mix-blend-mode:luminosity;width:100%;height:100%}.detail-backdrop.is-cover img{filter:blur(40px)saturate(1.2);transform:scale(1.2)}.detail-backdrop:after{content:"";background:radial-gradient(ellipse 60% 90% at 15% 0%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%), linear-gradient(to bottom, transparent, color-mix(in srgb, var(--bg) 70%, transparent) 55%, var(--bg));position:absolute;inset:0}.tracking{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%), var(--surface);border-radius:14px;flex-direction:column;gap:16px;padding:18px;display:flex;position:relative;overflow:hidden}.tracking .button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:0 8px 20px -10px color-mix(in srgb, var(--accent) 80%, transparent)}.tracking .button-primary:hover{background:color-mix(in srgb, var(--accent) 85%, var(--text));border-color:#0000}.tracking:before{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 20%, transparent));height:3px;position:absolute;inset:0 0 auto}.tracking-hint{text-align:center;color:var(--faint);margin-top:-8px;font-size:.8rem}.stepper{align-items:center;gap:8px;display:flex}.stepper-button{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:50%;flex:none;width:44px;height:44px;font-size:1.2rem;line-height:1;transition:border-color .2s,color .2s}.stepper-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stepper-button:disabled{opacity:.35;cursor:default}.stepper-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;width:64px;height:44px;font-size:1.05rem;font-weight:600}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-total{color:var(--muted);font-variant-numeric:tabular-nums;flex:1}.detail-body{min-width:0;animation:rise .6s 80ms var(--ease) both}@media (width>=761px) and (height>=560px){body:has(.detail-page){height:100dvh;min-height:0;overflow:hidden}.main:has(>.detail-page){flex-direction:column;min-height:0;padding-bottom:0;display:flex}.detail-page{flex-direction:column;flex:1;min-height:0;display:flex}.detail-page>.back-link{align-self:flex-start}.detail-page>.detail{flex:1;align-items:stretch;min-height:0}.detail-aside{min-height:0;padding-bottom:24px;position:static}.detail-cover{flex:0 auto;justify-content:center;min-height:160px;display:flex}.detail-cover .cover{max-width:100%;height:100%}.detail-aside>.tracking{flex-shrink:0}.detail-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:48px;padding-right:12px;overflow-y:auto}}.detail-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.detail-heading{min-width:0}.detail-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:.78rem;font-weight:700;display:flex}.airing-badge{background:color-mix(in srgb, var(--accent) 14%, transparent);letter-spacing:.08em;border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:.7rem;display:inline-flex}.airing-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.airing-badge.is-releasing:before{animation:1.8s ease-out infinite live-pulse}.airing-badge.is-finished{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--muted)}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent)}to{box-shadow:0 0 0 8px #0000}}.detail-title{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:400;line-height:1.02}.detail-native{font-family:var(--font-jp);color:color-mix(in srgb, var(--accent) 45%, var(--muted));margin-top:12px;font-size:1.15rem}.detail-alt{color:var(--faint);margin-top:8px;font-size:.875rem}.score-ring{background:radial-gradient(closest-side, var(--surface) 82%, transparent 83%), conic-gradient(var(--accent) calc(var(--score) * 1%), color-mix(in srgb, var(--accent) 14%, transparent) 0);width:104px;height:104px;box-shadow:0 12px 32px -14px color-mix(in srgb, var(--accent) 70%, transparent);animation:rise .6s .15s var(--ease) both;border-radius:50%;flex:none;align-content:center;place-items:center;display:grid;position:relative}.score-ring-value{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:2.1rem;line-height:1}.score-ring-value small{font-family:var(--font-body);margin-left:1px;font-size:.8rem;font-weight:600}.score-ring-label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:4px;font-size:.62rem;font-weight:700}@media (width<=760px){.score-ring{width:80px;height:80px}.score-ring-value{font-size:1.6rem}}.facts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:32px;display:grid}.fact{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface));border-radius:12px;padding:14px 16px}.fact dt{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:700}.fact dd{margin-top:4px;font-weight:600}.genres{flex-wrap:wrap;gap:8px;margin-top:20px;padding:0;list-style:none;display:flex}.genres li{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:color-mix(in srgb, var(--accent) 80%, var(--text));border-radius:999px;padding:6px 14px;font-size:.825rem;font-weight:600}.description{max-width:68ch;margin-top:36px}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:14px;font-size:.75rem;font-weight:700;display:flex}.section-label:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 40%, transparent), transparent);flex:1;height:1px}.description p{white-space:pre-line;color:color-mix(in srgb, var(--text) 85%, var(--muted));line-height:1.7}.franchise{margin-top:40px}.franchise-count{color:var(--faint);letter-spacing:.04em;text-transform:none;order:2;font-weight:600}.franchise-row{--col:132px;grid-auto-flow:column;grid-auto-columns:var(--col);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:14px;margin:0;padding:4px 2px 10px;list-style:none;display:grid;overflow-x:auto}.franchise-row>li{scroll-snap-align:start;min-width:0;position:relative}.franchise-row>li.is-part-next:before{content:"";top:calc(var(--col) * 33 / 23 / 2 - 1px);background:var(--accent);border-radius:2px;width:14px;height:3px;position:absolute;left:-14px}.franchise-card{height:100%;color:inherit;flex-direction:column;gap:10px;text-decoration:none;display:flex}.franchise-card.skeleton{aspect-ratio:23/33;border-radius:var(--radius);height:auto}.franchise-cover{display:block;position:relative}.franchise-cover .cover{transition:transform .3s var(--ease), box-shadow .3s var(--ease)}a.franchise-card:hover .cover{box-shadow:0 0 0 2px var(--accent), 0 14px 28px -14px color-mix(in srgb, var(--accent) 80%, transparent);transform:translateY(-3px)}.franchise-card.is-current .cover{box-shadow:0 0 0 3px var(--accent), 0 16px 32px -14px color-mix(in srgb, var(--accent) 85%, transparent)}.franchise-step{color:#fff;font-variant-numeric:tabular-nums;background:#000000b3;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:26px;height:26px;padding:0 6px;font-size:.78rem;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.franchise-step small{opacity:.85;font-size:.66rem;font-weight:700}.franchise-card.is-current .franchise-step{background:var(--accent);color:var(--accent-text)}.franchise-mine{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#000000b8;border-radius:999px;max-width:calc(100% - 12px);padding:2px 8px;font-size:.68rem;font-weight:700;position:absolute;bottom:6px;right:6px;overflow:hidden}.franchise-mine.is-completed,.franchise-mine.is-watching{background:var(--accent);color:var(--accent-text)}.franchise-text{flex-direction:column;gap:3px;min-width:0;display:flex}.franchise-tag{background:color-mix(in srgb, var(--accent) 13%, transparent);color:var(--accent);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:.66rem;font-weight:700}.franchise-tag.is-current{background:var(--accent);color:var(--accent-text)}.franchise-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;font-weight:600;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}a.franchise-card:hover .franchise-title{color:var(--accent)}.franchise-meta{color:var(--faint);font-size:.75rem}@media (width<=760px){.franchise-row{--col:112px}}.schedule-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:32px 0 28px;display:flex}.schedule-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.schedule-controls .source-switch,.schedule-filters .source-switch{margin-top:0}.week-nav{align-items:center;gap:6px;display:flex}.week-nav .row-arrow:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--line));color:var(--accent)}.week-nav .row-arrow:hover:not(:disabled){background:var(--accent);color:var(--accent-text)}.week-today{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--surface));height:34px;color:var(--accent);cursor:pointer;border-radius:999px;padding:0 14px;font-size:.85rem;font-weight:600}.week-today:disabled{opacity:.45;cursor:default}.schedule-week{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:10px;transition:opacity .2s;display:grid}.schedule-page .is-dimmed{opacity:.5;transition:opacity .2s}.schedule-filters{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 60%), color-mix(in srgb, var(--surface) 70%, transparent);border-radius:16px;flex-wrap:wrap;gap:12px 28px;margin-bottom:24px;padding:14px 16px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-right:4px;font-size:.7rem;font-weight:700}.filter-chip{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.85rem;font-weight:600;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}.filter-chip:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));color:var(--text)}.filter-chip:disabled{opacity:.4;cursor:not-allowed}.filter-chip:disabled:hover{border-color:var(--line);color:var(--muted)}.filter-chip.is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.filter-count{background:color-mix(in srgb, currentColor 16%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 6px;font-size:.72rem}.season-picker{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:2px;height:34px;padding:0 4px 0 6px;display:inline-flex}.season-picker.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.season-picker select{height:30px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:.85rem;font-weight:600}.season-picker.is-active select{color:var(--accent)}.season-picker select option{background:var(--surface);color:var(--text)}.season-picker-clear{background:var(--accent);width:24px;height:24px;color:var(--accent-text);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:.95rem;line-height:1;display:grid}.schedule-season{flex-direction:column;gap:28px;display:flex}.schedule-week-block{scroll-margin-top:88px}.schedule-week-head{font-family:var(--font-display);align-items:center;gap:10px;margin-bottom:10px;font-size:1.4rem;font-weight:400;display:flex}.schedule-week-block.is-current .schedule-week-head{color:var(--accent)}.schedule-week-head .schedule-day-count{font-family:var(--font-body);margin-left:0}.schedule-day.is-outside{opacity:.35}.schedule-day{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 60%, transparent);min-width:0;animation:rise .5s var(--ease) both;border-radius:14px;padding:12px 8px 8px}.schedule-day.is-today{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 14%, transparent), transparent 140px), var(--surface);box-shadow:0 16px 36px -22px color-mix(in srgb, var(--accent) 90%, transparent)}.schedule-day-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-bottom:8px;padding:0 4px 10px;font-size:.95rem;font-weight:700;display:flex}.schedule-day.is-today .schedule-day-head{border-bottom-color:color-mix(in srgb, var(--accent) 35%, var(--line));color:var(--accent)}.schedule-day-date{color:var(--faint);font-size:.78rem;font-weight:600}.schedule-day-count{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.7rem}.schedule-empty{color:var(--faint);padding:8px 4px;font-size:.8rem}.schedule-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.schedule-item{color:inherit;border-radius:10px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px;padding:6px 4px;text-decoration:none;transition:background-color .2s;display:grid}.schedule-item:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.schedule-item .cover{border-radius:6px}.schedule-item.is-mine .cover{box-shadow:0 0 0 2px var(--accent)}.schedule-item.is-aired{opacity:.6}.schedule-item.is-aired:hover{opacity:1}.schedule-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.schedule-time{color:var(--accent);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.schedule-aired{color:var(--faint)}.schedule-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.8rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.schedule-item:hover .schedule-title{color:var(--accent)}.schedule-meta{color:var(--faint);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px;font-size:.72rem;display:flex}.schedule-flag{background:var(--accent);color:var(--accent-text);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:0 6px;font-size:.62rem;font-weight:700}.schedule-mine{color:color-mix(in srgb, var(--accent) 75%, var(--text));font-size:.7rem;font-weight:600}.schedule-hint{color:var(--muted);margin-top:28px;font-size:.85rem}.schedule-hint a{color:var(--accent)}@media (width<=1100px){.schedule-week{grid-template-columns:minmax(0,1fr)}.schedule-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.schedule-day{padding:14px 12px 10px}.schedule-season .schedule-day:has(.schedule-empty){display:none}}.page-header{padding:32px 0 8px}.page-title{font-family:var(--font-display);letter-spacing:-.02em;animation:rise .6s var(--ease) both;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1}.page-subtitle{color:var(--muted);margin-top:10px}.library-section{margin-top:48px}.section-heading{border-bottom:1px solid var(--line);font-family:var(--font-display);align-items:baseline;gap:10px;margin-bottom:20px;padding-bottom:12px;font-size:1.75rem;font-weight:400;display:flex}.section-count{font-family:var(--font-body);color:var(--faint);font-variant-numeric:tabular-nums;font-size:.85rem}.library-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:32px 0 8px;display:grid}.library-avatar{background:var(--skeleton);width:72px;height:72px;box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--accent);font-family:var(--font-display);color:var(--muted);animation:rise .5s var(--ease) both;border-radius:50%;place-items:center;font-size:2rem;display:grid;overflow:hidden}.library-avatar img{object-fit:cover;width:100%;height:100%}.library-eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:600}.library-stats{color:var(--muted);margin-top:10px}.library-stats strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.library-profile{align-self:end}.list-tabs{scrollbar-width:none;gap:8px;margin-top:28px;padding:2px 0 4px;display:flex;overflow-x:auto}.list-tabs::-webkit-scrollbar{display:none}.list-tab{border:1px solid var(--line);background:var(--surface);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;height:38px;padding:0 8px 0 16px;font-size:.9rem;font-weight:500;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.list-tab:hover{border-color:var(--faint)}.list-tab.is-custom{border-style:dashed}.list-tab.is-active{background:var(--text);border-color:var(--text);color:var(--bg)}.list-tab-count{background:var(--bg);min-width:24px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.list-tab.is-active .list-tab-count{background:var(--accent);color:var(--accent-text)}.section-heading-inline{font-family:var(--font-display);align-items:baseline;gap:10px;font-size:1.75rem;font-weight:400;display:flex}.library-section .section-head{border-bottom:1px solid var(--line);padding-bottom:12px}button.more-link{cursor:pointer;background:0 0;border:0;padding:0}.entry-score,.entry-unseen{font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700;position:absolute;top:8px}.entry-score{color:#fff;background:#000000b8;right:8px}.entry-unseen{background:var(--accent);color:var(--accent-text);box-shadow:0 4px 14px -4px color-mix(in srgb, var(--accent) 70%, transparent);left:8px}.entry-bar{border-radius:0 0 var(--radius) var(--radius);background:#00000073;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.entry-bar span{background:var(--accent);height:100%;display:block}.entry-card{position:relative;container-type:inline-size}.quick-edit{z-index:2;background:var(--accent);width:36px;height:36px;color:var(--accent-text);cursor:pointer;transition:opacity .2s ease, transform .2s var(--ease), background-color .2s ease;border:0;border-radius:50%;place-items:center;padding:0;font-weight:700;display:grid;position:absolute;top:calc(143.478cqw - 46px);right:8px;box-shadow:0 6px 16px -6px #0009}.quick-edit .pencil-icon{width:16px;height:16px}.quick-edit:hover{transform:scale(1.08)}.quick-edit.is-loading{cursor:progress;animation:1s ease-in-out infinite pulse}.quick-edit.is-error{background:var(--text);color:var(--bg)}@media (hover:hover){.entry-card .quick-edit:not(.is-loading,.is-error){opacity:0;transform:scale(.85)}.entry-card:hover .quick-edit,.entry-card:focus-within .quick-edit{opacity:1;transform:none}}.entry-progress{margin-top:4px}.entry-meta{color:var(--muted);font-variant-numeric:tabular-nums}.entry-next{color:var(--accent);margin-top:3px;font-size:.75rem;font-weight:600}.source-switch{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:4px;margin-top:24px;padding:4px;display:inline-flex}.source-switch button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.85rem;font-weight:600;display:inline-flex}.source-switch button.is-active{background:var(--text);color:var(--bg)}.source-switch+.library-hero,.source-switch+.page-header{padding-top:20px}.login-promo{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, var(--surface)), var(--surface));border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:20px 24px;display:flex}.login-promo-title{font-family:var(--font-display);font-size:1.5rem;line-height:1.15}.login-promo-text{color:var(--muted);margin-top:4px;font-size:.9rem}@media (width<=640px){.library-hero{grid-template-columns:auto minmax(0,1fr);gap:16px}.library-avatar{width:56px;height:56px;font-size:1.6rem}.library-profile{grid-column:1/-1;justify-self:start}.login-promo{flex-direction:column;align-items:flex-start}.section-heading-inline{font-size:1.5rem}}.tracking.is-loading{background:var(--skeleton);border-color:#0000;min-height:96px;animation:1.4s ease-in-out infinite pulse}.edit-entry{gap:8px}.pencil-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.entry-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.entry-summary dt{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:.68rem;font-weight:600}.entry-summary dd{font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:.9rem;font-weight:600}html:has(dialog.entry-editor[open]){overflow:hidden}.entry-editor{border:1px solid var(--line);background:var(--surface);width:min(780px,100vw - 32px);max-width:none;max-height:min(90vh,920px);color:var(--text);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 30px 80px -20px #0009}.entry-editor[open]{animation:rise .25s var(--ease) both}.entry-editor::backdrop{background:#0000008c}.entry-editor-inner{flex-direction:column;max-height:min(90vh,920px);display:flex}.entry-editor-head{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 20px;display:grid}.entry-editor-cover .cover{border-radius:8px}.entry-editor-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.72rem;font-weight:600}.entry-editor-title{font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.6rem;font-weight:400;line-height:1.1;display:-webkit-box;overflow:hidden}.icon-button{border:1px solid var(--line);background:var(--bg);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;font-size:1.4rem;line-height:1;transition:border-color .2s,color .2s;display:grid}.icon-button:hover:not(:disabled){border-color:var(--faint);color:var(--text)}.icon-button.favourite.is-active{border-color:var(--accent);color:var(--accent)}.heart-icon{stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:18px;height:18px}.entry-editor-body{flex-direction:column;gap:18px;padding:20px;display:flex;overflow-y:auto}.editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px;display:grid}.editor-field{min-width:0}.editor-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);font-variant-numeric:tabular-nums;width:100%;height:44px;padding:0 12px}.editor-input:focus,.editor-textarea:focus{border-color:var(--accent);outline:none}.editor-number{align-items:center;gap:6px;display:flex}.editor-number .editor-input{text-align:center;appearance:textfield;flex:none;width:64px}.editor-number .editor-input-wide{width:88px}.editor-number .editor-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editor-number .editor-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editor-number .stepper-button{width:36px;height:36px}.editor-suffix{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9rem}.editor-date .editor-input{color-scheme:inherit}.editor-hint{color:var(--faint);margin-top:4px;font-size:.75rem;display:block}.editor-textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);resize:vertical;width:100%;min-height:84px;padding:10px 12px}.editor-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.editor-fieldset{border:1px solid var(--line);border-radius:14px;margin:0 0 12px;padding:10px 14px 12px}.editor-fieldset legend{margin:0;padding:0 6px}.editor-check{cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:.92rem;display:flex}.editor-check input{width:16px;height:16px;accent-color:var(--accent)}.advanced-scores{gap:8px;display:grid}.advanced-score{grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:10px;font-size:.9rem;display:grid}.advanced-score span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-symbols{align-items:center;gap:2px;height:44px;display:flex}.score-star,.score-face{cursor:pointer;background:0 0;border:0;padding:0 3px;line-height:1;transition:color .15s,opacity .15s,transform .15s}.score-star{color:var(--line);font-size:1.6rem}.score-star.is-on{color:var(--accent)}.score-face{opacity:.35;filter:grayscale();font-size:1.5rem}.score-face.is-on{opacity:1;filter:none}.score-star:hover,.score-face:hover{transform:scale(1.12)}.entry-editor .button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.entry-editor .button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 85%, var(--text));border-color:#0000}.entry-editor-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}.entry-editor-actions{gap:10px;margin-left:auto;display:flex}.editor-error{width:100%;color:var(--accent);font-size:.85rem}.button-text.danger:hover{color:var(--accent)}.button-danger{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.delete-confirm{flex-wrap:wrap;align-items:center;gap:10px;font-size:.9rem;display:inline-flex}@media (width<=640px){.entry-editor{border-radius:20px 20px 0 0;width:100vw;max-height:92dvh;margin:auto 0 0}.entry-editor-inner{max-height:92dvh}.entry-editor-head{grid-template-columns:44px minmax(0,1fr) auto auto;padding:14px 16px}.entry-editor-title{font-size:1.3rem}.entry-editor-body{padding:16px}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-columns{grid-template-columns:minmax(0,1fr)}.entry-editor-foot{padding:12px 16px}}.footer{color:var(--faint);padding-top:24px;padding-bottom:32px;font-size:.8rem}.footer a{color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (width<=900px){.spotlight-tiles-wrap{margin-inline:calc(-1 * var(--gutter))}.spotlight-tiles{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:4px var(--gutter) 12px;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(200px,42%);grid-auto-flow:column;overflow-x:auto}.spotlight-tiles::-webkit-scrollbar{display:none}.spotlight-tiles li{scroll-snap-align:start}.spotlight-inner{grid-template-columns:minmax(0,1fr)}.spotlight-covers{display:none}.home-columns{grid-template-columns:minmax(0,1fr);gap:0}}@media (width<=760px){.detail{flex-direction:column;align-items:stretch;gap:0;display:flex}.detail-aside,.detail-body{display:contents}.detail-cover{order:1;width:min(240px,60%);margin-bottom:28px}.detail-header,.skeleton-title{order:2}.tracking{order:3;margin-top:28px}.facts{order:4}.genres{order:5}.description,.skeleton-block{order:6}.franchise{order:7}}@media (width<=680px){.header-inner{grid-template-columns:auto auto;grid-template-areas:"logo nav""search search";justify-content:space-between;row-gap:8px;height:auto;padding-top:10px;padding-bottom:12px}.header-search{max-width:none}}@media (width<=640px){.continue-row{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);grid-auto-columns:84%}.row-arrow{display:none}}@media (width<=520px){.nav-link-start,.account-login-label{display:none}.account-login{justify-content:center;width:34px;margin-left:2px;padding:0}.account{margin-left:2px}.spotlight-tiles{grid-auto-columns:68%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.nav{gap:0}.spotlight{--spotlight-height:540px}.spotlight-inner{padding-bottom:64px}.section-title{font-size:1.65rem}.section-title small{margin:4px 0 0;display:block}.nav-link{padding:8px 9px}.theme-toggle{width:34px;margin-left:0}.wordmark{font-size:1.5rem}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
