@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b1026;--panel:#151e38;--ink:#f3f5ff;--muted:#a6b2ce;--line:#2b3755;--blue:#86b5ff;--button:#a1c5ff;--radius:24px;font-family:"Public Sans","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 80% 0%,#1c2b50 0,transparent 48%),linear-gradient(155deg,#0e1630,var(--bg) 70%);padding-bottom:128px}button,input{font:inherit}a{color:var(--blue);text-underline-offset:4px}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:active,.button:active{transform:scale(.98)}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button,.button{transition:transform .18s ease,background .18s ease}h1,h2,p{margin:0}h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.045em;line-height:1.1;font-weight:750}h2{font-size:22px;line-height:1.3;letter-spacing:-.025em}p{color:var(--muted)}.topbar{max-width:1312px;padding:32px 48px;display:flex;align-items:center;justify-content:space-between;margin:auto;gap:16px}.wordmark{font-family:"Bricolage Grotesque","Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:36px;letter-spacing:-2px;font-weight:900;color:var(--ink);text-decoration:none;line-height:1}.brand-dot{font-size:20px;display:inline-block;margin-left:6px;vertical-align:top;color:var(--blue)}.preview{color:#bcc9e6;border:1px solid var(--line);border-radius:32px;padding:8px 16px;font-size:12px;letter-spacing:.06em;white-space:nowrap}main{max-width:1216px;margin:32px auto;padding:0 48px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:750;color:var(--blue);margin-bottom:16px}.page-head{margin:16px 0 40px}.page-head h1{font-size:40px}.hero{position:relative;overflow:hidden;min-height:432px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;border:1px solid #334465;border-radius:32px;background:linear-gradient(115deg,#223252 0,#17223e 55%,#111a33 100%);padding:64px}.hero-copy{position:relative;z-index:1;max-width:480px}.hero h1{margin-bottom:24px}.hero p{font-size:17px;max-width:368px;margin-bottom:32px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:16px 24px;line-height:1.2;font-weight:650;background:var(--button);color:#0b1731;text-decoration:none;min-height:48px}.secondary{background:#23304c;color:var(--ink);border:1px solid #465879}.shelf-art{height:248px;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(-6deg)}.case{position:absolute;width:128px;height:192px;border-radius:12px 16px 16px 12px;border:1px solid #6680aa;background:linear-gradient(135deg,#3d547a,#202f50);box-shadow:-5px 5px 0 #0e1932,0 24px 32px #050b1c66}.case:first-child{transform:translate(-72px,8px) rotate(-14deg);opacity:.5}.case:nth-child(2){transform:translate(72px,0) rotate(16deg);opacity:.7}.case:last-child{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#476b9f,#243a65)}.case:last-child::after{content:"m";font-family:"Trebuchet MS",sans-serif;font-weight:900;font-size:88px;letter-spacing:-8px;color:#d3e4ff;line-height:1}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:40px 0 24px}.section-heading a{font-size:14px}.quiet-card{border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:#111a31}.quiet-card h2{margin-bottom:8px}.quiet-card p{max-width:560px}.empty{padding:64px 32px;text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#141f39bb,#0e162c)}.empty h2{margin:24px 0 12px}.empty p{max-width:400px;margin:auto}.shelf-mark{width:96px;height:80px;margin:0 auto;display:flex;align-items:end;gap:8px;padding:0 16px 12px;border-bottom:3px solid #6781af}.shelf-mark i{display:block;width:16px;height:48px;border:1px solid #6887b8;border-radius:4px;background:#263959}.shelf-mark i:nth-child(2){height:56px;background:#3c5783}.shelf-mark i:nth-child(3){transform:rotate(-12deg);transform-origin:bottom}.empty-foot{margin-top:24px;font-size:12px;color:#7e8caa}.bottom-nav{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:8px 16px;border:1px solid #3b4968;border-radius:24px;background:#141e36;box-shadow:0 8px 32px #03081b80;z-index:10}.bottom-nav a{color:var(--muted);padding:8px 24px;display:flex;align-items:center;gap:8px;text-decoration:none;border-radius:16px;font-size:14px;min-height:48px}.bottom-nav a[aria-current=page]{background:#293d60;color:#e4efff}.nav-icon{font-size:22px;line-height:1}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel{border:1px solid var(--line);background:#131d34;border-radius:var(--radius);padding:32px}.panel h2{margin-bottom:12px}.panel p{font-size:14px;margin-bottom:24px}.panel-wide{grid-column:1/-1}.actions{display:flex;flex-wrap:wrap;gap:12px}.actions .button,.actions button{font-size:14px;padding:14px 20px}.backup-list{padding:0;margin:24px 0 0;list-style:none}.backup-list li{padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px}.backup-list small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.backup-list a{padding:8px}.form-grid{display:grid;gap:24px}label{display:grid;gap:8px;font-size:14px;color:#d9e1f3}input{width:100%;background:#0d162d;color:var(--ink);border:1px solid #4c5e81;padding:14px 16px;border-radius:12px;min-height:48px}input::placeholder{color:#7685a3}.hint{color:var(--muted);font-size:12px;margin-top:8px}.error{color:#ffc2ba;min-height:24px;font-size:14px}.auth-wrap{max-width:448px;margin:56px auto}.auth-wrap h1{font-size:40px;margin-bottom:16px}.auth-wrap>p{margin-bottom:32px}.auth-wrap .panel{padding:32px}.auth-wrap button{width:100%}.tag{display:inline-block;color:#bdcdec;font-size:12px;padding:4px 8px;border:1px solid var(--line);border-radius:8px}.about{font-size:14px;color:var(--muted)}.about summary{cursor:pointer;color:var(--ink);padding:8px 0}.about p{margin:16px 0 0}.loading{padding:64px 0}#notice:empty{display:none}#notice{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);background:#dceaff;color:#132440;border-radius:16px;padding:16px 24px;z-index:20;width:max-content;max-width:calc(100% - 32px);box-shadow:0 8px 24px #0005}.skip{position:fixed;top:-100px;left:16px;padding:12px;background:var(--bg);z-index:100}.skip:focus{top:16px}[hidden]{display:none!important}
@media(min-width:1400px){main{padding:0}.topbar{padding-left:48px;padding-right:48px}}
@media(max-width:760px){.topbar{padding:24px}.wordmark{font-size:32px}.preview{font-size:10px;padding:8px 12px}main{padding:0 24px;margin-top:24px}.hero{padding:32px;min-height:0;display:flex;flex-direction:column-reverse;gap:24px;align-items:stretch;border-radius:24px}.hero h1{font-size:40px;max-width:340px}.hero p{font-size:16px}.shelf-art{height:176px;margin:8px 0 8px}.case{width:96px;height:144px}.case:first-child{transform:translate(-56px,8px) rotate(-14deg)}.case:nth-child(2){transform:translate(56px,0) rotate(16deg)}.case:last-child::after{font-size:64px}.hero .button{width:100%}.bottom-nav{width:calc(100% - 32px);bottom:max(16px,env(safe-area-inset-bottom));padding:8px;gap:4px;border-radius:20px;justify-content:space-around}.bottom-nav a{font-size:11px;padding:8px 12px;gap:4px;flex-direction:column;flex:1}.nav-icon{font-size:23px}.profile-grid{grid-template-columns:1fr}.panel,.quiet-card{padding:24px}.panel-wide{grid-column:auto}.page-head{margin-bottom:32px}.page-head h1{font-size:32px}.empty{padding:48px 24px}.auth-wrap{margin:32px auto}.auth-wrap .panel{padding:24px}.backup-list li{align-items:start}.actions>*{flex:1}.section-heading{margin-top:32px}body{padding-bottom:128px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
select{font:inherit;background:#0d162d;color:var(--ink);padding:12px;border:1px solid #4c5e81;border-radius:12px;min-height:48px;width:100%}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px}.title-card{text-decoration:none;color:var(--ink)}.title-card h2{font-size:17px;margin-top:12px}.title-card p{font-size:13px}.poster-placeholder{aspect-ratio:2/3;border-radius:16px;background:linear-gradient(145deg,#263c60,#121d34);border:1px solid #465879;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:24px;text-align:center;overflow:hidden}.poster-placeholder>span{font-size:24px;font-weight:700}.poster-placeholder small{color:var(--muted);margin-top:16px;font-size:11px}.edition-tabs{position:absolute;bottom:0;left:0;right:0;display:flex;gap:4px;justify-content:center;padding:8px}.edition-tabs span{font-size:11px;background:#344a6e;padding:4px 8px;border-radius:6px 6px 0 0}.edition-tabs.complete{border:2px solid #d9b865;border-radius:8px}.detail-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;margin-bottom:32px}.detail-layout p{margin-bottom:24px}.case-row{padding:24px 0;border-bottom:1px solid var(--line)}.panel{margin-bottom:24px}.check{display:flex;align-items:center;gap:12px}.check input{width:24px;min-height:24px}.season-poster{width:160px;margin:24px 0}.dimmed{opacity:.55}.compact{display:block}.compact .title-card{display:grid;grid-template-columns:64px 1fr;gap:16px;margin-bottom:16px}.compact .poster-placeholder{grid-row:span 2;padding:4px}.compact .poster-placeholder>span,.compact small{display:none}.compact .edition-tabs{position:static;flex-wrap:wrap;padding:0}.compact h2{margin:0}@media(max-width:600px){.detail-layout{grid-template-columns:1fr}.detail-layout>div{max-width:200px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.poster-placeholder{padding:16px}.poster-placeholder>span{font-size:18px}}