main{width:min(720px,calc(100% - 32px))}h1{font-size:clamp(2.7rem,8vw,5rem)}h2{margin:0 0 1rem;font-size:1rem}textarea{display:block;width:100%;min-height:220px;padding:1rem;resize:vertical;color:var(--ink);background:#f0efe7;border:2px solid var(--line);border-radius:12px;font:1rem/1.6 var(--font-sans)}textarea:focus{border-color:var(--accent);outline:3px solid rgba(23,107,73,.2);outline-offset:2px}textarea::placeholder{color:#88918b}#result{display:flex;align-items:baseline;justify-content:center;gap:.55rem;margin:.7rem 0 1rem;padding:1.15rem;color:#fff;background:var(--accent);border-radius:12px}#result strong{font-size:clamp(2rem,7vw,3rem);font-variant-numeric:tabular-nums;line-height:1}#result span{font-size:1.05rem;font-weight:750}#option{display:flex;width:fit-content;gap:.65rem;align-items:center;margin-top:.75rem;padding:.35rem 0;color:var(--muted);cursor:pointer;font-weight:650}#option input{width:1.2rem;height:1.2rem;margin:0;accent-color:var(--accent)}