:root{--accent-primary:gold;--accent-primary-rgb:255,215,0;--status-completion:#1fe768;--status-completion-hover:#4ade80;--status-ownership:#3b82f6;--status-ownership-hover:#60a5fa;--status-inprogress:#2ce8f1;--xp-bar-fill:#ff4da6;--status-confirm:#10b981;--color-danger:#d32f2f;--color-warning:orangered;--color-info:#0066ff;--color-error:#ff0000;--color-text-primary:#272323;--color-text-secondary:#bfbfbf;--color-text-tertiary:#fff;--color-text-muted:#373535;--color-text-muted-dark:#666666;--color-text-muted-light:#999999;--color-border:#fff;--color-border-light:#cccccc;--color-border-lighter:#ddd;--color-border-dark:#000000;--color-border-grey:#999999;--color-bg-placeholder:#f3f3f3;--color-bg-light:grey;--color-bg-dark:darkgray;--color-connector:lightslategrey;--bg-primary:#000000;--bg-card:#000000;--bg-white:#ffffff;--bg-overlay:rgba(0,0,0,0.7);--bg-overlay-light:rgba(0,0,0,0.5);--bg-modal-overlay:rgba(0,0,0,0.5);--bg-danger-light:#ffebee;--bg-section:#ffc800;--bg-body-gradient:linear-gradient(45deg,#FFFDF5,transparent);--gradient-primary:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);--gradient-purple:linear-gradient(135deg,#667eea,#764ba2);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--section-content-pt:20px;--worklist-gap:20px;--worklist-gap-mobile:24px;--tag-franchise-bg:rgba(255,215,0,0.12);--tag-franchise-border:rgba(255,215,0,0.4);--tag-franchise-bg-hover:rgba(255,215,0,0.25);--tag-genre-bg:rgba(255,255,255,0.08);--tag-genre-border:rgba(255,255,255,0.15);--tag-artist-bg:rgba(255,255,255,0.06);--tag-artist-border:rgba(255,255,255,0.2);--tag-artist-bg-hover:rgba(255,255,255,0.14);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--radius-full:50%;--shadow-glow-gold:0 0 8px rgba(255,215,0,0.6);--shadow-glow-gold-light:0 0 4px rgba(255,215,0,0.4);--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 8px rgba(0,0,0,0.15);--shadow-lg:0 8px 16px rgba(0,0,0,0.2);--shadow-xl:0 8px 24px rgba(0,0,0,0.2);--shadow-wheel-picker:0 8px 24px rgba(0,0,0,0.2);--shadow-modal:0 4px 20px rgba(0,0,0,0.15);--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-weight-normal:400;--font-weight-medium:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.3;--line-height-relaxed:1.5;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-tooltip:2000;--bg-placeholder:var(--color-bg-placeholder);--language-wheel-bg:#ffc008;--spinner-color:#8b5cf6;--badge-total:#0066ff;--badge-filtered:#ff0000;--sbg:transparent;--sth:lightgrey;--sth-hover:#98a4ba;--sth-active:#7c8aa6;--sbw:10px;--sbr:8px;--sb-inset:2px}@media (prefers-color-scheme:dark){:root{--sth:#5b6b85;--sth-hover:#6a7b99;--sth-active:#7b8db1}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--color-text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-body-gradient)}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}body,html{height:100%;margin:0;font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif}.center{min-height:100dvh;display:grid;place-items:center;background:var(--bg-primary)}.card{width:min(420px,92vw);border:1px solid #ddd;border-radius:var(--radius-md);padding:var(--space-lg);background:#fff}.input{width:100%;border:1px solid #ccc;border-radius:var(--radius-sm)}.btn,.input{padding:var(--space-md)}.btn{border:1px solid #111;border-radius:var(--radius-sm);background:#fff;cursor:pointer;transition:.3s}.btn:hover{background:#111;color:#fff}.warningBtn:hover{background:orangered;color:#fff}.dangerBtn{color:var(--color-danger)}.dangerBtn,.dangerBtn:hover{border-color:var(--color-danger)}.dangerBtn:hover{background:var(--color-danger);color:#fff}.dangerBtn:disabled{opacity:.5;cursor:not-allowed}.row{align-items:flex-start}.column,.row{display:flex;justify-content:space-between;gap:var(--space-md)}.column{flex-direction:column}.mt{margin-top:var(--space-lg)}.mts{margin-top:var(--space-sm)}.mtl{margin-top:var(--space-xl)}.mtxl{margin-top:var(--space-2xl)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#666}.error,.mono{font-size:var(--font-size-sm)}.error{color:#b00020;margin-top:var(--space-sm)}.segmented{display:inline-flex;border:1px solid #ddd;border-radius:var(--radius-md);overflow:hidden}.segmented button{padding:var(--space-sm) var(--space-md);border:0;background:#f6f6f6;cursor:pointer;font-weight:var(--font-weight-medium)}.segmented button+button{border-left:1px solid #ddd}.segmented button[aria-pressed=true]{background:#111;color:#fff}@media (prefers-color-scheme:dark){.card{border-color:#333}.btn,.card{background:#1a1a1a;color:#fff}.btn{border-color:#444}.btn:hover{background:#333;color:#fff}.input{background:#1a1a1a;color:#fff}.input,.segmented{border-color:#444}.segmented button{background:#2a2a2a;color:#fff;border-color:#444}.segmented button[aria-pressed=true]{background:#444;color:#fff}.mono{color:#999}.error{color:#ff6b6b}.dangerBtn{background:#000;color:var(--color-danger);border-color:var(--color-danger)}.dangerBtn:hover{background:var(--color-danger);color:#fff}}.sectionContainer{height:88vh;padding:0 2vh;display:flex;justify-content:center;background:var(--bg-section);overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--sth) var(--sbg)}.librarySection,.searchSection{width:100vw;max-width:1100px;padding:0 5vw}.sectionHeader{display:flex;flex-direction:column;justify-content:center;gap:1vh;padding:1vh 5vw}.sectionContent{overflow:auto;padding:3vw 3vw 7vw;scrollbar-gutter:stable}.sectionContainer::-webkit-scrollbar{width:var(--sbw);height:var(--sbw)}.sectionContainer::-webkit-scrollbar-track{background:var(--sbg)}.sectionContainer::-webkit-scrollbar-thumb{background-clip:padding-box;background:var(--sth);border-radius:var(--sbr);border:var(--sb-inset) solid transparent}.sectionContainer::-webkit-scrollbar-thumb:hover{background:var(--sth-hover)}.sectionContainer::-webkit-scrollbar-thumb:active{background:var(--sth-active)}.sectionContainer::-webkit-scrollbar-corner{background:transparent}@media (prefers-reduced-motion:reduce){.sectionContainer::-webkit-scrollbar-thumb{-webkit-transition:none;transition:none}}.achievement-border-wrapper{position:relative;border-radius:.75rem;padding:2px;overflow:hidden}.achievement-border-wrapper:before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent 0deg,var(--tier-color) 60deg,transparent 120deg);animation:borderSpin 1.8s linear infinite}@keyframes borderSpin{to{transform:rotate(1turn)}}@keyframes achievementSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}75%{transform:translate(-50%,-50%) scale(.95)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@media (max-width:768px){.sectionContainer{height:calc(100dvh - 60px - 60px);padding:0}.librarySection,.searchSection{padding:0}.sectionHeader{height:auto;min-height:80px;padding:1.5vh 3vw;gap:var(--space-md)}.sectionContent{height:auto;flex:1 1}.input{padding:0 var(--space-md)}.btn,.input{min-height:32px;font-size:var(--font-size-lg)}.btn{padding:0 var(--space-lg)}.segmented button{min-height:44px;padding:var(--space-md) var(--space-lg)}}@media (max-width:374px){.header{font-size:var(--font-size-lg);letter-spacing:2px}.sectionHeader{min-height:60px}}