: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)}*,*: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-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.qr{width:100%;display:flex;justify-content:center}.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{background:var(--color-surface-sunken);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4)}.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{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--color-border-default);border-radius:var(--radius-md)}.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)}