:root{color-scheme:dark;--bg:#0b0e12;--panel:#14181e;--panel-2:#191e24;--line:#2e343a;--text:#f6f6f2;--muted:#858b90;--acid:#d9f978;--dark:#101318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.site-shell{min-height:100vh;background:radial-gradient(ellipse 66% 31% at 66% 1%,rgba(92,109,61,.13),transparent 80%),var(--bg)}.site-header{height:88px;max-width:1330px;margin:auto;padding:0 56px;justify-content:space-between;border-bottom:1px solid #272c30}.brand,.site-header{display:flex;align-items:center}.brand{color:var(--text);text-decoration:none;gap:13px}.brand-mark{height:28px;display:flex;gap:3px;align-items:center;transform:rotate(-7deg)}.brand-mark span{width:4px;border-radius:3px;background:var(--acid)}.brand-mark span:first-child{height:11px}.brand-mark span:nth-child(2){height:21px}.brand-mark span:nth-child(3){height:28px}.brand-mark span:nth-child(4){height:15px}.brand-word{font-size:20px;font-weight:900;letter-spacing:-1.2px}.brand-word span{color:var(--acid)}.header-right{display:flex;align-items:center;gap:25px;font-size:11px;font-weight:700;letter-spacing:1.8px}.header-divider{height:23px;width:1px;background:#32383a}.header-label{color:#81888c}.header-dot{color:#4c5357;padding:0 7px}.header-status{display:flex;align-items:center;gap:9px;color:var(--acid);background:#222a1b;border:1px solid #36432b;padding:10px 12px;border-radius:3px}.status-light{width:6px;height:6px;border-radius:100%;background:var(--acid);box-shadow:0 0 8px #c2e36b}.main-content{max-width:1150px;padding:88px 36px 52px;margin:auto}.intro{margin-bottom:55px;max-width:850px}.eyebrow{color:var(--acid);letter-spacing:3px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:13px;margin:0 0 23px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:var(--acid)}h1{font-size:clamp(48px,6.5vw,88px);letter-spacing:-4.7px;line-height:1.01;font-weight:750;margin:0 0 22px}h1 em{font-weight:400;font-style:normal;color:var(--acid)}.intro-copy{color:#b0b5b6;max-width:580px;font-size:16px;line-height:1.8;margin:0}.intro-chips{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}.intro-chips span{font-size:10px;letter-spacing:1px;font-weight:800;border:1px solid #2b3133;border-radius:3px;padding:9px 11px;color:#929995}.intro-chips .chip-icon{border:0;color:var(--acid);padding:0 7px 0 0;font-size:13px}.comparison{background:#14181e;border:1px solid #31383b;border-radius:8px;padding:32px;box-shadow:0 32px 90px rgba(0,0,0,.21);position:relative}.comparison:before{content:"";position:absolute;left:0;top:0;width:170px;height:2px;background:var(--acid)}.panel-topline{justify-content:space-between;margin-bottom:25px}.panel-heading,.panel-topline{display:flex;align-items:center}.panel-heading{gap:13px}.panel-icon{width:43px;height:43px;display:grid;place-items:center;font-size:24px;border:1px solid #3b4439;color:var(--acid);background:#20271f;border-radius:4px}.panel-kicker,.track-overline{margin:0 0 5px;font-size:10px;letter-spacing:1.6px;color:#868c8d;font-weight:700}.panel-topline h2{font-size:19px;margin:0;letter-spacing:-.5px}.session-id{font-size:10px;color:#727b7d;letter-spacing:1.5px}.session-id strong{color:#d5d9d4;font-weight:700}.transport-card{background:#1c2228;border:1px solid #323a3e;border-radius:5px;padding:25px 25px 20px}.transport-top{justify-content:space-between}.transport-left,.transport-top{display:flex;align-items:center}.transport-left{gap:16px}.demo-art{width:53px;height:53px;display:flex;align-items:center;justify-content:center;gap:3px;background:#313c27;border:1px solid #49543a;border-radius:4px}.demo-art i{display:block;width:3px;background:var(--acid);border-radius:3px}.demo-art i:first-child{height:10px}.demo-art i:nth-child(2){height:25px}.demo-art i:nth-child(3){height:36px}.demo-art i:nth-child(4){height:21px}.demo-art i:nth-child(5){height:12px}.track-overline{font-size:10px}.bullet{padding:0 5px;color:var(--acid)}.transport-title{font-size:17px;font-weight:750;letter-spacing:-.5px}.transport-title span{color:#858e8d;font-weight:400}.transport-status{font-size:11px;color:#87928a;margin-top:7px}.playing-indicator{display:flex;align-items:center;gap:3px;height:28px;opacity:.28}.playing-indicator i{width:3px;height:7px;border-radius:2px;background:var(--acid)}.playing-indicator i:nth-child(2){height:17px}.playing-indicator i:nth-child(3){height:26px}.playing-indicator i:nth-child(4){height:14px}.playing-indicator i:nth-child(5){height:9px}.playing-indicator.is-playing{opacity:1}.playing-indicator.is-playing i{animation:meter .9s ease-in-out infinite alternate}.playing-indicator.is-playing i:nth-child(2){animation-delay:-.4s}.playing-indicator.is-playing i:nth-child(3){animation-delay:-.2s}.playing-indicator.is-playing i:nth-child(4){animation-delay:-.65s}.playing-indicator.is-playing i:nth-child(5){animation-delay:-.32s}@keyframes meter{to{transform:scaleY(.25)}}.waveform-wrap{height:99px;position:relative;margin:22px 0 1px;background:#161c21;border:1px solid #2f3739;border-radius:3px;overflow:hidden}.waveform{display:block}.timeline,.waveform{width:100%;height:100%}.timeline{cursor:pointer;position:absolute;inset:0;margin:0;opacity:0}.timeline:disabled{cursor:default}.timeline:focus-visible{outline:2px solid var(--acid);outline-offset:-3px;opacity:.08}.time-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#aeb4b2}.loop-note{font-size:10px;color:#8f9a88;font-weight:700;letter-spacing:1px}.transport-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}.play-button{border:1px solid var(--acid);border-radius:3px;min-width:218px;height:50px;display:flex;align-items:center;justify-content:center;gap:13px;background:var(--acid);color:#111612;font-weight:850;font-size:13px;letter-spacing:.25px;cursor:pointer;transition:background .15s,transform .15s}.play-button:hover{background:#e8ffad;transform:translateY(-1px)}.play-button:disabled{opacity:.65;cursor:wait;transform:none}#play-symbol{font-size:13px}.volume-controls{display:flex;align-items:center;gap:12px}.speaker{width:19px;height:19px;color:#a1aca9}.volume-number{font-size:11px;color:#b5b9b6;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:31px;text-align:right}.volume-controls input{accent-color:var(--acid);width:112px;height:4px;cursor:pointer}.versions-header{display:flex;align-items:center;justify-content:space-between;margin:32px 0 19px}.versions-header h3{font-size:17px;margin:0 0 6px;letter-spacing:-.3px}.versions-header p{margin:0;font-size:12px;color:#888f8d}.version-count{font-size:20px;letter-spacing:-1px;font-weight:800;color:var(--acid)}.version-count span{font-size:9px;letter-spacing:1px;color:#8b9290;margin-left:3px}.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.track-card{min-height:157px;background:#1b2026;border:1px solid #31383c;border-radius:5px;padding:17px 19px 14px;text-align:left;color:var(--text);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .12s,background .12s,transform .12s}.track-card:hover{border-color:#78865b;transform:translateY(-2px)}.track-card.is-active{border-color:var(--acid);background:#252c23;box-shadow:inset 0 0 0 1px rgba(217,249,120,.1)}.track-card-top{display:flex;align-items:center;justify-content:space-between}.track-code{font-size:15px;font-weight:800;color:#e3e6e2}.track-index{font-size:10px;font-weight:500;letter-spacing:.6px;color:#737e7e}.track-active-mark{font-size:10px;color:#67716c;opacity:0}.track-card.is-active .track-active-mark{color:var(--acid);opacity:1}.track-card-main{display:flex;flex-direction:column;gap:5px}.track-name{font-size:21px;font-weight:750;letter-spacing:-.7px}.track-character{color:#949c9a;font-size:11px}.track-card-bottom{border-top:1px solid #353b3b;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.track-button-label{font-size:9px;letter-spacing:1.2px;color:#919994;font-weight:800}.track-card.is-active .track-button-label{color:var(--acid)}.track-arrow{font-size:17px;color:#7c867c;line-height:1}.track-card.is-active .track-arrow{color:var(--acid)}.panel-footer{border-top:1px solid #2d3435;margin-top:27px;padding-top:18px;gap:22px;justify-content:space-between}.panel-footer,.panel-tip{display:flex;align-items:center}.panel-tip{gap:9px;font-size:11px;color:#a0a7a2;line-height:1.5}.tip-icon{font-size:15px;color:var(--acid)}.keyboard-tip{white-space:nowrap;font-size:9px;letter-spacing:.5px;color:#717c77;display:flex;align-items:center;gap:5px}.keyboard-tip kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;border:1px solid #404747;border-radius:3px;color:#b2bcb7;padding:0 3px}.error-box{color:#ffc0b5;background:#412924;border:1px solid #75483a;border-radius:4px;padding:13px;margin:18px 0 0;font-size:13px}.error-box[hidden]{display:none}.below-player{display:flex;gap:25px;align-items:center;justify-content:center;margin:38px auto 10px;color:#5f6865;letter-spacing:2px;font-size:9px;font-weight:800}.below-line{height:1px;background:#2b3231;width:70px}.footer{max-width:1330px;margin:auto;padding:29px 56px 40px;border-top:1px solid #252b2c;color:#5c6461;display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.3px}@media(max-width:800px){.site-header{padding:0 28px;height:76px}.main-content{padding:65px 24px 40px}.comparison{padding:23px}.panel-footer{flex-wrap:wrap}.footer{padding:25px 26px}.intro{margin-bottom:38px}h1{letter-spacing:-2.5px}.track-grid{gap:9px}.track-card{padding:14px;min-height:147px}}@media(max-width:560px){.site-header{padding:0 18px}.header-divider,.header-label{display:none}.header-right{gap:0}.header-status{font-size:9px;padding:9px}.brand-word{font-size:18px}.main-content{padding:49px 14px 35px}h1{font-size:52px;letter-spacing:-2.3px}.intro-copy{font-size:14px;line-height:1.7}.intro-chips{gap:7px}.intro-chips span{font-size:9px;padding:7px}.comparison{padding:18px 13px}.session-id{display:none}.transport-card{padding:18px 12px}.transport-left{gap:11px}.demo-art{height:45px;width:45px;flex-shrink:0}.transport-title{font-size:14px}.playing-indicator,.transport-title span{display:none}.waveform-wrap{height:75px}.transport-controls{flex-direction:column;align-items:stretch;gap:19px}.play-button{width:100%}.volume-controls{justify-content:flex-end}.versions-header{margin-top:28px}.versions-header p{line-height:1.4}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-card{min-height:151px;padding:15px}.panel-footer{margin-top:20px}.keyboard-tip{display:none}.footer{flex-wrap:wrap;gap:14px}.footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}