@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');body{background-color:#ccc}#clamp{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:clamp(13px,2.08vw,16px);line-height:1.7;letter-spacing:.07em;padding:2em;display:flex;flex-direction:column;gap:2em;max-width:600px;margin:0 auto}.clamp-title{font-size:40px;border-bottom:solid 2px #fff;padding-bottom:.3em}.explanation{text-decoration:underline}label{display:block}input{width:100%;background-color:#fff;padding:0 .5em}.calculation{display:grid;grid-template-columns:2fr 1fr;gap:2em}@media screen and (max-width:768px){.calculation{grid-template-columns:initial}}.calculation h3{white-space:nowrap}.results{display:flex;flex-direction:column;gap:.5em}#resultWrapper{display:flex;align-items:center}.numbers{display:flex;flex-direction:column;gap:1em}.numbers label{display:flex;gap:.5em;align-items:center}#result{width:100%;height:60px;display:flex;align-items:center;padding:0 1em;background-color:#000;color:#fff}#copyIcon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;cursor:pointer}#calculateButton{background-color:#fff;text-align:center;width:100%;margin:0 auto;padding:.5em;box-shadow:1px 1px 10px 0px rgba(0,0,0,.2);transition:.2s}#calculateButton:hover{box-shadow:initial;transform:scale(.98);transition:.2s}#preview{padding:1em;background:#fff;border:1px dashed #ccc}#historyList li{background:#fff;border:1px solid #ccc;padding:1em;position:relative}.history-number{position:absolute;top:0;right:0;background-color:#cccccc7a;padding:.1em 1em;font-size:12px}.history-explanation{font-size:80%;opacity:.5}.preview_box{position:relative}#fontSizeDisplay{position:absolute;top:0;right:0;background-color:#cccccc7a;padding:.1em 1em;font-size:13px}