:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;background:#080c16;color:#edf5ff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #34465e;color:#edf5ff;background:#192238;border-radius:10px;padding:11px 15px}button:hover,button:focus-visible{border-color:#55e5f1;outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #55e5f1}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(16px,5vw,76px);border-bottom:1px solid #222e44;background:#0d1422}.identity{display:flex;gap:12px;align-items:center;text-decoration:none}.identity img{height:48px;width:48px;border-radius:50%;object-fit:cover}.identity span{display:grid;gap:4px}.identity strong{font-size:20px;letter-spacing:.05em}.identity small,.tag,.eyebrow{font-size:11px;color:#6ddbe8;letter-spacing:.13em}.tag{border:1px solid #315364;border-radius:20px;padding:8px}main{max-width:1200px;margin:auto;padding:0 22px}.hero{padding:70px 0 40px;background:radial-gradient(ellipse at 85% 20%,#3b154e88,transparent 50%)}h1{font-size:clamp(40px,7vw,88px);letter-spacing:-.055em;line-height:.99;margin:14px 0}h1 em{font-style:normal;color:#66e4ed}.hero>p:not(.eyebrow){color:#aab8cb;max-width:630px;font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:26px}.primary{background:linear-gradient(100deg,#146e8a,#9b4bd1);border-color:#75ddef;font-weight:750}.bpm{display:flex;align-items:center;gap:12px;color:#aac1ce}.bpm output{font-variant-numeric:tabular-nums;width:32px}.workbench,.panel,.tools{border:1px solid #2a3d55;border-radius:18px;background:#101928;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #25374e}.tabs button{border:0;border-radius:0;background:transparent;color:#96a9bd;letter-spacing:.06em;font-size:12px;padding:20px 5px}.tabs button.active{background:#1a2d43;box-shadow:inset 0 -3px #63e9f3;color:#e5ffff}#instrument{padding:24px;min-height:300px}h2{font-size:16px;letter-spacing:.1em}#instrument>p,.tools p,.panel p{color:#a4b3c7;font-size:14px}.seq-wrap{display:grid;gap:10px;margin-top:23px}.track{display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:center}.track>span{font-size:11px;letter-spacing:.06em;color:#a6bacd}.steps{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px}.step{padding:0;aspect-ratio:1;background:#202d42;border:1px solid #35445d;border-radius:5px;font-size:10px;color:#8795a8}.step.on{background:#0b8ba2;border-color:#60ebed;color:#fff}.step.current{outline:2px solid #e9bc66}.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.module{min-height:155px;display:grid;place-items:center;gap:4px;background:#1b2437}.module.on{border-color:#63e4ed;background:#183846}.module .robot{font-size:50px;color:#bd86f2}.module small{color:#a7bacd}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.pad{background:#1d3050;min-height:90px;font-weight:700}.pad:nth-child(2n){background:#382651}.pad:active{background:#157891}.pad small{display:block;margin-top:8px;color:#8ab7d6}.orbs{display:flex;align-items:center;justify-content:center;gap:25px;height:140px}.orbs i{width:48px;height:75px;border-radius:50%;background:#54d5e7;box-shadow:0 0 40px #22d5fb77;animation:float 3s ease-in-out infinite alternate}.orbs i:nth-child(2){background:#b66ded;height:110px;animation-delay:.4s}.orbs i:nth-child(3){background:#ffb654;animation-delay:.7s}.orbs i:nth-child(4){background:#75e7ac;height:90px;animation-delay:1s}@keyframes float{to{transform:translateY(-12px)}}.slider-label{display:flex;gap:20px;align-items:center;margin:12px 0}.slider-label input{flex:1}.tools{margin-top:20px;padding:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.file-label{border:1px solid #34465e;background:#192238;border-radius:10px;padding:11px 15px;cursor:pointer}.file-label input{display:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.panel{padding:22px}.panel audio{width:100%;margin:18px 0}.panel form{display:grid;gap:10px}.panel label{font-size:13px}.panel textarea{background:#090f1d;color:#fff;padding:12px;border:1px solid #364b62;border-radius:10px;min-height:100px;resize:vertical}.panel pre{white-space:pre-wrap;font-size:12px;color:#a4e3de;line-height:1.5}footer{color:#8196ab;padding:25px 0 50px;font-size:12px;text-align:center}@media(max-width:700px){header{padding:14px}.identity strong{font-size:15px}.identity small{font-size:8px}.tag{display:none}.hero{padding-top:38px}.steps{gap:2px}.step{font-size:7px}.track{grid-template-columns:45px 1fr;gap:4px}.track>span{font-size:9px}#instrument{padding:15px}.modules{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.tabs button{font-size:10px;padding:16px 1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}