:root{--bg:#e9eee6;--ink:#1c2a28;--muted:#66736f;--card:#fff;--me:#f5a623;--line:#dde3da;--bud:#2fa39a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,sans-serif;line-height:1.5}a{color:var(--bud)}main.site{text-align:center;max-width:640px;margin:0 auto;padding:48px 20px}.hero img{width:240px;height:240px}h1{margin:16px 0 4px;font-size:40px}.points{text-align:left;padding:0;list-style:none}.points li{background:var(--card);border-radius:14px;margin:8px 0;padding:14px}input,textarea,select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}button{font:inherit;background:var(--me);color:var(--ink);cursor:pointer;border:0;border-radius:12px;padding:10px 16px;font-weight:700}button.quiet{border:1px solid var(--line);background:#fff}.panel{min-height:100vh;display:flex}.panel nav{border-right:1px solid var(--line);background:#fff;width:210px;padding:16px}.panel nav a{color:var(--ink);padding:6px 0;text-decoration:none;display:block}.panel section{flex:1;min-width:0;padding:24px}.stats{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.stat{background:#fff;border-radius:12px;padding:14px}.stat b{font-size:26px;display:block}table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px;font-size:14px}form.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.note{color:var(--muted);font-size:14px}.preview{gap:8px;max-width:460px;margin:16px 0;display:grid}