: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;-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)}