:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:400;color-scheme:dark light;--bg: #161616;--bg-gradient: radial-gradient(at 100% 100%, hsla(265, 80%, 75%, .18) 0px, transparent 50%), radial-gradient(at 100% 0%, hsla(272, 86%, 55%, .18) 0px, transparent 50%), radial-gradient(at 0% 18%, hsla(223, 79%, 66%, .18) 0px, transparent 50%);--fg: #ffffff;--fg-secondary: #a1a1a5;--muted: #7c7c80;--panel: #1a1a1a;--panel-alt: #232323;--border: #313131;--border-strong: #434344;--input: #232323;--accent: #890eed;--accent-hover: #9b25f5;--accent-fg: #ffffff;--focus-ring: rgba(137, 14, 237, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .35);--radius: .8rem;--radius-sm: .5rem;color:var(--fg);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--fg);font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{letter-spacing:-.01em}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}@media(prefers-color-scheme:light){:root{--bg: #fcfcfc;--bg-gradient: radial-gradient(at 100% 100%, hsla(265, 80%, 75%, .25) 0px, transparent 50%), radial-gradient(at 100% 0%, hsla(272, 86%, 55%, .15) 0px, transparent 50%), radial-gradient(at 0% 18%, hsla(223, 79%, 66%, .2) 0px, transparent 50%);--fg: #1d1d1f;--fg-secondary: #414143;--muted: #5c5c5d;--panel: #ffffff;--panel-alt: #f6f6f6;--border: #e8e8e8;--border-strong: #ddd;--input: #f6f6f6;--accent: #4b19d6;--accent-hover: #3d13b3;--accent-fg: #ffffff;--focus-ring: rgba(75, 25, 214, .25);--shadow: 0 1px 2px rgba(32, 33, 36, .06), 0 10px 30px rgba(32, 33, 36, .08)}}.page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.panel{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}.title{margin:8px 0 12px;font-size:24px;font-weight:600;line-height:1.25;color:var(--fg)}.subtitle{margin:0 0 24px;color:var(--fg-secondary);font-size:15px;line-height:1.5}.form{display:grid;gap:12px;width:100%}.form label{font-weight:600;font-size:14px;color:var(--fg-secondary)}.controls{display:grid;grid-template-columns:1fr auto;gap:10px}.input{appearance:none;background:var(--input);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:15px;font-family:inherit;transition:border-color .15s ease}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted)}.code-boxes{display:flex;gap:8px;justify-content:center}.code-box{appearance:none;width:48px;height:56px;background:var(--input);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:24px;font-weight:600;text-align:center;text-transform:uppercase;caret-color:var(--accent)}.code-box:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.button{appearance:none;width:100%;border:1px solid transparent;background:var(--accent);color:var(--accent-fg);border-radius:var(--radius);padding:12px 18px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .15s ease,transform .05s ease}.button:hover{background:var(--accent-hover)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed}.greeting{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);width:100%;min-height:24px;color:var(--fg);font-size:14px}.logout-button{margin-top:16px;background:transparent;color:var(--fg-secondary);border:1px solid var(--border)}.logout-button:hover{background:var(--panel-alt);color:var(--fg)}.experimental-warning{width:100%;margin:0 0 20px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-alt);color:var(--fg-secondary);font-size:13px;line-height:1.5;text-align:left}.experimental-warning strong{color:var(--fg)}.cli-hint{width:100%;margin:0 0 20px;text-align:left}.cli-hint-label{margin:0 0 8px;color:var(--fg-secondary);font-size:13px;line-height:1.5}.cli-hint-command{margin:0;padding:12px 14px;background:var(--panel-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.4;overflow-x:auto;white-space:pre}