*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:none}::-webkit-scrollbar{display:none}:root{--color-bg:#ede8dc;--color-fg:#1e2028;--color-surface:#e2ddd3;--color-muted:#9a9680;--color-olive:#787845;--color-blue:#4472b4;--color-salmon:#e8a090;--color-purple:#9b6ba0;--color-teal:#4a9b9b;--color-chance:#5b7dba;--color-danger:#f87171;--danger-border:#f8717166;--danger-bg-hover:#f8717126;--lz-divider:#1e20280f;--lz-bg-hover:#1e20280f;--lz-border-subtle:#1e202814;--lz-bg-active:#1e202814;--lz-border:#1e20281a;--lz-border-mid:#1e20281f;--lz-bg-press:#1e202824;--lz-border-strong:#1e202826;--lz-text-hint:#1e202859;--lz-text-mid:#1e202880;--lz-step-border:#1e202880;--lz-text:#1e20288c;--lz-text-strong:#1e2028b3;--dz-divider:#ede8dc0f;--dz-bg-hover:#ede8dc14;--dz-border-subtle:#ede8dc1a;--dz-bg-active:#ede8dc1f;--dz-bg-press:#ede8dc26;--dz-border:#ede8dc26;--dz-border-mid:#ede8dc40;--dz-border-strong:#ede8dc4d;--dz-text-dim:#ede8dc59;--dz-btn-border:#ede8dc59;--dz-text-mid:#ede8dc8c;--dz-transport-border:#ede8dc73;--dz-text:#ede8dcb3;--dz-text-strong:#ede8dcd9;--dz-text-bright:#ede8dce6;--olive-bg-subtle:#78784514;--olive-bg:#78784526;--olive-border:#7878454d;--olive-border-strong:#78784566;--blue-bg-subtle:#4472b414;--blue-bg-playhead:#4472b421;--salmon-bg-scale:#e8a0900f;--salmon-bg-key:#e8a09014;--fs-min:8px;--fs-sm:9px;--fs-md:10px;--fs-lg:11px;--fs-base:12px;--radius-sm:4px;--radius-md:6px;--font-display:"Bebas Neue", "Anton", sans-serif;--font-data:"JetBrains Mono", "Fira Code", monospace}html,body,#app{overscroll-behavior:none;height:100%}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-data);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:12px;line-height:1.4}#app{flex-direction:column;display:flex}button{font-family:var(--font-data);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-olive);outline-offset:1px}.flip-host{perspective:80px}.flip-card{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;transition:transform .18s ease-out;display:flex;position:relative}.flip-card.flipped{transform:rotateY(180deg)}.flip-host:active .flip-card{transform:scale(.85)}.flip-host:active .flip-card.flipped{transform:rotateY(180deg)scale(.85)}.flip-card>.flip-face{backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flip-card>.flip-face.back{transform:rotateY(180deg)}@keyframes ph-glow{0%{filter:brightness(1.5)}to{filter:brightness()}}@keyframes vel-glow{0%{filter:brightness(1.5)}to{filter:brightness()}}.tap-pulse{background:var(--color-blue);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;animation:.2s ease-out forwards tap-pulse;position:fixed}@keyframes tap-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2)translateY(8px)}}@media (prefers-reduced-motion:reduce){.tap-pulse{animation:none;display:none}}