:root{--bg: #f5f4ef;--panel: #ffffff;--ink: #10100f;--muted: #5e5e59;--accent: #087f8c;--accent-alt: #f4a259;--border: #d8d3c8;font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% -10%,#f4a25966 0%,transparent 35%),radial-gradient(circle at 90% 0%,#087f8c40 0%,transparent 30%),var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{max-width:1120px;margin:0 auto;padding:24px;display:grid;gap:16px}.hero{padding:18px;border:1px solid var(--border);background:linear-gradient(120deg,#fff,#f3f8fa)}h1,h2,h3{margin:0 0 8px}.card{border:1px solid var(--border);background:var(--panel);padding:16px}.row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.actions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}textarea{width:100%;margin-top:6px;margin-bottom:12px;padding:12px;border:1px solid var(--border);font-family:IBM Plex Mono,monospace}button{border:1px solid #0f172a;padding:10px 14px;background:linear-gradient(90deg,var(--accent),var(--accent-alt));color:#fff;font-weight:700;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}li{padding:10px;border:1px solid var(--border);display:grid;gap:3px}li span{color:var(--muted);font-size:.92rem}footer{font-family:IBM Plex Mono,monospace;color:var(--muted);font-size:.88rem}@media(max-width:640px){.page{padding:14px}}