: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-base: #22C55E;--palette-green-subtle: color-mix(in oklab, var(--palette-green-base) 15%, white);--palette-green-strong: color-mix(in oklab, var(--palette-green-base) 65%, black);--palette-red-base: #DC2626;--palette-red-subtle: color-mix(in oklab, var(--palette-red-base) 12%, white);--palette-red-strong: color-mix(in oklab, var(--palette-red-base) 70%, black);--palette-blue-base: #0c06ac;--palette-blue-subtle: color-mix(in oklab, var(--palette-blue-base) 12%, white);--palette-blue-strong: color-mix(in oklab, var(--palette-blue-base) 70%, black)}:root,[data-theme=default]{--color-fg: var(--palette-neutral-1000);--color-bg: var(--palette-neutral-0);--color-accent: var(--palette-blue-base);--color-accent-fg: var(--palette-neutral-0)}[data-theme=dark],[data-mode=dark]{--color-fg: var(--palette-neutral-0);--color-bg: var(--palette-neutral-950);--color-accent: color-mix(in oklab, var(--palette-blue-base) 55%, white);--color-accent-fg: var(--palette-neutral-0)}:root{--color-surface-default: var(--color-bg);--color-surface-raised: color-mix(in srgb, var(--palette-neutral-0) 4%, var(--color-bg));--color-surface-sunken: color-mix(in srgb, var(--palette-neutral-1000) 3%, var(--color-bg));--color-text-primary: var(--color-fg);--color-text-secondary: color-mix(in srgb, var(--color-fg) 75%, var(--color-bg));--color-text-muted: color-mix(in srgb, var(--color-fg) 45%, var(--color-bg));--color-text-inverse: var(--color-bg);--color-text-on-status: var(--palette-neutral-0);--color-text-on-brand: var(--color-accent-fg);--color-border-subtle: color-mix(in srgb, var(--color-fg) 6%, transparent);--color-border-default: color-mix(in srgb, var(--color-fg) 12%, transparent);--color-border-strong: color-mix(in srgb, var(--color-fg) 35%, transparent);--color-interactive-default: var(--color-fg);--color-interactive-hover: color-mix(in srgb, var(--color-fg) 88%, var(--color-bg));--color-interactive-pressed: color-mix(in srgb, var(--color-fg) 95%, var(--color-bg));--color-interactive-brand: var(--color-accent);--color-interactive-brand-hover: color-mix(in oklab, var(--color-accent) 90%, var(--color-fg));--color-interactive-brand-pressed: color-mix(in oklab, var(--color-accent) 75%, var(--color-fg));--color-interactive-brand-subtle: color-mix(in oklab, var(--color-accent) 14%, var(--color-bg));--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-0_5: 2px;--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: 6px;--radius-lg: 8px}[data-domain=product]{--space-0_5: 2px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px}[data-domain=marketing]{--space-0_5: 2px;--space-8: clamp(32px, 1.75rem + 1vw, 56px);--space-12: clamp(56px, 2.5rem + 3vw, 112px);--space-16: clamp(80px, 3rem + 5vw, 160px)}.pane{background:var(--color-surface-sunken);border-radius:20px}.pane__header,.pane__footer{padding-block:.9cap;padding-inline:clamp(12px,2vw,24px)}.pane__slot{background:var(--color-surface-default);border-radius:16px;margin:4px;box-shadow:inset 0 1px .5px #ffffff0d,0 2px 2px -1px #0000000f,0 4px 4px -2px #0000000a,0 0 0 1px #0000001a;padding:var(--space-4) var(--space-6)}.pane__slot:has(+.pane__slot){margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.pane__slot+.pane__slot{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.pane__slot--tall{padding:var(--space-12) var(--space-6)}.pane__slot--slim{padding:var(--space-2) var(--space-4)}.pane__slot--none{padding:0}*,*: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;-webkit-tap-highlight-color:transparent}.shell{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-4);gap:var(--space-4);max-width:480px;margin:0 auto}.shell--center{align-items:center;justify-content:center;text-align:center}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-default)}.brand{margin:0;font-size:28px;font-weight:var(--font-weight-bold);letter-spacing:-.02em}.brand--small{font-size:16px;font-weight:var(--font-weight-bold);letter-spacing:-.01em}.conn{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}.conn--online{color:var(--color-status-valid-strong);border-color:var(--color-status-valid-strong)}.conn--offline{color:var(--color-status-invalid-strong);border-color:var(--color-status-invalid-strong)}.conn--stale{color:var(--color-text-muted);border-color:var(--color-border-default)}.status{font-family:var(--font-mono);font-size:14px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken);border:1px solid var(--color-border-default);line-height:1.4}.status--info{color:var(--color-text-primary)}.status--ok{color:var(--color-status-valid-strong)}.status--bad{color:var(--color-status-invalid-strong)}.status p{margin:var(--space-2) 0 0;font-size:13px;color:var(--color-text-muted)}.qr{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.qr img{width:100%;max-width:320px;height:auto;display:block;image-rendering:pixelated;border-radius:var(--radius-sm)}.rotation{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.backup{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:var(--space-2);border-top:1px dashed var(--color-border-default);width:100%}.backup__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.backup__code{font-family:var(--font-mono);font-size:32px;letter-spacing:.16em;font-weight:var(--font-weight-bold)}.context__loading{margin:0;font-size:13px;color:var(--color-text-muted)}.ctx{margin:0;display:grid;gap:var(--space-3)}.ctx>div{display:grid;grid-template-columns:110px 1fr;gap:var(--space-3);align-items:baseline}.ctx dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.ctx dd{margin:0;font-size:15px;font-weight:var(--font-weight-medium)}.selfie__label{display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:var(--font-weight-medium)}.selfie__hint{font-size:12px;color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.selfie__input{font-family:var(--font-sans);font-size:13px;padding:var(--space-2) 0}.selfie__status{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);min-height:1.2em}.selfie__status--ok{color:var(--color-status-valid-strong)}.footer{margin-top:auto;padding-top:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border-default)}.footer__exp{margin:0;font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono)}.btn{font-family:var(--font-sans);font-size:13px;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:transparent;color:var(--color-text-muted);cursor:pointer;-webkit-appearance:none}.btn:active{opacity:.7}.btn--ghost:hover{color:var(--color-text-primary)}.kyc-title{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}.kyc-lede{margin:0;font-size:14px;color:var(--color-text-muted);line-height:1.45}.kyc-reviewer-note{margin:0;padding:var(--space-3);font-size:14px;line-height:1.45;color:var(--color-text-primary);background:var(--color-status-invalid-subtle);border-left:3px solid var(--color-status-invalid-strong);border-radius:var(--radius-sm)}.kyc-reviewer-note strong{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-status-invalid-strong);margin-bottom:var(--space-1)}.kyc-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:13px;color:var(--color-text-secondary)}.kyc-field small{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:var(--space-1)}.kyc-field input[type=text],.kyc-field input[type=tel],.kyc-field input[type=date],.kyc-field select{width:100%;padding:var(--space-2) var(--space-3);font-size:16px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-default);color:var(--color-text-primary);-webkit-appearance:none;appearance:none}.kyc-field input[type=file]{font-size:14px;padding:var(--space-2) 0}.kyc-field--inline{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.kyc-field--inline legend{font-size:13px;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.kyc-field--inline label{display:inline-flex;align-items:center;gap:var(--space-1);margin-right:var(--space-3);font-size:14px;color:var(--color-text-primary)}.kyc-field--inline small{color:var(--color-text-muted);font-size:12px;margin-left:var(--space-1)}.kyc-photo{display:flex;flex-direction:column;gap:var(--space-2)}.kyc-photo__preview{width:100%;max-height:180px;object-fit:contain;border-radius:var(--radius-sm);background:var(--palette-neutral-100, #f4f4f5)}.header--row{display:flex;justify-content:space-between;align-items:center}.pickup-cta{padding:var(--space-3, 12px) 0}.btn--primary{display:block;width:100%;padding:14px 16px;font-size:1.05rem;font-weight:600;border:0;border-radius:12px;background:var(--color-text-primary, #000);color:var(--color-surface-default, #fff);cursor:pointer}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.linkbtn{background:none;border:0;padding:0;color:var(--color-text-muted, #666);text-decoration:underline;cursor:pointer;font:inherit}.camera{position:relative;width:100%;aspect-ratio:3 / 4;background:#000;overflow:hidden;border-radius:12px;margin-top:16px}.camera video{width:100%;height:100%;object-fit:cover}.camera__overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:16px}.camera__frame{position:absolute;inset:20%;border:2px solid rgba(255,255,255,.85);border-radius:12px}.camera__hint{margin:0;color:#fff;background:#0000008c;padding:6px 12px;border-radius:999px;font-size:.92rem}.camera--error{background:#2a1010}.result{position:fixed;inset:0;background:var(--color-surface-default, #fff);z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;text-align:center}[hidden]{display:none!important}.result--ok{background:#e8f6ec}.result--bad{background:#fbe9e7}.result__heading{font-size:1.5rem;margin:0 0 8px}.result__sub{margin:0 0 16px;color:var(--color-text-secondary, #444)}.result__pickup{font-family:ui-monospace,SFMono-Regular,monospace;font-size:3.2rem;letter-spacing:.12em;margin:16px 0}.result__hint{font-size:.85rem;color:var(--color-text-muted, #666)}.button{display:inline-block;padding:12px 22px;margin-top:12px;background:var(--color-text-primary, #000);color:var(--color-surface-default, #fff);border:0;border-radius:10px;font-size:1rem;cursor:pointer}