:root{--bg:#0d0e10;--panel:#15171b;--panel2:#1c1f24;--line:#2a2e35;--text:#f5f2eb;--muted:#9398a1;--accent:#d7ae63;--accent2:#f0cf8c;--danger:#e46f74;--ok:#68c99a}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -20%,#282317 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-nav{background:rgba(13,14,16,.84);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.navbar-brand{letter-spacing:-.03em}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,var(--accent2),#8e6d33);color:#17130c;margin-right:.35rem}.panel{background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.008)),var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.72rem;font-weight:700;margin-bottom:.45rem}.text-secondary{color:var(--muted)!important}.btn-accent{background:var(--accent);border-color:var(--accent);color:#18130b;font-weight:700}.btn-accent:hover,.btn-accent:focus{background:var(--accent2);border-color:var(--accent2);color:#18130b}.btn-ghost{color:#c8ccd2;border:1px solid transparent}.btn-ghost:hover{color:#fff;border-color:var(--line);background:var(--panel2)}.form-control{background:#101216;border-color:#30343b;color:#fff;border-radius:12px;padding:.78rem .9rem}.form-control:focus{background:#101216;color:#fff;border-color:var(--accent);box-shadow:0 0 0 .2rem rgba(215,174,99,.12)}label{font-size:.88rem;font-weight:600;margin-bottom:.4rem}.auth-wrap{min-height:calc(100vh - 135px);display:grid;place-items:center}.auth-card{width:min(100%,480px);padding:2rem}.nav-pills .nav-link{color:var(--muted)}.nav-pills .nav-link.active{background:var(--panel2);color:#fff}.drop-zone{text-align:center;padding:2.6rem 1rem;border-style:dashed;transition:.2s}.drop-zone.drag{border-color:var(--accent);background:#191813}.progress{height:8px;background:#292c31}.progress-bar{background:linear-gradient(90deg,#a67d36,var(--accent2));transition:width .2s}.track-card{padding:1.25rem;height:100%;cursor:pointer;transition:transform .2s,border-color .2s}.track-card:hover{transform:translateY(-2px);border-color:#4b4436}.track-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#222018;color:var(--accent);font-size:1.2rem}.track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.meta-row{display:flex;gap:.6rem;flex-wrap:wrap;color:var(--muted);font-size:.78rem}.status-pill{font-size:.76rem;border:1px solid var(--line);padding:.38rem .62rem;border-radius:999px;color:var(--muted)}.status-pill.ready,.status-pill.completed{color:var(--ok);border-color:rgba(104,201,154,.35)}.status-pill.failed{color:var(--danger);border-color:rgba(228,111,116,.35)}.waveform{min-height:180px;background:#101216;border-radius:15px;padding:12px;overflow:hidden}.btn-toggle{background:#0f1114;border-color:#2c3036;color:var(--muted)}.btn-toggle.active{background:var(--accent);border-color:var(--accent);color:#18130b}.player-row{display:flex;align-items:center;gap:.75rem}.round-btn{width:44px;height:44px;border-radius:50%;border:0;background:var(--text);color:#111}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#b6bac1;font-size:.8rem}.analysis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:#101216;border:1px solid #24272d;border-radius:14px;padding:1rem}.metric .value{font-size:1.25rem;font-weight:700;letter-spacing:-.03em}.metric .name{font-size:.74rem;color:var(--muted);margin-top:.25rem}.studio-controls{top:88px}.control-label{text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;color:var(--muted);font-weight:700;margin:1rem 0 .6rem}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:#0e1013;border:1px solid var(--line);border-radius:12px;padding:4px}.segmented button{border:0;background:transparent;color:var(--muted);padding:.65rem .4rem;border-radius:9px;font-weight:600}.segmented button.active{background:#29261e;color:var(--accent2)}.segmented small{display:block;font-size:.65rem;opacity:.7}.advanced label{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;margin:.8rem 0;color:#d8dbe0}.advanced input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--accent)}.advanced output{color:var(--accent);font-family:ui-monospace,monospace}.processing{background:#101216;padding:1rem;border-radius:12px}.toast-box{position:fixed;right:20px;bottom:20px;z-index:100;max-width:min(420px,calc(100vw - 40px))}.toast-msg{background:#202329;border:1px solid #3a3e45;border-radius:12px;padding:.8rem 1rem;margin-top:.5rem;box-shadow:0 12px 30px rgba(0,0,0,.3)}.toast-msg.error{border-color:rgba(228,111,116,.6)}.skeleton{color:var(--muted);padding:2rem 0}.table-dark{--bs-table-bg:transparent;--bs-table-border-color:#262a30}.admin-stat{padding:1.2rem}.admin-stat strong{font-size:1.6rem;display:block}@media(max-width:991px){.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.waveform{min-height:140px}}@media(max-width:575px){.analysis-grid{grid-template-columns:1fr 1fr}.panel{border-radius:16px}.auth-card{padding:1.35rem}.waveform{min-height:110px}.player-row{gap:.5rem}.segmented button{font-size:.82rem}}