*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--body-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}:root{--accent:#7e46c2;--accent-hover:#6e3aaf;--accent-soft:#676381;--accent-muted:#c08aab;--gradient-hero:linear-gradient(135deg, #d5e8f7 0%, #e8dff5 50%, #f7d9ee 100%);--btn-primary:#593352;--btn-primary-hover:#4a2843;--btn-secondary:#593352;--btn-tertiary:#b06aaa;--btn-tertiary-hover:#9a5a95;--heading:#3d1f38;--stat-number:#b06aaa;--body-bg:#f8f5ff;--surface:#fff;--surface-alt:#edf4fb;--surface-input:#f5f9fd;--surface-hover:#edf4fb;--surface-home:#f5f9fd;--border:#ddd;--border-soft:#edf4fb;--border-chart:#ddeaf5;--border-input:#cce0f0;--text-primary:#2a2a2a;--text-heading:#1e2a3a;--text-secondary:#444;--text-muted:#555;--text-faint:#767676;--text-input:#1e2a3a;--timeline-card-bg:#fff;--timeline-card-border:#f0e0f8;--grid-line:#f0f0f0;--axis-tick:#555;--axis-label:#888;--chart-cursor:#0000000a;--label-text:#fff;--tooltip-bg:#fff;--tooltip-border:#eee;--scrollbar-thumb:#ddd;--toggle-group-bg:#ecf4fb;--toggle-active-bg:#fff;--toggle-active-shadow:#0000001a;--focus-bg:#f5f0ff;--compare-slot-empty:#eee;--compare-slot-empty-text:#888;--cat-dropdown-bg:#fff;--cat-dropdown-item-hover:#f5f8fd;--cat-dropdown-footer-bg:#fafbfc;--nav-backdrop:#1a1a2e4d;--sidebar-shadow:#8b46c81a;--card-shadow:#8b46c814;--table-header-bg:#f5f9fd;--table-row-hover:#f9fbfe;--placeholder-color:#bbb;--stat-label:#0009}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus{background:var(--btn-primary);color:#fff;outline-offset:-4px;z-index:9999;border-radius:0 0 6px;outline:2px solid #fff;width:auto;height:auto;padding:.5rem 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;position:fixed;top:0;left:0}.home-timeline-link.secondary{color:var(--btn-secondary);background:var(--surface);border-color:var(--btn-secondary)}.home-timeline-link.secondary:hover{background:var(--btn-secondary);color:#fff}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--gradient-hero);border-bottom:none;padding:1.25rem 2rem;box-shadow:0 2px 12px #8b46c814}.app-header-inner{justify-content:space-between;align-items:center;display:flex}.app-title{letter-spacing:-.02em;color:var(--heading);font-size:1.4rem;font-weight:800}.app-subtitle{color:var(--accent-soft);margin-top:.2rem;font-size:.82rem}.nav-menu-btn{border:1.5px solid var(--btn-tertiary);color:var(--btn-tertiary);cursor:pointer;background:0 0;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;gap:0;padding:.4rem .9rem;font-size:1.1rem;transition:background .15s,border-color .15s,color .15s;display:flex}.nav-menu-btn:hover{background:var(--btn-tertiary);border-color:var(--btn-tertiary);color:#fff}.nav-menu-btn-text{opacity:0;white-space:nowrap;width:0;margin-right:0;font-size:.8rem;font-weight:700;transition:width .25s,opacity .2s,margin-right .25s;display:inline-block;overflow:hidden}.nav-menu-btn:hover .nav-menu-btn-text{opacity:1;width:7.5rem;margin-right:.4rem}.theme-nav-sidebar{background:var(--surface);border-left:1.5px solid var(--border-chart);width:260px;height:100vh;box-shadow:-4px 0 24px var(--sidebar-shadow);will-change:transform;z-index:200;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.theme-nav-sidebar.open{transform:translate(0)}.theme-nav-header{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border-soft);flex-shrink:0;padding:1.25rem 1.25rem .75rem;font-size:.7rem;font-weight:800}.theme-search-wrap{border-bottom:1px solid var(--border-soft);flex-shrink:0;padding:.75rem 1rem .5rem;position:relative}.theme-search-input{border:1.5px solid var(--border-input);width:100%;color:var(--text-input);background:var(--surface-input);border-radius:8px;outline:none;padding:.45rem .75rem;font-size:.83rem;transition:border-color .15s}.theme-search-input:focus{border-color:var(--accent);background:var(--surface)}.theme-search-input::placeholder{color:var(--placeholder-color)}.search-loading-indicator{color:#767676;text-align:center;margin-top:.3rem;font-size:.72rem;display:block}.search-section{flex-shrink:0}.search-section:last-child{flex-direction:column;flex:1;display:flex;overflow:hidden}.search-section:last-child .theme-nav-list{flex:1;overflow-y:auto}.search-section-label{letter-spacing:.08em;text-transform:uppercase;color:#767676;padding:.6rem 1.25rem .25rem;font-size:.68rem;font-weight:800}.search-no-results{color:#767676;padding:.75rem 1.25rem;font-size:.82rem}.search-results-list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;overflow-y:auto}.search-results-list::-webkit-scrollbar{width:4px}.search-results-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.search-section:last-child .search-results-list{flex:1}.search-results-list li{list-style:none}.lyric-result-item{text-align:left;width:100%;box-shadow:none;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem 1.25rem;transition:background .12s;display:flex}.lyric-result-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.lyric-result-item:hover{background:var(--surface-hover)}.lyric-result-theme{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.lyric-result-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.8rem;font-style:italic;overflow:hidden}.lyric-result-meta{color:#767676;font-size:.72rem}.theme-nav-list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;padding:.5rem 0;list-style:none;overflow-y:auto}.theme-nav-list::-webkit-scrollbar{width:4px}.theme-nav-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.theme-nav-item{text-align:left;cursor:pointer;width:100%;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;padding:.6rem 1.25rem;font-size:.7rem;font-weight:800;transition:background .12s,color .12s;display:block}.theme-nav-item:hover{background:var(--surface-hover);color:var(--accent)}.theme-nav-item.active{color:var(--accent);background:var(--surface-hover);font-weight:800}.sidebar-category-match{color:var(--text-faint);margin-top:.1rem;font-size:.7rem;font-weight:400;display:block}.nav-backdrop{background:var(--nav-backdrop);z-index:199;cursor:pointer;position:fixed;inset:0}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.chart-card{background:var(--surface);box-shadow:0 4px 20px var(--card-shadow);border-radius:16px;padding:1.75rem 1.5rem}.chart-title{color:var(--text-heading);margin-bottom:1rem;font-size:1.2rem;font-weight:800}.chart-wrapper{width:100%}.chart-controls{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.controls-left{align-items:center;gap:1rem;display:flex}.chart-hint{color:var(--text-faint);font-size:.78rem}.toggle-group{background:var(--toggle-group-bg);border-radius:8px;padding:3px;display:flex}.toggle-btn{cursor:pointer;color:var(--text-faint);background:0 0;border:none;border-radius:6px;padding:.35rem 1rem;font-size:.82rem;font-weight:500;transition:all .15s}.toggle-btn.active{background:var(--toggle-active-bg);color:var(--text-heading);box-shadow:0 1px 4px var(--toggle-active-shadow);font-weight:700}.chart-loading{text-align:center;color:var(--text-faint);padding:4rem;font-size:.9rem}.chart-empty-state{min-height:260px;color:var(--text-faint);justify-content:center;align-items:center;font-size:1rem;font-style:italic;display:flex}.chart-and-legend{align-items:flex-start;gap:0;display:flex}.chart-area{-webkit-user-select:none;user-select:none;flex:1;min-width:0}.chart-area svg:focus:not(:focus-visible),.chart-area .recharts-wrapper:focus:not(:focus-visible){outline:none}.chart-area svg:focus-visible,.chart-area .recharts-wrapper:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.legend-toggle-btn{border:1.5px solid var(--btn-tertiary);color:var(--btn-tertiary);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:.3rem .85rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.legend-toggle-btn:hover,.legend-toggle-btn.active{background:var(--btn-tertiary);border-color:var(--btn-tertiary);color:#fff}.legend-toggle-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.category-sidebar{border-left:1.5px solid var(--border-chart);flex-direction:column;flex-shrink:0;align-self:stretch;width:fit-content;min-width:160px;max-width:220px;margin-left:1rem;padding-bottom:.75rem;padding-left:1rem;display:flex}.category-sidebar-footer{display:none}.labels-toggle-label{color:#767676;font-size:.72rem;font-weight:500;line-height:1.3}.toggle-switch{background:var(--border);cursor:pointer;border:none;border-radius:18px;flex-shrink:0;width:32px;height:18px;padding:0;transition:background .2s;position:relative}.toggle-switch.on{background:var(--btn-tertiary)}.toggle-switch-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.on .toggle-switch-thumb{left:16px}.category-sidebar-inner{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;gap:.45rem;max-height:460px;padding-top:.5rem;display:flex;overflow-y:auto}.category-sidebar-inner::-webkit-scrollbar{width:4px}.category-sidebar-inner::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.legend-item{color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .4rem;font-size:.8rem;transition:background .12s;display:flex}.legend-item:hover{background:var(--surface-hover)}.legend-item.selected{background:var(--surface-hover);color:var(--accent);font-weight:700}.legend-item.selected .legend-count{color:var(--accent)}.legend-item--hidden{opacity:.4;cursor:default}.legend-item--hidden:hover{background:0 0}.legend-item--focused{background:var(--surface-hover);color:var(--accent);font-weight:600}.legend-item--focused .legend-count{color:var(--accent)}.legend-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--accent);flex-shrink:0}.legend-swatch{border-radius:3px;flex-shrink:0;width:11px;height:11px}.legend-name{flex:1;font-weight:500}.legend-count{color:#767676;margin-left:auto;font-size:.75rem}.chart-view-options{border-top:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.25rem;padding-top:.75rem;display:flex}.chart-view-options-label{letter-spacing:.08em;text-transform:uppercase;color:#767676;margin-right:.1rem;font-size:.72rem;font-weight:800}.chart-view-options-toggle{align-items:center;gap:.5rem;margin-left:.25rem;display:flex}.category-sheet-backdrop{background:var(--nav-backdrop);z-index:300;position:fixed;inset:0}.category-sheet{background:var(--surface);z-index:301;border-radius:16px 16px 0 0;flex-direction:column;max-height:70vh;transition:transform .3s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -4px 24px #8b46c826}.category-sheet.open{transform:translateY(0)}.category-sheet-header{border-bottom:1px solid var(--border-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.category-sheet-title{color:var(--text-heading);font-size:.85rem;font-weight:800}.category-sheet-close{cursor:pointer;color:#767676;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1rem;transition:color .15s}.category-sheet-close:hover{color:var(--accent)}.category-sheet-list{padding:.5rem 0;overflow-y:auto}.legend-item--sub{opacity:.85;cursor:default;padding-left:1.5rem;font-size:.74rem}.legend-item--sub:hover{background:0 0}.legend-item--sub .legend-swatch{width:8px;height:8px}.chart-view-options-sep{background:var(--border-chart);flex-shrink:0;width:1px;height:18px;margin:0 .1rem}.chart-view-options-checkbox{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;display:flex}.chart-view-options-checkbox input[type=checkbox]{accent-color:var(--btn-tertiary);cursor:pointer;width:13px;height:13px}.lyric-subcol{color:var(--accent);font-style:italic}.lyrics-group{margin-bottom:1.25rem}.lyrics-group-heading{border-bottom:1.5px solid var(--border-soft);align-items:baseline;gap:.2rem;margin-bottom:.4rem;padding:.35rem 1.5rem;font-size:.78rem;display:flex}.lyrics-group-theme{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.lyrics-group-sep{color:#767676}.lyrics-group-cat{color:var(--text-secondary);font-weight:600}.lyrics-group-count{color:#aaa;font-size:.72rem}.lyrics-era-heading{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);border-left:3px solid #0000;margin-top:.5rem;padding:.2rem .8rem .15rem;font-size:.68rem;font-weight:700}.custom-tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:10px;min-width:140px;max-width:240px;padding:.75rem .9rem;font-size:.82rem;box-shadow:0 4px 16px #0000001a}.tooltip-label{color:var(--text-heading);border-bottom:1px solid var(--border-soft);margin-bottom:.5rem;padding-bottom:.35rem;font-size:.85rem;font-weight:800}.tooltip-cat{margin-bottom:.4rem}.tooltip-cat:last-child{margin-bottom:0}.tooltip-cat-header{align-items:center;gap:.4rem;display:flex}.tooltip-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.tooltip-cat-name{color:var(--text-secondary);flex:1;font-weight:500}.tooltip-cat-total{color:var(--text-heading);font-weight:700}.tooltip-breakdown{margin:.2rem 0 0 1.4rem;padding:0;list-style:none}.tooltip-breakdown li{color:#777;font-size:.76rem;line-height:1.6}.lyrics-panel{background:var(--surface);box-shadow:0 4px 20px var(--card-shadow);border-radius:16px;margin-top:1.5rem;overflow:hidden}.lyrics-panel-header{background:var(--surface);border-bottom:1px solid var(--tooltip-border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.lyrics-panel-title{flex-direction:column;gap:.2rem;display:flex}.lyrics-panel-title-main{font-size:1rem;font-weight:600;line-height:1.3}.album-filter-pills{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.album-pill{border:1.5px solid var(--btn-secondary);color:var(--btn-secondary);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:.2rem .7rem;font-size:.75rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.album-pill:hover{background:var(--btn-secondary);border-color:var(--btn-secondary);color:#fff}.album-pill.active{background:var(--btn-primary);border-color:var(--btn-primary);color:#fff}.album-pill.era-pill{border-color:var(--era-border,#cce0f0);color:var(--era-border,var(--compare-slot-empty-text))}.album-pill.era-pill:hover{background:var(--era-bg,var(--accent));border-color:var(--era-border,var(--accent));color:var(--era-text,white);opacity:.85}.album-pill.era-pill.active{background:var(--era-bg,var(--accent));border-color:var(--era-border,var(--accent));color:var(--era-text,white);opacity:1}.lyrics-era-section{border-radius:8px;margin-bottom:.25rem;overflow:hidden}.lyrics-panel-title{font-size:.9rem}.lyrics-panel-category{color:var(--accent);font-weight:800}.lyrics-panel-in{color:var(--text-faint)}.lyrics-panel-label{color:var(--text-heading);font-weight:600}.lyrics-panel-count{color:var(--text-faint);font-size:.82rem}.lyrics-panel-close{cursor:pointer;color:var(--text-faint);background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1rem;line-height:1;transition:color .15s}.lyrics-panel-close:hover{color:var(--accent)}.lyrics-list{max-height:360px;padding:.5rem 0;overflow-y:auto}.lyric-item{border-bottom:1px solid var(--border-soft);padding:.85rem 1.5rem}.lyric-item:last-child{border-bottom:none}.lyric-text{color:var(--text-secondary);white-space:pre-line;font-size:.9rem;font-style:italic;line-height:1.6}.lyric-meta{color:#767676;margin-top:.35rem;font-size:.78rem;font-weight:500}.lyric-album{color:var(--accent);font-style:italic}.lyrics-empty{text-align:center;color:var(--text-faint);padding:2rem;font-size:.85rem}.lyrics-panel-footer{border-top:1px solid var(--tooltip-border);background:var(--surface);justify-content:center;padding:.85rem 1.5rem;display:flex}.lyrics-back-btn{background:var(--surface);border:1.5px solid var(--btn-secondary);color:var(--btn-secondary);cursor:pointer;border-radius:8px;padding:.4rem 1.25rem;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.lyrics-back-btn:hover{background:var(--btn-secondary);border-color:var(--btn-secondary);color:#fff}.home-page{background:var(--surface-home);flex-direction:column;min-height:100vh;display:flex}.home-hero{background:var(--gradient-hero);color:var(--text-heading);text-align:center;flex-direction:column;align-items:center;gap:3rem;padding:5rem 2rem 4rem;display:flex}.home-hero-inner{flex-direction:column;align-items:center;gap:1.25rem;max-width:640px;display:flex}.home-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--accent-soft);margin:0;font-size:.75rem;font-weight:700}.home-headline{letter-spacing:-.03em;color:var(--heading);margin:0;font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.1}.home-headline-accent{letter-spacing:.01em;color:var(--accent-soft);opacity:.85;margin-top:.3em;font-size:.45em;font-weight:500;display:block}.home-description{color:var(--text-secondary);max-width:480px;margin:0;font-size:1.05rem;line-height:1.7}.home-cta{background:var(--btn-primary);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:50px;padding:.85rem 2rem;font-size:1rem;font-weight:700;transition:background .2s,transform .15s;box-shadow:0 4px 16px #59335240}.home-cta:hover{background:var(--btn-primary-hover);transform:translateY(-2px)}.home-cta-large{padding:1rem 2.5rem;font-size:1.1rem}.home-hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.home-stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.home-stat-number{color:var(--stat-number);letter-spacing:-.03em;font-size:2.8rem;font-weight:900;line-height:1}.home-stat-plus{font-size:1.8rem}.home-stat-label{color:var(--stat-label);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:600}.home-section{padding:4rem 2rem}.home-section-alt{background:var(--surface)}.home-section-inner{max-width:900px;margin:0 auto}.home-two-col{grid-template-columns:1fr 1fr;gap:3rem;display:grid}@media (width<=680px){.home-two-col{grid-template-columns:1fr}}@media (width<=1024px){.app-main{padding:1.5rem 1rem}.chart-card{padding:1.25rem 1rem}.category-sidebar{min-width:140px;max-width:180px}.lyrics-list{max-height:300px}}@media (width<=768px){.app-header{padding:1rem 1.25rem}.chart-controls{flex-wrap:wrap;gap:.5rem}.chart-hint{display:none}.chart-view-options{gap:.5rem}.lyrics-list{max-height:260px}.home-section{padding:2.5rem 1.25rem}.home-hero{padding:3rem 1.25rem 2rem}}@media (width<=480px){.app-main{padding:.75rem .625rem}.chart-card{padding:1rem .75rem}.category-sidebar{display:none}.lyrics-panel-header{padding:1rem}.lyric-item,.lyrics-panel-footer{padding:.75rem 1rem}.lyrics-list{max-height:220px}.app-title{font-size:1.1rem}.app-subtitle{font-size:.75rem}.app-header-inner{flex-direction:column;align-items:flex-start}.header-btns{flex-direction:column;gap:.5rem;width:100%;margin-top:.75rem}.header-btns .nav-menu-btn{justify-content:center;width:100%}.header-btns .nav-menu-btn-text{opacity:1!important;width:auto!important;margin-right:.4rem!important}.home-stat-number{font-size:2rem}.home-hero-stats{flex-direction:column;align-items:center;gap:1.5rem}.home-section{padding:2rem 1rem}.home-hero{padding:2.5rem 1rem 1.75rem}.chart-view-options{gap:.5rem;padding-top:.6rem}.lyrics-panel-title-main{font-size:.88rem}.lyrics-panel-count{font-size:.75rem}.album-filter-pills{flex-direction:column}.album-pill{text-align:left;width:100%}}.home-section-title{color:var(--text-heading);letter-spacing:-.02em;margin:0 0 1rem;font-size:1.25rem;font-weight:800}.home-body{color:var(--text-muted);margin:0 0 .85rem;font-size:.92rem;line-height:1.75}.home-body-wide{max-width:640px}.home-credit{color:#767676;font-style:italic}.home-rules{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.home-rules li{color:var(--text-muted);padding-left:1.25rem;font-size:.88rem;line-height:1.65;position:relative}.home-rules li:before{content:"✦";color:var(--accent);font-size:.65rem;position:absolute;top:.3rem;left:0}.home-enter{background:var(--gradient-hero);flex-direction:column;align-items:center;gap:1.25rem;padding:4rem 2rem;display:flex}.home-enter-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.82rem;font-weight:700}.app-home-link{color:var(--accent);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;margin-bottom:.25rem;padding:0;font-size:.78rem;font-weight:700;transition:color .15s;display:inline-block}.app-home-link:hover{color:#8b2fa0}.home-timeline{flex-direction:column;padding-left:1.75rem;display:flex;position:relative}.home-timeline:before{content:"";background:linear-gradient(#8b46c8,#b06aaa,#593352);border-radius:1px;width:2px;position:absolute;top:.5rem;bottom:.5rem;left:.45rem}.home-timeline-entry{align-items:flex-start;gap:1.25rem;padding-bottom:1.75rem;display:flex;position:relative}.home-timeline-entry:last-child{padding-bottom:0}.home-timeline-marker{background:var(--accent);border:2px solid var(--surface);width:.85rem;height:.85rem;box-shadow:0 0 0 2px var(--accent);border-radius:50%;flex-shrink:0;margin-top:.25rem;margin-left:-1.75rem}.home-timeline-card{background:var(--timeline-card-bg);border:1px solid var(--timeline-card-border);border-radius:10px;flex:1;padding:1.1rem 1.25rem;box-shadow:0 1px 4px #b444a80f}.home-timeline-date{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft);margin:0 0 .2rem;font-size:.72rem;font-weight:700}.home-timeline-output{color:var(--text-heading);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1rem;font-weight:800}.home-timeline-summary{color:var(--text-muted);margin:0 0 .75rem;font-size:.88rem;line-height:1.7}.home-timeline-links{flex-wrap:wrap;gap:.5rem;display:flex}.home-timeline-link{color:#fff;background:var(--btn-primary);border:1.5px solid var(--btn-primary);border-radius:20px;padding:.35rem .9rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-block}.home-timeline-link:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);color:#fff}.header-btns{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.compare-btn.compare-live{background:var(--accent);border-color:var(--accent);color:#fff}.compare-slots{border-bottom:1px solid var(--border-soft);flex-direction:column;flex-shrink:0;gap:.4rem;padding:.75rem 1rem;display:flex}.compare-slot{border:1.5px solid var(--border);cursor:pointer;background:var(--surface);text-align:left;color:var(--text-muted);border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.4rem .6rem;font-size:.82rem;transition:border-color .15s,background .15s;display:flex}.compare-slot.active{border-color:var(--accent);background:var(--focus-bg)}.compare-slot-label{background:var(--compare-slot-empty);width:1.3rem;height:1.3rem;color:var(--compare-slot-empty-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:800;transition:background .15s,color .15s;display:flex}.compare-slot.active .compare-slot-label{background:var(--accent);color:#fff}.compare-slot-theme{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.compare-slot-clear{color:var(--scrollbar-thumb);cursor:pointer;padding:0 .1rem;font-size:.85rem;line-height:1;transition:color .1s}.compare-slot-clear:hover{color:#e44}.compare-slot-badge{background:var(--accent);color:#fff;border-radius:3px;flex-shrink:0;margin-left:auto;padding:.05rem .25rem;font-size:.65rem;font-weight:800}.compare-done-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:.2rem;padding:.45rem 0;font-size:.82rem;font-weight:700;transition:opacity .15s}.compare-done-btn:hover{opacity:.85}.compare-add-slot-btn{border:1.5px dashed var(--accent);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;margin-top:.2rem;padding:.4rem 0;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.compare-add-slot-btn:hover{background:#f5f0ff}.compare-chart-header{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:1rem;display:flex}.compare-chart-header .chart-title{margin-bottom:0}.compare-chart-vs{color:var(--accent-soft);font-weight:400}.exit-compare-btn{color:var(--accent-soft);cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;transition:color .15s}.exit-compare-btn:hover{color:var(--accent)}.cat-dropdown-wrap{position:relative}.cat-dropdown{background:var(--cat-dropdown-bg);border:1.5px solid var(--border-chart);z-index:100;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:10px;width:260px;max-height:500px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 4px 20px #8b46c821}.cat-dropdown::-webkit-scrollbar{width:4px}.cat-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.cat-dropdown-section{border-bottom:1px solid var(--border-soft);padding:.5rem 0}.cat-dropdown-section:last-of-type{border-bottom:none}.cat-dropdown-section-header{justify-content:space-between;align-items:center;padding:.35rem .85rem .2rem;display:flex}.cat-dropdown-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.68rem;font-weight:800}.cat-dropdown-section--b .cat-dropdown-section-title{color:var(--accent-muted)}.cat-dropdown-clear{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem;text-decoration:underline}.cat-dropdown-clear:hover{color:#e44}.cat-dropdown-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;padding:.22rem .85rem;font-size:.8rem;transition:background .1s;display:flex}.cat-dropdown-item:hover{background:var(--cat-dropdown-item-hover)}.cat-dropdown-item.hidden-cat{opacity:.4}.cat-dropdown-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:13px;height:13px}.cat-dropdown-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.cat-dropdown-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cat-dropdown-count{color:#bbb;flex-shrink:0;font-size:.72rem;font-weight:600}.cat-dropdown-footer{border-top:1px solid var(--border-soft);background:var(--cat-dropdown-footer-bg);border-radius:0 0 10px 10px;justify-content:space-between;align-items:center;padding:.55rem .85rem;display:flex}.filter-badge{background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.tooltip-theme-group{border-top:1px solid var(--tooltip-border);margin-top:.4rem;padding-top:.4rem}.tooltip-theme-group:first-of-type{border-top:none;margin-top:.25rem}.tooltip-theme-label{text-transform:uppercase;letter-spacing:.06em;color:#999;margin-bottom:.25rem;font-size:.7rem;font-weight:800}.compare-cat-panel{border-left:1.5px solid var(--border-chart);flex-direction:column;flex-shrink:0;align-self:stretch;width:fit-content;min-width:170px;max-width:230px;margin-left:1rem;padding-left:1rem;display:flex}.compare-cat-panel-inner{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;padding-top:.25rem;overflow-y:auto}.compare-cat-panel-inner::-webkit-scrollbar{width:4px}.compare-cat-panel-inner::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.compare-cat-section{margin-bottom:.6rem}.compare-cat-section-header{cursor:pointer;border:none;border-bottom:1px solid var(--border-soft);background:0 0;justify-content:space-between;align-items:center;gap:.4rem;width:100%;margin-bottom:.35rem;padding:.3rem 0;display:flex}.compare-cat-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.68rem;font-weight:800;overflow:hidden}.compare-cat-section--b .compare-cat-section-title{color:var(--accent-muted)}.compare-cat-section-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.compare-cat-clear{color:#767676;cursor:pointer;white-space:nowrap;font-size:.68rem;text-decoration:underline}.compare-cat-clear:hover{color:#e44}.compare-cat-clear--inactive{opacity:.35;pointer-events:none;cursor:default;text-decoration:none}.compare-cat-chevron{color:#767676;font-size:.65rem}.chart-table-wrap{border-top:1px solid #f0f6fc;margin-top:.75rem;padding-top:.75rem}.chart-table-toggle{border:1.5px solid var(--btn-tertiary);color:var(--btn-tertiary);cursor:pointer;background:0 0;border-radius:20px;padding:.3rem .85rem;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.chart-table-toggle:hover,.chart-table-toggle[aria-expanded=true]{background:var(--btn-tertiary);border-color:var(--btn-tertiary);color:#fff}.chart-table-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-table-scroll{border:1px solid var(--border-chart);border-radius:10px;margin-top:.75rem;overflow-x:auto}.chart-data-table{border-collapse:collapse;width:100%;min-width:400px;font-size:.78rem}.chart-data-table caption{text-align:left;color:var(--text-heading);border-bottom:1px solid var(--border-chart);caption-side:top;padding:.6rem .75rem .4rem;font-size:.82rem;font-weight:700}.chart-data-table th,.chart-data-table td{text-align:right;border-bottom:1px solid var(--border-soft);white-space:nowrap;padding:.4rem .65rem}.chart-data-table th[scope=row]{text-align:left;color:var(--text-secondary);white-space:normal;word-break:break-word;min-width:120px;max-width:180px;font-weight:600}.chart-data-table thead th[scope=col]{background:var(--table-header-bg);color:var(--accent);letter-spacing:.02em;font-size:.72rem;font-weight:700}.chart-data-table thead th[scope=col]:first-child{text-align:left}.chart-data-table tbody tr:last-child td,.chart-data-table tbody tr:last-child th{border-bottom:none}.chart-data-table tbody tr:hover{background:var(--table-row-hover)}.chart-data-table-total{color:var(--text-heading);border-left:1px solid var(--border-chart);font-weight:700}.chart-tables-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem;display:grid}@media (width<=680px){.chart-tables-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-theme=dark]{--accent:#c084f5;--accent-hover:#b06edf;--accent-soft:#a898c8;--accent-muted:#e0a0c8;--gradient-hero:linear-gradient(135deg, #1a1130 0%, #221530 50%, #291225 100%);--btn-primary:#8b4f7e;--btn-primary-hover:#7a4270;--btn-secondary:#c084f5;--btn-tertiary:#c084f5;--btn-tertiary-hover:#b06edf;--heading:#e8d5ff;--stat-number:#c084f5;--body-bg:#0f0d16;--surface:#1a1625;--surface-alt:#221c30;--surface-input:#221c30;--surface-hover:#2a2240;--surface-home:#120f1e;--border:#3a2f50;--border-soft:#2a2240;--border-chart:#2e2448;--border-input:#4a3a68;--text-primary:#e8e0f4;--text-heading:#ddd4f8;--text-secondary:#c4b8dd;--text-muted:#b0a4cc;--text-faint:#8c80a8;--text-input:#e8e0f4;--timeline-card-bg:#1e1a2e;--timeline-card-border:#3a2f50;--grid-line:#2e2448;--axis-tick:#9c90b8;--axis-label:#7a6e96;--chart-cursor:#ffffff0f;--label-text:#fff;--tooltip-bg:#1e1a2e;--tooltip-border:#3a2f50;--scrollbar-thumb:#3a2f50;--toggle-group-bg:#221c30;--toggle-active-bg:#2e2448;--toggle-active-shadow:#0006;--focus-bg:#2a1e48;--compare-slot-empty:#2e2448;--compare-slot-empty-text:#9c90b8;--cat-dropdown-bg:#1e1a2e;--cat-dropdown-item-hover:#2a2240;--cat-dropdown-footer-bg:#19162a;--nav-backdrop:#0009;--sidebar-shadow:#0006;--card-shadow:#0000004d;--table-header-bg:#221c30;--table-row-hover:#221c30;--placeholder-color:#5a4e72;--stat-label:var(--text-faint)}[data-theme=dark] .album-pill.era-pill:not(.active){color:var(--text-faint);border-color:var(--border)}.dark-mode-toggle{z-index:9000;border:1.5px solid var(--border);background:var(--surface);width:2.5rem;height:2.5rem;color:var(--text-heading);cursor:pointer;box-shadow:0 2px 12px var(--card-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.dark-mode-toggle:hover{background:var(--surface-hover);border-color:var(--accent)}.dark-mode-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}