:root{--bg: #f9f9f8;--surface: #ffffff;--elevated: #f4f3f2;--muted: #f0efee;--surface-inverted: #1a1a1a;--text-primary: #111111;--text-secondary: #555555;--text-muted: #696969;--text-disabled: #bfbfbf;--border: #f0efee;--border-subtle: #ebeae9;--border-strong: #d1d0cf;--blue: #4b6bfb;--orange: #f2a65a;--green: #10b981;--red: #e65c55;--purple: #a855f7;--amber: #f59e0b;--shadow-card: 0 1px 2px rgba(0,0,0,.04);--shadow-popup: 0 4px 12px rgba(0,0,0,.08);--shadow-menu: 0 8px 24px rgba(0,0,0,.12);--shadow-modal: 0 8px 32px rgba(0,0,0,.15);--overlay-scrim: rgba(0,0,0,.4);--radius-tiny: 2px;--radius-badge: 4px;--radius-button: 6px;--radius-card: 8px;--radius-card-lg: 10px;--radius-modal: 12px;--radius-chat: 14px;--radius-full: 9999px;--sp-tight: 4px;--sp-element: 8px;--sp-compact: 12px;--sp-default: 16px;--sp-group: 24px;--sp-section: 32px;--sp-region: 48px;--sp-page: 64px;--font-family: "Inter Variable", Inter, system-ui, -apple-system, sans-serif;--ease-standard: cubic-bezier(.4, 0, .2, 1);--accent: #111111;--accent-hover: #000000;--accent-fg: #ffffff;--red-strong: #c73e36;--amber-strong: #b7791f;color-scheme:light;font-family:var(--font-family);background:var(--bg);color:var(--text-primary)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #1a1917;--surface: #242220;--elevated: #2c2a27;--muted: #2c2a27;--text-primary: #f0efed;--text-secondary: #8a8681;--text-muted: #a1978c;--text-disabled: #3a3835;--border: #3a3835;--border-subtle: #3a3835;--border-strong: #5a5752;--shadow-card: 0 1px 2px rgba(0,0,0,.4);--accent: #f0efed;--accent-hover: #ffffff;--accent-fg: #111111;--red-strong: #e65c55;--amber-strong: #f59e0b;color-scheme:dark}}[data-theme=dark]{--bg: #1a1917;--surface: #242220;--elevated: #2c2a27;--muted: #2c2a27;--text-primary: #f0efed;--text-secondary: #8a8681;--text-muted: #a1978c;--text-disabled: #3a3835;--border: #3a3835;--border-subtle: #3a3835;--border-strong: #5a5752;--shadow-card: 0 1px 2px rgba(0,0,0,.4);--accent: #f0efed;--accent-hover: #ffffff;--accent-fg: #111111;--red-strong: #e65c55;--amber-strong: #f59e0b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}.account-shell-app{min-height:100vh;background:var(--bg);color:var(--text-primary);text-align:left}.account-shell-header{display:grid;gap:1rem;max-width:56rem;margin:0 auto;padding:1.5rem 1.5rem 0}.account-shell-heading h1{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600}.account-shell-eyebrow{margin:0 0 .25rem;color:var(--text-secondary);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.account-shell-nav{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.account-shell-nav a{color:var(--text-primary);font-weight:600;text-decoration:none}.account-shell-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.2rem}.account-shell-nav a:focus-visible,.account-btn:focus-visible,.account-meter-cta:focus-visible,.account-link-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.account-shell-email{margin:0;color:var(--text-secondary);font-size:.875rem}.account-shell-main{max-width:56rem;margin:0 auto;padding:1.5rem}.account-shell-main-narrow{max-width:35rem}@media(min-width:720px){.account-shell-header{grid-template-columns:1fr auto;align-items:end}.account-shell-email{grid-column:2;justify-self:end}}.account-section{display:grid;gap:.75rem}.account-section+.account-section{margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--border-subtle)}.account-section-label{margin:0;color:var(--text-secondary);font-size:.75rem}.account-hero{display:grid;gap:2rem}@media(min-width:800px){.account-hero{grid-template-columns:1.5fr 1fr;gap:2rem}}.account-stat-strip{display:grid;gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden}@media(min-width:720px){.account-stat-strip{grid-template-columns:repeat(4,1fr)}}.account-stat{background:var(--surface);padding:.875rem 1.125rem}.account-stat-label{margin:0 0 .125rem;color:var(--text-secondary);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}.account-stat-value{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:600;font-variant-numeric:tabular-nums}.account-stat-sub{margin:.125rem 0 0;color:var(--text-muted);font-size:.75rem}.account-status-dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--green);flex-shrink:0}.account-status-dot-expired{background:var(--red)}.account-spark{display:block;width:100%;max-width:8.5rem;height:2rem;margin-top:.25rem}.account-spark polyline{fill:none;stroke:var(--border-strong);stroke-width:2}.account-spark circle{fill:var(--blue)}.account-metric-bars{display:grid;gap:1.125rem;margin-top:1rem}.account-progress-label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;color:var(--text-secondary);font-size:.75rem;margin-bottom:.375rem}.account-progress-label b{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.account-meter{height:.375rem;border-radius:var(--radius-full);background:var(--muted);overflow:hidden}.account-meter-fill{display:block;height:100%;border-radius:var(--radius-full);background:var(--text-primary)}.account-meter-warn .account-meter-fill{background:var(--amber-strong)}.account-meter-stop .account-meter-fill{background:var(--red)}.account-meter-cta{color:var(--text-primary);font-size:.75rem;font-weight:500;text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}.account-meter-cta:hover{color:var(--text-secondary)}.account-meter-note{margin:.375rem 0 0;color:var(--text-muted);font-size:.75rem}.account-chip{background:var(--elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-badge);padding:.125rem .5rem;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.account-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-button);font:inherit;font-size:.8125rem;font-weight:600;padding:.5rem .75rem;cursor:pointer;text-decoration:none}.account-btn:disabled{cursor:not-allowed;opacity:.6}.account-btn-primary{border:0;background:var(--accent);color:var(--accent-fg)}.account-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.account-btn-secondary{border:1px solid var(--border-strong);background:transparent;color:var(--text-primary)}.account-btn-secondary:hover:not(:disabled){background:var(--elevated)}.account-btn-danger{border:1px solid var(--red);background:transparent;color:var(--red-strong)}.account-link-button{border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.8125rem;padding:0;text-decoration:underline;text-underline-offset:.2rem}.account-link-button:hover{color:var(--text-primary)}.account-settings-group{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}.account-settings-row{display:grid;gap:.75rem;padding:1.125rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.account-settings-row:last-child{border-bottom:0}@media(min-width:640px){.account-settings-row{grid-template-columns:11rem 1fr;align-items:start}}.account-settings-key h2{margin:0;font-size:.9375rem;font-weight:600}.account-settings-key p{margin:.125rem 0 0;color:var(--text-muted);font-size:.75rem}.account-settings-value{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem}.account-settings-value .account-settings-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem}.account-settings-quiet{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.account-seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-button);overflow:hidden}.account-seg button{border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.8125rem;font-weight:600;padding:.375rem .875rem;cursor:pointer}.account-seg button+button{border-left:1px solid var(--border-strong)}.account-seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.account-seg button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.account-danger-zone{margin-top:1.75rem;padding:1.125rem 1.25rem;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface);display:grid;gap:.5rem;justify-items:start}.account-danger-zone h2{margin:0;font-size:.9375rem;font-weight:600}.account-danger-zone p{margin:0;color:var(--text-secondary);font-size:.875rem}.account-shell-app input,.account-dialog input{border:1px solid var(--border-strong);border-radius:var(--radius-button);background:var(--surface);color:var(--text-primary);font:inherit;padding:.5rem .75rem}.account-shell-app input:focus,.account-dialog input:focus{border-color:var(--blue);outline:none}.account-shell-app input:focus-visible,.account-dialog input:focus-visible{border-color:var(--blue);outline:2px solid var(--blue);outline-offset:2px}:where(.account-shell-app) a{color:var(--text-primary)}.dashboard-metric{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.dashboard-metric span{color:var(--text-secondary)}.dashboard-actions,.dashboard-form-row,.dashboard-referral{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.dashboard-actions{margin-top:1rem}.dashboard-form{display:grid;gap:.5rem;margin-top:1rem}.dashboard-form input{min-width:12rem;flex:1 1 12rem}.dashboard-table-wrap{overflow-x:auto}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:.75rem .625rem;border-bottom:1px solid var(--border-subtle);text-align:left;color:var(--text-primary);white-space:nowrap}.dashboard-table th{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dashboard-table .dashboard-table-time{color:var(--text-secondary)}.dashboard-table th.dashboard-table-num,.dashboard-table td.dashboard-table-num{text-align:right;font-variant-numeric:tabular-nums}.dashboard-table tbody tr:last-child td{border-bottom:0}@media(max-width:719px){.dashboard-table thead{display:none}.dashboard-table tr{display:grid;gap:.5rem;padding:.75rem 0}.dashboard-table td{display:grid;grid-template-columns:7rem 1fr;gap:.75rem;border-bottom:none;padding:0}.dashboard-table td:before{color:var(--text-secondary);content:attr(data-label);font-weight:600}.dashboard-table td.dashboard-table-num{text-align:left}.dashboard-table td{white-space:normal}.dashboard-table td .account-chip{white-space:normal;overflow-wrap:anywhere}}.account-dialog-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:1rem;background:var(--overlay-scrim)}.account-dialog{width:min(100%,28rem);padding:1.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-modal);background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-modal)}.account-dialog h2,.account-dialog p,.account-dialog label{margin:0 0 .75rem}.account-dialog input{width:100%;margin-bottom:1rem}.account-dialog-actions{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.auth-shell{display:flex;min-height:100vh;background:var(--bg);color:var(--text-primary);text-align:left}.auth-shell-form{position:relative;display:flex;min-width:0;flex:1.1;flex-direction:column;justify-content:center;overflow-y:auto;padding:4rem 2.5rem;background:var(--bg)}.auth-shell-form-inner{width:100%;max-width:28rem;margin:0 auto}.auth-shell-panel{position:relative;display:none;min-width:0;flex:1.25;overflow:hidden}.auth-shell-grain{position:absolute;inset:0;width:100%;height:100%}.auth-shell-grain-fallback{background:radial-gradient(ellipse at 20% 25%,#f6b5e4 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,#b4d1fa 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,#bb98ea 0%,transparent 55%),#1a1917}.auth-shell-disc{pointer-events:none;position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:3.5rem;color:#fff}.auth-shell-disc:before{content:"";position:absolute;width:220px;height:220px;border-radius:9999px;border:1px solid rgb(255 255 255 / 20%);background:#ffffff1a;box-shadow:0 20px 60px #0006;backdrop-filter:blur(24px) saturate(150%)}.auth-shell-disc>svg{position:relative;z-index:1}@media(prefers-color-scheme:dark){.auth-shell-grain-fallback{background:radial-gradient(ellipse at 20% 25%,#f6b5e4 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,#b4d1fa 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,#bb98ea 0%,transparent 55%),#f4f3f2}.auth-shell-disc{color:#111}.auth-shell-disc:before{border:1px solid rgb(255 255 255 / 55%);background:#fff6;box-shadow:0 20px 60px #1111112e}}.auth-panel{display:flex;width:100%;flex-direction:column;gap:.75rem}.auth-panel h1{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.auth-panel>p{margin:0;color:var(--text-secondary);font-size:.875rem}.auth-oauth{display:grid;gap:.75rem}.auth-oauth-button{display:inline-flex;width:100%;height:2.5rem;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--border-strong);border-radius:.5rem;background:var(--surface);color:var(--text-primary);cursor:pointer;font:inherit;font-size:.875rem;font-weight:500}.auth-oauth-button:hover:not(:disabled){background:var(--elevated)}.auth-oauth-button:disabled{cursor:not-allowed;opacity:.6}.auth-oauth-logo{width:1rem;height:1rem;display:block;flex-shrink:0}.auth-or{display:flex;align-items:center;gap:.75rem}.auth-or span{height:1px;flex:1;background:var(--border-subtle)}.auth-or em{font-style:normal;font-size:.75rem;color:var(--text-muted)}.auth-form{display:grid;gap:1rem}.auth-field{position:relative;display:block}.auth-field-label{display:block;margin-bottom:.25rem;color:var(--text-secondary);font-size:.75rem;font-weight:500}.auth-field input{width:100%;border:1px solid var(--border-strong);border-radius:.5rem;background:var(--surface);color:var(--text-primary);font:inherit;font-size:.875rem;padding:.625rem .75rem;box-shadow:var(--shadow-card)}.auth-field input:focus{border-color:var(--border-strong);outline:none;box-shadow:0 0 0 2px #1111111f}.auth-field input:focus-visible{outline:1px solid var(--text-primary);outline-offset:2px}.auth-actions{display:flex;flex-direction:column;gap:.5rem}.auth-primary-button{display:inline-flex;width:100%;height:2.5rem;align-items:center;justify-content:center;border:0;border-radius:.5rem;background:var(--accent);color:var(--accent-fg);cursor:pointer;font:inherit;font-size:.875rem;font-weight:600;text-decoration:none}.auth-primary-button:hover:not(:disabled){background:var(--accent-hover)}.auth-primary-button:disabled{cursor:not-allowed;opacity:.6}.auth-ghost-button{border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.875rem;font-weight:500;padding:.375rem 0;text-align:left}.auth-ghost-button:hover:not(:disabled){color:var(--text-primary)}.auth-ghost-button:disabled{cursor:not-allowed;opacity:.6}.auth-notice,.auth-error{margin:0;border-radius:.5rem;font-size:.8125rem;padding:.625rem .75rem}.auth-notice{border:1px solid var(--border-strong);background:var(--elevated);color:var(--text-secondary)}.auth-error{border:1px solid rgb(230 92 85 / 35%);background:#fef2f2;color:var(--red-strong)}.auth-primary-button:focus-visible,.auth-oauth-button:focus-visible,.auth-ghost-button:focus-visible{outline:1px solid var(--text-primary);outline-offset:2px}html[data-theme=dark] .auth-shell-form{background:#000}html[data-theme=dark] .auth-shell{background:#000;color:#fff}html[data-theme=dark] .auth-panel>p{color:#ffffffb3}html[data-theme=dark] .auth-oauth-button{border-color:#fff6;border-radius:.5rem;background:transparent;color:#fff}html[data-theme=dark] .auth-oauth-button:hover:not(:disabled){background:#ffffff0f}html[data-theme=dark] .auth-or span{background:#fff3}html[data-theme=dark] .auth-or em{color:#ffffff8c}html[data-theme=dark] .auth-field-label{position:absolute;top:-.5rem;left:.625rem;z-index:1;margin-bottom:0;background:#000;padding:0 .25rem;color:#ffffffb3}html[data-theme=dark] .auth-field input{border-color:#fff6;border-radius:4px;background:#000;color:#fff;box-shadow:none}html[data-theme=dark] .auth-field input:focus{border-color:#ffffffb3;box-shadow:none}html[data-theme=dark] .auth-field input:focus-visible{border-color:#ffffffb3;outline:1px solid rgb(255 255 255 / 55%)}html[data-theme=dark] .auth-primary-button{border-radius:4px;background:#fff;color:#000}html[data-theme=dark] .auth-primary-button:hover:not(:disabled){background:#e5e5e5}html[data-theme=dark] .auth-ghost-button{color:#ffffffb3}html[data-theme=dark] .auth-ghost-button:hover:not(:disabled){color:#fff}html[data-theme=dark] .auth-notice{border-color:#fff3;background:#ffffff0f;color:#fffc}html[data-theme=dark] .auth-error{border-color:#f8717166;background:#7f1d1d59;color:#fecaca}html[data-theme=dark] .auth-primary-button:focus-visible,html[data-theme=dark] .auth-oauth-button:focus-visible,html[data-theme=dark] .auth-ghost-button:focus-visible{outline:1px solid rgb(255 255 255 / 55%)}@media(prefers-color-scheme:dark){:root:not([data-theme]) .auth-shell,:root:not([data-theme]) .auth-shell-form{background:#000;color:#fff}:root:not([data-theme]) .auth-panel>p{color:#ffffffb3}:root:not([data-theme]) .auth-oauth-button{border-color:#fff6;background:transparent;color:#fff}:root:not([data-theme]) .auth-oauth-button:hover:not(:disabled){background:#ffffff0f}:root:not([data-theme]) .auth-or span{background:#fff3}:root:not([data-theme]) .auth-or em{color:#ffffff8c}:root:not([data-theme]) .auth-field-label{position:absolute;top:-.5rem;left:.625rem;z-index:1;margin-bottom:0;background:#000;padding:0 .25rem;color:#ffffffb3}:root:not([data-theme]) .auth-field input{border-color:#fff6;border-radius:4px;background:#000;color:#fff;box-shadow:none}:root:not([data-theme]) .auth-field input:focus{border-color:#ffffffb3;box-shadow:none}:root:not([data-theme]) .auth-field input:focus-visible{border-color:#ffffffb3;outline:1px solid rgb(255 255 255 / 55%)}:root:not([data-theme]) .auth-primary-button{border-radius:4px;background:#fff;color:#000}:root:not([data-theme]) .auth-primary-button:hover:not(:disabled){background:#e5e5e5}:root:not([data-theme]) .auth-ghost-button{color:#ffffffb3}:root:not([data-theme]) .auth-ghost-button:hover:not(:disabled){color:#fff}:root:not([data-theme]) .auth-notice{border-color:#fff3;background:#ffffff0f;color:#fffc}:root:not([data-theme]) .auth-error{border-color:#f8717166;background:#7f1d1d59;color:#fecaca}:root:not([data-theme]) .auth-primary-button:focus-visible,:root:not([data-theme]) .auth-oauth-button:focus-visible,:root:not([data-theme]) .auth-ghost-button:focus-visible{outline:1px solid rgb(255 255 255 / 55%)}}@media(min-width:768px){.auth-shell-panel{display:block}}