@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Source+Serif+4:opsz,wght@8..60,500;8..60,700&display=swap";:root{--bg-soft:#e8e2cf;--ink-strong:#132117;--ink-soft:#3f5848;--card:#f5f0e0d9;--line:#1b382724;--accent:#d77c38}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink-strong);background:radial-gradient(circle at 10% 10%, #6f9f69 0%, transparent 33%), radial-gradient(circle at 85% 20%, #c8d39e 0%, transparent 40%), linear-gradient(145deg, var(--bg-soft), #f6f2e3 38%, #e0dbc8 100%);justify-content:center;padding:1.25rem;font-family:Space Grotesk,Segoe UI,sans-serif;display:flex}.grain{pointer-events:none;mix-blend-mode:multiply;opacity:.2;background-image:radial-gradient(#0000000f .5px,#0000 .5px);background-size:3px 3px;position:fixed;inset:0}.shell{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff9e;border-radius:24px;width:min(1040px,100%);animation:.7s both rise;overflow:hidden;box-shadow:0 20px 50px #192b1f29,inset 0 1px #ffffffb3}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.brand{letter-spacing:.16rem;margin:0;font-weight:700}.status{color:var(--ink-soft);margin:0;font-size:.9rem}.status-wrap{align-items:center;gap:.55rem;display:flex}.db-refresh{color:var(--ink-strong);cursor:pointer;background:#ffffffeb;border:1px solid #1b382740;border-radius:999px;padding:.28rem .7rem;font-size:.78rem}.db-refresh:hover{background:#f0f8f2f2}.db-status{border:1px solid var(--line);text-transform:capitalize;background:#ffffffd9;border-radius:999px;margin:0;padding:.25rem .6rem;font-size:.78rem}.db-status-checking{color:#6c5a10;background:#fff3c7d9;border-color:#c2a12380}.db-status-connected{color:#1f5f2f;background:#e2f5e6f2;border-color:#3a7c5066}.db-status-disconnected{color:#7b2020;background:#ffe4e4f2;border-color:#b048486b}.hero{padding:2.25rem 1.5rem 1.75rem}.eyebrow{letter-spacing:.08rem;text-transform:uppercase;color:var(--accent);margin:0;font-size:.78rem;font-weight:700}.hero h1{max-width:14ch;margin:.45rem 0 0;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(2rem,3vw + 1rem,3.4rem);line-height:1.06}.lede{max-width:55ch;color:var(--ink-soft);margin:1rem 0 0;line-height:1.65}.db-diagnostics{border:1px solid var(--line);background:#ffffffb8;border-radius:14px;margin-top:1rem;padding:.8rem .95rem}.db-diagnostics p{color:var(--ink-soft);margin:.2rem 0;font-size:.9rem;line-height:1.35}.db-error{color:#7b2020}.pill-row{flex-wrap:wrap;gap:.65rem;margin-top:1.2rem;display:flex}.pill-row span{border:1px solid var(--line);background:#fffc;border-radius:999px;padding:.42rem .78rem;font-size:.85rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;padding:0 1.5rem 1.8rem;display:grid}.cards article{border:1px solid var(--line);background:var(--card);opacity:0;border-radius:16px;padding:1rem;animation:.5s forwards settle;transform:translateY(10px)}.cards article:nth-child(2){animation-delay:.12s}.cards article:nth-child(3){animation-delay:.24s}.cards h2{margin:0 0 .45rem;font-size:1rem}.cards p{color:var(--ink-soft);margin:0;line-height:1.45}.foot{border-top:1px solid var(--line);color:var(--ink-soft);padding:1rem 1.5rem;font-size:.85rem}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes settle{to{opacity:1;transform:translateY(0)}}@media (width<=860px){.cards{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:.3rem}.status-wrap{flex-wrap:wrap}}