:root{color:#ede8e0;background:#0f0f0f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}#app{min-height:100dvh}.app-shell{background:radial-gradient(circle at top,#d4a05438,#0000 38%),#0f0f0f;max-width:860px;margin:0 auto;padding:24px 16px 96px}.hero{margin-bottom:16px}.brand{color:#d4a054;letter-spacing:.08em;margin:0 0 8px;font-weight:600}h1{margin:0 0 8px;font-size:30px}h2{margin:0;font-size:18px}.hero-sub,.muted{color:#a8a29e;margin:0}.small{font-size:12px}.card{background:#191919;border:1px solid #d4a0543d;border-radius:16px;margin-top:12px;padding:14px}.card-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.ghost-btn,.chip,.step-btn,.play-btn,.tab-btn{color:#ede8e0;background:0 0;border:1px solid #d4a05442;border-radius:999px;padding:7px 12px}.preset-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip.active,.tab-btn.active{background:#d4a05438}.track-list{flex-direction:column;gap:10px;display:flex}.master-row{grid-template-columns:56px 1fr 48px;align-items:center;gap:8px;margin-bottom:12px;display:grid}.track{grid-template-columns:56px 1fr 48px;align-items:center;gap:8px;display:grid}.vu{background:#ffffff14;border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.vu-fill{background:linear-gradient(90deg,#6cd97f 0%,#d4a054 55%,#e06b55 100%);border-radius:999px;width:0;height:100%;transition:width .12s linear}.track-actions{grid-column:1/-1;justify-content:flex-end;gap:6px;display:flex}.mini{padding:4px 10px;font-size:12px}input[type=range]{accent-color:#d4a054}.timer-row{justify-content:center;align-items:center;gap:12px;display:flex}.timer{margin:0;font-size:24px;font-weight:600}.timer-display{letter-spacing:.06em;text-align:center;min-width:90px;margin:0;font-size:20px;font-weight:700}.save-row{gap:8px;margin-top:12px;display:flex}.mix-input{color:#ede8e0;background:#131313;border:1px solid #d4a05442;border-radius:10px;flex:1;padding:10px}.mix-list{flex-direction:column;gap:8px;display:flex}.mix-item{border:1px solid #d4a05433;border-radius:12px;justify-content:space-between;align-items:center;padding:10px;display:flex}.mix-actions{gap:6px;display:flex}.player-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414eb;border:1px solid #d4a05442;border-radius:14px;justify-content:space-between;align-items:center;width:min(860px,100% - 20px);padding:12px 14px;display:flex;position:fixed;bottom:58px;left:50%;transform:translate(-50%)}.now-title{margin:0;font-weight:600}.play-btn{background:#d4a05438;min-width:72px}.tabbar{background:#121212;border-top:1px solid #d4a05438;grid-template-columns:repeat(5,1fr);gap:6px;height:52px;padding:6px 8px;display:grid;position:fixed;bottom:0;left:0;right:0}.tab-btn{border-radius:10px;padding:0;font-size:12px}button:disabled{opacity:.45;cursor:not-allowed}.onboarding-mask{z-index:40;background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onboarding-card{background:#161616;border:1px solid #d4a0544d;border-radius:16px;width:min(460px,100%);padding:16px}.onboarding-card h3{margin:0 0 8px}.onboarding-dots{gap:6px;margin-top:14px;display:flex}.onboarding-dots span{background:#ffffff40;border-radius:999px;width:8px;height:8px}.onboarding-dots span.active{background:#d4a054}.onboarding-actions{justify-content:space-between;gap:8px;margin-top:14px;display:flex}