:root{--font-sans: "Segoe UI", system-ui, sans-serif;--font-display: "Segoe UI", system-ui, sans-serif;--color-bg: #f6f8fa;--color-paper: #fff;--color-surface: #e8eef3;--color-fg: #385068;--color-ink: #1c1916;--color-gold: #c4a02a;--color-read: #1a365d;--color-unsub: #c53030;--color-ok: #2f7a46;--color-warn: #b54708;--color-muted: #6d7d8d;--color-accent: #385068;--color-accent-foreground: #f6f8fa;--color-border: #c8d8e0;--color-ring: #385068;--color-danger: #8a2e24;--color-wash: #c8d8e0;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--motion-quick: .15s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100dvh}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-fg);line-height:1.5}button,input{font:inherit}a{color:var(--color-accent)}.font-display{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.header{background:var(--color-paper);border-top:2px solid var(--color-fg);border-bottom:2px solid var(--color-fg)}.header-inner{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.wordmark{height:40px;width:auto;display:block}.nav{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--color-muted)}.nav a{color:inherit;text-decoration:none}.nav a:hover{color:var(--color-fg)}.nav button.linkish{background:none;border:0;color:var(--color-fg);cursor:pointer;padding:0}.page{width:100%;max-width:32rem;margin:0 auto;padding:3rem 1rem;display:flex;flex-direction:column;gap:2rem}.page.wide{max-width:48rem}.kicker{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted)}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;color:var(--color-fg)}h2{font-size:1.5rem;line-height:1.25}.lede{font-size:1.125rem;color:var(--color-fg)}.muted{color:var(--color-muted)}.sm{font-size:.875rem}.xs{font-size:.75rem;color:var(--color-muted)}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-paper);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.card.well{background:var(--color-paper)}.grid-2{display:grid;gap:1.25rem}@media(min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}ul.stack{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.5rem}.danger{color:var(--color-danger)}.ok{color:var(--color-ok)}.warn{color:var(--color-warn)}.unsub{color:var(--color-unsub)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--motion-quick),color var(--motion-quick)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.lg{height:2.75rem;padding:0 1rem;width:100%;font-weight:500}.btn.sm{height:2rem;padding:0 .75rem;font-size:.875rem}.btn.default{background:var(--color-accent);color:var(--color-accent-foreground)}.btn.default:hover:not(:disabled){filter:brightness(1.05)}.btn.outline{background:transparent;border-color:var(--color-border);color:var(--color-fg)}.btn.ghost{background:transparent;color:var(--color-muted)}.btn.ghost:hover:not(:disabled){color:var(--color-fg);background:var(--color-surface)}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem}.confirm{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.desk{width:100%;max-width:48rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.msg{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-paper);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.35rem}.msg header{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.msg .from{font-weight:600;color:var(--color-fg)}.msg .when{font-size:.75rem;color:var(--color-muted);white-space:nowrap}.msg .summary{color:var(--color-fg)}.msg .four{white-space:pre-wrap}.badge{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-read)}.menu{position:relative}.menu-panel{position:absolute;right:0;top:100%;margin-top:.5rem;z-index:20;width:16rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-paper);padding:.5rem;display:flex;flex-direction:column;box-shadow:0 8px 24px #1c191614}.menu-panel button,.menu-panel a{text-align:left;background:none;border:0;padding:.4rem .5rem;border-radius:var(--radius-xs);color:var(--color-fg);text-decoration:none;cursor:pointer;font-size:.875rem}.menu-panel button:hover,.menu-panel a:hover{background:var(--color-surface)}.slate{padding:3rem 0;display:flex;flex-direction:column;gap:.5rem}.slate h2{font-size:2rem}.gate{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;background:var(--color-paper);display:flex;flex-direction:column;gap:.5rem}code{font-size:.8em}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.875rem}.field span{color:var(--color-muted)}.field input,.field select{height:2.5rem;padding:0 .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-fg)}.message-body{white-space:pre-wrap;font-family:inherit;font-size:.9rem;line-height:1.5;color:var(--color-fg)}