:root{--cream:#fdf6e9;--cream-dark:#f5ebd8;--warm-white:#fffaf5;--vinyl:#1a1a1a;--vinyl-groove:#2d2d2d;--label-red:#c84b4b;--label-orange:#e07b39;--label-gold:#d4a853;--label-teal:#4a9b8c;--espresso:#3d2e2a;--mocha:#5c4742;--walnut:#7a5f55;--sand:#b8a898;--bg:var(--cream);--bg2:var(--warm-white);--bg3:var(--cream-dark);--border:var(--sand);--text:var(--espresso);--text2:var(--walnut);--accent:var(--label-teal);--accent2:#3a7b6c;--danger:var(--label-red);--radius:16px;--tab-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{flex-direction:column;max-width:768px;margin:0 auto;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;font-size:1rem}input[type=range]{-webkit-appearance:none;background:var(--cream-dark);border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--label-teal);cursor:pointer;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 2px 6px #00000026}input[type=range]::-webkit-slider-runnable-track{border-radius:3px;height:6px}