:root{--deck:#1b1830;--panel:#262240;--edge:#3a3458;--ink:#f2eeff;--ink-muted:#a9a2c9;--pulse:#ff5c8a;--c-1:#ff5a3c;--c-2:#ff9f1c;--c-3:#ffd23f;--c-4:#5ce686;--c-5:#2ee6d6;--c-6:#4d9bff;--c-7:#9b6bff;--c-8:#e85cd6;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--shadow-soft:0 6px 20px #00000059;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-pop:.18s;--dur-bloom:.12s;--space:4px;--pad:clamp(28px, 4.5vw, 80px);--gap:clamp(4px, .8vw, 12px);--font-display:"Unbounded", system-ui, sans-serif;--font-ui:"Space Grotesk", system-ui, sans-serif}@media (prefers-reduced-motion:reduce){:root{--dur-pop:0s;--dur-bloom:0s}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);color:var(--ink);background:var(--deck);font-variant-numeric:tabular-nums;min-height:100dvh;font-weight:500;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,select{font:inherit;color:inherit;background:0 0;border:none}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.deck{width:100%;padding:calc(var(--space) * 4);flex-direction:column;flex:1;min-height:0;display:flex}:focus-visible{outline:2px solid var(--pulse);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=599px){#root{height:auto;min-height:100dvh;overflow:visible}.deck{padding:calc(var(--space) * 2);padding-bottom:calc(var(--space) * 18 + env(safe-area-inset-bottom,0px))}}@media (width>=600px) and (width<=899px){.deck{padding:calc(var(--space) * 4)}}@media (width>=900px) and (width<=1279px){.deck{padding:calc(var(--space) * 5)}}@media (width>=1280px){.deck{padding:calc(var(--space) * 6) calc(var(--space) * 8)}}.rec-btn{align-items:center;gap:calc(var(--space) * 1.5);border-radius:var(--r-pill);background:var(--edge);text-transform:uppercase;min-height:44px;color:var(--ink);transition:all .15s var(--ease-out);padding:8px 14px;font-size:.75rem;font-weight:700;display:flex}.rec-btn:hover{background:color-mix(in srgb, var(--edge) 80%, white)}.rec-dot{background:var(--ink-muted);width:8px;height:8px;transition:background .15s var(--ease-out);border-radius:50%}.rec-btn--active{background:color-mix(in srgb, var(--pulse) 20%, var(--panel))}.rec-btn--active .rec-dot{background:var(--pulse);animation:1s ease-in-out infinite rec-dot-pulse}@keyframes rec-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.rec-btn--active .rec-dot{animation:none}}.waveform-editor{gap:calc(var(--space) * 2.5);flex-direction:column;width:100%;display:flex}.waveform-row{row-gap:calc(var(--space) * 2);flex-wrap:wrap}.waveform-speed{align-items:center;gap:calc(var(--space) * 1.5);display:flex}.waveform-group{display:contents}@media (width<=599px) and (orientation:portrait){.waveform-group{align-items:center;gap:calc(var(--space) * 2.5);flex-wrap:wrap;width:100%;display:flex}}.waveform-canvas-wrap{position:relative}.waveform-canvas{border-radius:var(--r-sm);cursor:ew-resize;touch-action:none;display:block}.waveform-playhead{pointer-events:none;z-index:1;background:#efedf8;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #efedf899}.waveform-meta{justify-content:space-between;align-items:center;display:flex}.waveform-play-btn{background:var(--edge);width:34px;height:34px;color:var(--ink);transition:all .12s var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.waveform-play-btn:hover{background:color-mix(in srgb, var(--edge) 70%, white)}.waveform-play-btn:active{transform:scale(.95)}.waveform-play-btn--active{background:var(--pulse);color:#fff;box-shadow:0 0 12px #ff5c8a66}.waveform-play-btn--active:hover{background:color-mix(in srgb, var(--pulse) 85%, white)}.waveform-duration{font-variant-numeric:tabular-nums;color:var(--pulse);font-size:.8125rem;font-weight:600}.waveform-hint{color:var(--ink-muted);font-size:.6875rem;font-style:italic}.waveform-adjust-label{color:var(--ink-muted);flex-shrink:0;font-size:.75rem;font-weight:600}.waveform-slider{appearance:none;background:var(--edge);cursor:pointer;border-radius:2px;outline:none;width:84px;min-width:0;height:4px}.waveform-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 0 6px #0000004d}.waveform-slider::-moz-range-thumb{background:var(--ink);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 6px #0000004d}.waveform-slider:disabled{opacity:.5;cursor:default}.waveform-adjust-val{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;flex-shrink:0;width:46px;font-size:.75rem;font-weight:600}.waveform-toggle{background:var(--edge);color:var(--ink-muted);border-radius:var(--r-pill);transition:all .12s var(--ease-out);white-space:nowrap;padding:6px 14px;font-size:.75rem;font-weight:700}.waveform-toggle--on{background:var(--pulse);color:#fff;box-shadow:0 0 12px #ff5c8a66}.waveform-toggle:disabled{opacity:.5}.waveform-controls{align-items:center;gap:calc(var(--space) * 2);display:flex}.waveform-name{font-family:var(--font-ui);color:var(--ink);border:1px solid var(--edge);border-radius:var(--r-sm);min-width:0;transition:border-color .15s var(--ease-out);background:#0003;flex:1;padding:6px 10px;font-size:.875rem;font-weight:500}.waveform-name::placeholder{color:var(--ink-muted);opacity:.6}.waveform-name:focus{border-color:var(--pulse);outline:none}.waveform-save-btn{background:var(--pulse);color:#fff;border-radius:var(--r-pill);transition:all .12s var(--ease-out);white-space:nowrap;padding:6px 16px;font-size:.8125rem;font-weight:700}.waveform-save-btn:hover{filter:brightness(1.1)}.waveform-save-btn:active{transform:translateY(1px)}.waveform-cancel-btn{color:var(--ink-muted);border-radius:var(--r-pill);border:1px solid var(--edge);transition:all .12s var(--ease-out);white-space:nowrap;background:0 0;padding:6px 12px;font-size:.8125rem;font-weight:600}.waveform-cancel-btn:hover{border-color:var(--ink-muted);color:var(--ink)}.live-waveform{width:100%;position:relative}.live-waveform-canvas{border-radius:var(--r-sm);display:block}.live-waveform-label{color:var(--pulse);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.6875rem;font-weight:600;display:flex;position:absolute;top:8px;right:10px}.live-waveform-dot{background:var(--pulse);border-radius:50%;width:8px;height:8px;animation:.7s ease-in-out infinite live-dot-blink}@keyframes live-dot-blink{0%,to{opacity:1}50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.live-waveform-dot{animation:none}}.sampler-panel{margin-top:calc(var(--space) * 1.5);gap:calc(var(--space) * 3);background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-lg);padding:calc(var(--space) * 5) calc(var(--space) * 7);animation:sampler-slide-down .18s var(--ease-out);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #00000059}@keyframes sampler-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sampler-top-row{align-items:center;gap:calc(var(--space) * 3);display:flex}.sampler-title{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:700}.sampler-mic-btn{background:var(--edge);color:var(--ink);border-radius:var(--r-pill);align-items:center;gap:calc(var(--space) * 1.5);transition:all .15s var(--ease-out);white-space:nowrap;padding:6px 14px;font-size:.8125rem;font-weight:600;display:flex}.sampler-mic-btn:hover:not(:disabled){background:color-mix(in srgb, var(--edge) 80%, white)}.sampler-mic-btn:disabled{opacity:.5}.sampler-mic-btn--active{background:var(--pulse);color:#fff}.sampler-rec-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:.6s ease-in-out infinite sampler-blink}@keyframes sampler-blink{0%,to{opacity:1}50%{opacity:.3}}.sampler-error{color:var(--pulse);font-size:.75rem}.sampler-saved{gap:calc(var(--space) * 1.5);flex-direction:column;display:flex}.sampler-saved-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.sampler-saved-list{gap:calc(var(--space) * 2);flex-wrap:wrap;display:flex}.sampler-saved-chip{background:var(--edge);border-radius:var(--r-pill);align-items:center;gap:calc(var(--space) * 1);transition:box-shadow .12s var(--ease-out);padding:4px 6px 4px 4px;display:flex}.sampler-saved-chip--editing{box-shadow:0 0 0 1.5px var(--pulse)}.sampler-saved-name{color:var(--ink);border-radius:var(--r-pill);cursor:pointer;transition:color .12s var(--ease-out);background:0 0;padding:2px 8px;font-size:.8125rem;font-weight:600}.sampler-saved-name:hover{color:var(--pulse)}.sampler-saved-delete{width:22px;height:22px;color:var(--ink-muted);transition:all .12s var(--ease-out);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;display:flex}.sampler-saved-delete:hover{color:var(--pulse);background:#ff5c8a33}.sampler-empty{color:var(--ink-muted);margin:0;font-size:.8125rem;font-style:italic}@media (width<=599px){.sampler-panel{margin-top:calc(var(--space) * 1.5);border-radius:var(--r-lg);padding:calc(var(--space) * 3.5) calc(var(--space) * 4);gap:calc(var(--space) * 2);margin-bottom:0;animation-name:sampler-slide-down;position:absolute;inset:100% 0 auto;box-shadow:0 8px 32px #00000059}}@media (prefers-reduced-motion:reduce){.sampler-panel{animation:none}.sampler-rec-dot{opacity:1;animation:none}}.help-panel{margin-top:calc(var(--space) * 1.5);background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-lg);padding:calc(var(--space) * 6) calc(var(--space) * 7);animation:panel-slide-down .18s var(--ease-out);max-height:70vh;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #00000059}.help-title{font-family:var(--font-display);color:var(--ink);margin:0 0 calc(var(--space) * 5);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.help-diagram{align-items:center;gap:calc(var(--space) * 6);padding:calc(var(--space) * 5);background:color-mix(in srgb, var(--deck) 60%, var(--panel));border:1px solid var(--edge);border-radius:var(--r-md);margin-bottom:calc(var(--space) * 6);flex-wrap:wrap;display:flex}.help-seq{gap:calc(var(--space) * 2);flex-direction:column;display:flex}.help-seq-header{align-items:center;gap:calc(var(--space) * 3);margin-bottom:calc(var(--space) * 1);display:flex}.help-seq-header-label{text-align:center;width:72px;font-family:var(--font-ui);color:var(--ink);flex-shrink:0;font-size:.8125rem;font-weight:700}.help-seq-row{align-items:center;gap:calc(var(--space) * 4);display:flex}.help-lane{align-items:center;gap:calc(var(--space) * 3);border-radius:var(--r-md);display:flex}.help-lane--track{outline:2px solid var(--pulse);outline-offset:5px}.help-chip{--chip-color:var(--edge);font-family:var(--font-ui);color:var(--ink);background:color-mix(in srgb, var(--chip-color) 22%, var(--panel));border:1px solid color-mix(in srgb, var(--chip-color) 55%, transparent);border-radius:var(--r-pill);text-align:center;flex-shrink:0;width:72px;padding:4px 12px;font-size:.75rem;font-weight:600}.help-cells{gap:calc(var(--space) * 1.5);display:flex}.help-cell{--chip-color:var(--edge);border-radius:var(--r-sm);background:var(--edge);width:26px;height:26px;transition:background .12s var(--ease-out)}.help-cell--on{background:var(--chip-color);box-shadow:0 0 8px 0 color-mix(in srgb, var(--chip-color) 50%, transparent)}.help-cell--selected{outline:2px solid var(--pulse);outline-offset:2px}.help-annot{font-family:var(--font-ui);color:var(--ink);white-space:nowrap;font-size:.8125rem;font-weight:700}.help-glossary{gap:calc(var(--space) * 4) calc(var(--space) * 6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0;display:grid}.help-term dt{align-items:center;gap:calc(var(--space) * 2);font-family:var(--font-ui);color:var(--ink);margin-bottom:calc(var(--space) * 1);font-size:.9375rem;font-weight:700;display:flex}.help-term dd{color:var(--ink-muted);margin:0;font-size:.8125rem;line-height:1.5}.help-swatch{border-radius:5px;flex-shrink:0;width:16px;height:16px}.help-swatch--beat{background:var(--pulse)}.help-swatch--track{background:linear-gradient(180deg, var(--c-1) 0 33%, var(--c-2) 33% 66%, var(--c-4) 66% 100%)}.help-swatch--instrument{background:var(--c-1);border-radius:999px}.help-swatch--step{background:var(--edge);box-shadow:inset 0 0 0 2px var(--c-4)}.help-swatch--sample{background:linear-gradient(90deg, var(--c-5), var(--c-7))}.help-footnote{margin:calc(var(--space) * 6) 0 0;padding-top:calc(var(--space) * 4);border-top:1px solid var(--edge);color:var(--ink-muted);font-size:.8125rem;line-height:1.5}.help-footnote strong{color:var(--ink);font-weight:600}.help-about-link{margin-top:calc(var(--space) * 4);color:var(--pulse);align-items:center;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex}.help-about-link:hover{text-decoration:underline}@media (width<=599px){.help-panel{padding:calc(var(--space) * 4)}.help-diagram{gap:calc(var(--space) * 4);padding:calc(var(--space) * 4)}.help-cell{width:20px;height:20px}.help-chip{width:56px;font-size:.6875rem}.help-seq-header-label{width:56px}}@media (prefers-reduced-motion:reduce){.help-panel{animation:none}}.presets-panel{margin-top:calc(var(--space) * 1.5);background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-lg);padding:calc(var(--space) * 5) calc(var(--space) * 7);animation:panel-slide-down .18s var(--ease-out);max-height:72vh;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #00000059}.presets-heading{justify-content:space-between;align-items:baseline;gap:calc(var(--space) * 4);margin-bottom:calc(var(--space) * 4);display:flex}.presets-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.presets-copy{color:var(--ink-muted);margin:0;font-size:.8125rem}.preset-generator{gap:calc(var(--space) * 2);margin-bottom:calc(var(--space) * 4);padding:calc(var(--space) * 4);background:color-mix(in srgb, var(--pulse) 6%, var(--panel));border:1px solid color-mix(in srgb, var(--pulse) 35%, var(--edge));border-radius:var(--r-md);flex-direction:column;display:flex}.preset-generator-label{color:var(--ink);font-size:.8125rem;font-weight:700}.preset-generator-input{resize:vertical;width:100%;min-height:56px;padding:calc(var(--space) * 2.5);font:inherit;color:var(--ink);background:var(--deck);border:1px solid var(--edge);border-radius:var(--r-sm,6px);transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);font-size:.875rem;line-height:1.45}.preset-generator-input::placeholder{color:var(--ink-muted)}.preset-generator-input:focus{border-color:color-mix(in srgb, var(--pulse) 60%, var(--edge));box-shadow:0 0 0 2px color-mix(in srgb, var(--pulse) 22%, transparent);outline:none}.preset-generator-input:disabled{opacity:.6;cursor:not-allowed}.preset-generator-actions{justify-content:space-between;align-items:center;gap:calc(var(--space) * 3);display:flex}.preset-generator-hint{color:var(--ink-muted);font-size:.75rem}.preset-generator-hint--error{color:var(--danger,#ff6b6b)}.preset-generator-btn{padding:calc(var(--space) * 2) calc(var(--space) * 4);color:var(--deck);background:var(--pulse);border:1px solid var(--pulse);border-radius:var(--r-sm,6px);cursor:pointer;transition:filter .15s var(--ease-out), transform .12s var(--ease-out);flex:none;font-size:.8125rem;font-weight:700}.preset-generator-btn:hover:not(:disabled){filter:brightness(1.08)}.preset-generator-btn:active:not(:disabled){transform:translateY(1px)}.preset-generator-btn:disabled{opacity:.55;cursor:not-allowed}.presets-list{gap:calc(var(--space) * 3);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.preset-card{align-items:flex-start;gap:calc(var(--space) * 1.5);min-height:132px;padding:calc(var(--space) * 4);color:var(--ink);text-align:left;background:color-mix(in srgb, var(--deck) 50%, var(--panel));border:1px solid var(--edge);border-radius:var(--r-md);transition:border-color .15s var(--ease-out), background .15s var(--ease-out), transform .12s var(--ease-out), box-shadow .15s var(--ease-out);flex-direction:column;display:flex}.preset-card:hover{border-color:color-mix(in srgb, var(--pulse) 55%, var(--edge));background:color-mix(in srgb, var(--pulse) 8%, var(--panel));box-shadow:0 0 18px color-mix(in srgb, var(--pulse) 18%, transparent)}.preset-card:active{box-shadow:none;transform:translateY(1px)}.preset-card-name{color:var(--ink);font-size:.9375rem;font-weight:700}.preset-card-meta{color:var(--pulse);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.preset-card-description{color:var(--ink-muted);font-size:.8125rem;line-height:1.45}@media (width<=599px){.presets-panel{padding:calc(var(--space) * 4)}.presets-heading{align-items:flex-start;gap:calc(var(--space) * 1);flex-direction:column}.presets-list{grid-template-columns:1fr}.preset-card{min-height:auto}}@media (prefers-reduced-motion:reduce){.presets-panel{animation:none}}.transport-wrap{z-index:50;flex-direction:column;display:flex;position:relative}.transport{justify-content:space-between;align-items:center;gap:calc(var(--space) * 3);background:var(--panel);border-radius:var(--r-lg);padding:calc(var(--space) * 3) calc(var(--space) * 4);box-shadow:var(--shadow-soft);flex-wrap:wrap;display:flex}.transport-left{align-items:center;display:flex}.wordmark{font-family:var(--font-display);color:var(--ink);-webkit-user-select:none;user-select:none;letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.transport-center{align-items:center;gap:calc(var(--space) * 3);display:flex}.transport-right{align-items:center;gap:calc(var(--space) * 2);min-width:0;display:flex}.beat-title{font-family:var(--font-ui);color:var(--ink);width:140px;min-width:0;max-width:200px;transition:border-color .15s var(--ease-out);background:0 0;border:none;border-bottom:1px solid #0000;padding:2px 0;font-size:.9375rem;font-weight:500}.beat-title::placeholder{color:var(--ink-muted);opacity:.5;font-style:italic}.beat-title:hover{border-bottom-color:var(--edge)}.beat-title:focus{border-bottom-color:var(--pulse);outline:none}.play-btn{background:var(--edge);width:44px;height:44px;color:var(--ink);transition:all .15s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.play-btn:hover{background:color-mix(in srgb, var(--edge) 80%, white)}.play-btn:active{transform:translateY(1px)}.play-btn--playing{background:var(--pulse);box-shadow:0 0 16px 0 color-mix(in srgb, var(--pulse) 50%, transparent)}.play-btn--playing:hover{background:color-mix(in srgb, var(--pulse) 85%, white)}.bpm-control{cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:var(--r-sm);transition:background .12s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:44px;padding:4px 12px;display:flex}.bpm-control:hover{background:#ffffff0d}.bpm-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:500;line-height:1}.bpm-value{font-variant-numeric:tabular-nums;text-align:center;min-width:3ch;font-size:1.25rem;font-weight:600;line-height:1.2}.share-btn{background:var(--panel);color:var(--ink);border:1px solid var(--edge);border-radius:var(--r-pill);min-height:44px;transition:all .12s var(--ease-out);flex-shrink:0;padding:8px 18px;font-size:.875rem;font-weight:600}.share-btn:hover{border-color:var(--ink-muted)}.share-btn:active{transform:translateY(1px)}.share-btn:disabled{opacity:.6;cursor:default}.presets-toggle{border-radius:var(--r-pill);background:var(--edge);min-height:36px;color:var(--ink);transition:all .15s var(--ease-out);flex-shrink:0;padding:0 14px;font-size:.8125rem;font-weight:700}.presets-toggle:hover{background:color-mix(in srgb, var(--edge) 75%, white)}.presets-toggle:active{transform:translateY(1px)}.presets-toggle--open{background:color-mix(in srgb, var(--pulse) 15%, var(--panel));color:var(--pulse)}.presets-toggle--open:hover{background:color-mix(in srgb, var(--pulse) 22%, var(--panel))}.toggle-divider{width:1px;min-height:24px;margin:0 calc(var(--space) * .5);background:var(--edge);flex-shrink:0;align-self:stretch}.mobile-share-footer{display:none}.panel-toggle{border-radius:var(--r-sm);background:var(--edge);width:36px;height:36px;color:var(--ink-muted);transition:all .15s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.panel-toggle:hover{background:color-mix(in srgb, var(--edge) 75%, white);color:var(--ink)}.panel-toggle--open{background:color-mix(in srgb, var(--pulse) 15%, var(--panel));color:var(--pulse)}.panel-toggle--open:hover{background:color-mix(in srgb, var(--pulse) 22%, var(--panel))}.reset-toggle:hover{background:color-mix(in srgb, #e5484d 18%, var(--edge));color:#ff6b6e}.fullscreen-toggle{display:flex}.advanced-toggle .advanced-icon-plus{display:block}.advanced-toggle .advanced-icon-chevron,.advanced-toggle.panel-toggle--open .advanced-icon-plus{display:none}.advanced-toggle.panel-toggle--open .advanced-icon-chevron{display:block}.advanced-panel{margin-top:calc(var(--space) * 1.5);justify-content:center;align-items:center;gap:calc(var(--space) * 5);background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-lg);padding:calc(var(--space) * 5) calc(var(--space) * 7);animation:panel-slide-down .18s var(--ease-out);flex-wrap:wrap;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #00000059}@keyframes panel-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.advanced-control{align-items:center;gap:calc(var(--space) * 2);display:flex}.advanced-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;min-width:max-content;font-size:.6875rem;font-weight:600}.advanced-slider{appearance:none;background:var(--edge);cursor:pointer;border-radius:2px;outline:none;width:72px;height:4px}.advanced-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #0000004d}.advanced-slider::-moz-range-thumb{background:var(--ink);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #0000004d}.advanced-slider--fx::-webkit-slider-thumb{background:var(--pulse);box-shadow:0 0 6px #ff5c8a66}.advanced-slider--fx::-moz-range-thumb{background:var(--pulse);box-shadow:0 0 6px #ff5c8a66}.advanced-value{font-variant-numeric:tabular-nums;color:var(--ink-muted);text-align:right;min-width:3.5ch;font-size:.75rem;font-weight:600}@media (width<=599px){.transport-wrap{z-index:50;position:relative}.transport{justify-content:center}.transport-left{display:none}.transport-right{justify-content:center;gap:calc(var(--space) * 1.5);flex:100%}.transport-right .beat-title,.share-btn--header{display:none}.mobile-share-footer{gap:calc(var(--space) * 2);z-index:60;padding:calc(var(--space) * 2.5) calc(var(--space) * 3);padding-bottom:calc(var(--space) * 2.5 + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--edge);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.beat-title--footer{text-align:center;border-bottom-color:var(--edge);width:100%;max-width:none;padding:8px 0;font-size:1rem;display:block}.share-btn--footer{width:100%;min-height:48px;font-size:.9375rem}.transport-center{gap:calc(var(--space) * 2)}.bpm-value{font-size:1rem}.advanced-panel{padding:calc(var(--space) * 3.5) calc(var(--space) * 4);gap:calc(var(--space) * 3)}.advanced-slider{width:56px}}@media (prefers-reduced-motion:reduce){.advanced-panel{animation:none}}.step-cell{aspect-ratio:1;border-radius:var(--r-md);border:2px solid var(--edge);background:color-mix(in srgb, var(--track-color) 8%, var(--panel));cursor:pointer;touch-action:manipulation;transition:transform var(--dur-pop) var(--ease-spring), box-shadow var(--dur-bloom) var(--ease-out), background var(--dur-pop) var(--ease-out), border-color var(--dur-pop) var(--ease-out);position:relative}.step-cell:active{box-shadow:none;transform:translateY(2px)}.step-cell--on{background:var(--track-color);border-color:var(--track-color);box-shadow:0 0 12px 0 color-mix(in srgb, var(--track-color) 55%, transparent)}.step-cell--accent{background:color-mix(in srgb, var(--track-color) 100%, white 15%);border-color:var(--track-color);box-shadow:0 0 14px 2px color-mix(in srgb, var(--track-color) 65%, transparent)}.step-cell--accent:after{content:"";border-radius:calc(var(--r-md) - 3px);pointer-events:none;border:2px solid #ffffff80;position:absolute;inset:3px}.step-cell--playhead{background:color-mix(in srgb, var(--track-color) 15%, var(--panel))}.step-cell--on.step-cell--playhead{background:var(--track-color);filter:brightness(1.15)}.step-cell--accent.step-cell--playhead{background:color-mix(in srgb, var(--track-color) 100%, white 15%);filter:brightness(1.2)}.step-cell--firing.step-cell--on,.step-cell--firing.step-cell--accent{box-shadow:0 0 22px 4px color-mix(in srgb, var(--track-color) 80%, transparent);transform:scale(1.12)}.step-cell--note-drag{outline:2px solid var(--pulse);outline-offset:2px;box-shadow:0 0 18px 3px color-mix(in srgb, var(--pulse) 60%, transparent);z-index:2;transform:scale(1.12)}.step-cell--note-drag.step-cell:active{transform:scale(1.12)}.step-cell--kb-focus{outline:2px solid var(--pulse);outline-offset:2px;z-index:1}.step-cell-wrap{flex:1 1 var(--pad);min-width:var(--pad);display:flex;position:relative}@media (width>=600px){.step-cell-wrap{min-width:0}}.step-cell{width:100%}.step-note-label{color:#0009;pointer-events:none;justify-content:center;align-items:center;font-size:.5rem;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}@media (pointer:fine){.step-note-label{font-size:clamp(.85rem,1.6vw,1.25rem)}}.step-modified{z-index:1;border:2px solid var(--pulse);border-radius:calc(var(--r-md) - 2px);box-shadow:0 0 6px 0 color-mix(in srgb, var(--pulse) 55%, transparent);pointer-events:none;position:absolute;inset:0}.step-popover{z-index:50;background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--shadow-soft);padding:calc(var(--space) * 2);gap:calc(var(--space) * 2);flex-direction:column;min-width:150px;max-width:80vw;display:flex;position:absolute;top:calc(100% + 4px);left:0}.step-popover--up{top:auto;bottom:calc(100% + 4px)}.track-steps .step-cell-wrap:nth-last-child(-n+6) .step-popover{left:auto;right:0}.step-popover-section{gap:calc(var(--space) * 1);flex-direction:column;display:flex}.step-popover-row{align-items:center;gap:calc(var(--space) * 2);display:flex}.step-popover-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);flex-shrink:0;width:4ch;font-size:.625rem;font-weight:700}.note-menu{grid-template-columns:repeat(4,1fr);gap:2px;max-height:160px;display:grid;overflow-y:auto}.note-option{color:var(--ink-muted);text-align:center;transition:all .1s var(--ease-out);border-radius:4px;padding:3px 4px;font-size:.625rem;font-weight:600}.note-option:hover{background:var(--edge);color:var(--ink)}.note-option--active{background:var(--pulse);color:#fff}@media (prefers-reduced-motion:reduce){.step-cell--firing.step-cell--on,.step-cell--firing.step-cell--accent{box-shadow:0 0 14px 2px color-mix(in srgb, var(--track-color) 55%, transparent);transform:none}}.inst-picker{min-width:0;position:relative}.inst-picker-trigger{border-radius:var(--r-sm);cursor:pointer;transition:background .12s var(--ease-out);background:0 0;align-items:center;gap:6px;min-height:24px;padding:2px 4px;display:flex}.inst-picker-trigger:hover{background:#ffffff14}.inst-picker-name{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100px;transition:color .12s var(--ease-out);font-size:.8125rem;font-weight:600;display:block;overflow:hidden}.inst-picker-trigger:hover .inst-picker-name{color:var(--ink)}.inst-picker-name--sample,.inst-picker-trigger:hover .inst-picker-name--sample{color:var(--pulse)}.inst-picker-arrow{color:var(--ink-muted);transition:transform .15s var(--ease-out);flex-shrink:0}.inst-picker-arrow--open{transform:rotate(180deg)}.inst-picker-backdrop{z-index:999;animation:inst-picker-appear .12s var(--ease-out);background:#00000080;position:fixed;inset:0}@media (pointer:fine){.inst-picker-backdrop{display:none}}.inst-picker-dropdown{z-index:1000;background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-md);max-height:calc(100dvh - 48px);animation:inst-picker-appear .12s var(--ease-out);align-items:stretch;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 24px #0006}@media (width<=599px){.inst-picker-dropdown{max-height:min(500px,100dvh - 48px)}}@keyframes inst-picker-appear{0%{opacity:0}to{opacity:1}}.inst-picker-col{flex-direction:column;min-height:0;display:flex}.inst-picker-col--list{padding:calc(var(--space) * 1) 0;min-width:160px;overflow-y:auto}.inst-picker-col--controls{border-left:1px solid var(--edge);justify-content:flex-start;min-width:150px}.inst-picker-controls{gap:calc(var(--space) * 3);padding:calc(var(--space) * 3);flex-direction:column;display:flex}.inst-picker-control-row{align-items:center;gap:calc(var(--space) * 2);display:flex}.inst-picker-control-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);flex-shrink:0;width:3.5ch;font-size:.625rem;font-weight:700}.inst-picker-reset{border-radius:var(--r-sm);width:24px;height:24px;color:var(--ink-muted);cursor:pointer;transition:background .12s var(--ease-out), color .12s var(--ease-out);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.inst-picker-reset:hover{background:var(--edge);color:var(--ink)}.inst-picker-reset:disabled{opacity:.35;cursor:not-allowed}.inst-picker-note-select{min-width:0;padding:calc(var(--space) * 1) calc(var(--space) * 1.5);border-radius:var(--r-sm);border:1px solid var(--edge);background:var(--deck);color:var(--ink);cursor:pointer;flex:1;font-size:.8125rem;font-weight:600}.inst-picker-note-hint{color:var(--ink-muted);margin:0;font-size:.625rem;line-height:1.3}.inst-picker-section{flex-direction:column;display:flex}.inst-picker-section+.inst-picker-section{border-top:1px solid var(--edge);margin-top:calc(var(--space) * 1);padding-top:calc(var(--space) * 1)}.inst-picker-section-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;padding:calc(var(--space) * 1) calc(var(--space) * 3) calc(var(--space) * .5);font-size:.625rem;font-weight:700}.inst-picker-option{text-align:left;width:100%;padding:calc(var(--space) * 1.5) calc(var(--space) * 3);color:var(--ink);transition:background 80ms var(--ease-out);cursor:pointer;white-space:nowrap;background:0 0;font-size:.8125rem;font-weight:500}.inst-picker-option:hover{background:#ffffff0f}.inst-picker-option--active{color:var(--pulse);background:#ff5c8a14;font-weight:700}.inst-picker-option--active:hover{background:#ff5c8a1f}.inst-picker-option--sample{color:var(--ink-muted)}.inst-picker-option--sample.inst-picker-option--active{color:var(--pulse)}@media (prefers-reduced-motion:reduce){.inst-picker-dropdown{animation:none}}.track-row-wrap{gap:calc(var(--gap) * .5);flex-direction:column;display:flex}.track-row--muted{opacity:.45}.track-row{align-items:center;gap:var(--gap);display:flex}.track-label{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;width:140px;min-width:0;display:flex}.track-label-top{align-items:center;gap:calc(var(--space) * 1.5);width:100%;min-width:0;display:flex}.track-pitch-inline{align-items:center;gap:calc(var(--space) * 1.5);margin-left:auto;display:flex}.track-pitch-val{font-variant-numeric:tabular-nums;color:var(--ink);text-align:center;min-width:3ch;font-size:.8125rem;font-weight:600}.track-dot-btn{transition:background .12s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.track-dot-btn:hover{background:#ffffff14}.track-dot{cursor:pointer;width:40px;height:40px;transition:all .12s var(--ease-out);touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.track-dot:before{content:"";background:var(--dot-color);border:2px solid var(--dot-color);width:16px;height:16px;transition:all .12s var(--ease-out);border-radius:50%}.track-dot:hover{background:#ffffff14}.track-dot:hover:before{box-shadow:0 0 8px color-mix(in srgb, var(--dot-color) 50%, transparent);transform:scale(1.15)}.track-dot--muted{opacity:.6}.track-dot--muted:before{background:0 0}.track-steps{gap:var(--gap);flex:1;min-width:0;display:flex;position:relative}.track-steps--loading .step-cell-wrap{opacity:.35;transition:opacity .12s var(--ease-out)}.track-steps-loader{justify-content:center;align-items:center;gap:calc(var(--space) * 1.5);pointer-events:none;z-index:2;display:flex;position:absolute;inset:0}.track-spinner{border:2px solid var(--edge);border-top-color:var(--ink);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite track-spin}.track-loader-text{letter-spacing:.01em;color:var(--ink-muted);white-space:nowrap;font-size:.75rem;font-weight:600}@keyframes track-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.track-spinner{animation-duration:1.4s}}.track-steps .step-cell-wrap:nth-child(4n+1):not(:first-child){margin-left:calc(var(--gap) * .5)}.track-vol-slider{appearance:none;background:var(--edge);cursor:pointer;border-radius:3px;outline:none;flex:1;width:auto;min-width:0;height:5px}.track-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #0000004d}.track-vol-slider::-moz-range-thumb{background:var(--ink);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #0000004d}.track-control-row--disabled{opacity:.4;pointer-events:none}.track-control-row--disabled .track-pitch-val{color:var(--ink-muted)}.pitch-btn:disabled{cursor:not-allowed;opacity:.6}.pitch-btn{border-radius:var(--r-sm);background:var(--edge);width:24px;height:24px;color:var(--ink);transition:background .12s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.pitch-btn:hover{background:color-mix(in srgb, var(--edge) 80%, white)}.pitch-btn:active{transform:translateY(1px)}@media (width<=599px){.track-row{align-items:flex-start;gap:calc(var(--space) * 1.5);flex-direction:column}.track-label{flex-direction:row;align-items:center;width:auto;min-width:auto}.track-label-top{width:auto}}.grid-container{gap:var(--gap);min-height:0;padding:calc(var(--space) * 2) calc(var(--space) * 3);flex-direction:column;flex:1;justify-content:safe center;display:flex;overflow-y:auto}@media (width<=599px){.grid-container{-webkit-overflow-scrolling:touch;min-height:auto;padding-bottom:calc(var(--space) * 2);overflow:auto visible;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000 100%);mask-image:linear-gradient(90deg,#000 90%,#0000 100%)}}.toast{bottom:calc(var(--space) * 8);z-index:200;background:var(--panel);border:1px solid var(--pulse);color:var(--ink);padding:calc(var(--space) * 2.5) calc(var(--space) * 5);border-radius:var(--r-pill);pointer-events:none;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);font-size:.875rem;font-weight:600;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0006,0 0 12px #ff5c8a26}.toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.toast--hidden{opacity:0;transform:translate(-50%)translateY(8px)}@media (width<=599px){.toast{bottom:calc(80px + env(safe-area-inset-bottom,0px) + var(--space) * 4)}}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .15s}}.wake-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#1b1830b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wake-text{color:var(--ink);border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--edge);box-shadow:var(--shadow-soft);padding:16px 32px;font-size:1.125rem;font-weight:600;animation:2s ease-in-out infinite wake-pulse}@keyframes wake-pulse{0%,to{opacity:.8}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.wake-text{animation:none}}.about-page{background:radial-gradient(1100px 540px at 80% -10%, color-mix(in srgb, var(--pulse) 14%, transparent), transparent 70%), radial-gradient(900px 500px at 0% 0%, color-mix(in srgb, var(--c-6) 12%, transparent), transparent 65%), var(--deck);color:var(--ink);font-family:var(--font-ui);position:fixed;inset:0;overflow-y:auto}.about-topbar{z-index:2;justify-content:space-between;align-items:center;gap:calc(var(--space) * 4);padding:calc(var(--space) * 4) clamp(calc(var(--space) * 4), 5vw, calc(var(--space) * 12));background:color-mix(in srgb, var(--deck) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--edge);display:flex;position:sticky;top:0}.about-wordmark{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:1.15rem;font-weight:700;text-decoration:none}.about-studio-link{color:var(--ink);padding:calc(var(--space) * 2) calc(var(--space) * 4);border:1px solid var(--edge);border-radius:var(--r-pill);transition:border-color .16s var(--ease-out), color .16s var(--ease-out);font-size:.875rem;font-weight:600;text-decoration:none}.about-studio-link:hover{border-color:var(--pulse);color:var(--pulse)}.about-main{max-width:980px;padding:clamp(calc(var(--space) * 8), 6vw, calc(var(--space) * 20)) clamp(calc(var(--space) * 4), 5vw, calc(var(--space) * 12)) calc(var(--space) * 16);margin:0 auto}.about-section{margin-top:clamp(calc(var(--space) * 14), 9vw, calc(var(--space) * 24))}.about-hero{max-width:760px}.about-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--pulse);margin:0 0 calc(var(--space) * 4);font-size:.8125rem;font-weight:700}.about-headline{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 calc(var(--space) * 6);background:linear-gradient(120deg, var(--ink) 30%, var(--c-5) 70%, var(--pulse));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,3.4rem);font-weight:700;line-height:1.05}.about-lede{color:var(--ink-muted);font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.6}.about-lede strong{color:var(--ink);font-weight:700}.about-h2{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 calc(var(--space) * 4);font-size:clamp(1.5rem,3.6vw,2.1rem);font-weight:700}.about-section-intro{color:var(--ink-muted);max-width:720px;margin:0;font-size:clamp(.95rem,2vw,1.0625rem);line-height:1.65}.about-section-intro em{color:var(--ink);font-style:normal;font-weight:600}.about-inline-link{color:var(--c-5);border-bottom:1px solid color-mix(in srgb, var(--c-5) 50%, transparent);text-decoration:none}.about-inline-link:hover{color:var(--ink);border-bottom-color:var(--ink)}.about-goals{gap:calc(var(--space) * 4);margin-top:calc(var(--space) * 8);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.about-goal{--goal-accent:var(--pulse);background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-lg);padding:calc(var(--space) * 6);position:relative;overflow:hidden}.about-goal:before{content:"";background:var(--goal-accent);width:3px;position:absolute;inset:0 auto 0 0}.about-goal-dot{border-radius:var(--r-pill);background:var(--goal-accent);width:14px;height:14px;box-shadow:0 0 14px 0 color-mix(in srgb, var(--goal-accent) 60%, transparent);margin-bottom:calc(var(--space) * 4);display:block}.about-goal-title{color:var(--ink);margin:0 0 calc(var(--space) * 2);font-size:1.0625rem;font-weight:700}.about-goal-body{color:var(--ink-muted);margin:0;font-size:.9375rem;line-height:1.55}.about-figure{margin:calc(var(--space) * 8) 0 0}.about-figcaption{margin-top:calc(var(--space) * 4);color:var(--ink-muted);max-width:720px;font-size:.875rem;line-height:1.55}.about-seq{gap:calc(var(--space) * 2);padding:calc(var(--space) * 5);background:color-mix(in srgb, var(--deck) 55%, var(--panel));border:1px solid var(--edge);border-radius:var(--r-lg);flex-direction:column;max-width:100%;display:inline-flex;overflow-x:auto}.about-seq-row{align-items:center;gap:calc(var(--space) * 3);display:flex}.about-chip{--chip-color:var(--edge);color:var(--ink);background:color-mix(in srgb, var(--chip-color) 22%, var(--panel));border:1px solid color-mix(in srgb, var(--chip-color) 55%, transparent);border-radius:var(--r-pill);text-align:center;flex-shrink:0;width:64px;padding:4px 10px;font-size:.75rem;font-weight:600}.about-chip--ghost{background:0 0;border-color:#0000}.about-cells{gap:calc(var(--space) * 1.5);display:flex}.about-cell{--chip-color:var(--edge);border-radius:var(--r-sm);background:color-mix(in srgb, var(--edge) 70%, var(--panel));flex-shrink:0;width:24px;height:24px}.about-cell--beat{background:color-mix(in srgb, var(--edge) 100%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent)}.about-cell--on{background:var(--chip-color);box-shadow:0 0 8px 0 color-mix(in srgb, var(--chip-color) 50%, transparent)}.about-seq-ruler{align-items:center;gap:calc(var(--space) * 3);margin-top:calc(var(--space) * 1);display:flex}.about-tick{text-align:left;width:24px;color:var(--ink-muted);flex-shrink:0;font-size:.6875rem;font-weight:700}.about-flow{align-items:center;gap:calc(var(--space) * 2);padding:calc(var(--space) * 6);background:color-mix(in srgb, var(--deck) 55%, var(--panel));border:1px solid var(--edge);border-radius:var(--r-lg);flex-wrap:wrap;display:flex}.about-node{color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-md);padding:calc(var(--space) * 2.5) calc(var(--space) * 4);text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:.875rem;font-weight:600;display:inline-flex}.about-node small{color:var(--ink-muted);font-size:.6875rem;font-weight:500}.about-node b{color:var(--pulse);font-weight:700}.about-node--accent{border-color:color-mix(in srgb, var(--pulse) 60%, var(--edge));background:color-mix(in srgb, var(--pulse) 12%, var(--panel))}.about-node--out{border-color:color-mix(in srgb, var(--c-4) 60%, var(--edge));background:color-mix(in srgb, var(--c-4) 12%, var(--panel))}.about-arrow{color:var(--ink-muted);flex-shrink:0;align-items:center;display:inline-flex}.about-arrow svg{width:28px;height:14px}.about-cards{gap:calc(var(--space) * 4);margin-top:calc(var(--space) * 8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.about-card{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-lg);padding:calc(var(--space) * 6)}.about-card-title{color:var(--ink);margin:0 0 calc(var(--space) * 2);font-size:1.0625rem;font-weight:700}.about-card-body{color:var(--ink-muted);margin:0;font-size:.9375rem;line-height:1.55}.about-stack{gap:calc(var(--space) * 3);margin-top:calc(var(--space) * 6);flex-wrap:wrap;display:flex}.about-stack-item{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-md);padding:calc(var(--space) * 3) calc(var(--space) * 5);flex-direction:column;gap:2px;display:flex}.about-stack-label{color:var(--ink);font-size:.9375rem;font-weight:700}.about-stack-detail{color:var(--ink-muted);font-size:.75rem}.about-cta{margin-top:clamp(calc(var(--space) * 16), 10vw, calc(var(--space) * 28));padding:clamp(calc(var(--space) * 10), 7vw, calc(var(--space) * 16));text-align:center;background:color-mix(in srgb, var(--pulse) 10%, var(--panel));border:1px solid color-mix(in srgb, var(--pulse) 35%, var(--edge));border-radius:var(--r-lg)}.about-cta-title{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 calc(var(--space) * 6);font-size:clamp(1.4rem,4vw,2.1rem);font-weight:700}.about-cta-btn{color:var(--deck);background:var(--pulse);padding:calc(var(--space) * 3.5) calc(var(--space) * 8);border-radius:var(--r-pill);box-shadow:0 8px 28px 0 color-mix(in srgb, var(--pulse) 45%, transparent);transition:transform .16s var(--ease-spring,ease-out), box-shadow .16s var(--ease-out);font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.about-cta-btn:hover{box-shadow:0 12px 34px 0 color-mix(in srgb, var(--pulse) 55%, transparent);transform:translateY(-2px)}.about-footer{border-top:1px solid var(--edge);padding:calc(var(--space) * 8) clamp(calc(var(--space) * 4), 5vw, calc(var(--space) * 12));text-align:center;color:var(--ink-muted);font-size:.8125rem}@media (width<=599px){.about-cell,.about-tick{width:18px}.about-cell{height:18px}.about-chip{width:52px;font-size:.6875rem}.about-flow{flex-direction:column;align-items:stretch}.about-node{width:100%}.about-arrow{justify-content:center;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.about-cta-btn{transition:none}.about-cta-btn:hover{transform:none}}