*{box-sizing:border-box}:root{color-scheme:dark;--bg: #090c13;--panel: #121722;--panel-raised: #202738;--line: #2b3548;--text: #f2f5fc;--muted: #929db2;--cyan: #39d5e9;--violet: #c18aff;--green: #6ce0bb;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{min-width:320px;min-height:100%;margin:0;background:var(--bg);color:var(--text)}html{touch-action:pan-x pan-y}body{background:radial-gradient(ellipse at 52% -18%,#1a2942 0,transparent 44rem),var(--bg)}button,select,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app{width:min(100%,1120px);margin-inline:auto;padding:clamp(18px,4vw,48px) clamp(16px,5vw,64px) calc(22px + env(safe-area-inset-bottom));display:grid;gap:clamp(12px,2vw,20px)}header{display:flex;align-items:center;gap:16px;padding:0 2px}.brandicon{width:64px;height:64px;display:grid;place-items:center;flex:none;border-radius:22px;background:#243d5d;color:#a9ceff;font-size:34px}.eyebrow{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}h1{margin:4px 0 0;font-size:clamp(24px,4vw,36px);letter-spacing:-.06em;line-height:1.05}.status{width:12px;height:12px;flex:none;margin-left:auto;border-radius:50%;background:var(--green);box-shadow:0 0 18px #6ce0bb55}.card{min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}.player-panel{padding:clamp(22px,4vw,42px) clamp(22px,4vw,42px) clamp(14px,2vw,22px)}.topline{display:flex;align-items:center;justify-content:space-between;gap:22px}.trackname{margin-top:8px;font-size:clamp(42px,7.5vw,72px);font-weight:950;letter-spacing:-.075em;line-height:.98;overflow-wrap:anywhere}.sub{margin-top:8px;color:var(--muted);font-size:clamp(15px,2vw,20px)}.cyan{color:var(--cyan)}select{width:clamp(180px,24vw,250px);max-width:100%;min-width:0;padding:10px 14px;border:1px solid #3a455a;border-radius:12px;background:var(--panel-raised);color:var(--text);font-size:16px;font-weight:800}.seek{margin-top:22px}.seek input{display:block;width:100%;height:22px;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}.seek input::-webkit-slider-runnable-track{height:8px;border:1px solid #343c4f;border-radius:999px;background:linear-gradient(to right,var(--cyan) 0 var(--progress, 0%),#8c8d8c var(--progress, 0%) 100%)}.seek input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;appearance:none;border:1px solid #dfe5ee;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0008}.seek input::-moz-range-track{height:8px;border:1px solid #343c4f;border-radius:999px;background:linear-gradient(to right,var(--cyan) 0 var(--progress, 0%),#8c8d8c var(--progress, 0%) 100%)}.seek input::-moz-range-thumb{width:18px;height:18px;border:1px solid #dfe5ee;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0008}.seek input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.times{display:flex;justify-content:space-between;color:var(--muted);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.transport{display:flex;align-items:center;justify-content:center;gap:clamp(22px,6vw,64px);margin-top:14px}.transport button:not(.play){min-width:90px;min-height:54px;border:0;background:transparent;color:#b6c0d2;font-size:15px;font-weight:900;line-height:1.35}.transport button:not(.play):hover{color:#fff}.play{width:112px;height:96px;border:0;border-radius:30px;background:linear-gradient(145deg,#68a7ff,#3679ee);box-shadow:0 12px 32px #3679ee30;color:#fff;font-size:38px;transition:transform .15s,filter .15s}.play:hover{filter:brightness(1.08);transform:translateY(-2px)}.status-text{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.45;text-align:center}.status-text.error{color:#ff9eaa}.mix-panel{padding:0}.mixgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(8px,2vw,22px)}.channel{display:grid;grid-template-columns:1fr;justify-items:center;align-content:start;gap:5px;min-width:0;padding:14px 10px 12px;border:0;border-radius:0;background:transparent}.channelname{display:flex;min-height:28px;align-items:center;justify-content:center;gap:8px;color:#c3ccdc;font-size:15px;font-weight:850;text-align:center}.vocal-presets{display:grid;width:min(100%,440px);grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:32px}.vocal-presets button{min-height:48px;padding:0 8px;border:1px solid #363e51;border-radius:12px;background:var(--panel-raised);color:#b6c0d2;font-size:15px;font-weight:850}.vocal-presets button:hover{background:#2c3549;color:var(--text)}.vocal-presets button[aria-pressed=true]{border-color:#62d8e8;background:#243c4b;color:#82e5f0}.foot{padding:0 0 3px;color:#68738a;font-size:12px;text-align:center}.build-id{display:block;margin-top:5px;color:#566176;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:700px){.app{gap:14px;padding:18px 14px calc(18px + env(safe-area-inset-bottom))}header{gap:12px}.brandicon{width:50px;height:50px;border-radius:17px;font-size:27px}.eyebrow{font-size:10px}.player-panel{padding:18px 4px 12px}.trackname{font-size:clamp(38px,10vw,58px)}.topline{align-items:flex-start;flex-direction:column;gap:16px}select{width:100%}.seek{margin-top:16px}.transport{gap:clamp(10px,5vw,28px)}.transport button:not(.play){min-width:68px;font-size:12px}.play{width:84px;height:76px;border-radius:24px;font-size:30px}.mix-panel{padding:0}.channel{grid-template-columns:1fr;justify-items:center;gap:5px;padding:10px 2px}.channelname{min-height:36px;font-size:12px;white-space:normal}.vocal-presets{gap:4px;margin-top:20px}.vocal-presets button{min-height:42px;padding-inline:2px;font-size:12px}}@media(max-width:390px){.app{padding-inline:10px}.topline{gap:12px}.channelname{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}