html,body,#root{min-height:100%;margin:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#d0d0d0;background:#111;margin:0;font-family:Courier New,Courier,monospace;font-size:12px}button,input{font:inherit}.app{--bg:#0a0a0a;--fg:#d0d0d0;--fg-strong:#efefef;--fg-muted:#7a7a7a;--fg-dim:#626262;--line:#1a1a1a;--line-strong:#2e2e2e;--panel-bg:#101010;--panel-fg:#ddd;--chip-fg:#999;--chip-border:#2f2f2f;--accent-soft:#8cb0c2;--title-shadow:transparent;background:var(--bg);min-height:100vh;color:var(--fg);min-height:100vh;padding-inline:clamp(24px,5vw,84px)}.app.theme-white{--bg:#f4f4f4;--fg:#1d1d1d;--fg-strong:#0f0f0f;--fg-muted:#525252;--fg-dim:#666;--line:#cfcfcf;--line-strong:#a7a7a7;--panel-bg:#fff;--panel-fg:#1a1a1a;--chip-fg:#303030;--chip-border:#a8a8a8;--accent-soft:#365f78}.app.theme-slate{--bg:#202734;--fg:#d8deea;--fg-strong:#f1f4fb;--fg-muted:#9aa6be;--fg-dim:#a6afc0;--line:#3a455b;--line-strong:#53607a;--panel-bg:#273146;--panel-fg:#ecf0fb;--chip-fg:#d1d9eb;--chip-border:#5a6680;--accent-soft:#96b4d1}.app.theme-cream{--bg:#efe7d7;--fg:#2b2418;--fg-strong:#1f1a12;--fg-muted:#6f6656;--fg-dim:#7a7263;--line:#cfc0a7;--line-strong:#b8aa92;--panel-bg:#f8f1e5;--panel-fg:#1f1a12;--chip-fg:#3d3426;--chip-border:#b6a98f;--accent-soft:#785d36}.app.theme-olive{--bg:#2f3a2f;--fg:#dde5d6;--fg-strong:#f0f5ec;--fg-muted:#b1bca6;--fg-dim:#a0ab95;--line:#4c5c4b;--line-strong:#667764;--panel-bg:#3a463a;--panel-fg:#f0f5ec;--chip-fg:#d2dec9;--chip-border:#667764;--accent-soft:#b4c29e}.app.theme-steel{--bg:#31444f;--fg:#dbe8ef;--fg-strong:#f2f8fb;--fg-muted:#b1c2cb;--fg-dim:#a9bcc7;--line:#4a5f6b;--line-strong:#667b87;--panel-bg:#3a4f5b;--panel-fg:#eff6fa;--chip-fg:#d7e4eb;--chip-border:#6b808d;--accent-soft:#b1c9d6}.header{text-align:center;border-bottom:1px solid var(--line);max-width:1700px;margin:0 auto;padding:28px 20px 14px}.header h1{color:var(--fg-strong);letter-spacing:2.8px;text-transform:uppercase;margin:0;font-size:clamp(22px,2.6vw,34px);font-weight:400}.header p{color:var(--fg-dim);margin-top:10px;font-size:clamp(12px,1.2vw,15px);line-height:1.35}.shareCta{border:1px solid var(--line-strong);color:var(--fg-strong);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;margin-top:14px;padding:8px 12px;font-size:11px;text-decoration:none;display:inline-flex}.shareCta:hover{border-color:var(--fg-strong)}.controlBar{border-bottom:1px solid var(--line);gap:10px;margin:0 auto;padding:14px 0 12px;display:grid}.settingsPanel{border:1px solid var(--line);background:var(--panel-bg);color:var(--panel-fg);gap:10px;padding:10px;display:grid}.settingsDropdown{border:1px solid var(--line);background:0 0}.settingsDropdown>summary{cursor:pointer;color:var(--fg-strong);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;list-style:none;display:flex}.settingsDropdown>summary::-webkit-details-marker{display:none}.settingsDropdown>summary:after{content:"▾";color:var(--fg-strong);font-size:13px;line-height:1;transition:transform .12s;transform:rotate(0)}.settingsDropdown[open]>summary:after{transform:rotate(180deg)}.settingsDropdownBody{gap:10px;padding:8px;display:grid}.primaryActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.primaryActions button{border:1px solid var(--line-strong);background:var(--panel-bg);color:var(--panel-fg);font:inherit;letter-spacing:1px;text-transform:uppercase;cursor:pointer;padding:12px 10px;font-size:12px;font-weight:700}.primaryActions button:disabled{opacity:.42;cursor:not-allowed}.shareMessage{color:var(--fg-muted);letter-spacing:.4px;margin:2px 0 0;font-size:11px}.exportStatus{border:1px solid var(--line-strong);background:var(--panel-bg);color:var(--fg-strong);letter-spacing:.6px;text-transform:uppercase;margin:4px 0 0;padding:8px 10px;font-size:12px}.paywallOverlay{z-index:120;background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.paywallCard{border:1px solid var(--line-strong);background:var(--panel-bg);width:min(520px,100%);color:var(--panel-fg);padding:20px}.paywallCard h3{letter-spacing:1px;text-transform:uppercase;margin:0;font-size:16px}.paywallCard p{color:var(--fg-muted);margin:10px 0 0;font-size:12px;line-height:1.35}.paywallCard .paywallSub{color:var(--fg-dim);margin-top:6px}.paywallActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.paywallActions button{border:1px solid var(--line-strong);background:var(--fg-strong);color:var(--bg);font:inherit;letter-spacing:.9px;text-transform:uppercase;cursor:pointer;padding:11px 9px;font-size:12px;font-weight:700}.paywallActions button.secondary{background:var(--panel-bg);color:var(--panel-fg);font-weight:600}.paywallActions button:disabled{opacity:.5;cursor:not-allowed}.mobileHint{color:var(--fg-dim);letter-spacing:.4px;margin:0;font-size:10px}.settingGroup{border:1px solid var(--line);gap:8px;padding:8px;display:grid}.settingGroup h3{color:var(--fg-strong);letter-spacing:1px;text-transform:uppercase;margin:0;font-size:10px}.fetchForm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fetchForm label{color:var(--fg-strong);text-transform:uppercase;letter-spacing:1px;font-size:10px}.fetchForm input{background:var(--panel-bg);width:220px;color:var(--panel-fg);border:1px solid var(--line-strong);padding:6px 8px}.fetchForm input:focus,.fetchForm input:focus-visible{box-shadow:none;border-width:2px;outline:none}.fetchForm button,.viewControls button,.legendItem,.clusterHeader{border:1px solid var(--line-strong);color:var(--fg-strong);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:0 0;padding:5px 10px;font-size:10px}.fetchForm button:hover,.viewControls button:hover,.legendItem:hover,.clusterHeader:hover{border-color:var(--fg-muted);color:var(--fg-strong)}.fetchForm button:disabled,.viewControls button:disabled{opacity:.45;cursor:not-allowed}.viewControls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.viewControls button.active{border-color:var(--fg-strong);color:var(--fg-strong)}.error{color:#ff9898;max-width:1700px;margin:12px auto 0;padding-inline:20px}.loadingBox{color:var(--fg);letter-spacing:.5px;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;max-width:760px;margin:60px auto 0;padding-bottom:140px;display:flex}.loadingHeadline{justify-content:center;align-items:baseline;gap:4px;display:inline-flex}.loadingText{color:var(--fg);font-size:clamp(14px,1.4vw,16px);font-weight:600;line-height:1.2}.loadingDots{width:18px;color:var(--fg);font-size:clamp(14px,1.4vw,16px);font-weight:600}.loadingGrid{grid-template-columns:repeat(5,20px);gap:8px;display:grid}.loadingGrid span{border:1px solid var(--fg-muted);background:0 0;width:20px;height:20px;animation:1.1s step-end infinite loadingPulse}@keyframes loadingPulse{0%,24%,to{border-color:var(--fg-muted);background:0 0}25%,74%{background:var(--fg);border-color:var(--fg)}}.emptyState{text-align:center;max-width:760px;color:var(--fg-muted);margin:60px auto}.emptyState h2{color:var(--fg);letter-spacing:1px}.emptyState .exampleLinkLine{color:var(--fg);margin-top:10px;font-size:16px}.emptyState .exampleLinkLine a{color:inherit}.posterRoot{margin:0 auto}.exportWatermark{color:#fff;letter-spacing:.7px;text-transform:none;background:#000;border:1px solid #000;width:fit-content;margin:12px 0 6px auto;padding:4px 7px;font-size:10px}.profileHeader{border-bottom:1px solid var(--line);max-width:1700px;margin:44px auto 0;padding:16px 0 14px}.profileTitleRow{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.profileHeader h2{color:var(--fg-strong);letter-spacing:2.2px;text-transform:uppercase;margin:0;font-size:clamp(22px,2.5vw,34px);line-height:.98}.profileHeader p{color:var(--fg-muted);margin:8px 0 0;font-size:11px}.metaChips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.metaChips span{border:1px solid var(--chip-border);color:var(--chip-fg);text-transform:uppercase;letter-spacing:.8px;padding:4px 7px;font-size:10px}.legend{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:flex-start;gap:8px 12px;max-width:100%;margin:0 auto;padding:14px 0;display:flex}.legendItem{border:1px solid var(--line-strong);color:var(--fg);background:0 0;border-radius:0;align-items:center;gap:6px;padding:3px 6px;display:inline-flex}.legendDot{border:1px solid #0006;border-radius:999px;width:9px;height:9px;display:inline-block}.legendMore{border:1px solid var(--line-strong);background:var(--panel-bg);color:var(--panel-fg);font:inherit;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;align-items:center;padding:3px 6px;font-size:10px;display:inline-flex}.legendMeasure{visibility:hidden;pointer-events:none;flex-wrap:wrap;gap:8px 12px;display:flex;position:absolute;top:-99999px;left:-99999px}.chartView{max-width:100%;margin:0 auto;padding:22px 0;overflow-x:auto}.cluster{flex-direction:column;align-items:flex-start;margin-bottom:24px;display:flex}.clusterHeader{text-align:left;text-transform:none;letter-spacing:0;font-size:inherit;cursor:default;border:none;border-left:3px solid;flex-wrap:nowrap;align-items:center;gap:10px;padding:6px 12px 7px 10px;display:flex}.clusterName{letter-spacing:1.5px;color:var(--fg);background:0 0;border-radius:0;padding:0;font-size:11px;font-weight:700}.clusterDesc{min-width:0;color:var(--fg-muted);white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:auto;font-size:9px;font-style:italic;line-height:1.2;display:-webkit-box;overflow:hidden}.clusterCount{color:var(--fg-muted);white-space:nowrap;flex:none;margin-left:auto;font-size:9px}.albumGrid{gap:3px;width:fit-content;max-width:100%;display:grid}.albumCard{width:44px;height:auto;position:relative}.albumCard.withLabel{height:auto;min-height:78px}.albumCard img,.noArt{width:44px;height:44px;display:block}.albumCard img{object-fit:cover;filter:brightness(.82);border:1px solid #141414}.albumCard img:hover{filter:brightness(1.05)}.noArt{color:#666;text-align:center;background:#111;justify-content:center;align-items:center;padding:4px;font-size:6.5px;line-height:1.15;display:flex}.rank{color:#959595;background:#000000b3;padding:1px 2px;font-size:6px;position:absolute;top:1px;left:1px}.albumLabel{width:44px;color:var(--fg-muted);margin-top:3px;font-size:7px;line-height:1.1}@media (width>=901px){.profileHeader h2{font-size:clamp(26px,2.8vw,42px)}.profileHeader p{font-size:13px}.metaChips span,.legendItem,.legendMore{font-size:11px}.clusterName{font-size:13px}.clusterDesc,.clusterCount{font-size:11px}.rank{font-size:7px}.albumLabel{font-size:8px}}.albumLabel span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.albumLabel em{color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;font-style:normal;display:block;overflow:hidden}.listView{max-width:980px;margin:0 auto;padding:24px}.inlineControl{border:1px solid var(--line-strong);color:var(--fg-strong);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:inline-flex}.inlineControl select{background:var(--panel-bg);border:1px solid var(--line-strong);color:var(--panel-fg);font-size:10px}.checkboxControl input{accent-color:#9a9a9a}.bgDropdown{border:1px solid var(--line-strong);color:var(--fg-strong);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:inline-flex}.bgDropdown.disabled{opacity:.45;pointer-events:none}.bgPicker{position:relative}.bgPicker summary{border:1px solid var(--line-strong);background:var(--panel-bg);color:var(--panel-fg);cursor:pointer;align-items:center;gap:6px;padding:3px 6px;list-style:none;display:inline-flex}.bgPicker summary::-webkit-details-marker{display:none}.bgMenu{z-index:30;border:1px solid var(--line-strong);background:var(--panel-bg);gap:3px;min-width:140px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0}.bgMenu button{border:1px solid var(--line-strong);color:var(--panel-fg);font:inherit;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:4px 6px;font-size:10px;display:inline-flex}.bgMenu button.active,.bgMenu button:hover{border-color:var(--fg-strong)}.bgSwatch{border:1px solid #000;width:12px;height:12px;display:inline-block}.listCluster{margin-bottom:28px}.listTitle{letter-spacing:1.7px;border-left:3px solid;margin:0;padding-left:9px;font-size:11px}.listDesc{color:var(--fg-muted);margin:6px 0 10px 12px;font-style:italic}.listView table{border-collapse:collapse;width:100%}.listView td{border-bottom:1px solid var(--line);padding:5px 6px}.listView tr:hover td{background:var(--panel-bg)}.listView td:first-child{width:52px;color:var(--fg-muted)}.listView td:last-child{width:90px;color:var(--fg-dim);text-align:right}@media (width<=900px){.app{padding-inline:10px}.fetchForm{justify-content:flex-start;width:100%}.fetchForm input{width:min(88vw,280px)}.listView td:nth-child(2){display:none}}