:root{--bg: #f5f1eb;--bg-alt: #faf8f5;--bg-stripe: #ede8e0;--surface: #ffffff;--fg: #191918;--muted: rgba(25, 25, 24, .6);--border: rgba(25, 25, 24, .12);--border-strong: rgba(25, 25, 24, .24);--accent: #191918;--accent-fg: #ffffff;--danger: #b00020;--danger-bg: #fef2f2;--danger-border: #fecaca;--warning: #92400e;--warning-bg: #fffbeb;--warning-border: #fbbf24;--success: #0a7a2f;--status-ok: #16a34a;--status-ok-soft: rgba(22, 163, 74, .33);--status-warn: #d97706;--status-warn-soft: rgba(217, 119, 6, .33);--status-err: #dc2626;--status-err-soft: rgba(220, 38, 38, .33);--status-idle: #9ca3af;--serif: "Source Serif 4", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-pill: 100px;--radius-card: 16px;--radius-input: 10px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #171614;--bg-alt: #201e1b;--bg-stripe: #2a2723;--surface: #201e1b;--fg: #f5f1eb;--muted: rgba(245, 241, 235, .58);--border: rgba(245, 241, 235, .14);--border-strong: rgba(245, 241, 235, .28);--accent: #f5f1eb;--accent-fg: #191918;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--danger-border: rgba(248, 113, 113, .32);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--warning-border: rgba(251, 191, 36, .32);--success: #4ade80;--status-ok: #4ade80;--status-ok-soft: rgba(74, 222, 128, .33);--status-warn: #fbbf24;--status-warn-soft: rgba(251, 191, 36, .33);--status-err: #f87171;--status-err-soft: rgba(248, 113, 113, .33);--status-idle: rgba(245, 241, 235, .42)}}:root[data-theme=dark]{--bg: #171614;--bg-alt: #201e1b;--bg-stripe: #2a2723;--surface: #201e1b;--fg: #f5f1eb;--muted: rgba(245, 241, 235, .58);--border: rgba(245, 241, 235, .14);--border-strong: rgba(245, 241, 235, .28);--accent: #f5f1eb;--accent-fg: #191918;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--danger-border: rgba(248, 113, 113, .32);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--warning-border: rgba(251, 191, 36, .32);--success: #4ade80;--status-ok: #4ade80;--status-ok-soft: rgba(74, 222, 128, .33);--status-warn: #fbbf24;--status-warn-soft: rgba(251, 191, 36, .33);--status-err: #f87171;--status-err-soft: rgba(248, 113, 113, .33);--status-idle: rgba(245, 241, 235, .42)}:root{color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark}}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;color:#111827;background:#fff}.gate-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:32px}@media (max-width: 480px){.gate-card{padding:24px 20px;border-radius:0;border-left:none;border-right:none;max-width:100%}}