*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;overflow:hidden;line-height:1.4;font-family:var(--font-ui);font-size:var(--fs-base);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;letter-spacing:0;color:var(--ink);background:var(--bg)}#app{height:100vh;overflow:hidden}input,textarea,select,button{font-family:inherit;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}:root{--sol-base03: #002b36;--sol-base02: #073642;--sol-base01: #586e75;--sol-base00: #657b83;--sol-base0: #839496;--sol-base1: #93a1a1;--sol-base2: #eee8d5;--sol-base3: #fdf6e3;--sol-yellow: #b58900;--sol-orange: #cb4b16;--sol-red: #dc322f;--sol-magenta: #d33682;--sol-violet: #6c71c4;--sol-blue: #268bd2;--sol-cyan: #2aa198;--sol-green: #859900}:root{--email-list-background: var(--bg);--email-list-border: var(--line-soft);--email-list-item-background: var(--bg);--email-list-item-background-hover: var(--bg-elev);--email-list-item-background-selected: var(--bg-elev-2);--email-list-item-border: var(--line-soft);--email-list-text-primary: var(--ink);--email-list-text-secondary: var(--ink-2);--email-list-text-tertiary: var(--ink-3);--email-list-text-unread: var(--ink);--email-list-unread-indicator: var(--accent);--email-list-flagged: var(--warn);--email-list-draft: var(--ink-3)}:root{--sidebar-background: var(--bg-elev);--sidebar-border: var(--line-soft);--sidebar-text-primary: var(--ink);--sidebar-text-secondary: var(--ink-2);--sidebar-item-background: transparent;--sidebar-item-background-hover: var(--bg-elev-2);--sidebar-item-background-active: var(--bg-elev);--sidebar-item-text-active: var(--accent);--sidebar-count-text: var(--ink-3);--sidebar-count-text-active: var(--accent)}:root{--toolbar-background: var(--bg-elev);--toolbar-border: var(--line);--toolbar-text: var(--ink);--toolbar-text-secondary: var(--ink-2);--toolbar-button-background: transparent;--toolbar-button-background-hover: var(--bg-elev);--toolbar-button-background-active: var(--bg-elev-2);--toolbar-button-text: var(--ink);--toolbar-divider: var(--line-soft)}:root{--email-detail-background: var(--bg);--email-detail-border: var(--line-soft);--email-detail-header-background: var(--bg-elev);--email-detail-header-border: var(--line-soft);--email-detail-text-primary: var(--ink);--email-detail-text-secondary: var(--ink-2);--email-detail-subject: var(--ink);--email-detail-sender: var(--ink);--email-detail-date: var(--ink-2);--email-content-background: #ffffff;--email-content-text: #000000}:root{--compose-background: var(--bg);--compose-border: var(--line);--compose-header-background: var(--bg-elev);--compose-header-border: var(--line-soft);--compose-text-primary: var(--ink);--compose-text-secondary: var(--ink-2);--compose-input-background: var(--bg-elev);--compose-input-border: var(--line-soft);--compose-input-border-focus: var(--accent);--compose-input-text: var(--ink);--compose-input-placeholder: var(--ink-3);--compose-toolbar-background: var(--bg-elev);--compose-toolbar-border: var(--line-soft)}:root{--button-primary-background: var(--accent);--button-primary-background-hover: var(--accent-hover);--button-primary-text: var(--ink-inverse);--button-primary-border: var(--accent);--button-secondary-background: transparent;--button-secondary-background-hover: var(--bg-elev);--button-secondary-text: var(--ink);--button-secondary-border: var(--line);--button-danger-background: var(--danger);--button-danger-background-hover: var(--danger-hover);--button-danger-text: var(--ink-inverse);--button-danger-border: var(--danger);--input-background: var(--bg-elev);--input-background-focus: var(--bg);--input-border: var(--line-soft);--input-border-focus: var(--accent);--input-text: var(--ink);--input-placeholder: var(--ink-3);--checkbox-background: var(--bg-elev);--checkbox-background-checked: var(--accent);--checkbox-border: var(--line);--checkbox-border-checked: var(--accent);--checkbox-check: var(--ink-inverse);--select-background: var(--bg-elev);--select-border: var(--line-soft);--select-text: var(--ink);--select-arrow: var(--ink-2);--textarea-background: var(--bg-elev);--textarea-border: var(--line-soft);--textarea-border-focus: var(--accent);--textarea-text: var(--ink);--textarea-placeholder: var(--ink-3)}:root{--theme-transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base)}@media (prefers-reduced-motion: reduce){:root{--theme-transition: none}}:root{--font-ui: "Inter", "Helvetica Neue", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-base:13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 28px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-base: 1.5;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--s-0: 0;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--r-xs: 3px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--r-full: 999px;--row-cozy: 52px;--row-compact: 36px;--accent-h: 45;--accent: oklch(.68 .13 var(--accent-h));--accent-hover: oklch(.73 .13 var(--accent-h));--accent-soft: oklch(.68 .13 var(--accent-h) / .14);--accent-ink: oklch(.18 .02 var(--accent-h));--danger: oklch(.62 .16 27);--danger-hover: oklch(.56 .16 27);--warn: oklch(.78 .12 85);--ok: oklch(.7 .12 155);--info: oklch(.68 .1 230);--ink-inverse: oklch(1 0 0);--danger-soft: oklch(.62 .16 27 / .16);--ok-soft: oklch(.7 .12 155 / .16);--warn-soft: oklch(.78 .12 85 / .18);--transition-base: .2s ease}:root,[data-theme=dark]{--bg: oklch(.18 .005 250);--bg-elev: oklch(.21 .006 250);--bg-elev-2: oklch(.24 .007 250);--bg-hover: oklch(.26 .008 250);--bg-active: oklch(.3 .01 250);--line: oklch(.3 .008 250 / .6);--line-soft: oklch(.3 .008 250 / .3);--ink: oklch(.96 .005 250);--ink-2: oklch(.78 .008 250);--ink-3: oklch(.62 .01 250);--ink-4: oklch(.48 .01 250);--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 8px 24px rgba(0,0,0,.35);--shadow-lg: 0 24px 60px rgba(0,0,0,.5)}[data-theme=light]{--bg: oklch(.99 .003 250);--bg-elev: oklch(.97 .004 250);--bg-elev-2: oklch(.94 .005 250);--bg-hover: oklch(.95 .005 250);--bg-active: oklch(.91 .006 250);--line: oklch(.88 .006 250);--line-soft: oklch(.92 .005 250);--ink: oklch(.2 .008 250);--ink-2: oklch(.38 .01 250);--ink-3: oklch(.52 .01 250);--ink-4: oklch(.65 .01 250);--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 8px 24px rgba(15,23,42,.08);--shadow-lg: 0 24px 60px rgba(15,23,42,.12)}.brand-mark{width:28px;height:28px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--accent),oklch(.55 .14 25));display:grid;place-items:center;color:var(--accent-ink);font-weight:700;font-size:13px;box-shadow:inset 0 1px #fff3;flex:0 0 auto}.avatar{width:32px;height:32px;border-radius:var(--r-full);background:#397a97;color:#fff;display:grid;place-items:center;font-weight:600;font-size:12px;flex:0 0 auto}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg);font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased}.login-hero{position:relative;padding:56px 64px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(80% 60% at 20% 10%,oklch(.68 .13 45 / .08),transparent 60%),radial-gradient(60% 60% at 80% 80%,oklch(.55 .08 230 / .07),transparent 60%),var(--bg);border-right:1px solid var(--line);overflow:hidden}.login-hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,black,transparent 80%);mask-image:radial-gradient(70% 70% at 50% 40%,black,transparent 80%);opacity:.45;pointer-events:none}.login-hero__top,.login-hero__mid,.login-hero__bot{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:12px}.login-brand .brand-mark{width:32px;height:32px;border-radius:6px}.login-brand__name{font-weight:600;font-size:16px;letter-spacing:-.01em}.login-brand__sub{font-size:11px;color:var(--ink-3);font-family:var(--font-mono)}.login-hero__mid{display:flex;flex-direction:column;gap:20px;max-width:480px}.login-hero h1{font-size:44px;line-height:1.05;letter-spacing:-.025em;font-weight:600;margin:0;text-wrap:pretty}.login-hero h1 em{font-style:normal;color:var(--accent)}.login-hero__lede{font-size:15px;line-height:1.55;color:var(--ink-2);max-width:420px}.login-hero__features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px;margin-top:12px}.feat{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-2)}.feat svg{width:14px;height:14px;flex:0 0 auto;color:var(--accent);margin-top:2px}.login-hero__bot{font-size:11px;color:var(--ink-4);font-family:var(--font-mono);display:flex;justify-content:space-between;align-items:center}.login-form-wrap{display:grid;place-items:center;padding:56px 48px;background:var(--bg-elev)}.login-form{width:100%;max-width:380px}.login-form h2{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:0 0 8px;color:var(--ink)}.login-form__sub{color:var(--ink-3);font-size:13px;margin:0 0 28px}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:500;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=number]{width:100%;height:40px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:0 12px;font-size:14px;color:var(--ink);outline:none;transition:border-color .12s,box-shadow .12s;font-family:inherit}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input:disabled{opacity:.6;cursor:not-allowed}.field-error{font-size:var(--fs-xs);color:var(--danger);margin-top:4px}.checks{display:flex;justify-content:space-between;align-items:center;margin:20px 0 24px;font-size:13px}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink-2)}.check input{position:absolute;opacity:0}.check .box{width:16px;height:16px;border-radius:3px;border:1.5px solid var(--line);display:grid;place-items:center}.check input:checked+.box{background:var(--accent);border-color:var(--accent)}.check input:checked+.box svg{display:block}.check .box svg{display:none;width:10px;height:10px;color:var(--accent-ink)}.ssl-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}.ssl-toggle .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.login-submit{width:100%;height:42px;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .12s,transform .06s;border:none;cursor:pointer;font-family:inherit}.login-submit:hover:not(:disabled){background:var(--accent-hover)}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.advanced{margin-top:24px;border-top:1px solid var(--line-soft);padding-top:16px}.advanced__summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--ink-3);font-size:12px;padding:4px 0;-webkit-user-select:none;user-select:none;list-style:none}.advanced__summary .chev{transition:transform .15s;width:12px;height:12px}.advanced[open] .advanced__summary .chev{transform:rotate(90deg)}.advanced__summary::-webkit-details-marker{display:none}.advanced__body{margin-top:12px;padding:12px;background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--r-md);font-family:var(--font-mono);font-size:11px;color:var(--ink-3);display:grid;gap:6px}.env-chip{position:absolute;top:20px;right:20px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);background:var(--bg-elev);border:1px solid var(--line);font-size:11px;font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap}.env-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.env-chip .dot.warn{background:var(--warn)}.login-error{margin-top:12px;padding:10px 12px;background:#d5584f1f;border:1px solid oklch(.62 .16 27 / .4);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--danger)}@media (max-width: 960px){.login-layout{grid-template-columns:1fr}.login-hero{display:none}.login-form-wrap{padding:40px 24px}}