:root{--background:#f7f3e8;--surface:#fffaf0;--surface-soft:#eee5d2;--text:#27231d;--muted:#6f6658;--line:#ded3bd;--accent:#3f6f5a;--accent-strong:#24513f;--shadow:0 18px 50px rgb(39 35 29/0.08)}*{box-sizing:border-box}html{background:var(--background)}body,html{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgb(255 250 240/.8),transparent 34rem),var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}.topbar{display:flex;justify-content:space-between;gap:1rem;width:min(100%,72rem);margin:0 auto;padding:1rem}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:.65rem;font-weight:750}.brand-mark{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--accent-strong)}.app-content{width:min(100%,46rem);margin:0 auto;padding:2.5rem 1rem 6rem}.stack{display:grid;gap:1rem}.page-header{display:grid;gap:.65rem}.eyebrow{margin:0;color:var(--accent-strong);font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}h1{max-width:12ch;margin:0;font-size:clamp(2.2rem,7vw,4rem);line-height:.98;letter-spacing:0}.description{max-width:38rem;margin:0;color:var(--muted);font-size:1.04rem;line-height:1.65}.quiet-card{border:1px solid var(--line);border-radius:8px;background:rgb(255 250 240/.86);box-shadow:var(--shadow);padding:1.1rem}.quiet-card p{margin:0;color:var(--muted);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.button{display:inline-flex;min-height:2.65rem;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;padding:.72rem .95rem}.button.primary{border-color:var(--accent-strong);background:var(--accent);color:#fffdf8}.bottom-nav{position:fixed;right:1rem;bottom:1rem;left:1rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;max-width:42rem;margin:0 auto;border:1px solid var(--line);border-radius:8px;background:rgb(255 250 240/.94);box-shadow:var(--shadow);padding:.3rem;backdrop-filter:blur(18px)}.bottom-nav a{display:grid;min-height:2.8rem;place-items:center;border-radius:6px;color:var(--muted);font-size:.82rem;font-weight:700}.bottom-nav a:focus-visible,.bottom-nav a:hover{background:var(--surface-soft);color:var(--text);outline:none}@media (min-width:720px){.bottom-nav{left:50%;transform:translateX(-50%)}}