:root{--color-bg:var(--paper);--color-surface:var(--paper);--color-text:var(--ink);--color-text-secondary:var(--slate);--color-border:#5a647233;--color-focus:var(--signal);--radius:4px;--touch-min:48px;--touch-field:56px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}@media (prefers-color-scheme:dark){:root{--color-bg:var(--ink);--color-surface:var(--ink);--color-text:var(--paper);--color-text-secondary:#9aa4b2;--color-border:#f5f6f433;--signal:#cf9c52}}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}h1,h2,h3,p{margin:0}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:var(--text-base);color:inherit;min-height:var(--touch-min)}button{cursor:pointer;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);padding:0 var(--space-4)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);padding:0 var(--space-3)}textarea{padding:var(--space-3)}label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.transition-dim{transition:opacity .2s,color .2s}}
