:root{--sc-orange:#f50;--sc-orange-2:#f70;--sc-orange-dark:#e64d00;--bg:#f2f2f2;--surface:#fff;--surface-2:#f8f8f8;--border:#e6e6e6;--border-strong:#d9d9d9;--text:#2d2d2d;--text-soft:#666;--text-muted:#999;--wave-played:#f50;--wave-played-soft:#ff9a66;--wave-unplayed:#c8c8c8;--wave-unplayed-soft:#dedede;--wave-cursor:rgba(0,0,0,.25);--tint:#fff5ef;--input-bg:#fff;--radius:4px;--radius-lg:8px;--shadow:0 1px 3px rgba(0,0,0,.08);--shadow-pop:0 8px 28px rgba(0,0,0,.18);--header-h:56px;--player-h:80px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}html.dark{--bg:#121212;--surface:#1d1d1f;--surface-2:#2a2a2d;--border:#2e2e31;--border-strong:#3c3c40;--text:#ececec;--text-soft:#b3b3b3;--text-muted:#888;--wave-played:#f50;--wave-played-soft:#b85a36;--wave-unplayed:#4d4d50;--wave-unplayed-soft:#3a3a3d;--wave-cursor:hsla(0,0%,100%,.35);--tint:#2a1c14;--input-bg:#2a2a2d;--shadow:0 1px 3px rgba(0,0,0,.4);--shadow-pop:0 8px 28px rgba(0,0,0,.5);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:hover{color:var(--sc-orange)}h1,h2,h3{margin:0;font-weight:600}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);border-radius:var(--radius);padding:7px 12px;font-size:13px;font-weight:500;transition:all .12s ease;white-space:nowrap}.btn:hover{border-color:var(--text-muted);color:var(--text)}.btn-primary{background:var(--sc-orange);border-color:var(--sc-orange);color:#fff}.btn-primary:hover{background:var(--sc-orange-dark);border-color:var(--sc-orange-dark);color:#fff}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{padding:4px 9px;font-size:12px}.btn-danger:hover{border-color:#e0245e;color:#e0245e}.field{display:block;width:100%;padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--input-bg);color:var(--text);outline:none;transition:border-color .12s ease}.field:focus{border-color:var(--sc-orange)}textarea.field{resize:vertical;min-height:80px}.label{display:block;font-size:12px;font-weight:600;color:var(--text-soft);margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}.container{max-width:1240px;margin:0 auto;padding:0 20px}.muted{color:var(--text-muted)}.soft,.tag{color:var(--text-soft)}.tag{display:inline-block;font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:3px;padding:2px 7px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}