:root{--rating-muted:#51456e;--void:#050711;--void-deep:#090d1b;--surface:#111827;--surface-2:#181d32;--line:rgba(156,178,255,.22);--purple:#8c48ff;--purple-2:#b05dff;--violet:#7aa7ff;--text:#eef2ff;--muted:#a7b0d2;--gold:#ffd65a;--green:#72dfa5;--red:#f2789d;--orange:#ffbd73;--glass:rgba(17,24,39,.48);--glass-strong:rgba(22,28,49,.72);--glow:rgba(139,92,246,.45)}.rating-disabled{opacity:.48;pointer-events:none}.rating-disabled .rating-star{cursor:not-allowed}.rating-hint{display:block;color:var(--muted);font-size:.62rem;margin-top:2px}button,.status-pill,.vip-badge,.rewatch-badge{user-select:none}
.sort-control{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted);font-size:.63rem}.sort-control select{border:1px solid rgba(154,173,255,.2);border-radius:8px;background:rgba(18,22,35,.8);color:var(--text);padding:7px 25px 7px 9px;font-size:.63rem;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.site-nav{display:flex;gap:4px;align-items:center}.nav-btn{border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);padding:7px 10px;font-size:.64rem;transition:all .2s ease}.nav-btn:hover,.nav-btn.active{border-color:rgba(148,129,255,.52);background:rgba(255,255,255,.08);color:var(--text);box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 32px rgba(81,65,150,.32),0 0 16px rgba(140,72,255,.24)}.glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.18),0 32px 64px rgba(3,7,18,.48),0 0 32px rgba(140,72,255,.15);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(150px,1fr));gap:14px;margin-bottom:34px}.dashboard-hero{padding:24px;min-height:190px}.dashboard-hero h2{font-size:1.7rem;margin:8px 0}.dashboard-hero strong{font-size:.68rem;color:#d8caff}.mission-track{height:6px;background:rgba(90,115,170,.38);border-radius:99px;overflow:hidden;margin:25px 0 9px}.mission-track span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#70c9dc);box-shadow:0 0 22px rgba(140,72,255,.8),0 0 44px rgba(112,201,220,.4),inset 0 1px rgba(255,255,255,.2);transition:width .6s cubic-bezier(.2,.8,.2,1)}.stat-panel{padding:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:7px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 32px rgba(3,7,18,.32)}.stat-panel span,.stat-panel small{color:var(--muted);font-size:.65rem}.stat-panel strong{font-family:'DM Serif Display',serif;font-size:1.7rem;font-weight:400}.dashboard-section{margin-top:28px}.continue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px}.continue-item{display:flex;align-items:center;gap:10px;text-align:left;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(15,16,28,.7);color:var(--text);transition:background .2s ease,border-color .2s ease,transform .2s ease}.continue-item:hover{transform:translateY(-3px);border-color:rgba(147,120,255,.7);background:rgba(25,22,42,.95);box-shadow:0 12px 28px rgba(140,72,255,.28),0 0 16px rgba(122,167,255,.18)}.continue-item img{width:36px;height:50px;object-fit:cover;border-radius:3px}.continue-item strong,.continue-item small{display:block}.continue-item strong{font-size:.7rem}.continue-item small{margin-top:4px;color:var(--muted);font-size:.6rem}.planner-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px}.planner-form,.backup-panel{padding:20px}.planner-options{display:flex;flex-direction:column;gap:7px;margin-top:18px}.plan-option{display:flex;align-items:center;gap:11px;padding:8px;border:1px solid #ffffff0e;border-radius:7px;background:#ffffff04;cursor:pointer}.plan-option:hover{border-color:#7441c2;background:#ffffff09}.plan-option input{accent-color:var(--purple)}.plan-option img{width:34px;height:46px;object-fit:cover;border-radius:3px}.plan-option strong,.plan-option small{display:block}.plan-option strong{font-size:.7rem}.plan-option small{color:var(--muted);font-size:.6rem;margin-top:4px}.backup-list{display:flex;flex-direction:column;gap:8px;margin-top:20px;color:var(--text);font-size:.68rem}.backup-list div{display:flex;justify-content:space-between;gap:8px;align-items:center}.backup-list button{border:0;background:transparent;color:var(--purple-2);font-size:.62rem}.streak-summary{display:flex;justify-content:space-between;gap:12px;padding:18px;margin-bottom:18px}.streak-summary strong{font-family:'DM Serif Display',serif;font-size:1.3rem;font-weight:400}.streak-summary span{color:var(--muted);font-size:.68rem}.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.month-panel{padding:16px;background:#ffffff04;border:1px solid #ffffff10;border-radius:9px}.month-panel h2{font-size:1.05rem;margin-bottom:12px}.month-weeks{display:flex;flex-direction:column;gap:6px}.calendar-week{padding:8px;border-left:3px solid var(--purple);background:#ffffff05;border-radius:4px}.calendar-week.complete{border-color:var(--green)}.calendar-week span,.calendar-week strong,.calendar-week small{display:block}.calendar-week span,.calendar-week small{font-size:.58rem;color:var(--muted)}.calendar-week strong{font-size:.65rem;margin:3px 0}.calendar-week small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.month-panel{padding:18px;border:1px solid #ffffff14;border-radius:12px;background:linear-gradient(180deg,#ffffff08,#ffffff03);box-shadow:inset 0 1px #ffffff10}.month-panel h2{margin:0;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#c7b9ee}.month-weeks{display:flex;flex-direction:column;gap:10px;margin-top:14px}.calendar-week{display:flex;flex-direction:column;gap:4px;padding:12px 12px;border-radius:9px;border:1px solid #ffffff0d;background:#120d22;box-shadow:inset 0 1px #ffffff08}.calendar-week span{color:var(--muted);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.calendar-week strong{font-size:.78rem;line-height:1.4}.calendar-week small{color:#b9a9ea;font-size:.63rem}.calendar-week.complete{border-color:#2d7d6b;background:linear-gradient(135deg,#0d2825,#111b2c)}.calendar-week.active{border-color:#6247aa;background:linear-gradient(135deg,#1a1232,#120d22)}.history-group .history-episode-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.history-group .history-episode-list small{display:block;padding-top:6px;border-top:1px solid #ffffff0b;color:#d5caff;font-size:.58rem;line-height:1.4}.history-group .history-episode-list small:first-child{padding-top:0;border-top:0}.history-toggle{appearance:none;border:1px solid #5d4691;border-radius:999px;background:#1a1332;color:#d7c9ff;padding:5px 9px;margin-top:4px;font-size:.56rem;align-self:flex-start;cursor:pointer}.history-toggle:hover{border-color:#9a7cff;background:#24163f}@media(max-width:900px){.site-nav{order:4;width:100%;justify-content:center}.site-header{height:auto;min-height:62px;flex-wrap:wrap;padding-block:10px}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-hero{grid-column:1/-1}.calendar-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.planner-layout,.calendar-grid{grid-template-columns:1fr}.streak-summary{flex-direction:column}.card-actions{grid-template-columns:1fr 1fr}.quick-episode-button{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.site-header{background:rgba(7,10,18,.58);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 1px rgba(255,255,255,.07)}.global-search,.sort-control select,.nav-btn,.ghost-btn,.primary-btn,.discovery-button{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.global-search{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.18)}.primary-btn{background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(140,72,255,.92));border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.22),0 18px 44px rgba(118,76,255,.52),0 0 24px rgba(140,72,255,.36);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.primary-btn:hover{filter:brightness(1.18);box-shadow:inset 0 1px rgba(255,255,255,.28),0 24px 52px rgba(118,76,255,.68),0 0 32px rgba(140,72,255,.52),0 0 48px rgba(122,167,255,.28)}.ghost-btn{border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(255,255,255,.04);color:var(--text);padding:10px 15px;font-size:.72rem;box-shadow:inset 0 1px rgba(255,255,255,.08)}.ghost-btn:hover{border-color:rgba(170,150,255,.72);background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 24px rgba(140,72,255,.24)}.backup-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;margin-bottom:24px}.backup-tools strong{font-family:'DM Serif Display',serif;font-size:1.15rem;font-weight:400}.backup-tools .muted{font-size:.65rem;margin-top:4px}.backup-actions{display:flex;gap:8px;flex:none}.card-meta{display:flex;justify-content:space-between;gap:5px;margin-top:9px;color:#847ba0;font-size:.56rem}.completion-message{padding:10px 12px;border:1px solid rgba(114,223,165,.45);border-radius:7px;background:rgba(114,223,165,.08);color:#bff7d7;font-size:.7rem;line-height:1.5;margin-bottom:12px}
.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.milestone-add{display:flex;gap:7px}.milestone-add input{min-width:0;width:110px;background:#100a20;border:1px solid #ffffff1c;border-radius:6px;color:var(--text);padding:8px;font-size:.65rem}.activity-list{display:flex;flex-direction:column;gap:5px}.activity-list div{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #ffffff0d;border-radius:7px;background:#ffffff04;font-size:.65rem}.activity-list span{color:var(--muted)}
:root{--discovery-gold:#f0c56b}.discovery-button{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #694b20;border-radius:7px;background:linear-gradient(135deg,#241808,#4a2d0b);color:#ffe4a0;font-size:.7rem;font-weight:800;box-shadow:0 7px 18px #c1872c22;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.discovery-button span{color:var(--discovery-gold);font-size:.9rem}.discovery-button:hover{transform:translateY(-2px);border-color:#d69b3f;box-shadow:0 10px 24px #c1872c44}
:root{--discover-line:#302052}.discovery-status{color:var(--muted);font-size:.75rem;margin:-12px 0 18px}.discovery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.discovery-card{display:grid;grid-template-columns:72px 1fr;gap:13px;padding:10px;background:#0e0920;border:1px solid var(--discover-line);border-radius:7px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.discovery-card:hover{transform:translateY(-5px);border-color:#7441c2;box-shadow:0 15px 28px #0008}.discovery-card img{width:72px;height:98px;object-fit:cover;border-radius:4px;background:#171025}.discovery-card h2{font-family:Manrope;font-size:.78rem;line-height:1.3;margin:3px 0 7px}.discovery-card p{color:var(--muted);font-size:.65rem;margin-bottom:14px}.discover-add{border:1px solid #6b3ab0;border-radius:4px;background:#231044;color:#c9aaff;padding:7px 9px;font-size:.64rem}.discover-add:hover{background:#6e31c4;color:#fff}@media(max-width:700px){.heading-actions{width:100%;flex-wrap:wrap}.goal-counter{flex:1;min-width:160px}.discovery-card{grid-template-columns:62px 1fr}.discovery-card img{width:62px;height:88px}}
.card-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:9px}.card-actions.compact{grid-template-columns:1fr 1fr}.card-actions button{min-width:0}.quick-episode-button{width:100%;padding:7px;border:1px solid #285e58;border-radius:5px;background:#0d2426;color:#82e0c0;font-size:.65rem}.quick-episode-button:hover:not(:disabled){border-color:#72dfa5;color:#fff}.quick-episode-button:disabled{cursor:not-allowed;opacity:.45}.remove-card-button{width:100%;padding:7px;border:1px solid #55233c;border-radius:5px;background:#1a0b19;color:#f48ba9;font-size:.65rem}.remove-card-button:hover{border-color:#f2789d;color:#fff}.episode-row{cursor:pointer}
:root{--goal-gold:#ffe083}.heading-actions{display:flex;align-items:center;gap:14px}.goal-counter{min-width:190px;padding:10px 13px;border:1px solid #6d4c1d;border-radius:7px;background:linear-gradient(135deg,#1d1408,#3a2510);box-shadow:0 0 22px #b8792733;color:#ffe39b}.goal-label{display:block;color:#c9a85c;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase}.goal-counter strong{display:block;font-family:'DM Serif Display',serif;font-size:1.15rem;font-weight:400}.goal-counter small{font-family:Manrope;color:#d2b979;font-size:.7rem}.goal-track{display:block;height:3px;margin-top:7px;background:#5c421d;border-radius:4px;overflow:hidden}.goal-track i{display:block;height:100%;background:linear-gradient(90deg,#d6922e,#ffe083);box-shadow:0 0 8px #ffd35b;transition:width .3s ease}.rewatch-badge{display:inline-block;padding:5px 7px;border-radius:4px;background:#57a4bc;color:#071923;font-size:.55rem;font-weight:800;letter-spacing:.07em}.rewatch-badge.inline{margin-left:6px}.rewatch-mark{color:#70c9dc;font-size:.6rem;font-weight:700}
.rewatch-badge{display:inline-block;padding:5px 7px;border-radius:4px;background:#57a4bc;color:#071923;font-size:.55rem;font-weight:800;letter-spacing:.07em}.rewatch-badge.inline{margin-left:6px}
.profile-switcher{display:flex;align-items:center;gap:7px;margin-left:auto;color:var(--muted);font-size:.6rem;white-space:nowrap}.profile-switcher select{border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#171329;color:var(--text);padding:8px 25px 8px 9px;font-size:.65rem}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connection-panel{padding:22px}.connection-panel h2{margin:6px 0 8px;font-family:'DM Serif Display',serif;font-weight:400;font-size:1.5rem}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.scoreboard div{padding:14px;border:1px solid #ffffff14;border-radius:9px;background:#ffffff06}.scoreboard span,.shared-item small{display:block;color:var(--muted);font-size:.62rem}.scoreboard strong{display:block;margin-top:4px;font-family:'DM Serif Display',serif;font-size:2rem;font-weight:400}.connection-result{color:var(--gold);font-size:.72rem}.shared-list{display:flex;flex-direction:column;gap:7px;margin-top:18px}.shared-item{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #ffffff10;border-radius:8px;background:#ffffff05}.shared-item img{width:34px;height:48px;object-fit:cover;border-radius:3px}.shared-item span{min-width:0;flex:1}.shared-item strong{display:block;font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-item .ghost-btn{padding:7px 9px;font-size:.6rem;white-space:nowrap}.connection-note{display:flex;gap:12px;align-items:center;padding:15px 18px;margin-top:16px;font-size:.68rem}.connection-note span{color:var(--muted)}
@media(max-width:900px){.profile-switcher{order:3;margin-left:auto}.site-nav{order:4}.connection-grid{grid-template-columns:1fr}}
@media(max-width:700px){.profile-switcher{width:100%;justify-content:flex-end}.connection-note{align-items:flex-start;flex-direction:column;gap:4px}}
.edit-card-button{width:100%;margin-top:10px;padding:7px;border:1px solid #35205f;border-radius:5px;background:#130d28;color:#b898ff;font-size:.65rem}.edit-card-button:hover{border-color:#8c48ff;color:#fff}.vip-badge{position:absolute;right:9px;top:9px;padding:5px 7px;border-radius:4px;background:#f4c34d;color:#291b05;font-size:.58rem;font-weight:800;letter-spacing:.08em}.vip-badge.inline{position:static;display:inline-block;margin-left:8px}.vip-mark{color:var(--gold);font-size:.75rem}.card-title-row,.hero-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.vip-toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.73rem}.vip-toggle input{width:auto;accent-color:var(--purple)}.field select,.field input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#a989e8 50%),linear-gradient(135deg,#a989e8 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.field input[type=number]{appearance:textfield;background-image:none}.hero-controls .ghost-btn{padding:10px 15px;font-size:.72rem}.anime-card:focus-within,.episode-row:focus-visible{outline:2px solid #8c48ff;outline-offset:2px}
.stars span,.rating-star{display:inline-block}.rating-star{transition:transform .16s ease,color .16s ease}.rating-star:hover{transform:translateY(-3px) scale(1.2);color:var(--gold)}
.anime-card{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(135deg,rgba(15,16,28,.8),rgba(10,12,22,.6));box-shadow:0 12px 28px rgba(3,7,18,.32),inset 0 1px rgba(255,255,255,.08)}.anime-card:hover{border-color:rgba(147,120,255,.5);box-shadow:0 16px 40px rgba(140,72,255,.24),0 0 24px rgba(122,167,255,.14),inset 0 1px rgba(255,255,255,.1)}.episode-row{transition:transform .2s ease,background .2s ease,box-shadow .2s ease;position:relative}.episode-row:hover,.episode-row:focus-visible{background:rgba(23,16,45,.8);transform:scale(1.022);box-shadow:0 12px 32px rgba(140,72,255,.32),0 0 20px rgba(122,167,255,.16);z-index:1;outline:2px solid rgba(140,72,255,.6)}
:root{--void:#050711;--void-deep:#090d1b;--surface:#111827;--surface-2:#181d32;--line:rgba(156,178,255,.22);--purple:#8c48ff;--purple-2:#b05dff;--violet:#7aa7ff;--text:#eef2ff;--muted:#a7b0d2;--gold:#ffd65a;--green:#72dfa5;--red:#f2789d;--orange:#ffbd73;--glass:rgba(17,24,39,.48);--glass-strong:rgba(22,28,49,.72);--glow:rgba(139,92,246,.45)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0%,rgba(124,58,237,.35),transparent 26%),radial-gradient(circle at 80% 20%,rgba(34,211,238,.18),transparent 28%),radial-gradient(circle at 50% 100%,rgba(59,130,246,.12),transparent 30%),linear-gradient(180deg,#050711 0%,#090d1b 38%,#060a14 100%);color:var(--text);font-family:Manrope,sans-serif}body:before{content:'';position:fixed;inset:0;opacity:.85;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 18% 28%,rgba(255,255,255,.95),transparent),radial-gradient(1.5px 1.5px at 38% 64%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 64% 24%,rgba(255,255,255,.85),transparent),radial-gradient(1.5px 1.5px at 82% 52%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 72% 80%,rgba(255,255,255,.85),transparent)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.site-header{height:62px;border-bottom:1px solid rgba(140,152,220,.18);background:linear-gradient(180deg,rgba(5,8,16,.72),rgba(9,13,27,.68));backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);display:flex;align-items:center;padding:0 34px;gap:28px;position:sticky;top:0;z-index:5;box-shadow:0 12px 48px rgba(3,7,18,.48),inset 0 1px rgba(255,255,255,.12)}.brand{border:0;background:transparent;color:var(--text);font-family:'DM Serif Display',serif;font-size:1.25rem;padding:0}.brand-mark{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:8px;border-radius:50%;background:linear-gradient(135deg,#8c48ff,#7aa7ff);box-shadow:0 0 32px rgba(140,72,255,.9),0 0 64px rgba(122,167,255,.6),inset 0 1px rgba(255,255,255,.3);font-family:Manrope;font-size:1.2rem;filter:drop-shadow(0 0 12px rgba(140,72,255,.7))}.global-search{display:flex;align-items:center;gap:10px;width:min(360px,45vw);margin:auto;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:0 12px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18)}.global-search input{border:0;background:transparent;outline:0;color:var(--text);padding:8px 0;width:100%;font-size:.75rem}.db-status{font-size:.65rem;color:var(--muted);white-space:nowrap}.page-shell{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:44px 34px 70px}.view{display:none}.active-view{display:block}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:#857b9f;text-transform:uppercase;letter-spacing:.14em;font-size:.63rem}.muted{color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2{font-family:'DM Serif Display',serif;font-weight:400;letter-spacing:.01em}h1{font-size:2.2rem}h2{font-size:1.25rem}.page-heading h1{font-size:2.2rem}.primary-btn{border:0;border-radius:7px;background:linear-gradient(100deg,#7021dd,var(--purple-2));color:white;padding:12px 20px;font-weight:800;box-shadow:0 8px 26px #5415ad55}.primary-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.wide{width:100%;margin-top:20px}.status-tabs{display:flex;gap:8px;margin-bottom:20px}.status-tab{border:1px solid transparent;background:#110c23;color:var(--muted);padding:7px 15px;border-radius:99px;font-size:.68rem}.status-tab.active{background:#371579;border-color:#7b3cd3;color:white}.anime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.anime-card{background:#0e0920;border:1px solid #241744;border-radius:6px;overflow:hidden;min-width:0}.cover-button{border:0;padding:0;width:100%;display:block;position:relative;aspect-ratio:4/5.6;background:#171025;overflow:hidden}.cover-button img{width:100%;height:100%;object-fit:cover;display:block}.status-pill{display:inline-block;padding:5px 9px;border-radius:99px;font-size:.61rem;white-space:nowrap}.cover-button .status-pill{position:absolute;top:9px;left:9px;background:#4d2189dd;color:#fff}.watching{background:#6426a8;color:#fff}.watched{background:#216f54;color:#fff}.planned{background:#895c27;color:#fff}.dropped{background:#7a294b;color:#fff}.card-copy{padding:12px}.card-copy h2{font-family:Manrope;font-size:.76rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stars{display:flex;gap:1px;color:#3b2b68;font-size:.67rem;margin:7px 0}.stars .filled{color:var(--gold)}.card-copy p{color:var(--muted);font-size:.65rem;line-height:1.45;min-height:30px}.progress{height:3px;background:#251845;margin-top:10px}.progress span{display:block;height:100%;background:var(--purple-2)}.back-link{border:0;background:transparent;color:var(--muted);padding:0;font-size:.76rem;margin-bottom:26px}.back-link:hover{color:white}.anime-hero{display:grid;grid-template-columns:190px 1fr;gap:28px;max-width:900px;padding-bottom:38px;border-bottom:1px solid #21173a}.hero-poster{width:190px;aspect-ratio:4/5.6;object-fit:cover;border-radius:6px;background:#171025}.hero-copy{padding-top:8px}.hero-copy h1{margin:12px 0 8px}.hero-copy>p{max-width:620px;color:var(--muted);font-size:.78rem;line-height:1.6;margin:8px 0}.stars.large{font-size:1rem;margin:17px 0}.hero-controls{display:flex;align-items:end;gap:18px;margin-top:22px}.hero-controls label{color:var(--muted);font-size:.72rem}.hero-controls input{display:block;margin-top:6px;width:110px}.hero-controls .primary-btn{padding:10px 15px;font-size:.72rem}.chronicle-preview{max-width:900px;padding-top:28px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title span{color:var(--muted);font-size:.68rem}.episode-list,.chronicle-list{display:flex;flex-direction:column;gap:1px;border:1px solid #231846;border-radius:7px;overflow:hidden}.episode-row{width:100%;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid #241a3b;background:#0e0a1d;color:var(--text);padding:8px}.episode-row:hover{background:#17102d}.episode-thumb{display:block;width:74px;height:44px;border-radius:3px;background:#1a1231;overflow:hidden}.episode-thumb img{width:100%;height:100%;object-fit:cover}.episode-row strong,.episode-row small{display:block}.episode-row strong{font-size:.7rem}.episode-row small{color:var(--muted);font-size:.64rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-indicator{color:var(--purple-2);font-size:.65rem}.summary-panel{width:260px;background:#100b20;border:1px solid var(--line);border-radius:8px;padding:20px}.summary-panel h2{font-size:1.2rem;margin-bottom:6px}.summary-panel p{font-size:.7rem}.entry-card{max-width:820px;background:#0f0b21;border:1px solid var(--line);border-radius:8px;padding:20px}.entry-header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #241b3e;padding-bottom:18px;margin-bottom:22px}.entry-header h1{font-size:1.7rem}.episode-thumb.large{width:94px;height:58px;flex:none}.entry-card textarea{margin-top:8px;min-height:170px}.entry-card .primary-btn{float:right;margin-top:14px}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;z-index:20}.modal-backdrop{position:absolute;inset:0;background:#03020acc;backdrop-filter:blur(6px)}.modal-panel{position:relative;width:min(610px,100%);max-height:88vh;overflow:auto;background:#100b20;border:1px solid #44277d;border-radius:9px;padding:25px;box-shadow:0 20px 80px #000}.modal-header{display:flex;justify-content:space-between;margin-bottom:22px}.icon-btn{border:0;background:transparent;color:var(--muted);font-size:1.7rem}.field{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.73rem}.field input,.field select,.field textarea{background:#080611;border:1px solid #2c1d50;border-radius:5px;color:var(--text);padding:10px;outline:0}.search-status{color:#817699;font-size:.67rem}.search-results{display:flex;flex-direction:column;gap:5px;margin-top:14px}.search-result{display:flex;align-items:center;gap:12px;text-align:left;color:var(--text);background:#120c25;border:1px solid #25174a;border-radius:5px;padding:8px}.search-result:hover{border-color:var(--purple)}.search-result img{width:38px;height:52px;object-fit:cover;border-radius:3px;background:#201733}.search-result strong,.search-result small{display:block}.search-result strong{font-size:.75rem}.search-result small{color:var(--muted);font-size:.63rem;margin-top:4px}.selected-preview{display:flex;gap:15px;align-items:center;margin:18px 0}.selected-preview img{width:58px;height:80px;object-fit:cover;border-radius:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.star-rating{display:flex;gap:1px;flex-wrap:wrap}.rating-star{border:0;background:transparent;color:#3c2a68;padding:0;font-size:1.4rem}.rating-star.filled{color:var(--gold)}.empty-state{grid-column:1/-1;min-height:180px;border:1px dashed #36235f;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:.8rem}.empty-state strong{color:var(--text);font-size:1rem}@media(max-width:700px){.site-header{padding:0 16px;gap:12px}.brand{font-size:.95rem}.global-search{width:auto;flex:1}.db-status{display:none}.page-shell{padding:28px 16px 50px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .primary-btn{align-self:stretch}.anime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.anime-hero{grid-template-columns:110px 1fr;gap:15px}.hero-poster{width:110px}.hero-copy h1{font-size:1.35rem}.hero-controls{align-items:stretch;flex-direction:column}.summary-panel{width:100%;order:-1}.entry-header h1{font-size:1.25rem}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-panel{padding:18px}.status-tabs{overflow-x:auto}.status-tab{flex:none}}

.search-controls-box {
  padding: 24px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.search-bar-row {
  display: flex;
  gap: 12px;
}
.search-input-label {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--line);
  padding: 0 16px;
  border-radius: 12px;
  color: var(--muted);
}
.search-input-label input {
  flex: 1;
  background: transparent;
  border: 0;
  color: var(--text);
  padding: 14px 0;
  font-size: 0.95rem;
.shared-list-full {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  margin-top: 24px;
}
.shared-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255,255,255,0.03);
  padding: 12px;
  border-radius: 12px;
  border: 1px solid var(--line);
}
.shared-item img {
  width: 50px;
  height: 75px;
  object-fit: cover;
  border-radius: 6px;
}

}
.search-input-label input:focus {
  outline: none;
}
.filter-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}
.filter-select {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--line);
  color: var(--text);
  padding: 10px 32px 10px 14px;
  border-radius: 10px;
  font-size: 0.85rem;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%238c48ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 8px;
}
.filter-select:hover {
  border-color: rgba(148,129,255,.52);
  background-color: rgba(255,255,255,.08);
}
.filter-select:focus {
  outline: none;
  border-color: var(--purple);
  box-shadow: 0 0 0 3px rgba(140, 72, 255, 0.2);
}
.search-status-text {
  margin-bottom: 16px;
  color: var(--muted);
  font-size: 0.9rem;
}
.already-added-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--red);
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 800;
  z-index: 2;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.total-runtime-badge {
  background: rgba(140, 72, 255, 0.2);
  border: 1px solid var(--purple);
  color: var(--purple-2);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 600;
}
.stats-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin-top: 30px;
}
.chart-card {
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
}
.chart-card h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1rem;
  color: var(--text);
}