:root{--canvas:#e6e9ea;--paper:#f1f3f4;--surface:#fff;--surface-sunk:#e4e9eb;--fill:#c9d0d3;--rule:#d8ddde;--rule-strong:#b6bec1;--ink:#1b2124;--ink-muted:#5b666b;--ink-faint:#8a9499;--accent:#4a7c93;--accent-tint:#dde7eb;--accent-ink:#2f5d70;--accent-strong:#c7d8e0;--accent-dark:#24505f;--accent-on-dark:#8fb3c4;--ok:#1e8e3e;--ok-tint:#e3f1e7;--warn:#c97a00;--warn-tint:#fbeeda;--warn-ink:#8a5400;--bad:#c5221f;--bad-tint:#f9e3e2;--hatch-line:#dde2e4;--hatch-gap:#e9edee;--hatch-week:repeating-linear-gradient(135deg, #dde2e4 0 6px, #e9edee 6px 12px);--hatch-month:repeating-linear-gradient(135deg, #dde2e4 0 8px, #e9edee 8px 16px);--font-ui:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-control:8px;--radius-pill:14px;--radius-device:24px;--radius-control-desk:6px;--h-primary:56px;--h-keypad:76px;--h-row:64px;--h-action:48px;--h-pill:28px;--h-slot:72px;--h-primary-desk:36px;--h-row-desk:44px}html{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;margin:0}*{box-sizing:border-box}.shell{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.shell-top{padding:max(12px, env(safe-area-inset-top)) 20px 12px;border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font:500 11px var(--font-mono);letter-spacing:.08em;color:var(--ink-muted)}.pill{height:var(--h-pill);border-radius:var(--radius-pill);background:var(--ok-tint);color:var(--ok);font:600 12px var(--font-ui);white-space:nowrap;align-items:center;padding:0 12px;display:inline-flex}.pill-offline{background:var(--surface-sunk);color:var(--ink-muted)}.shell-body{flex-direction:column;flex:1;gap:16px;padding:24px 20px 32px;display:flex}.shell-foot{padding:16px 20px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--rule)}.title{font:600 26px/1.2 var(--font-ui);margin:0}.lede{font:500 17px/1.4 var(--font-ui);margin:0}.step{font:500 11px var(--font-mono);letter-spacing:.08em;color:var(--ink-muted);margin:0}.note{font:15px/1.5 var(--font-ui);color:var(--ink-muted);margin:0}.hint{font:13px var(--font-ui);color:var(--ink-faint);text-align:center;margin:0}.error{font:15px/1.45 var(--font-ui);color:var(--bad);margin:0}.error.strong{background:var(--bad-tint);border-radius:var(--radius-control);padding:12px 14px}.points{font:15px/1.45 var(--font-ui);color:var(--ink-muted);flex-direction:column;gap:10px;margin:0;padding-left:20px;display:flex}.callout{background:var(--surface-sunk);border-radius:var(--radius-control);font:15px/1.5 var(--font-ui);color:var(--ink-muted);flex-direction:column;gap:12px;padding:16px;display:flex}.callout p{margin:0}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.label{font:500 11px var(--font-mono);letter-spacing:.08em;color:var(--ink-muted)}input{height:var(--h-primary);border:1px solid var(--rule-strong);border-radius:var(--radius-control);background:var(--surface);width:100%;color:var(--ink);font:17px var(--font-ui);padding:0 14px}input:focus{outline:2px solid var(--accent);outline-offset:-2px}.with-action{display:block;position:relative}.inline-action{height:var(--h-action);color:var(--accent);font:600 15px var(--font-ui);background:0 0;border:0;padding:0 12px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.btn{height:var(--h-primary);border-radius:var(--radius-control);width:100%;font:600 17px var(--font-ui);border:0}.btn-primary{background:var(--accent);color:var(--surface)}.btn-primary:disabled{background:var(--fill);color:var(--ink-faint)}.btn-secondary{background:var(--surface);color:var(--accent);border:1px solid var(--rule-strong)}.btn-text{height:var(--h-action);color:var(--accent);background:0 0}.pin-dots{justify-content:center;gap:14px;padding:12px 0;display:flex}.dot{border:1.5px solid var(--rule-strong);border-radius:50%;width:14px;height:14px}.dot-on{background:var(--ink);border-color:var(--ink)}.pin-dots-error .dot{border-color:var(--bad)}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.key{height:var(--h-keypad);border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:500 26px var(--font-ui)}.key:active{background:var(--surface-sunk)}.key-quiet{color:var(--accent);font:600 15px var(--font-ui);background:0 0;border-color:#0000}.key:disabled{color:var(--ink-faint)}.pill-warn{background:var(--warn-tint);color:var(--warn-ink)}.pill-bad{background:var(--bad-tint);color:var(--bad)}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-control);flex-direction:column;gap:12px;padding:16px;display:flex}.card-inside{border-color:var(--ok);background:var(--ok-tint)}.card-outside{border-color:var(--warn);background:var(--warn-tint)}.site-switch{flex-direction:column;gap:8px;display:flex}.site-choice{min-height:var(--h-row);border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--surface);font:16px var(--font-ui);color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0 14px;display:flex}.site-choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-ink)}.mono{font:13px var(--font-mono);color:var(--ink-muted)}.row-between{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.slot-row{width:100%;min-height:var(--h-slot);border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--surface);font:16px var(--font-ui);color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.quiet{color:var(--ink-faint)}.ok{color:var(--ok)}.warn{color:var(--warn-ink)}.bad{color:var(--bad)}.toggle{min-height:var(--h-row);border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--surface);font:16px var(--font-ui);align-items:center;gap:12px;padding:0 14px;display:flex}.toggle input{width:22px;height:22px}.reasons{gap:8px;display:flex}.chip{height:var(--h-pill);border:1px solid var(--rule-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-muted);font:600 13px var(--font-ui);padding:0 14px}.chip[aria-pressed=true]{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-ink)}.group{flex-direction:column;gap:6px;display:flex}.hint.left{text-align:left}.count-row{min-height:var(--h-row);border-bottom:1px solid var(--rule);font:16px var(--font-ui);justify-content:space-between;align-items:center;gap:12px;padding:0 4px 0 14px;display:flex}.count-zero{color:var(--ink-faint)}.stepper{align-items:center;gap:4px;display:flex}.stepper button{border:1px solid var(--rule-strong);border-radius:var(--radius-control);background:var(--surface);width:44px;height:44px;color:var(--ink);font:500 20px var(--font-ui)}.stepper button:disabled{color:var(--ink-faint)}.stepper input{text-align:center;width:56px;height:44px;font:500 17px var(--font-mono);padding:0}textarea{border:1px solid var(--rule-strong);border-radius:var(--radius-control);background:var(--surface);width:100%;color:var(--ink);font:16px var(--font-ui);resize:vertical;padding:12px 14px}.job-row{border-bottom:1px solid var(--rule);flex-direction:column;gap:6px;padding:12px 0;display:flex}.job-row:last-child{border-bottom:0}.job-title{font:500 16px var(--font-ui)}.job-meta{font:13px var(--font-ui);justify-content:space-between;align-items:baseline;gap:10px;display:flex}.bar{background:var(--fill);border-radius:4px;height:8px;display:block;position:relative;overflow:visible}.bar-fill{background:var(--accent);border-radius:4px;height:100%;display:block}.bar-ghost{background:var(--ink-faint);width:2px;height:14px;position:absolute;top:-3px}input[type=range]{width:100%;height:44px;accent-color:var(--accent)}