:root{--ground: #F3F2EE;--surface: #FFFFFF;--surface-2: #FBFAF8;--ink-surface: #16191D;--ink-surface-2: #2A2F35;--ink: #16191D;--muted: #5A6169;--on-ink: #FFFFFF;--on-ink-muted: #C9CDD2;--line: #DAD8D2;--line-soft: #EFEDE8;--line-input: #A9A6A0;--track: #ECEBE7;--orange: #B4430E;--orange-soft: #FBE9DF;--orange-text: #8A3209;--blue: #1F5FA8;--blue-soft: #E8EEF6;--ok: #1F6B3A;--ok-soft: #E3F1E8;--t3: #1F5FA8;--t2: #4F86C6;--t1: #9AA3AD;--t0: #D9DCE0;--t2-badge: #2F6EB5;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 28px;--fs-num: 44px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--touch: 44px;--touch-md: 48px;--touch-lg: 72px;--radius: 2px;--focus: 3px solid var(--blue);font-family:var(--font);color:var(--ink);background:var(--ground)}*{box-sizing:border-box}body{margin:0;-webkit-tap-highlight-color:transparent;background:var(--ground)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;line-height:1.2}:focus-visible{outline:var(--focus);outline-offset:2px}.h1{font-size:var(--fs-2xl);font-weight:700}.h2{font-size:var(--fs-xl);font-weight:700}.h3{font-size:var(--fs-lg);font-weight:700}@media (min-width: 900px){.page:not(.phone) .h1{font-size:var(--fs-3xl)}}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.error{color:var(--orange-text);font-weight:700}.big-figure{font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:700;font-variant-numeric:tabular-nums}.topbar{position:sticky;top:0;z-index:10;background:var(--ink-surface);color:var(--on-ink);display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 14px;padding-top:max(var(--sp-2),env(safe-area-inset-top));min-height:52px}.brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;letter-spacing:.06em;text-decoration:none;color:var(--on-ink);min-height:var(--touch)}.brand-mark{width:26px;height:26px;background:var(--orange);color:var(--on-ink);display:grid;place-items:center;font-size:var(--fs-sm)}.topbar .view{color:var(--on-ink-muted);font-size:var(--fs-sm)}.spacer{flex:1}.banner{background:var(--ink-surface-2);color:#e3e5e8;padding:10px 14px;font-size:var(--fs-sm)}.chip{font-size:var(--fs-xs);font-weight:700;padding:5px 9px;border-radius:3px;white-space:nowrap}.chip-ok{background:var(--ok-soft);color:var(--ok)}.chip-wait{background:var(--orange-soft);color:var(--orange-text)}.chip-off{background:#3a3f45;color:var(--on-ink)}.chip-demo{background:var(--ink-surface-2);color:var(--on-ink-muted);border:1px solid #4A5058}.page{max-width:1100px;margin:0 auto;padding:var(--sp-4) 14px 48px;padding-bottom:max(48px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--sp-4)}.phone{max-width:480px}.card{background:var(--surface);border:1px solid var(--line);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.titlerow{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.divider{border-bottom:1px solid var(--line-soft)}.btn{min-height:var(--touch-md);padding:0 var(--sp-4);border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);font-weight:700;font-size:var(--fs-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2)}.btn-ink{background:var(--ink);color:var(--on-ink)}.btn-orange{background:var(--orange);border-color:var(--orange);color:var(--on-ink)}.btn-blue{background:var(--blue);border-color:var(--blue);color:var(--on-ink)}.btn-big{min-height:var(--touch-lg);font-size:var(--fs-lg);flex-direction:column;gap:var(--sp-1)}.btn-sm{min-height:var(--touch);font-size:var(--fs-sm);padding:0 var(--sp-3)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{border-color:var(--line)}.btn:active:not(:disabled){transform:translateY(1px)}.linkbtn{background:none;border:0;color:var(--blue);font-weight:700;min-height:var(--touch);padding:0 var(--sp-1)}.input{min-height:var(--touch-md);padding:10px var(--sp-3);border:1px solid var(--line-input);border-radius:var(--radius);background:var(--surface);width:100%;font-size:var(--fs-md)}textarea.input{min-height:88px}.code-input{font-size:var(--fs-2xl);letter-spacing:.3em}.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2)}.bignum{font-size:var(--fs-num);font-weight:700;text-align:center}.bar{height:8px;background:var(--track);display:flex;overflow:hidden}.bar>span{display:block;height:100%}.tier{font-size:11px;font-weight:700;padding:3px 6px;border-radius:var(--radius);white-space:nowrap}.tier-E3{background:var(--t3);color:var(--on-ink)}.tier-E2{background:var(--t2-badge);color:var(--on-ink)}.tier-E1{background:#e6e8eb;color:#2e343a}.tier-E0{background:#f1f2f4;color:var(--muted);border:1px dashed var(--t1)}.listrow{display:flex;align-items:center;gap:10px;min-height:56px;border-bottom:1px solid var(--line-soft);padding:6px 0}.listrow:last-child{border-bottom:0}.unit-done{color:var(--ok);font-weight:700}.thumb{width:56px;height:56px;object-fit:cover;border:1px solid var(--line);flex:none}.flag{border-left:6px solid var(--orange)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:var(--sp-2) 6px;border-bottom:1px solid var(--line)}.table td{padding:10px 6px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.scroll{overflow-x:auto}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.key{min-height:76px;font-size:30px;font-weight:700;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius)}.key:active:not(:disabled){background:var(--ink);color:var(--on-ink)}.pin-dots{display:flex;justify-content:center;gap:var(--sp-4);margin:var(--sp-2) 0}.pin-dots span{width:20px;height:20px;border-radius:50%;border:2px solid var(--ink)}.pin-dots span.on{background:var(--ink)}video.cam{width:120px;height:90px;object-fit:cover;background:#222;border:2px solid var(--ink)}.confirm{font-size:22px;font-weight:700;text-align:center;padding:28px var(--sp-3)}.info-btn{width:var(--touch);height:var(--touch);min-width:var(--touch);border-radius:50%;border:0;background:transparent;position:relative;font:italic 700 15px Georgia,serif;color:var(--ink);vertical-align:middle;margin:-12px -6px -12px 0;padding:0}.info-btn:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:2px solid currentColor;border-radius:50%}.info-btn:focus-visible{outline:var(--focus);outline-offset:-4px}.info-sheet{border:0;padding:0;margin:auto auto 0;width:100%;max-width:560px;background:var(--surface);color:var(--ink)}.info-sheet::backdrop{background:#16191d8c}.info-body{padding:var(--sp-5) 18px calc(var(--sp-5) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--sp-3);font-size:var(--fs-md);line-height:1.5}.info-body h2{font-size:var(--fs-xl)}.info-body p{margin:0}@media (min-width: 700px){.info-sheet{margin:auto}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.btn:active{transform:none}}