:root{--bg: #0c1410;--bg-2: #0f1a14;--panel: #13211a;--panel-2: #1a2c22;--border: #244033;--ink: #e7f1ea;--ink-dim: #9fb6a9;--tonic: hsl(147, 42%, 43%);--subdominant: hsl(202, 40%, 46%);--dominant: hsl(36, 58%, 49%);--radius: 14px;--tap: 44px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(120% 100% at 50% 0%,var(--bg-2),var(--bg));color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}#app{height:100vh;height:100dvh}button{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:8px 12px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:hover{border-color:var(--tonic)}button{-webkit-tap-highlight-color:transparent}button:focus{outline:none}button:focus-visible{outline:2px solid var(--tonic);outline-offset:2px}button.on{background:color-mix(in srgb,var(--tonic) 22%,var(--panel-2));border-color:var(--tonic);color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}