:root{--bg:#0e0f13;--panel:#1a1c22;--border:#2e3038;--text:#e7e8ea;--muted:#9aa0aa;--accent:#e8262a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/1.45 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;overflow:hidden}.landing{background:radial-gradient(1200px 600px at 50% -10%, #e8262a1a, transparent 60%), var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.landing-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#e8262a38,#0000 65%);border-radius:50%;width:520px;height:520px;animation:6s ease-in-out infinite landing-breathe;position:absolute}@keyframes landing-breathe{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}.landing-card{text-align:center;max-width:460px;padding:0 24px;position:relative}.landing-brand{letter-spacing:-.3px;color:#fff;text-transform:uppercase;opacity:.85;align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex}.landing-dot{background:var(--accent);border-radius:4px;width:12px;height:12px;box-shadow:0 0 16px #e8262acc}.landing-title{letter-spacing:-1.5px;color:#fff;margin:22px 0 0;font-size:clamp(34px,7vw,60px);font-weight:700;line-height:1.05}.landing-sub{color:var(--muted);margin:16px 0 0;font-size:17px}.landing-hint{color:var(--accent);letter-spacing:2px;text-transform:uppercase;opacity:.55;margin-top:40px;font-size:12px;display:block}.app{background:#0e0f13;position:fixed;inset:0}.loading{height:100%;color:var(--muted);place-items:center;display:grid}.app canvas{outline:none}.topbar{z-index:10;pointer-events:none;background:linear-gradient(#0e0f13eb,#0e0f1300);align-items:center;gap:16px;height:56px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{letter-spacing:-.3px;color:#fff;font-weight:700}.brand:before{content:"";background:var(--accent);vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.searchbox{flex:0 360px;position:relative}.searchbox input{border:1px solid var(--border);background:var(--panel);width:100%;height:36px;color:var(--text);border-radius:8px;padding:0 12px;font-size:14px}.searchbox input:focus{border-color:var(--accent);outline:none}.results{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin:0;padding:4px;list-style:none;position:absolute;top:42px;left:0;right:0;box-shadow:0 10px 30px #0006}.results li{cursor:pointer;border-radius:6px;flex-direction:column;padding:7px 10px;display:flex}.results li:hover{background:#e8262a26}.results li span{color:var(--muted);font-size:12px}.layout-switcher{background:var(--panel);border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:flex}.layout-switcher button{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.layout-switcher button:hover{color:var(--text)}.layout-switcher button.active{background:var(--accent);color:#fff}.stats{color:var(--muted);margin-left:auto;font-size:13px}.info{background:var(--panel);border:1px solid var(--border);z-index:10;border-radius:14px;width:320px;max-height:calc(100% - 84px);padding:18px;position:absolute;top:68px;right:16px;overflow:auto;box-shadow:0 16px 40px #00000080}.info .close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;font-size:18px;position:absolute;top:10px;right:10px}.info img{border-radius:20px;width:88px;height:88px;display:block}.info h2{color:#fff;margin:14px 0 2px;font-size:19px}.info .artist{color:var(--accent);font-weight:600}.info .pill{color:var(--accent);background:#e8262a24;border:1px solid #e8262a59;border-radius:999px;margin-top:10px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.info .rating{margin-top:10px}.stars{align-items:center;font-size:15px;line-height:1;display:inline-flex;position:relative}.stars-bg{color:var(--border)}.stars-fg{white-space:nowrap;color:var(--accent);position:absolute;top:0;left:0;overflow:hidden}.stars-num{color:var(--muted);margin-left:8px;font-size:12px}.info .date{color:var(--muted);margin-top:8px;font-size:13px}.info .desc{color:var(--muted);white-space:pre-wrap;margin-top:12px;font-size:13px}.info a{color:#fff;background:var(--accent);border-radius:8px;margin-top:14px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}