.dev-access-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg)}.dev-access-gate__panel{width:100%;max-width:22rem;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.dev-access-gate__title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dev-access-gate__hint{font-size:.875rem;color:var(--muted);margin-bottom:1.25rem;line-height:1.5}.dev-access-gate__form{display:flex;flex-direction:column;gap:.75rem}.dev-access-gate__input{width:100%;padding:.625rem .75rem;font:inherit;font-size:.9375rem;color:var(--fg);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.dev-access-gate__input:focus{outline:2px solid var(--accent-subtle);border-color:var(--accent)}.dev-access-gate__button{padding:.625rem 1rem;font:inherit;font-size:.9375rem;font-weight:500;color:white;background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer}.dev-access-gate__button:hover{background:var(--accent-hover)}.dev-access-gate__error{font-size:.8125rem;color:var(--warn)}:root{--bg:oklch(98.5% 0.003 250);--surface:oklch(100% 0 0);--fg:oklch(16% 0.014 260);--muted:oklch(50% 0.014 260);--muted-2:oklch(62% 0.012 260);--border:oklch(91% 0.005 260);--border-strong:oklch(85% 0.008 260);--accent:oklch(55% 0.19 265);--accent-hover:oklch(48% 0.19 265);--accent-subtle:oklch(96% 0.02 265);--surface-2:oklch(98% 0.004 260);--tint:oklch(96.5% 0.006 260);--good:oklch(56% 0.14 152);--good-subtle:oklch(96% 0.04 152);--warn:oklch(70% 0.12 65);--success:oklch(55% 0.14 155);--surface-hover:oklch(97.5% 0.004 260);--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;--font-mono:"SF Mono","JetBrains Mono",ui-monospace,Menlo,monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04),0 1px 4px rgba(0,0,0,0.03);--shadow-md:0 2px 8px rgba(0,0,0,0.06),0 4px 16px rgba(0,0,0,0.04);--shadow-lg:0 8px 32px rgba(0,0,0,0.08),0 16px 48px rgba(0,0,0,0.04)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{min-height:100%}body{background:var(--bg);color:var(--fg)}a{color:inherit;text-decoration:none}