:root{--bg-primary:#000;--bg-surface:#100c09;--bg-elevated:#1a1410;--bg-hover:#211912;--bg-active:#2a2016;--border:#2b2119;--border-light:#453322;--accent:#fb7c1f;--accent-hover:#ffa14f;--accent-muted:#fb7c1f24;--accent-subtle:#fb7c1f14;--success:#fb7c1f;--warning:#d6cabd;--error:#8c0c0c;--info:#d6cabd;--text-primary:#fff;--text-secondary:#b0a491;--text-muted:#97816e;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:5px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--transition-fast:.12s ease;--transition-base:.18s ease;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #0006;--shadow-lg:0 12px 32px #00000080;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5}body{background-color:var(--bg-primary);min-width:320px;margin:0}button{font:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,.hero-rotator,.brand-name,.stat strong,.step-n{font-family:var(--font-display)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2b2119;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#453322}::selection{color:#fff;background:#fb7c1f52}.landing{overflow-x:clip}.hero-copy{min-width:0;max-width:100%}.hero-rotator{min-height:1.4em;color:var(--accent);letter-spacing:-.02em;text-overflow:ellipsis;text-shadow:0 1px 3px #000000e6,0 4px 28px #000000b3;margin:0 0 2px;font-size:clamp(20px,3.4vw,34px);font-weight:800;overflow:hidden}.rotating-text{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;transition:opacity .32s,transform .32s,filter .32s;display:inline-block;overflow:hidden}.rotating-text.is-leaving{opacity:0;filter:blur(4px);transform:translateY(10px)}.decrypted-text{font-variant-ligatures:none;overflow-wrap:anywhere}.blur-text>span{opacity:0;filter:blur(8px);transition:opacity .5s,filter .5s,transform .5s;display:inline-block;transform:translateY(6px)}.blur-text>span.is-visible{opacity:1;filter:blur();transform:none}.typewriter{overflow-wrap:anywhere}.typewriter-caret{vertical-align:-.12em;background:var(--accent);width:2px;height:1em;margin-left:2px;animation:.9s step-end infinite caret-blink;display:inline-block}.typewriter-caret.is-done{opacity:0;transition:opacity .4s;animation:none}@keyframes caret-blink{50%{opacity:0}}.hero-sub{overflow-wrap:anywhere}.stat-strip{flex-wrap:wrap;gap:10px;max-width:100%;margin:18px 0 6px;display:flex}.stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex:140px;min-width:0;max-width:100%;padding:10px 16px}.stat strong{font-variant-numeric:tabular-nums;font-size:22px;display:block}.stat span{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:11px}.logo-marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:100%;margin:14px 0 4px;padding:8px 0;overflow:hidden}.logo-track{white-space:nowrap;will-change:transform;gap:18px;width:max-content;max-width:none;padding-right:18px;animation:22s linear infinite logo-scroll;display:inline-flex}.logo-chip{letter-spacing:.14em;opacity:.75;flex:none;font-size:12px;font-weight:700}@keyframes logo-scroll{to{transform:translate(-50%)}}.hero-actions{align-items:center;max-width:100%}.hero-star{flex:none}.starborder{background:#fb7c1f;background:conic-gradient(from var(--sb-angle,0deg), #fb7c1f, #d6cabd, #8c0c0c, #fb7c1f);cursor:pointer;border:0;border-radius:999px;max-width:100%;padding:2px;text-decoration:none;animation:3.5s linear infinite sb-spin;display:inline-flex;position:relative}.starborder:hover{text-decoration:none}.starborder-inner{color:#fff;white-space:nowrap;background:#140f0a;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}@property --sb-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes sb-spin{to{--sb-angle:360deg}}@media (prefers-reduced-motion:reduce){.logo-track,.starborder{animation:none}}.glow-box{--mouse-x:50%;--mouse-y:50%;position:relative}.glow-box:after{content:"";border-radius:inherit;background:radial-gradient(140px circle at var(--mouse-x) var(--mouse-y), #fb7c1fd9, #d6cabd59 45%, transparent 70%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-box:hover:after,.glow-box:focus-within:after{opacity:1}@media (prefers-reduced-motion:reduce){.glow-box:after{transition:none}}.faq-list details.glow-box{border-radius:8px}.motion-toggle{color:var(--text-muted);font:inherit;font-size:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.motion-toggle:hover{color:var(--accent)}@media (width<=900px){.landing-nav{flex-wrap:wrap;row-gap:8px;height:auto;min-height:58px;padding-top:10px;padding-bottom:10px}.stat-strip{gap:8px}.hero-rotator{font-size:clamp(19px,5.4vw,26px)}}@media (width<=640px){.landing-nav{padding-left:14px;padding-right:14px}.landing-cta .button{padding:8px 12px;font-size:12.5px}.hero{overflow-x:clip}.hero-actions .button,.hero-star,.starborder-inner{justify-content:center;width:100%}.stat{flex:calc(50% - 8px);padding:8px 12px}.stat strong{font-size:18px}.logo-chip{font-size:11px}}.card-spotlight{border:1px solid var(--border);background-color:var(--bg-surface);--mouse-x:50%;--mouse-y:50%;--spotlight-color:#fb7c1f2e;border-radius:8px;padding:16px;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.card-spotlight:after{content:"";border-radius:inherit;background:radial-gradient(140px circle at var(--mouse-x) var(--mouse-y), #fb7c1fd9, #d6cabd59 45%, transparent 70%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-spotlight:hover:after,.card-spotlight:focus-within:after{opacity:1}@media (prefers-reduced-motion:reduce){.card-spotlight:before,.card-spotlight:after{transition:none}}.app-frame{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--bg-primary);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex}.brand{color:var(--text-primary);align-items:center;gap:9px;min-width:0;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-logo{border:1px solid var(--border-light);border-radius:7px;flex:none;width:32px;height:32px;display:block}.brand-name{letter-spacing:-.01em;font-size:14px;font-weight:650}.brand-sub{color:var(--text-muted);border-left:1px solid var(--border-light);white-space:nowrap;margin-left:1px;padding-left:9px;font-size:12px}.header-actions{align-items:center;gap:10px;display:flex}.lang-toggle{border:1px solid var(--border-light);min-width:34px;height:30px;color:var(--text-secondary);letter-spacing:.06em;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.lang-toggle:hover{color:var(--accent);border-color:var(--accent)}.landing-cta .lang-toggle{height:34px}.connected{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:7px;font-size:11px;display:inline-flex}.connected span{background:var(--accent);border-radius:50%;width:6px;height:6px}.button{white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:600;line-height:1.2;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.button-dark,.button-light{color:var(--text-primary);border-color:var(--border-light);background:0 0}.button-dark:hover:not(:disabled),.button-light:hover:not(:disabled){background:var(--bg-hover)}.button-accent{color:#1c0e03;background:var(--accent);border-color:var(--accent)}.button-accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.wizard-trigger-btn{color:var(--text-primary);border:1px solid var(--border-light);background:0 0;border-radius:6px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.wizard-trigger-btn:hover{background:var(--bg-hover)}.icon-button{width:30px;height:30px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;display:grid}.icon-button:hover{color:var(--text-primary);background:var(--bg-hover)}.text-button{color:var(--text-muted);background:0 0;border:0;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:inline-flex}.text-button:hover:not(:disabled){color:var(--text-primary)}.loading-strip{background:var(--bg-surface);border-bottom:1px solid var(--border);min-height:40px;font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:7px 20px;font-size:11.5px;display:flex}.sync-info{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.sync-badge-outdated{color:var(--warning);border:1px solid #d6cabd59;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;font-weight:600;display:inline-flex}.loading-track{background:var(--border-light);border-radius:2px;width:160px;height:3px;overflow:hidden}.loading-track div{background:var(--accent);height:100%}.sync-button{color:#1c0e03;background:var(--accent);border:1px solid var(--accent);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:650;display:inline-flex}.sync-button:hover:not(:disabled){background:var(--accent-hover)}.sync-button:disabled{opacity:.45;cursor:not-allowed}.source-bar{background:var(--bg-primary);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:10px 20px;display:flex}.source-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.source-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.source-pills{border:1px solid var(--border-light);background:var(--bg-surface);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.source-btn{color:var(--text-secondary);background:0 0;border:0;border-radius:5px;padding:6px 12px;font-size:12.5px;font-weight:600}.source-btn:hover{color:var(--text-primary)}.source-btn.active{background:var(--bg-active);color:var(--text-primary)}.source-playlist-row{grid-template-columns:minmax(0,1fr) 260px auto;gap:8px;display:grid}.source-input,.source-select{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-primary);border-radius:6px;outline:none;min-width:0;padding:8px 10px;font-family:inherit;font-size:12.5px}.source-input:focus,.source-select:focus{border-color:var(--text-muted)}.source-input::placeholder{color:var(--text-muted)}.oym-intro{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;margin:16px 20px 0;padding:16px 18px}.oym-intro h2{letter-spacing:-.01em;margin:0 0 4px;font-size:15px;font-weight:650}.oym-intro>p{color:var(--text-secondary);margin:0 0 12px;font-size:12.5px}.oym-intro ol{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:10px 16px;margin:0;padding:0;list-style:none;display:grid}.oym-intro li{color:var(--text-secondary);padding-left:26px;font-size:12.5px;line-height:1.45;position:relative}.oym-intro li:before{counter-increment:steps;content:counter(steps);border:1px solid var(--border-light);width:18px;height:18px;font-family:var(--font-mono);color:var(--text-muted);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:1px;left:0}.oym-intro strong{color:var(--text-primary);font-weight:650}.oym-summary{color:var(--text-secondary);background:0 0;border:0;margin:10px 20px 0;padding:8px 0 0;font-size:12.5px}.oym-summary strong{color:var(--text-primary);font-weight:650}.notice{background:var(--bg-surface);border:1px solid var(--border);border-left:2px solid var(--accent);color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin:10px 20px 0;padding:9px 12px;font-size:12.5px;display:flex}.notice a{color:var(--text-primary);font-weight:650}.organizer{flex:1;grid-template-columns:200px minmax(0,1fr);min-height:0;display:grid}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border);flex-direction:column;gap:12px;min-height:calc(100vh - 140px);padding:14px 10px 20px;display:flex}.sidebar-heading{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 8px;font-size:11px;font-weight:650;display:flex}.dimension-selector{gap:8px;display:grid}.dimension-pills{flex-wrap:wrap;gap:4px;padding:0 4px;display:flex}.dimension-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:550}.dimension-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.dimension-btn.active{background:var(--bg-active);color:var(--text-primary)}.bins-header{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;padding:0 8px;font-size:11px;font-weight:650}.bin-search{padding:0 4px;position:relative}.bin-search input{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:7px 9px 7px 29px;font-size:12.5px}.bin-search input::placeholder{color:var(--text-muted)}.bin-search input:focus{border-color:var(--border-light)}.bin-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:9px;left:12px}.bin-list{flex-direction:column;flex:1;gap:1px;padding-bottom:12px;display:flex;overflow-y:auto}.bin{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;border-radius:0 5px 5px 0;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.bin:hover{background:var(--bg-hover);color:var(--text-primary)}.bin.active{background:var(--bg-elevated);border-left-color:var(--accent);color:var(--text-primary)}.bin-title{flex-direction:column;gap:0;min-width:0;display:flex}.bin-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:550;overflow:hidden}.bin.active .bin-name{font-weight:650}.bin-desc{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.bin-meta{flex:none;align-items:center;gap:6px;display:flex}.bin-count{font-family:var(--font-mono);color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:28px;font-size:11px}.bin-action-btn{color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;display:none}.bin:hover .bin-action-btn,.bin.active .bin-action-btn{display:inline-block}.bin-action-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.main-panel{background:var(--bg-primary);flex-direction:column;gap:14px;min-width:0;padding:18px 20px 64px;display:flex}.panel-top{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:12px;display:flex}.panel-info h1{letter-spacing:-.015em;color:var(--text-primary);margin:2px 0;font-size:19px;font-weight:650}.kicker{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:11px;font-weight:650}.subhead{color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.panel-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tabs{align-items:center;gap:4px;margin-top:-6px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:12.5px;font-weight:600}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{color:var(--text-primary);background:var(--bg-elevated)}.filter-bar-advanced{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.filter-row-top{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filter-group{flex-direction:column;flex:1;gap:5px;min-width:200px;display:flex}.filter-group label{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:650}.filter-group select,.filter-group input{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:12.5px}.filter-group select:focus,.filter-group input:focus{border-color:var(--border-light)}.filter-group input::placeholder{color:var(--text-muted)}.filter-reset-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:8px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.filter-reset-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.filter-sliders-grid{border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px 16px;padding-top:10px;display:grid}.slider-group{flex-direction:column;gap:6px;min-width:0;display:flex}.slider-header{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;font-weight:650;display:flex}.slider-header strong{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.dual-range{gap:4px;display:grid}.slider-group input[type=range]{width:100%;accent-color:var(--text-primary);cursor:pointer}.insights{background:0 0;border:0;border-radius:0;align-items:stretch;gap:0;display:flex;overflow:visible}.insights div{border-right:1px solid var(--border);background:0 0;flex-direction:column;gap:1px;margin-right:18px;padding:2px 18px 2px 0;display:flex}.insights div:last-child{border-right:0}.insights span{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:650}.insights strong{letter-spacing:-.01em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px;font-weight:650}.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;min-height:320px;max-height:calc(100vh - 320px);overflow:auto}.table-wrap table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:1180px;font-size:12.5px}.table-wrap thead th{z-index:2;color:var(--text-muted);text-align:left;background:var(--bg-surface);border-bottom:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:650;position:sticky;top:0}.table-wrap thead th:hover{color:var(--text-primary)}.table-wrap td{color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:var(--bg-hover)}.table-wrap tbody tr:hover td{color:var(--text-primary)}.table-wrap .row-selected{background:var(--accent-subtle)}.table-wrap .row-selected td{color:var(--text-primary)}.table-wrap .title-cell{max-width:260px}.title-wrap{align-items:center;gap:9px;min-width:0;max-width:100%;display:inline-flex}.album-thumb{object-fit:cover;background:var(--bg-elevated);border-radius:4px;flex:none;width:26px;height:26px}.album-thumb-fallback{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);place-items:center;display:grid}.title-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:550;overflow:hidden}.table-wrap input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.table-play{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.table-play:hover:not(:disabled){color:var(--text-primary);background:var(--bg-active)}.table-play:disabled{color:var(--text-muted);opacity:.4;cursor:not-allowed}.track-cards{display:none}@media (width<=640px){.table-wrap{display:none}.track-cards{flex-direction:column;gap:8px;display:flex}.track-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.track-card.selected{border-color:var(--accent);background:var(--accent-subtle)}.track-card-art{object-fit:cover;background:var(--bg-elevated);border-radius:8px;flex:none;width:44px;height:44px}.track-card-fallback{color:var(--text-muted);border:1px solid var(--border);place-items:center;display:grid}.track-card-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.track-card-main strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.track-card-main small{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.track-card-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;margin-top:3px;font-size:11px;display:flex}.track-card-side{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.track-card-side input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}}.plot-view{flex-direction:column;gap:12px;display:flex}.plot-view h2{letter-spacing:-.01em;margin:2px 0;font-size:17px;font-weight:650}.plot-view p{color:var(--text-muted);margin:0;font-size:12.5px}.plot-view label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:650;display:inline-flex}.plot-view select{background:var(--bg-surface);border:1px solid var(--border-light);text-transform:none;letter-spacing:0;color:var(--text-primary);border-radius:6px;outline:none;padding:6px 8px;font-family:inherit;font-size:12px;font-weight:550}.plot-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.plot-hint{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.truncated-notice{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);font-variant-numeric:tabular-nums;padding:9px 12px;font-size:12px}.compare{flex-direction:column;gap:14px;display:flex}.compare-picks{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.compare-pick{letter-spacing:.07em;color:var(--text-muted);flex-direction:column;flex:1;gap:5px;min-width:200px;font-size:11px;font-weight:650;display:flex}.compare-pick select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);letter-spacing:0;text-transform:none;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:400}.compare-vs{font-family:var(--font-display);color:var(--accent);padding-bottom:8px;font-weight:700}.compare-cards{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.compare-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:3px;padding:14px;display:flex}.compare-card.overlap{border-color:var(--border-light);background:var(--bg-elevated);align-items:flex-start;gap:6px}.compare-card strong{font-size:15px;font-weight:650}.compare-card span{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.compare-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compare-list{color:var(--text-secondary);flex-direction:column;gap:5px;margin:8px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.compare-list li{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--border);padding-bottom:5px;overflow:hidden}@media (width<=900px){.compare-cards,.compare-cols{grid-template-columns:1fr}}.landing{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.page-dots{z-index:0;pointer-events:none;opacity:.1;position:fixed;inset:0}.page-dots .dot-grid,.page-dots .balatro-container,.page-dots .color-bends-container{position:absolute;inset:0}.landing>:not(.page-dots){z-index:1;position:relative}.landing-nav{border-bottom:1px solid var(--border);z-index:1;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:0 20px;display:flex;position:relative}.landing-links{gap:20px;display:flex}.landing-links a{color:var(--text-secondary);font-size:13px;font-weight:550}.landing-links a:hover{color:var(--text-primary);text-decoration:none}.landing-cta{align-items:center;gap:8px;display:flex}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;width:100%;max-width:1080px;margin:0 auto;padding:72px 20px 64px;display:grid}.hero-copy{position:relative}.hero-copy:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#0000008c,#0000 72%);position:absolute;inset:-24px -32px}.hero-copy>*{position:relative}.hero-copy h1{letter-spacing:-.03em;text-shadow:0 1px 3px #000000e6,0 4px 32px #000000b3;margin:6px 0 0;font-size:52px;font-weight:700;line-height:1.05}.hero-sub{color:var(--text-secondary);max-width:46ch;margin:0 0 22px;font-size:16px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-actions .button{padding:10px 18px;font-size:13.5px}.hero-note{color:var(--text-muted);margin:12px 0 0;font-size:12px}.hero-preview{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.preview-head{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;padding:0 6px 8px;font-size:11px;font-weight:650;display:flex}.preview-bin{border-left:2px solid #0000;border-radius:0 5px 5px 0;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.preview-bin:nth-child(3){background:var(--bg-elevated);border-left-color:var(--accent)}.preview-name{color:var(--text-primary);font-size:12.5px;font-weight:600}.preview-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.preview-plus{color:var(--accent);border:1px solid var(--border-light);white-space:nowrap;border-radius:4px;padding:3px 7px;font-size:10.5px;font-weight:650}.preview-foot{color:var(--text-muted);padding:8px 6px 0;font-size:11.5px}.landing-section{border-top:1px solid var(--border);width:100%;max-width:1080px;margin:0 auto;padding:44px 20px}.landing-section h2{letter-spacing:-.02em;margin:6px 0 20px;font-size:24px;font-weight:650}.steps{grid-template-columns:repeat(5,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:2px solid var(--border-light);flex-direction:column;gap:4px;padding-top:12px;display:flex}.step-n{font-family:var(--font-mono);color:var(--accent);font-size:11px}.steps strong{font-size:13.5px;font-weight:650}.steps p{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.5}.feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feature-grid .card-spotlight strong{margin-bottom:6px;font-size:13.5px;font-weight:650;display:block;position:relative}.feature-grid .card-spotlight p{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.55;position:relative}.faq-list{border-top:1px solid var(--border);flex-direction:column;display:flex}.faq-list details{border-bottom:1px solid var(--border);padding:13px 2px}.faq-list summary{cursor:pointer;color:var(--text-primary);font-size:13.5px;font-weight:600}.faq-list summary:hover{color:var(--accent)}.faq-list details p{color:var(--text-secondary);max-width:72ch;margin:8px 0 2px;font-size:12.5px;line-height:1.6}.landing-final{text-align:center;border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:18px;padding:64px 20px;display:flex}.landing-final h2{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700}.landing-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;width:100%;max-width:1080px;margin:0 auto;padding:22px 20px 30px;display:flex}.footer-brand{align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.landing-footer p{color:var(--text-muted);max-width:68ch;margin:0;font-size:12px}.landing-footer nav{gap:16px;font-size:12.5px;display:flex}.notfound-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:80px 20px;display:flex}.notfound-body h1{letter-spacing:-.02em;margin:4px 0;font-size:34px;font-weight:700}.notfound-body p{color:var(--text-secondary);margin:0 0 12px;font-size:14px}@media (width<=900px){.hero{grid-template-columns:1fr;padding:48px 20px}.hero-copy h1{font-size:38px}.steps{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.landing-links{display:none}}@media (width<=640px){.steps{grid-template-columns:1fr}.hero-copy h1{overflow-wrap:anywhere;font-size:clamp(30px,9vw,38px)}.hero-sub{font-size:14.5px}.hero-preview{max-width:100%;overflow:hidden}.landing-section,.landing-final{overflow-x:clip}}.chart-shell{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:14px}.staging{flex-direction:column;gap:14px;display:flex}.staging-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:12px;display:flex}.staging-heading h2{letter-spacing:-.01em;margin:2px 0;font-size:17px;font-weight:650}.staging-heading p{color:var(--text-muted);margin:0;font-size:12.5px}.staging-heading-actions{flex:none;align-items:center;gap:8px;display:flex}.flow-badge{background:var(--accent-subtle);border:1px solid var(--border-light);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex;color:var(--text-secondary)!important;margin-top:8px!important;font-size:12px!important}.flow-badge strong{color:var(--accent);font-variant-numeric:tabular-nums}.flow-optimized{letter-spacing:.08em;text-transform:uppercase;color:var(--bg-primary);background:var(--accent);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.staging-pos{align-items:center;gap:6px;display:inline-flex!important}.flow-dot{border-radius:50%;flex:none;width:7px;height:7px}.flow-dot.good{background:var(--accent)}.flow-dot.ok{background:var(--warning)}.flow-dot.bad{background:var(--error)}.playlist-save{background:var(--bg-primary);border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:10px;padding:10px 0 4px;display:flex;position:sticky;bottom:0}.playlist-save label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);flex-direction:column;flex:1;gap:5px;min-width:180px;font-size:11px;font-weight:650;display:flex}.playlist-save input,.playlist-save select{background:var(--bg-surface);border:1px solid var(--border-light);letter-spacing:0;text-transform:none;color:var(--text-primary);border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:400}.playlist-save input:focus,.playlist-save select:focus{border-color:var(--text-muted)}.staging-list{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.staging-track{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) 76px 28px;align-items:center;gap:10px;padding:7px 12px;font-size:12.5px;display:grid}.staging-track:last-child{border-bottom:0}.staging-track:hover{background:var(--bg-hover)}.staging-track span{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.staging-track strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:550;overflow:hidden}.staging-track small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.staging-track b{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:550}.modal-overlay{z-index:100;background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--bg-elevated);border:1px solid var(--border-light);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header h2{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:650;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{flex-direction:column;gap:13px;padding:16px 18px;display:flex}.modal-field{flex-direction:column;gap:5px;display:flex}.modal-field label{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:650}.modal-field input,.modal-field select{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-primary);border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.modal-field input:focus,.modal-field select:focus{border-color:var(--text-muted)}.modal-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.matching-preview-badge{border-top:1px solid var(--border);color:var(--text-secondary);background:0 0;border-bottom:0;border-left:0;border-right:0;border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;font-size:12.5px;display:flex}.matching-preview-badge strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:13px 18px;display:flex}.empty{color:var(--text-muted);text-align:center;justify-items:center;gap:8px;padding:64px 20px;display:grid}.empty strong{color:var(--text-secondary);font-size:14px;font-weight:650}.empty span{max-width:320px;font-size:12.5px;line-height:1.5}@media (width<=1100px){.filter-sliders-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.oym-intro ol{grid-template-columns:1fr 1fr}}@media (width<=900px){.organizer{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);min-height:0;max-height:300px}.brand-sub{display:none}.staging-track{grid-template-columns:28px minmax(0,1fr) 76px 28px}.staging-track small{display:none}}@media (width<=640px){.app-header,.loading-strip,.source-bar{padding-left:14px;padding-right:14px}.main-panel{padding:14px 14px 48px}.oym-intro,.notice,.oym-summary{margin-left:14px;margin-right:14px}.preset-chip{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;display:flex}.preset-chip:hover:not(:disabled){border-color:var(--accent)}.preset-chip:disabled{opacity:.45;cursor:not-allowed}.preset-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.preset-chip{min-width:0}.preset-chip strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.preset-chip span{font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.modal-grid-2,.oym-intro ol{grid-template-columns:1fr}.filter-sliders-grid{grid-template-columns:1fr 1fr}.source-playlist-row{grid-template-columns:1fr}}