:root{--bg:#f7f6f2;--surface:#fff;--surface-raised:#efece6;--border:#ddd9d1;--accent:#1b5e3c;--accent-light:#e8f2ed;--accent-border:#bad9c8;--accent-error:#c0392b;--text-primary:#1a1915;--text-secondary:#6a6760;--text-muted:#a8a49c;--superwho-bubble:#ecf5f0;--user-bubble:#efece6;--status-online:#22c55e;--radius-card:14px;--radius-input:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--max-width:800px;--page-padding-x:var(--space-6);--font-heading:"DM Serif Display", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--transition-default:.15s ease-out;--transition-heavy:.2s ease-out;--opacity-disabled:.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background-color:var(--bg);min-height:100vh}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-container{max-width:var(--max-width);padding-inline:var(--page-padding-x);margin:0 auto}.heading-xl{font-family:var(--font-heading);font-size:clamp(36px,5vw,40px);font-weight:400;line-height:1.13}.heading-l{font-family:var(--font-heading);font-size:clamp(28px,4vw,32px);font-weight:400;line-height:1.18}.heading-m{font-family:var(--font-heading);font-size:clamp(22px,3vw,24px);font-weight:400;line-height:1.3}.body-l{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.72}.body-m{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.65}.label{font-family:var(--font-body);letter-spacing:.04em;font-size:12px;font-weight:500}.system-note{font-family:var(--font-body);font-size:13px;font-weight:400}.micro{font-family:var(--font-body);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:600}.usage-badge-wrap.svelte-1xs5y5y{bottom:var(--space-4);right:var(--space-4);z-index:40;position:fixed}.usage-badge.svelte-1xs5y5y{padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition-default), box-shadow var(--transition-default);border-radius:999px;font-size:13px;font-weight:500;box-shadow:0 2px 8px #00000014}.usage-badge.svelte-1xs5y5y:hover{border-color:var(--accent-border)}.usage-popover.svelte-1xs5y5y{bottom:calc(100% + var(--space-2));width:240px;padding:var(--space-4);border-radius:var(--radius-input);background:var(--surface);border:1px solid var(--border);position:absolute;right:0;box-shadow:0 4px 16px #0000001f}.usage-popover-line.svelte-1xs5y5y{color:var(--text-primary);margin-bottom:var(--space-1)}.usage-popover-sub.svelte-1xs5y5y{color:var(--text-muted)}.app-footer.svelte-12qhfyh{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--page-padding-x);font-family:var(--font-body);color:var(--text-muted);font-size:12px;display:flex}.app-footer.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-muted);text-decoration:underline}.app-footer.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text-secondary)}.footer-placeholder.svelte-12qhfyh{color:var(--text-muted);opacity:var(--opacity-disabled);cursor:default}.footer-sep.svelte-12qhfyh{color:var(--border)}