:root{--palette-neutral-0: #FFFFFF;--palette-neutral-50: #FAFAFA;--palette-neutral-100: #F5F5F5;--palette-neutral-200: #E5E5E5;--palette-neutral-300: #D4D4D4;--palette-neutral-400: #A3A3A3;--palette-neutral-500: #737373;--palette-neutral-600: #525252;--palette-neutral-700: #404040;--palette-neutral-800: #262626;--palette-neutral-900: #171717;--palette-neutral-950: #0A0A0A;--palette-neutral-1000: #000000;--palette-green-subtle: #DCFCE7;--palette-green-base: #22C55E;--palette-green-strong: #15803D;--palette-red-subtle: #FEE2E2;--palette-red-base: #DC2626;--palette-red-strong: #991B1B;--color-surface-default: var(--palette-neutral-0);--color-surface-raised: var(--palette-neutral-0);--color-surface-sunken: var(--palette-neutral-50);--color-text-primary: var(--palette-neutral-1000);--color-text-secondary: var(--palette-neutral-700);--color-text-muted: var(--palette-neutral-500);--color-text-inverse: var(--palette-neutral-0);--color-text-on-status: var(--palette-neutral-0);--color-border-subtle: var(--palette-neutral-100);--color-border-default: var(--palette-neutral-200);--color-border-strong: var(--palette-neutral-400);--color-interactive-default: var(--palette-neutral-1000);--color-interactive-hover: var(--palette-neutral-800);--color-interactive-pressed: var(--palette-neutral-950);--color-status-valid: var(--palette-green-base);--color-status-valid-subtle: var(--palette-green-subtle);--color-status-valid-strong: var(--palette-green-strong);--color-status-invalid: var(--palette-red-base);--color-status-invalid-subtle: var(--palette-red-subtle);--color-status-invalid-strong: var(--palette-red-strong);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px}[data-mode=dark]{--color-surface-default: var(--palette-neutral-950);--color-surface-raised: var(--palette-neutral-900);--color-surface-sunken: var(--palette-neutral-1000);--color-text-primary: var(--palette-neutral-0);--color-text-secondary: var(--palette-neutral-300);--color-text-muted: var(--palette-neutral-500);--color-text-inverse: var(--palette-neutral-1000);--color-border-subtle: var(--palette-neutral-800);--color-border-default: var(--palette-neutral-700);--color-border-strong: var(--palette-neutral-500);--color-interactive-default: var(--palette-neutral-0);--color-interactive-hover: var(--palette-neutral-200);--color-interactive-pressed: var(--palette-neutral-100)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--color-surface-default);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{overflow:hidden}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.scanner-shell{height:100vh}.header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.header h1{margin:0;font-size:16px;font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.header--row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.me{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--color-text-secondary);text-decoration:underline;cursor:pointer}.signin{max-width:420px;margin:0 auto;padding:var(--space-8) var(--space-4);width:100%}.signin__title{margin:0 0 var(--space-2);font-size:22px;font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.signin__hint{margin:0 0 var(--space-6);color:var(--color-text-muted);font-size:14px}.label{display:block;font-size:12px;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);color:var(--color-text-secondary)}.input{display:block;width:100%;padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-primary);font:inherit;font-size:16px;margin-bottom:var(--space-4)}.input:focus{outline:2px solid var(--color-border-strong);outline-offset:0;border-color:var(--color-border-strong)}.button{appearance:none;display:inline-block;padding:var(--space-3) var(--space-4);background:var(--color-text-primary);color:var(--color-text-inverse);border:0;border-radius:var(--radius-md);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;width:100%}.button:disabled{opacity:.6;cursor:not-allowed}.button--alt{background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.error{color:var(--color-status-invalid-strong);font-size:13px;margin-top:var(--space-2)}.notice{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-raised);font-size:14px}.callback{display:flex;align-items:center;justify-content:center;padding:var(--space-8);font-size:14px;color:var(--color-text-muted)}.camera{position:relative;background:#000;overflow:hidden}.camera video{width:100%;height:100%;object-fit:cover;display:block}.camera--error video{display:none}.camera__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--space-4);padding-bottom:var(--space-8);pointer-events:none}.camera__frame{position:absolute;top:50%;left:50%;width:60vmin;height:60vmin;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.85);border-radius:var(--radius-lg);box-shadow:0 0 0 9999px #00000059}.camera__hint{position:relative;margin:0;padding:var(--space-2) var(--space-4);background:#000000b3;color:#fff;border-radius:var(--radius-md);font-size:14px}.footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-surface-default)}.typed{border:0;border-radius:var(--radius-lg);padding:0;background:var(--color-surface-raised);color:var(--color-text-primary);max-width:420px;width:calc(100% - 32px)}.typed::backdrop{background:#0009}.typed form{padding:var(--space-6)}.typed__title{margin:0 0 var(--space-2);font-size:18px;font-weight:var(--font-weight-semibold)}.typed__hint{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:13px}.typed__input{font-family:var(--font-mono);letter-spacing:.04em}.typed__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4)}.typed__row .button{width:auto}.result{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.result--ok{background:var(--color-status-valid);color:var(--color-text-on-status)}.result--bad{background:var(--color-status-invalid);color:var(--color-text-on-status)}.result__inner{text-align:center;padding:var(--space-6);max-width:720px}.result__sub{margin:0 0 var(--space-2);font-size:14px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.16em;opacity:.85}.result__headline{margin:0 0 var(--space-6);font-size:clamp(40px,9vw,72px);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.05}.result__detail{display:grid;gap:var(--space-2);margin:0 auto var(--space-6);max-width:480px;padding:0}.result__row{display:grid;grid-template-columns:120px 1fr;gap:var(--space-4);text-align:left;padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.25)}.result__row dt{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.85;margin:0}.result__row dd{margin:0;font-family:var(--font-mono);font-size:16px}.result__tap{margin:0;font-size:13px;opacity:.8}@media(prefers-color-scheme:dark){.result--ok{background:var(--color-status-valid);color:var(--color-text-on-status)}.result--bad{background:var(--color-status-invalid);color:var(--color-text-on-status)}}