:root{--green:#214d2e;--wood:#4a2b18;--paper:#f2e0bd;--ink:#2d2419}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(#dbe8d0,#f6ead0);margin:0;font-family:Arial,sans-serif}.shell{background:#fffaf0;flex-direction:column;max-width:520px;min-height:100dvh;margin:auto;display:flex}.hero{color:#fff;background:linear-gradient(135deg,#143b25,#3f7440);padding:24px 20px}.brand{letter-spacing:.16em;color:#f0c86a;font-size:14px;font-weight:900}.kha{letter-spacing:.08em;font-size:13px;font-weight:800}.title{margin:10px 0;font-size:32px;font-weight:800}.mascot{font-size:64px}.content{flex:1;padding:18px}.card{background:var(--paper);border:1px solid #c7ac78;border-radius:16px;margin:14px 0;padding:16px}.btn{background:var(--green);color:#fff;text-align:center;border:0;border-radius:14px;width:100%;padding:14px;font-size:17px;font-weight:800;text-decoration:none;display:block}.btn:disabled{opacity:.45}.btn.secondary{color:var(--ink);background:#e8d6b5;border:1px solid #b99c68}.grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.step{aspect-ratio:1;background:#e9dfca;border:2px solid #c7b58e;border-radius:50%;place-items:center;font-weight:800;display:grid}.step.done{color:#fff;background:#376b39}.nav{background:var(--wood);color:#fff;grid-template-columns:repeat(3,1fr);display:grid;position:sticky;bottom:0}.nav a{text-align:center;color:#fff;padding:14px 6px;font-size:13px;text-decoration:none}.input{border:1px solid #aa956d;border-radius:10px;width:100%;padding:13px;font-size:16px}.badge{background:#e6c36e;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.warning{border-left:5px solid #b84b32}.wood{background:var(--wood);border-radius:10px;padding:10px;font-weight:800}