:root{--font: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px;--radius-phone: 28px;--t-display: 34px;--t-title: 26px;--t-title-sm: 22px;--t-body-lg: 17px;--t-body: 15px;--t-label: 14px;--t-eyebrow: 12px;--bg: #EEF2F4;--surface: #FFFFFF;--sunken: #F4F7F8;--text: #17252B;--muted: #526068;--border: #D5DDE1;--accent: #0F766E;--accent-fg: #FFFFFF;--accent-soft: #E1F2F0;--ok: #1E7B45;--ok-bg: #E4F3EA;--warn: #8A5200;--warn-bg: #FBEFD9;--bad: #B3261E;--bad-bg: #FBE7E5;--focus: #0F766E}@media (prefers-color-scheme: dark){:root:not([data-mode=light]){--bg: #0B1214;--surface: #182226;--sunken: #121B1E;--text: #ECF1F3;--muted: #A3B3BA;--border: #2E3B41;--accent: #5ED3C4;--accent-fg: #0B1214;--accent-soft: #183A38;--ok: #7BD59A;--ok-bg: #183626;--warn: #F2C069;--warn-bg: #3C2E10;--bad: #F59B93;--bad-bg: #46201D;--focus: #5ED3C4}}:root[data-mode=dark]{--bg: #0B1214;--surface: #182226;--sunken: #121B1E;--text: #ECF1F3;--muted: #A3B3BA;--border: #2E3B41;--accent: #5ED3C4;--accent-fg: #0B1214;--accent-soft: #183A38;--ok: #7BD59A;--ok-bg: #183626;--warn: #F2C069;--warn-bg: #3C2E10;--bad: #F59B93;--bad-bg: #46201D;--focus: #5ED3C4}:root[data-scheme=meadow]{--bg: #F0F2EA;--sunken: #F5F6F0;--text: #1B1F1A;--muted: #5A6358;--border: #D6DBCE;--accent: #3B6D3E;--accent-soft: #E4EFE3;--ok: #2B7A3C;--ok-bg: #E3F2E4;--focus: #3B6D3E}:root[data-scheme=meadow][data-mode=dark]{--bg: #0F120E;--surface: #1B201A;--sunken: #151A14;--text: #EEF1EA;--muted: #A9B3A4;--border: #313A2F;--accent: #9AD39A;--accent-fg: #0F120E;--accent-soft: #233A24;--ok: #8ED89C;--ok-bg: #1D3722;--focus: #9AD39A}:root[data-scheme=ocean]{--bg: #EDF1F6;--sunken: #F3F6FA;--text: #13202E;--muted: #4F6072;--border: #D3DCE6;--accent: #1E5AA8;--accent-soft: #E2ECF8;--focus: #1E5AA8}:root[data-scheme=ocean][data-mode=dark]{--bg: #0A1017;--surface: #161F29;--sunken: #101821;--text: #EAF0F6;--muted: #A1B2C4;--border: #2A3745;--accent: #8CBCF4;--accent-fg: #0A1017;--accent-soft: #1E3350;--focus: #8CBCF4}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:var(--accent)}.pos-large{--t-display: 40px;--t-title: 30px;--t-title-sm: 26px;--t-body-lg: 20px;--t-body: 18px;--t-label: 17px;--t-eyebrow: 14px}.pos-screen{min-height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto;padding:var(--space-4) var(--space-5) var(--space-6);background:var(--surface)}@media (min-width: 600px){.pos-screen{min-height:0;margin:var(--space-6) auto;border-radius:var(--radius-phone);border:1px solid var(--border);box-shadow:0 12px 40px #0000001a}}.pos-eyebrow{font-size:var(--t-eyebrow);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pos-header{padding:var(--space-2) 0 var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.pos-progress{display:flex;gap:var(--space-1)}.pos-progress-dot{flex:1;height:6px;border-radius:3px;background:var(--border)}.pos-progress-dot.on{background:var(--accent)}.pos-title{font-size:var(--t-title);line-height:1.2;letter-spacing:-.01em;margin:0;font-weight:600}.pos-lead{color:var(--muted);margin:0;font-size:var(--t-body-lg);line-height:1.5}.pos-body{flex:1;display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--t-body-lg)}.pos-footer{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);position:sticky;bottom:0;background:linear-gradient(transparent,var(--surface) 30%)}.pos-btn{min-height:56px;min-width:44px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--t-body-lg);font-weight:600;border:1px solid transparent;cursor:pointer;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.pos-btn-primary{background:var(--accent);color:var(--accent-fg)}.pos-btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.pos-btn-quiet{background:transparent;color:var(--accent);min-height:44px;font-weight:600}.pos-btn[disabled]{background:var(--border);color:var(--muted);border-color:transparent;cursor:not-allowed}.pos-btn-quiet[disabled]{background:transparent}.pos-help{min-height:52px;border:1px dashed var(--border);background:var(--sunken);color:var(--text);border-radius:var(--radius-lg);font-size:var(--t-body);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.pos-help-hint{color:var(--muted);font-size:var(--t-label);margin:0;text-align:center}.pos-field{display:flex;flex-direction:column;gap:var(--space-2)}.pos-label{font-weight:600;font-size:var(--t-label)}.pos-hint{color:var(--muted);margin:0;font-size:var(--t-label)}.pos-input{min-height:56px;font-size:var(--t-body-lg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);letter-spacing:.02em;width:100%}.pos-input.is-ok{border-color:var(--ok)}.pos-input.has-error{border-color:var(--bad)}.pos-error{color:var(--bad);margin:0;font-weight:600;font-size:var(--t-body)}.pos-card{display:flex;gap:var(--space-3);align-items:flex-start;width:100%;min-height:64px;text-align:left;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.pos-card.on{border-color:var(--accent);background:var(--accent-soft)}.pos-card[disabled]{cursor:not-allowed}.pos-card-check{flex:0 0 28px;height:28px;border-radius:50%;border:2px solid var(--muted);display:grid;place-items:center}.pos-card-check.square{border-radius:var(--radius-sm)}.pos-card.on .pos-card-check{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.pos-card-main{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.pos-card-title{font-weight:600;font-size:var(--t-body-lg)}.pos-card-detail{color:var(--muted);font-size:var(--t-body)}.pos-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:var(--t-label);font-weight:600;width:fit-content;line-height:1.2}.pos-chip svg{width:16px;height:16px;flex:0 0 16px}.pos-chip-ok{background:var(--ok-bg);color:var(--ok)}.pos-chip-warn{background:var(--warn-bg);color:var(--warn)}.pos-chip-bad{background:var(--bad-bg);color:var(--bad)}.pos-chip-accent{background:var(--accent-soft);color:var(--accent)}.pos-chip-muted{background:var(--sunken);color:var(--muted)}.pos-banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:var(--t-body)}.pos-banner svg{width:20px;height:20px;flex:0 0 20px;margin-top:1px}.pos-banner-ok{background:var(--ok-bg);color:var(--ok)}.pos-banner-warn{background:var(--warn-bg);color:var(--warn)}.pos-banner-bad{background:var(--bad-bg);color:var(--bad)}.pos-banner-accent{background:var(--accent-soft);color:var(--accent)}.pos-banner-muted{background:var(--sunken);color:var(--text)}.pos-block{border-radius:var(--radius-lg);padding:var(--space-4);background:var(--sunken);color:var(--text);font-size:var(--t-body);line-height:1.5}.pos-list{display:flex;flex-direction:column;gap:var(--space-2)}.pos-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--t-body)}.pos-quick{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pos-quick .pos-btn{width:auto;min-height:48px;font-size:var(--t-body);font-weight:600;padding:var(--space-2) var(--space-4)}.pos-reply{background:var(--sunken);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--t-body-lg)}textarea.pos-input{min-height:96px;resize:vertical}.pos-display{font-size:var(--t-display);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:var(--space-2) 0}.pos-code{font-family:var(--mono);font-size:var(--t-display);font-weight:700;letter-spacing:.06em;text-align:center;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent)}.pos-steps{display:flex;flex-direction:column;gap:var(--space-2)}.pos-step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--sunken);font-size:var(--t-body-lg)}.pos-step.done{background:var(--accent);color:var(--accent-fg)}.pos-step.active{background:var(--accent-soft);color:var(--text);font-weight:700}.pos-step-dot{width:12px;height:12px;border-radius:50%;background:currentColor;flex:0 0 12px}.pos-timeout{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--warn-bg);color:var(--warn);font-weight:600;font-size:var(--t-body)}.pos-timeout .pos-btn{width:auto;min-height:44px;padding:var(--space-2) var(--space-4)}.pos-appearance{display:flex;gap:var(--space-2);align-items:flex-end}.pos-appearance label{display:flex;flex-direction:column;gap:2px}.pos-appearance select{min-height:40px;font-size:var(--t-label);padding:4px 8px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text)}.pos-scan{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#000;aspect-ratio:3 / 4;display:grid;place-items:center}.pos-scan video{width:100%;height:100%;object-fit:cover}.pos-scan-frame{position:absolute;inset:18% 14%;border:3px solid var(--accent);border-radius:var(--radius-lg);box-shadow:0 0 0 999px #00000059;pointer-events:none}.pos-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.pos-key{min-height:56px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--t-title-sm);font-weight:600;cursor:pointer}.pos-key.alt{background:var(--sunken);font-size:var(--t-body)}.pos-pin-dots{display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-3) 0}.pos-pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--muted)}.pos-pin-dot.on{background:var(--text);border-color:var(--text)}