@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");body{background-color:#ccc}h1{font-size:30px;font-weight:700;text-align:center;padding:40px 0 10px}.container{font-family:"Zen Kaku Gothic New",sans-serif;font-size:clamp(12px,1.33vw,16px);line-height:1.7;letter-spacing:.07em;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:3em;padding:2em}@media screen and (max-width:900px){.container{grid-template-columns:initial}}label{width:100%;font-size:14px;font-weight:700;white-space:nowrap}input{width:100%;background-color:#fff;padding:.3em 1em}.settings{height:fit-content;display:grid;gap:1.5em}.value{background-color:#efe698;padding:1em}.value label{width:fit-content}.setting-item{display:flex;align-items:center;gap:1em}.setting-item span{font-weight:700}.results{width:100%;max-height:inherit;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5em;overflow-y:auto}@media screen and (max-width:500px){.results{grid-template-columns:initial}}.result-card{background:#fff}.result-card h3{display:flex;align-items:center;justify-content:space-between;font-size:1.2em;font-weight:700;padding:.2em 1em;background-color:#555;color:#fff}.result-item{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:1em 1.5em}.result-value{font-size:1.8em;line-height:1;font-weight:700}.result-description{font-size:60%;color:#fff;opacity:.6}.copy-btn{width:fit-content;height:fit-content;font-size:10px;background-color:#ccc;padding:.2em 1em;cursor:pointer;border-radius:999px}.copy-btn.copied{background-color:#48bb78}.warning{background:rgba(255,249,235,.9);border:1px solid rgba(237,137,54,.3);padding:1.2em;color:#9c4221;border-left:4px solid #ed8936}