:root{--background: oklch(14.5% 0 0);--foreground: oklch(97% 0 0);--card: oklch(.2686 .015 270);--card-foreground: oklch(.9219 0 0);--primary: oklch(14.5% 0 0);--primary-foreground: oklch(1 0 0);--secondary-background: oklch(20.5% 0 0);--secondary-foreground: oklch(92.2% 0 0);--muted: oklch(.2686 .008 270);--muted-foreground: oklch(.7155 .01 270);--placeholder: oklch(.4 .012 270);--destructive: oklch(.65 .25 25);--destructive-foreground: oklch(.98 .01 25);--success: oklch(.65 .18 145);--warning: oklch(.75 .15 85);--border: oklch(.3715 .005 270);--control-field-background: oklch(25.5% 0 0 / .72);--control-field-background-hover: oklch(28% 0 0 / .78);--control-field-border: oklch(39% 0 0 / .65);--control-field-border-hover: oklch(44% 0 0 / .7);--control-field-focus-border: oklch(58% 0 0 / .75);--control-field-focus-ring: oklch(63% 0 0 / .22);--ring: oklch(.6231 .188 259.8145);--font-heading: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--radius: .375rem;color:var(--foreground);background:var(--background);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--foreground);background:var(--background)}button,input{font:inherit}button,a,input{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,opacity .15s ease}.shell{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:var(--background)}.panel{width:min(100%,560px);padding:24px;border:1px solid var(--border);border-radius:var(--radius);color:var(--card-foreground);background:var(--card);box-shadow:0 1px 2px #0000000d}.panelNarrow{width:min(100%,420px)}.panelWide{width:min(100%,672px);padding:24px;border:0;background:transparent;box-shadow:none}.mark{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius);margin-bottom:0;color:var(--foreground);background:var(--secondary-background)}.warning{color:var(--warning);background:color-mix(in oklch,var(--warning) 16%,transparent)}.success{color:var(--success);background:color-mix(in oklch,var(--success) 16%,transparent)}.loading{margin-bottom:24px}.spin{animation:spin .9s linear infinite}.eyebrow{margin:0 0 10px;color:var(--muted-foreground);font-size:12px;font-weight:600;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:var(--foreground);font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.2;letter-spacing:0;text-wrap:balance}.lead{margin:8px 0 0;color:var(--muted-foreground);font-size:14px;line-height:1.5}.lead.compact{margin-top:4px}.authHeader{display:grid;gap:16px}.details{display:grid;gap:12px;margin:24px 0;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:transparent}.details.flush{margin:18px 0}.details div{display:grid;gap:4px}.details span,label{color:var(--muted-foreground);font-size:13px}.details strong{color:var(--foreground);font-size:15px;font-weight:500;overflow-wrap:anywhere}.form{display:grid;gap:12px}.fieldGroup{display:grid;gap:8px}.inputWrap{position:relative}.inputIcon{position:absolute;left:12px;top:50%;color:var(--muted-foreground);pointer-events:none;transform:translateY(-50%)}.inputAction{position:absolute;right:4px;top:50%;width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius);color:var(--muted-foreground);background:transparent;cursor:pointer;transform:translateY(-50%)}.inputAction:hover{color:var(--foreground)}input{width:100%;height:36px;padding:0 12px;border:1px solid var(--control-field-border);border-radius:var(--radius);color:var(--foreground);background:var(--control-field-background);outline:none;font-size:14px}.inputWrap input{padding-left:40px}.inputWrap input[type=password],.inputWrap input[type=text]{padding-right:40px}input::placeholder{color:var(--placeholder)}input:hover{border-color:var(--control-field-border-hover);background:var(--control-field-background-hover)}input:focus{border-color:var(--control-field-focus-border);box-shadow:0 0 0 1px var(--control-field-focus-ring)}.button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);color:var(--primary-foreground);background:var(--primary);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer}.button:hover{background:var(--background)}.button.danger{color:var(--destructive-foreground);background:var(--destructive)}.button.danger:hover{background:color-mix(in oklch,var(--destructive) 90%,black)}.button.secondary{color:var(--secondary-foreground);background:var(--secondary-background)}.button.secondary:hover{background:color-mix(in oklch,var(--secondary-background) 82%,white)}.button:disabled,.inputAction:disabled,.iconButton:disabled{cursor:not-allowed;opacity:.5}.topSpace{margin-top:24px}.stack{display:grid;gap:14px;margin-top:18px}.divider{position:relative;display:flex;align-items:center;justify-content:center;min-height:20px;color:var(--muted-foreground);font-size:12px;text-transform:uppercase}.divider:before{position:absolute;left:0;right:0;height:1px;background:var(--border);content:""}.divider span{position:relative;padding:0 8px;background:var(--card)}.googleLogo{width:20px;height:20px}.codeBlock{display:grid;gap:8px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);background:var(--background);font-family:var(--font-mono);font-size:13px;overflow-wrap:anywhere}.notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground);background:color-mix(in oklch,var(--secondary-background) 70%,transparent);font-size:13px;line-height:1.5}.notice p{margin:0;color:var(--card-foreground)}.notice svg{flex:0 0 auto;margin-top:1px}.sameAccountNotice{border-color:color-mix(in oklch,var(--success) 24%,var(--border));color:var(--success);background:color-mix(in oklch,var(--success) 9%,transparent)}.warningNotice{border-color:color-mix(in oklch,var(--warning) 28%,var(--border));color:var(--warning);background:color-mix(in oklch,var(--warning) 10%,transparent)}.linkButton{padding:0;border:0;color:var(--muted-foreground);background:transparent;text-align:center;text-decoration:none;font-size:14px;cursor:pointer}.linkButton:hover{color:var(--foreground);text-decoration:underline}.accountHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.iconButton{width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:var(--radius);color:var(--secondary-foreground);background:var(--secondary-background);cursor:pointer}.iconButton:hover{background:color-mix(in oklch,var(--secondary-background) 82%,white)}.cardGrid{display:grid;grid-template-columns:1fr;gap:24px}.card{display:grid;align-content:start;gap:18px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);color:var(--card-foreground);background:var(--card);box-shadow:0 1px 2px #0000000d}.dangerCard{border-color:color-mix(in oklch,var(--destructive) 30%,var(--border))}.cardTitle{display:flex;align-items:center;gap:10px;color:var(--foreground)}.cardTitle h2{margin:0;font-family:var(--font-heading);font-size:24px;font-weight:600;line-height:1}.metric{display:grid;gap:6px}.metric span{color:var(--muted-foreground);font-size:13px}.metric strong{color:var(--foreground);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.metric p,.bodyText{margin:0;color:var(--muted-foreground);font-size:14px;line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:10px;align-self:end}.error{margin:0;color:var(--destructive);font-size:14px}.successText{margin:0;color:var(--success);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.shell{padding:20px 12px}.panel,.panelWide{padding:20px}.accountHeader{align-items:stretch;flex-direction:column}.actions{flex-direction:column}}