.unit-screen{padding-bottom:20px}.unit-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.unit-tabs button{width:auto;margin:0;padding:9px 13px;border:1px solid #c8d1d8;border-radius:18px;background:#fff;color:#202124}.unit-tabs button.active{border-color:#0b8edb;background:#e6f5ff;color:#0678bd}.unit-input{display:grid;grid-template-columns:1fr minmax(180px,auto);gap:10px;align-items:center}.unit-input input{margin:0;padding:14px;border-radius:16px;font-size:24px;font-weight:800}.unit-input select{margin:0;padding:14px;border-radius:14px;background:#fff}.unit-results{margin-top:12px}.unit-result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:16px;border-radius:20px;background:#fff;box-shadow:0 1px 4px #0000000d}.unit-result.korean{background:#e6f5ff}.unit-result strong{font-size:18px;font-variant-numeric:tabular-nums}.unit-note{color:#697079;line-height:1.5}.unit-tip{padding:12px;border-radius:14px;background:#e6f5ff;line-height:1.5}.unit-table-wrap{overflow-x:auto}.unit-screen table{width:100%;border-collapse:collapse;background:#fff}.unit-screen th,.unit-screen td{padding:8px 4px;border:1px solid #ededed;text-align:center}.unit-screen th{background:#e6f5ff}.unit-screen h3{margin:18px 0 7px}@media(max-width:600px){.unit-input{grid-template-columns:1fr}.unit-result{padding:14px}.unit-result strong{font-size:16px}.unit-screen th,.unit-screen td{font-size:12px}}