.measure-svg{display:block;width:100%;max-width:700px;margin:10px auto;height:auto}.measure-svg text{font-family:Arial,sans-serif;fill:#243d2b;font-size:14px}.unit-object{text-align:center;font-size:70px;margin:20px}.unit-answer{max-width:480px;margin:auto}.unit-answer .controls{justify-content:center}.unit-choice[aria-pressed=true]{background:#e2edcd;border:2px solid #68863c}.measure-label{font-size:14px;line-height:1.7}.measure-result{background:#edf4df;border-radius:12px;padding:18px;line-height:1.7;margin-top:18px}.measure-status:empty{display:none}.measure-status{padding:15px;background:#f0eaf7;border-radius:9px;margin-top:15px;line-height:1.6}.vessel-row{display:flex;flex-wrap:wrap;gap:25px;align-items:center}.vessel-row>div{flex:1;min-width:210px}.measure-bignum{font-size:30px;font-weight:700;color:#56752c}.measure-controls input[type=time]{font:inherit;padding:10px;border:1px solid #b9c8b0;border-radius:6px}.conversion-bar{display:flex;width:100%;height:36px;border:2px solid #456536;background:#e0edc7;border-radius:7px;overflow:hidden}.conversion-bar span{flex:1;border-right:1px solid #708e4e}.conversion-bar span:last-child{border:0}.clock-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center}.clock-row svg{max-width:200px}.measure-path{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:18px}.measure-path span{background:white;border:1px solid #c8d5ba;border-radius:9px;padding:14px}.measure-controls{margin-bottom:16px}.controls input[type=number]{width:125px} @media(max-width:650px){.measure-svg text{font-size:15px}.clock-row{gap:6px}.measure-path{font-size:15px}.vessel-row>div{min-width:180px}}