:root{--bg:#f6f8f6;--panel:#fff;--text:#132015;--muted:#4d5e4f;--accent:#0f7b33;--accent-strong:#0a5f27;--border:#d2dbd3;--shadow:0 20px 40px rgba(8,44,20,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,ui-monospace,Menlo,monospace;color:var(--text);background:radial-gradient(circle at 8% 0,#dff6e5 0,rgba(223,246,229,0) 45%),radial-gradient(circle at 95% 100%,#dceef7 0,rgba(220,238,247,0) 48%),linear-gradient(120deg,#f7faf7,#edf6ef 55%,#f8fbf8);min-height:100%}a{color:inherit}main{max-width:1100px;margin:0 auto;padding:2rem 1rem 3rem}.grid-bg{background-image:linear-gradient(90deg,rgba(13,88,37,.06) 1px,transparent 0),linear-gradient(180deg,rgba(13,88,37,.06) 1px,transparent 0);background-size:24px 24px}.grid-bg,.panel{border:1px solid var(--border)}.panel{background:var(--panel);border-radius:14px;box-shadow:var(--shadow)}button{border:0;border-radius:8px;cursor:pointer;font:inherit}.button-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#f0fff4;padding:.75rem 1rem;font-weight:700}.button-secondary{background:#e5ece5;color:#253929;padding:.75rem 1rem;font-weight:600}