:root{color-scheme:dark;--bg: #0d1117;--panel: #141b26;--panel-2: #1b2533;--line: #2a3648;--text: #f8fafc;--muted: #aab7c7;--blue: #38bdf8;--coral: #fb7185;--green: #34d399;--amber: #fbbf24;--ink: #080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:linear-gradient(180deg,rgba(56,189,248,.1),transparent 360px),radial-gradient(circle at top right,rgba(251,113,133,.08),transparent 420px),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{display:block;max-width:100%}.site-shell{min-height:100vh}.container{width:calc(100% - 32px);max-width:1160px;margin:0 auto}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(170,183,199,.16);background:#0d1117e0;backdrop-filter:blur(18px)}.topbar-inner{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.brand-mark{display:flex;width:48px;height:40px;align-items:baseline;justify-content:center;gap:1px;border:1px solid rgba(56,189,248,.35);border-radius:8px;background:linear-gradient(135deg,#0f2633,#1d1b2e);color:var(--blue);line-height:1}.brand-mark span{color:var(--text);font-size:1rem;font-weight:900}.brand-mark small{color:var(--green);font-size:.68rem;font-weight:900}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.nav a{border-radius:8px;color:var(--muted);font-size:.95rem;padding:9px 12px}.nav a:hover,.nav a:focus-visible{background:#38bdf81f;color:var(--text)}.hero{position:relative;display:grid;min-height:clamp(580px,84vh,780px);align-items:end;padding:84px 0 88px;overflow:clip}.hero-backdrop,.hero-shade{position:absolute;inset:0}.hero-backdrop{background-position:center;background-repeat:no-repeat;background-size:cover;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,#080b10f7,#080b10d1 42%,#080b107a),linear-gradient(180deg,#080b102e,#080b10b8)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:42px;align-items:end}.hero-content{max-width:720px}.hero-spotlight-card{overflow:hidden;border:1px solid rgba(248,250,252,.16);border-radius:8px;background:#0b111ac7;box-shadow:0 28px 70px #0000006b;backdrop-filter:blur(12px)}.hero-spotlight-card img{width:100%;aspect-ratio:2 / 3;object-fit:cover}.hero-spotlight-body{display:grid;gap:6px;padding:14px 16px 18px}.hero-spotlight-body strong{font-size:1rem}.hero-spotlight-body span{color:var(--muted);font-size:.9rem}.eyebrow{color:var(--green);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:0;line-height:1.05;overflow-wrap:anywhere}h1{font-size:clamp(3rem,6vw,5.2rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:1.25rem}p{color:var(--muted);line-height:1.7;overflow-wrap:break-word}.hero p{max-width:640px;font-size:1.08rem}.hero-meta{margin-top:22px}.hero-note{max-width:680px;margin:14px 0 0;color:#d4deea;font-size:.95rem}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button,button.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;background:var(--blue);color:var(--ink);cursor:pointer;font-weight:800;padding:0 16px;transform:scale(1);transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease;will-change:transform}.button:hover,.button:focus-visible,button.button:hover,button.button:focus-visible{transform:scale(1.04)}.button:disabled,button.button:disabled{cursor:not-allowed;opacity:.72;transform:scale(1)}.button.secondary{border-color:#aab7c738;background:#141b26e0;color:var(--text)}.section{padding:78px 0}.section.alt{background:#141b2673}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading p{max-width:560px;margin:10px 0 0}.grid{display:grid;gap:18px}.grid>*,.section-heading>*{min-width:0}.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.card{overflow:hidden;border:1px solid rgba(170,183,199,.16);border-radius:8px;background:var(--panel)}.media-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.collection-stack{display:grid;gap:34px}.collection-row{display:grid;gap:14px}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.collection-heading p{margin:6px 0 0}.collection-note{margin:-2px 0 0;color:var(--muted);font-size:.9rem}.anime-strip{display:grid;grid-auto-columns:minmax(142px,1fr);grid-auto-flow:column;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:4px 2px 12px;scroll-snap-type:inline mandatory}.anime-rank-card{position:relative;display:grid;min-height:316px;align-content:start;gap:8px;border:1px solid rgba(170,183,199,.16);border-radius:8px;background:var(--panel);color:var(--text);overflow:hidden;scroll-snap-align:start}.anime-rank-card img{width:100%;aspect-ratio:2 / 3;object-fit:cover}.anime-rank-card strong,.anime-rank-card span:not(.rank-badge){padding-inline:10px}.anime-rank-card strong{font-size:.92rem;line-height:1.25}.anime-rank-card span:not(.rank-badge){color:var(--muted);font-size:.82rem;padding-bottom:10px}.rank-badge{position:absolute;top:8px;left:8px;display:grid;width:30px;height:30px;place-items:center;border-radius:999px;background:#080b10d1;color:var(--text);font-size:.82rem;font-weight:900}.anime-rank-card.skeleton{background:linear-gradient(100deg,var(--panel),var(--panel-2),var(--panel))}.card-body{padding:18px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(170,183,199,.18);border-radius:999px;color:var(--muted);font-size:.82rem;padding:5px 9px}.tool-card{padding:22px}.tool-card .icon-box{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#34d3991f;color:var(--green);margin-bottom:18px}.form-grid{display:grid;gap:14px}.field{display:grid;gap:7px}.field span{color:var(--muted);font-size:.9rem;font-weight:700}.input,.select{width:100%;min-height:44px;border:1px solid rgba(170,183,199,.2);border-radius:8px;background:#0b111a;color:var(--text);padding:0 12px}.panel{border:1px solid rgba(170,183,199,.16);border-radius:8px;background:var(--panel);padding:22px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{border:1px solid rgba(170,183,199,.14);border-radius:8px;background:var(--panel-2);padding:16px}.stat strong{display:block;color:var(--text);font-size:1.7rem}.stat span{color:var(--muted);font-size:.85rem}.footer{border-top:1px solid rgba(170,183,199,.16);padding:32px 0}@media(prefers-reduced-motion:no-preference){.fade-enter{opacity:0;transform:translateY(18px);animation:fade-enter .52s ease forwards}.fade-delay-1{animation-delay:.1s}.fade-delay-2{animation-delay:.18s}.fade-delay-3{animation-delay:.26s}.fade-delay-4{animation-delay:.34s}@keyframes fade-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}.footer p{margin:0;font-size:.92rem}.two-column{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}.stack{display:grid;gap:16px}.alert{border:1px solid rgba(251,191,36,.35);border-radius:8px;background:#fbbf2414;color:#fde68a;padding:14px}@media(max-width:860px){.topbar-inner,.section-heading{align-items:flex-start;flex-direction:column}.grid.cards,.grid.tools,.two-column,.hero-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:640px;padding-top:96px}.hero-spotlight-card{max-width:360px}}@media(max-width:700px){html,body{overflow-x:hidden}.container{width:100%;max-width:100%;padding-left:16px;padding-right:64px}h1{font-size:2.45rem}h2{font-size:1.9rem}.section h1{font-size:2.35rem!important}.section-heading p,.card,.tool-card,.panel{width:100%;max-width:100%}.nav{width:100%;justify-content:flex-start;gap:6px 14px}.nav a{padding:6px 0}.anime-strip{grid-auto-columns:minmax(132px,46vw)}.anime-rank-card{min-height:286px}.stats{grid-template-columns:1fr}}