:root{color-scheme:dark;--bg:#101313;--panel:#191e1d;--line:#303b36;--ink:#eef4ec;--muted:#a5b3a8;--accent:#c1f66b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:.8rem 1.1rem;font-weight:650;line-height:1.25;min-height:44px}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--accent);color:#18230d}.primary:hover{background:#d7ffa0;color:#18230d}.secondary{border-color:var(--line);background:#222a25;color:var(--ink)}.secondary:hover{border-color:var(--accent)}.quiet{background:transparent;color:var(--muted)}input,select{width:100%;background:#101612;color:var(--ink);border:1px solid #455148;border-radius:7px;padding:.8rem;min-height:44px}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.5rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,4.3rem);letter-spacing:-.045em;line-height:1.08;margin-bottom:1.25rem}h2{font-size:1.4rem;letter-spacing:-.025em}h3{font-size:1.15rem;line-height:1.35}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.container{max-width:1200px;padding:0 32px;margin:auto}.header{border-bottom:1px solid var(--line);background:#141917}.header-inner{max-width:1200px;min-height:88px;padding:16px 32px;margin:auto;display:flex;align-items:center;gap:32px}.brand{font-weight:850;font-size:1rem;letter-spacing:-.04em;display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-light{font-weight:450;color:var(--muted);margin-left:-5px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--accent);color:#18230d;transform:skew(-8deg);border-radius:5px;font-size:1.4rem;margin-right:3px}.header nav{display:flex;gap:24px;flex:1;margin-left:40px}.header nav a{color:var(--muted);font-size:.88rem;padding:10px 0}.header nav a[aria-current]{color:var(--accent)}main.container{padding-top:48px;min-height:calc(100vh - 200px);padding-bottom:56px}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:70px;padding:24px 0 48px}.hero .muted{font-size:1.05rem;margin-bottom:28px}.hero-stat{padding:36px;border:1px solid #4e603a;background:radial-gradient(ellipse at top right,#3c5027,transparent 75%),#1b241b;border-radius:16px}.hero-stat>strong{display:block;font-size:clamp(3rem,7vw,6.5rem);letter-spacing:-.07em;font-weight:650;margin:8px 0 22px}.hero-stat small{font-size:2rem;color:var(--accent);margin-left:5px}.hero-stat p{font-size:.85rem;color:var(--muted);margin:16px 0 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;gap:20px;margin-bottom:48px}.metrics>div{display:grid;gap:5px}.metrics strong{font-size:2rem;letter-spacing:-.045em}.metrics span{font-size:.8rem;color:var(--muted)}section+section{margin-top:44px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 20px}.section-heading h2,.section-heading p{margin:0}.section-heading a{font-size:.85rem;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.card{display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.card:hover{color:var(--ink);border-color:var(--accent);transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.symbol{font-size:2rem}.badge{font-size:.65rem;border:1px solid var(--line);padding:5px 9px;border-radius:30px;color:var(--muted)}.card .eyebrow{font-size:.6rem;letter-spacing:.1em;margin-bottom:8px}.card h3{margin-bottom:8px}.card>.muted{font-size:.76rem}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 20px}.tags span,.tags a{border:1px solid var(--line);border-radius:5px;padding:4px 7px;font-size:.68rem;color:var(--muted)}.card-progress{display:flex;justify-content:space-between;gap:12px;font-size:.7rem;margin-top:auto;padding:16px 0 10px;color:var(--muted)}.card-progress strong{color:var(--accent)}progress{appearance:none;display:block;width:100%;height:6px;border:none;border-radius:10px;overflow:hidden;background:#333e34;color:var(--accent)}progress::-webkit-progress-bar{background:#333e34;border-radius:10px}progress::-webkit-progress-value{background:var(--accent);border-radius:10px}progress::-moz-progress-bar{background:var(--accent);border-radius:10px}.super_sentai{--accent:#ff9e89}.ultraman{--accent:#91cdf7}.metal_hero{--accent:#c2a4ff}.garo{--accent:#f5d16f}.franchises{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.franchises .panel{padding:20px}.franchises h3{font-size:.95rem;margin:18px 0 8px}.franchises .muted{font-size:.75rem}.franchises a:hover{border-color:var(--accent)}.empty{text-align:center;padding:50px 20px}.filters{display:flex;gap:14px;align-items:end;margin-top:30px;padding:20px}.filters>div{flex:1;min-width:0}.filters>.search-field{flex:1.6}.filters button{white-space:nowrap}.back{display:inline-block;color:var(--muted);font-size:.85rem;margin-bottom:32px}.detail-heading{max-width:850px}.detail-heading>.symbol{display:block;margin-bottom:20px;font-size:3rem}.detail-heading progress{max-width:500px;margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:10px}.episode{border:1px solid var(--line);padding:17px 8px;border-radius:7px;text-align:center;font-size:.85rem;background:var(--panel)}.episode.watched{background:#293b1e;border-color:#526d36;color:var(--accent)}.episode[aria-current]{outline:2px solid var(--ink);outline-offset:2px}.watch-panel{text-align:center;padding:42px;max-width:780px;margin:32px auto}.watch-panel h2{font-size:3rem;letter-spacing:-.04em}.watch-panel .actions{justify-content:center}.episode-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:32px;font-size:.9rem}.keyboard{font-size:.75rem;margin-top:28px}.stats-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0}.stats-list .section-heading{margin:0 0 24px}.stats-list p{margin:16px 0 0;font-size:.85rem}.export{margin-top:32px}.login{max-width:440px;margin:36px auto;padding:36px}.login h1{font-size:2.4rem}.login form{margin-top:32px}.login button{width:100%;margin-top:22px}.notice{background:#3c2423;color:#ffd8d2;border:1px solid #9f5c51;padding:16px;border-radius:8px;margin-bottom:24px}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;padding-bottom:28px;color:var(--muted);font-size:.72rem}.skip{position:fixed;top:-100px;left:10px;background:var(--accent);color:#111;padding:12px;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
@media(max-width:950px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.franchises{grid-template-columns:repeat(3,1fr)}.filters{flex-wrap:wrap}.filters>div{flex:1 1 40%}.hero{gap:32px}.header nav{margin-left:0}.header-inner{gap:20px}}
@media(max-width:620px){.container{padding-left:20px;padding-right:20px}.header-inner{padding:16px 20px;flex-wrap:wrap;gap:12px}.header nav{order:3;flex-basis:100%;justify-content:space-between}.header form{margin-left:auto}.hero{grid-template-columns:1fr;gap:24px;padding-top:0}.hero-stat{padding:24px}.hero-stat>strong{font-size:4.5rem}.metrics{grid-template-columns:1fr 1fr;gap:24px}.cards,.stats-list{grid-template-columns:1fr}.franchises{grid-template-columns:1fr 1fr}.filters>div{flex-basis:100%}.filters button{width:100%}.watch-panel{padding:24px 16px}.footer{gap:16px}main.container{padding-top:32px}.card-top{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}