:root[data-fpl-theme="light"] { color-scheme: light;
  --co-color-background: #f2f4f3;
  --co-color-background-strong: #e9ecef;
  --co-color-surface: #ffffff;
  --co-color-surface-muted: #f0f2f4;
  --co-color-surface-raised: #ffffff;
  --co-color-surface-accent: #f1f5f2;
  --co-color-surface-accent-strong: #e7eeea;
  --co-color-text: #192421;
  --co-color-text-muted: #56635e;
  --co-color-border: #d6ddd9;
  --co-color-border-strong: #818e87;
  --co-color-brand: #254fe8;
  --co-color-brand-strong: #193bb8;
  --co-color-brand-muted: #e7eeea;
  --co-color-cta-label: #ffffff;
  --co-color-success: #21754b;
  --co-color-warning: #8b590d;
  --co-color-danger: #b12b40;
  --co-color-info: #286979;
  --co-color-focus: #254fe8;
  --co-font-sans: "Geist", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --co-font-serif: var(--co-font-sans);
  --co-font-size-base: 16px;
  --co-font-size-sm: 12px;
  --co-font-size-lg: 18px;
  --co-font-size-xl: 22px;
  --co-font-size-2xl: 28px;
  --co-radius-xs: 2px;
  --co-radius-sm: 4px;
  --co-radius-md: 4px;
  --co-radius-lg: 6px;
  --co-space-1: 4px;
  --co-space-2: 8px;
  --co-space-3: 12px;
  --co-space-4: 16px;
  --co-space-5: 28px;
  --co-space-6: 32px;
  --co-space-7: 48px;
  --co-space-8: 64px;
  --co-control-height: 36px;
  --co-row-height: 64px;
  --co-sidebar-width: 208px;
  --co-shell-radius: 0px;
  --co-color-navigation: #edf1ee;
  --co-font-product-title: Georgia, "Times New Roman", serif;
}
:root[data-fpl-theme="dark"] { color-scheme: dark;
  --co-color-background: #1b2330;
  --co-color-background-strong: #283342;
  --co-color-surface: #232c39;
  --co-color-surface-muted: #2b3543;
  --co-color-surface-raised: #303c4b;
  --co-color-surface-accent: #29364a;
  --co-color-surface-accent-strong: #303f53;
  --co-color-text: #e5e9ee;
  --co-color-text-muted: #aeb9c7;
  --co-color-border: #3e4b5e;
  --co-color-border-strong: #8190a3;
  --co-color-brand: #a8c1e0;
  --co-color-brand-strong: #c2d4ea;
  --co-color-brand-muted: #303f53;
  --co-color-cta-label: #172435;
  --co-color-success: #96c9ae;
  --co-color-warning: #ddbd84;
  --co-color-danger: #e8a7af;
  --co-color-info: #a0c7d2;
  --co-color-focus: #a8c1e0;
  --co-font-sans: "Geist", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --co-font-serif: var(--co-font-sans);
  --co-font-size-base: 16px;
  --co-font-size-sm: 12px;
  --co-font-size-lg: 18px;
  --co-font-size-xl: 22px;
  --co-font-size-2xl: 28px;
  --co-radius-xs: 2px;
  --co-radius-sm: 4px;
  --co-radius-md: 4px;
  --co-radius-lg: 6px;
  --co-space-1: 4px;
  --co-space-2: 8px;
  --co-space-3: 12px;
  --co-space-4: 16px;
  --co-space-5: 28px;
  --co-space-6: 32px;
  --co-space-7: 48px;
  --co-space-8: 64px;
  --co-control-height: 36px;
  --co-row-height: 64px;
  --co-sidebar-width: 208px;
  --co-shell-radius: 0px;
  --co-color-navigation: #1e2735;
  --co-font-product-title: Georgia, "Times New Roman", serif;
}@font-face { font-family:Geist;src:url('/assets/geist.woff2') format('woff2');font-weight:100 900;font-display:swap; }
:root[data-fpl-theme] body { background:var(--co-color-background);color:var(--co-color-text);font:13px/1.5 var(--co-font-sans); }
:root[data-fpl-theme] h1 { font-family:var(--co-font-product-title);font-weight:400;line-height:1.2; }
:root[data-fpl-theme] label { color:var(--co-color-text);font-weight:500;text-transform:none; }
:root[data-fpl-theme] .co-account-main .panel { border:0;border-block:1px solid var(--co-color-border);padding:20px 0;background:transparent; }
:root[data-fpl-theme] .co-account-main h2 { text-transform:none;font-size:14px;font-weight:600; }
:root[data-fpl-theme] :is(button,input,select,textarea) { border-radius:var(--co-radius-md);font-family:var(--co-font-sans); }
:root[data-fpl-theme] :is(input,select,textarea) { background:var(--co-color-surface);color:var(--co-color-text);border-color:var(--co-color-border-strong);border-radius:var(--co-radius-sm); }
:root[data-fpl-theme] :is(p,small,footer,.muted,.remember) { color:var(--co-color-text-muted); }
:root[data-fpl-theme] a:not(.co-account-nav a):not(.co-account-brand a) { color:var(--co-color-brand); }
:root[data-fpl-theme] button { background:var(--co-color-brand);color:var(--co-color-cta-label);border-color:var(--co-color-brand); }
:root[data-fpl-theme] button span { color:inherit; }
:root[data-fpl-theme] button { min-height:36px;padding:8px 12px; }
:root[data-fpl-theme] .co-account-shell button { font-size:13px;line-height:1.3;font-weight:500; }
:root[data-fpl-theme] :is(button.secondary,.secondary,.panel,.card) { background:var(--co-color-surface);color:var(--co-color-text);border-color:var(--co-color-border); }
:root[data-fpl-theme] :is(button.secondary,.secondary) span { color:var(--co-color-text-muted); }
:root[data-fpl-theme] :focus-visible { outline:2px solid var(--co-color-brand);outline-offset:3px; }
/* Legacy server-rendered surfaces must resolve foreground and background together. */
:root[data-fpl-theme] :is(.folder-panels,.folder-tab,a.app,.provider-card,.provider-card.is-planned,.provider-icon,.settings-nav a,table,.empty,.notice,code,pre) { background:var(--co-color-surface);color:var(--co-color-text);border-color:var(--co-color-border); }
:root[data-fpl-theme] :is(h1,h2,h3,.email,.folder-tab strong) { color:var(--co-color-text); }
:root[data-fpl-theme] :is(.folder-tab span,a.app span,th) { color:var(--co-color-text-muted); }
:root[data-fpl-theme] th { background:var(--co-color-surface-muted); }
:root[data-fpl-theme] :is(td,th,header,.settings-nav) { border-color:var(--co-color-border); }
:root[data-fpl-theme] :is(a.primary,.primary-button,.settings-nav a.active) { background:var(--co-color-brand);color:var(--co-color-cta-label);border-color:var(--co-color-brand); }
:root[data-fpl-theme] .settings-nav { gap:4px 20px;border-bottom:1px solid var(--co-color-border);margin-bottom:28px; }
:root[data-fpl-theme] .settings-nav a { background:transparent;color:var(--co-color-text-muted);padding:10px 0;border:0;border-bottom:2px solid transparent;font-size:13px; }
:root[data-fpl-theme] .settings-nav a.active { background:transparent;color:var(--co-color-text);border-bottom-color:var(--co-color-brand); }
:root[data-fpl-theme] :is(.folder-tab,.folder-panels) { box-shadow:none;border-radius:var(--co-radius-md); }
:root[data-fpl-theme] .folder-tab:hover { transform:none;border-color:var(--co-color-border-strong); }
:root[data-fpl-theme] :is(a.primary,.primary-button) :is(span,i,svg) { color:inherit; }
:root[data-fpl-theme] .alert { background:var(--co-color-surface);color:var(--co-color-danger);border-color:var(--co-color-danger); }
:root[data-fpl-theme] body::before { background:none; }
:root[data-fpl-theme="dark"] .folder-tab::before,
:root[data-fpl-theme="dark"] .folder-tab::after { background:var(--co-color-surface-accent);border-color:var(--co-color-brand);box-shadow:none; }
:root[data-fpl-theme] a:focus-visible { outline:2px solid var(--co-color-focus);outline-offset:3px; }
.appearance-page { box-sizing:border-box;width:min(680px,100%);margin:48px auto;padding:24px;font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif; }
.appearance-page h1 { font-size:28px;margin:28px 0; }
#google-accounts { margin:24px 0; }
.google-account { padding:20px 0;border-bottom:1px solid var(--co-color-border); }
.google-account fieldset { border:0;padding:0;margin:0;min-width:0; }
.google-account legend { font-weight:700;overflow-wrap:anywhere; }
.google-account p { margin:8px 0; }
.google-account-fields { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;margin:16px 0; }
.google-account-fields label { display:grid;gap:8px; }
.google-account-fields :is(input,select) { box-sizing:border-box;width:100%;min-height:40px;padding:8px;font:inherit; }
:root[data-fpl-theme] :is(.status-note,td span) { color:var(--co-color-text-muted); }
.appearance-page label { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;border-block:1px solid var(--co-color-border); }
.co-account-shell { min-height:100vh; }
.co-account-shell, .co-account-shell * { box-sizing:border-box; }
.co-account-header { margin:0;flex-direction:row;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 32px;border-bottom:1px solid var(--co-color-border);background:var(--co-color-surface); }
.co-account-brand { font-size:15px;font-weight:600; }
.co-account-brand a { display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:inherit; }
.co-account-brand :is(svg,img) { width:46px;height:28px;flex:none; }
.co-account-identity { font-size:12px;color:var(--co-color-text-muted);overflow-wrap:anywhere;text-align:right;min-width:0; }
.co-account-layout { width:min(1040px,100%);margin:0 auto;padding:32px; }
.co-account-nav { display:flex;flex-wrap:wrap;gap:4px 20px;border-bottom:1px solid var(--co-color-border);margin-bottom:32px; }
.co-account-nav a { display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:2px solid transparent;color:var(--co-color-text-muted);font-size:13px;font-weight:400;text-decoration:none; }
.co-account-nav a:hover { color:var(--co-color-text); }
.co-account-nav a[aria-current=page] { color:var(--co-color-text);border-bottom-color:var(--co-color-brand); }
.co-account-main { min-width:0;width:auto;margin:0;padding:0; }
.co-account-main .co-account-title { margin:0 0 28px;font:400 30px/1.2 var(--co-font-product-title); }
.co-account-nav a:focus-visible { outline:2px solid var(--co-color-focus);outline-offset:3px; }
@media(max-width:640px) {
  .co-account-header { padding:16px;gap:16px; }
  .co-account-layout { padding:24px 16px; }
  .co-account-nav { gap:4px 16px;margin-bottom:24px; }
  .co-account-title { font-size:28px; }
}
