:root{--ink:#1d2125;--ink2:#444;--ink3:#6b6b6b;--line:#bbb;--line2:#ddd;--fill:#f2f2f2;--fill2:#e6e6e6;--paper:#fff;--accent:#f2c23a;--warn:#8a1c1c}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button{font:inherit;cursor:pointer}.shell{flex-direction:column;min-height:100%;display:flex}.top{padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--fill);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.top .job{font-weight:600}.grow{flex:1}.muted{color:var(--ink3)}.pill{background:var(--ink);color:#fff;border-radius:999px;padding:3px 10px;font-size:13px}.pill.off{background:var(--paper);color:var(--ink);border:1.5px dashed var(--ink)}.badge{border:1.5px solid var(--ink2);border-radius:8px;padding:4px 8px;font-weight:700}.icon-btn{border:1.5px solid var(--warn);color:var(--warn);background:var(--paper);border-radius:8px;min-width:40px;min-height:36px}.banner{background:var(--ink);color:#fff;padding:10px 14px;font-weight:600}.body{flex-direction:column;flex:1;gap:14px;width:100%;max-width:900px;margin:0 auto;padding:22px;display:flex}.body.center{text-align:center;justify-content:center;align-items:center}.step{margin:0;font-size:22px;font-weight:600}.note{color:var(--ink3);margin:0;font-size:13px}.msg{max-width:420px;min-height:1.5em;margin:0;font-weight:600}.btn{border:1.5px solid var(--ink2);background:var(--paper);min-height:48px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.btn.big{min-height:64px;padding:14px 22px;font-size:18px}.btn.pri,.key.pri{background:var(--ink);color:#fff;border-color:var(--ink)}.btn:disabled,.key:disabled{opacity:.5}.who{flex-direction:column;gap:12px;width:min(420px,100%);display:flex}.who-btn{justify-content:flex-start}.dots{gap:12px;display:flex}.dot{border:2px solid var(--ink);border-radius:50%;width:22px;height:22px}.dot.opt{border-style:dashed;border-color:var(--line)}.dot.on{background:var(--ink);border-style:solid;border-color:var(--ink)}.keypad{grid-template-columns:repeat(3,84px);gap:12px;display:grid}.key{border:2px solid var(--ink2);background:var(--paper);height:72px;color:var(--ink);touch-action:manipulation;border-radius:10px;font-size:26px;font-weight:600}.key:active{background:var(--fill2)}.input{border:1.5px solid var(--line);font:inherit;color:var(--ink);background:var(--paper);border-radius:8px;padding:12px}.big-input{text-align:center;text-transform:uppercase;width:min(320px,100%);min-height:64px;font-size:22px}.note-box{resize:vertical;width:100%;min-height:260px;font-size:18px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.overlay{background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--paper);border-radius:12px;flex-direction:column;gap:16px;max-width:420px;padding:22px;font-size:18px;display:flex}.dialog p{margin:0}