:root{--text:#475569;--text-h:#0f172a;--text-muted:#64748b;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--code-bg:#f1f5f9;--accent:#16a34a;--accent-bg:#16a34a1f;--accent-border:#16a34a59;--shadow:0 12px 30px #0f172a14;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--text:#94a3b8;--text-h:#f1f5f9;--text-muted:#64748b;--bg:#0b1120;--surface:#111827;--border:#1e293b;--code-bg:#1e293b;--accent:#4ade80;--accent-bg:#4ade801f;--accent-border:#4ade8059;--shadow:0 12px 30px #00000059}.badge.public{color:#bbf7d0;background:#16653459}.badge.team{color:#bfdbfe;background:#1e40af59}}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}h1,h2{font-weight:700}.app-shell{flex-direction:column;max-width:960px;min-height:100svh;margin:0 auto;padding:1.25rem 1.5rem 2rem;display:flex}.app-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #22c55e);color:#fff;border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:grid}.brand-name{color:var(--text-h);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.brand-tagline{color:var(--text-muted);margin:0;font-size:.8125rem}.app-nav{flex-wrap:wrap;gap:.5rem;display:flex}.nav-link{color:var(--text);border:1px solid #0000;border-radius:999px;padding:.45rem .85rem;font-size:.9375rem;text-decoration:none}.nav-link:hover{background:var(--surface)}.nav-link.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border);font-weight:600}.app-main{flex:1;padding:1.75rem 0 2rem}.app-footer{color:var(--text-muted);border-top:1px solid var(--border);padding-top:1rem;font-size:.8125rem}.app-footer p{margin:0}.home{flex-direction:column;gap:2rem;display:flex}.hero-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1.25rem;padding:2rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.75rem;font-weight:700}.hero-card h1{letter-spacing:-.03em;color:var(--text-h);margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2}.lead{max-width:42rem;color:var(--text);margin:0 0 1.5rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1.15rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{border-color:var(--border);color:var(--text-h);background:var(--bg)}.api-pill{background:var(--code-bg);border-radius:999px;margin:0;padding:.35rem .75rem;font-size:.8125rem;display:inline-block}.api-pill[data-status=ok]{color:#15803d}.api-pill[data-status=error]{color:#b91c1c}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.feature-grid li{border:1px solid var(--border);background:var(--bg);border-radius:1rem;padding:1.25rem}.feature-grid h2{color:var(--text-h);margin:0 0 .5rem;font-size:1.0625rem}.feature-grid p{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.5}.page-header h1{color:var(--text-h);margin:0 0 .35rem;font-size:1.75rem}.page-header p{color:var(--text-muted);margin:0 0 1.5rem}.muted{color:var(--text-muted)}.error{color:#b91c1c}.record-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.record-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;padding:1rem 1.15rem}.record-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.record-top h2{color:var(--text-h);margin:0;font-size:1.0625rem}.badge{white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.badge.public{color:#166534;background:#dcfce7}.badge.team{color:#1e40af;background:#dbeafe}.badge.private{background:var(--code-bg);color:var(--text)}.meta{color:var(--text-muted);margin:.35rem 0 0;font-size:.875rem}.notes{margin:.5rem 0 0;font-size:.9375rem;line-height:1.5}.share-preview{aspect-ratio:4/5;color:#f8fafc;max-width:280px;box-shadow:var(--shadow);background:linear-gradient(160deg,#0f172a,#14532d 70%);border-radius:1rem;flex-direction:column;justify-content:flex-end;margin-bottom:1rem;padding:1.5rem;display:flex}.preview-title{letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin:0;font-size:.75rem}.preview-stat{margin:.35rem 0;font-size:1.75rem;font-weight:700}.preview-caption{opacity:.9;margin:0;font-size:.875rem}.team-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.team-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;padding:1.15rem}.team-card h2{color:var(--text-h);margin:0 0 .25rem;font-size:1.125rem}.team-card p{color:var(--text-muted);margin:0;font-size:.9375rem}.team-card .count{color:var(--text);margin-top:.5rem;font-weight:600}