@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500&display=swap";:root{--bg: #f6f1e7;--bg-accent: #e6efe9;--ink: #1b1b1b;--muted: #5f5f5f;--card: #ffffff;--border: #d9d1c4;--accent: #2e6f6d;--accent-soft: #bfe1d3;--danger: #c44536;--good: #2f8f3b}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#fffdf7,var(--bg)),radial-gradient(circle at 30% 20%,#e6efe9,transparent 50%);min-height:100vh}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;margin:0 0 .35rem}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side-nav{padding:2rem 1.5rem;border-right:1px solid var(--border);background:linear-gradient(180deg,#fffaf0,#f5efe5);display:flex;flex-direction:column;gap:2.5rem}.brand{display:flex;align-items:center;gap:1rem}.brand-mark{width:44px;height:44px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:600;letter-spacing:.08em}.brand-text{display:flex;flex-direction:column;font-size:.9rem;letter-spacing:.3em;text-transform:uppercase}.nav-links{display:flex;flex-direction:column;gap:.75rem}.nav-link{text-decoration:none;color:var(--muted);padding:.6rem .8rem;border-radius:12px;transition:all .2s ease}.nav-link.active{color:var(--ink);background:var(--accent-soft);font-weight:500}.nav-footer{margin-top:auto;font-size:.8rem;color:var(--muted)}.main-content{padding:2.5rem 3rem}.page{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center}.pill{background:var(--accent-soft);padding:.4rem 1rem;border-radius:999px;font-size:.85rem;font-weight:500}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.2rem 1.4rem;box-shadow:0 12px 30px #0000000a;animation:fadeIn .4s ease}.card.error{border-color:var(--danger);color:var(--danger)}.card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tag{background:var(--bg-accent);padding:.3rem .7rem;border-radius:999px;font-size:.75rem}.severity{font-size:.85rem;color:var(--muted)}.severity.good{color:var(--good)}.severity.bad{color:var(--danger)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.stack{display:flex;flex-direction:column;gap:1rem}.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.muted{color:var(--muted);font-size:.9rem}.link{color:var(--accent);text-decoration:none;font-weight:500}.button-link{border:none;background:transparent;padding:0;cursor:pointer;font:inherit}.audio{width:100%}.row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tabs{display:flex;gap:.6rem}.tab{border:1px solid var(--border);background:transparent;padding:.5rem 1.2rem;border-radius:999px;font-family:Space Grotesk,sans-serif;cursor:pointer}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.side-nav{flex-direction:row;align-items:center;justify-content:space-between;border-right:none;border-bottom:1px solid var(--border)}.nav-links{flex-direction:row}.nav-footer{display:none}.main-content{padding:1.5rem}}