*{box-sizing:border-box}body{margin:0;background:#fff9e8;color:#343c44;font-family:system-ui}main{max-width:850px;margin:auto;padding:35px 22px;text-align:center}.tag{font-size:12px;letter-spacing:4px;color:#518399}h1{font-size:32px}section{background:#fff0b5;border-radius:28px;padding:22px;box-shadow:0 15px 60px #c5aa3420}body.minimal section{background:#fff}body.growth section{background:#ddf3ff}canvas{width:100%;height:auto;max-height:65vh;object-fit:contain;border-radius:12px;touch-action:pan-y}nav{display:flex;justify-content:center;align-items:center;gap:16px}button{border:0;border-radius:18px;background:#ffd93d;padding:17px;font-size:16px;cursor:pointer}button:disabled{opacity:.35}footer,#date,#status{color:#8b8a83;font-size:14px;margin:25px 0}#description{white-space:pre-wrap}canvas.flip{animation:turn .3s ease}@keyframes turn{from{transform:perspective(900px) rotateY(-14deg);opacity:.4}to{transform:perspective(900px) rotateY(0);opacity:1}}