:root{--ui-scale:.75;--text-sm:.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-display:3.5rem;--leading:1.45;--leading-tight:1.2;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:3rem;--radius-sm:.5rem;--radius:.875rem;--control-h:3.25rem;--control-h-sm:2.75rem;--measure:40rem;--tap-min:44px;--bg:#f6f4ee;--surface:#fff;--text:#1b1b1b;--text-muted:#5e5a52;--line:#e3ded3;--accent:#233044;--on-accent:#fff}@media (prefers-color-scheme:dark){:root{--bg:#111;--surface:#1c1c1e;--text:#f2f2f2;--text-muted:#a5a5aa;--line:#2c2c2e;--accent:#9db4d6;--on-accent:#111}}*,:before,:after{box-sizing:border-box}html{font-size:calc(var(--ui-scale) * 100%);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:var(--text-md) / var(--leading) var(--font-ui);margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input,select,textarea{font-size:max(16px,1em)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.ds-btn:active{transform:none}}.ds-app{min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex}.ds-page{width:100%;max-width:var(--measure);padding:var(--space-6) var(--space-4);flex:1;margin:0 auto}.ds-title{font-size:var(--text-xl);line-height:var(--leading-tight);margin:0 0 var(--space-1)}.ds-heading{font-size:var(--text-lg);line-height:var(--leading-tight);margin:var(--space-7) 0 var(--space-3)}.ds-sub{color:var(--text-muted);margin:0 0 var(--space-5)}.ds-muted{color:var(--text-muted)}.ds-small{font-size:var(--text-sm)}.ds-num{font-variant-numeric:tabular-nums}.ds-display{font-size:var(--text-display);font-weight:700;line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.ds-mono{font-family:var(--font-mono)}.ds-cards{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.ds-card{justify-content:center;gap:var(--space-1);min-height:max(var(--tap-min), 4rem);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:inherit;flex-direction:column;text-decoration:none;display:flex}.ds-card:active{background:var(--line)}.ds-card-title{font-weight:600}.ds-card-text{color:var(--text-muted);font-size:var(--text-sm)}.ds-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;overflow:hidden}.ds-row{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);display:flex}.ds-row:first-child{border-top:0}.ds-row>:first-child{color:var(--text-muted);margin:0}.ds-row>:last-child{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.ds-btn{min-height:max(var(--tap-min), var(--control-h));padding:0 var(--space-4);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;touch-action:manipulation;flex:1;font-weight:600}.ds-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ds-btn:active{transform:scale(.98)}.ds-seg{gap:var(--space-2);display:flex}.ds-seg>button{min-height:max(var(--tap-min), var(--control-h-sm));border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;touch-action:manipulation;flex:1;font-weight:500}.ds-seg>button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.ds-bar{gap:var(--space-3);width:100%;max-width:var(--measure);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--bg);margin:0 auto;display:flex;position:sticky;bottom:0}html,body{height:100%;overflow:hidden}body{overscroll-behavior:none}#view{touch-action:none;position:fixed;inset:0}#view canvas{width:100%;height:100%;display:block}.top{padding:calc(env(safe-area-inset-top) + var(--space-3)) calc(env(safe-area-inset-right) + var(--space-3)) 0 calc(env(safe-area-inset-left) + var(--space-3));pointer-events:none;position:fixed;top:0;left:0;right:0}.card{pointer-events:auto;max-width:var(--measure);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);margin:0 auto}.title{font-size:var(--text-lg);line-height:var(--leading-tight);margin:0 0 var(--space-1)}.sub{color:var(--text-muted);font-size:var(--text-sm);margin:0}.pick{font-size:var(--text-sm);margin:var(--space-2) 0 0;min-height:calc(var(--text-sm) * var(--leading) * 2);overflow-wrap:anywhere}.bar{gap:var(--space-2);padding:var(--space-3) calc(env(safe-area-inset-right) + var(--space-4)) calc(var(--space-3) + env(safe-area-inset-bottom)) calc(env(safe-area-inset-left) + var(--space-4));border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);display:grid;position:fixed;bottom:0;left:0;right:0}.bar>*{width:100%;max-width:var(--measure);margin:0 auto}.crank{align-items:center;gap:var(--space-3);min-height:var(--tap-min);font-size:var(--text-sm);display:flex}.crank>span{font-variant-numeric:tabular-nums;flex:none;min-width:6.5rem}.crank input{min-width:0;min-height:var(--tap-min);accent-color:var(--accent);flex:1;margin:0}.actions{gap:var(--space-3);display:flex}.actions .ds-btn{padding:0 var(--space-2)}.ds-btn:disabled{opacity:.5}.ds-btn[aria-pressed=true]:not(.ds-btn--primary){background:var(--line);border:2px solid var(--accent)}