:root{color-scheme:light;--navy:#173454;--blue:#276398;--ink:#172f48;--muted:#53677c;--line:#d4e0ec}*{box-sizing:border-box}body{margin:0;background:#eef3f8;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;-webkit-text-size-adjust:100%}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;min-height:44px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #eead32;outline-offset:3px}header{max-width:980px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 24px 14px;gap:20px;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--navy);flex-shrink:0}.brand img{display:block;width:92px;height:65px;object-fit:contain}.brand span{font-size:18px;font-weight:800;white-space:nowrap}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:.3px;margin-top:4px}.header-note{font-size:12px;letter-spacing:1.5px;line-height:1.7;font-weight:700;text-align:right;color:var(--blue)}main{max-width:980px;margin:auto;padding:22px 24px calc(20px + env(safe-area-inset-bottom))}.intro h1{font-size:28px;letter-spacing:-.8px;margin:0 0 5px}.intro p{color:var(--muted);margin:0;font-size:14px}.calculator{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #1734540a}.controls{padding:24px}.controls>h2{font-size:14px;margin:0 0 10px;color:var(--muted)}.modes{display:flex;gap:4px;background:#eaf0f6;border-radius:12px;padding:4px}.modes button{flex:1;border:0;border-radius:9px;background:transparent;font-weight:600;font-size:14px;color:var(--muted);padding:8px}.modes button[aria-pressed=true]{background:var(--navy);color:white;box-shadow:0 2px 6px #17345422}.field{margin-top:20px}label{font-size:14px;font-weight:600}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.units{display:flex;gap:3px}.units button{border:0;padding:5px 11px;border-radius:8px;font-size:14px;background:#edf3f8;color:var(--muted)}.units button[aria-pressed=true]{background:var(--blue);color:white}.input-wrap{display:flex;align-items:center;margin-top:8px;padding:0 16px;border:1px solid #bccddd;background:#fafcfe;border-radius:12px}.input-wrap:focus-within{outline:2px solid var(--blue);outline-offset:1px}.input-wrap input{width:100%;min-width:0;padding:10px 0;outline:0;border:0;background:transparent;color:var(--navy);font-size:30px;font-weight:600;font-variant-numeric:tabular-nums}.input-wrap span{color:var(--muted);white-space:nowrap;margin-left:8px;font-size:16px}.presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.presets button{flex:1;border:1px solid var(--line);border-radius:8px;background:white;padding:5px 8px;font-size:14px;color:var(--blue)}.presets button:active{background:#e3edf7}#error{font-size:14px;color:#ab241e;line-height:1.5}.result{background:var(--navy);color:white;padding:28px;display:flex;flex-direction:column;min-width:0}.result-top{display:flex;justify-content:space-between;gap:12px;color:#c5dcf1;letter-spacing:1px;font-size:12px;font-weight:600;margin-bottom:28px}.result h2{font-size:16px;font-weight:400;margin:0 0 10px}.result-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;overflow-wrap:anywhere}#result-number{font-size:64px;font-weight:700;letter-spacing:-2px;line-height:1.1;font-variant-numeric:tabular-nums}#result-unit{font-size:24px;color:#c5dcf1}#result-secondary{font-size:16px;color:#c5dcf1;margin:10px 0}#result-context{font-size:14px;color:#e1ebf6;margin:12px 0 22px}.formula{margin-top:auto;padding-top:15px;border-top:1px solid #ffffff30}.formula p{margin:0;font-size:14px;line-height:1.5;color:#c5dcf1}.safety{font-size:14px;line-height:1.6;color:var(--muted);margin:18px 2px}details{border-top:1px solid var(--line);padding:0 2px;color:var(--muted)}summary{cursor:pointer;min-height:48px;padding:15px 0;font-size:14px;font-weight:600;color:var(--ink)}details p{font-size:14px;line-height:1.6;margin:0 0 14px}details a{color:var(--blue);font-size:14px;display:inline-block;margin-bottom:16px}footer{border-top:1px solid var(--line);margin-top:10px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}footer span:first-child{font-weight:700;letter-spacing:1px}[hidden]{display:none!important}@media(max-width:680px){header{padding-left:20px;padding-right:20px}.brand{gap:4px}.brand img{width:65px;height:46px}.brand span{font-size:15px}.brand small{font-size:10px}main{padding:18px 16px calc(20px + env(safe-area-inset-bottom))}.intro h1{font-size:25px}.calculator{grid-template-columns:1fr;margin-top:16px}.controls{padding:16px}.controls>h2{display:none}.field{margin-top:14px}.result{padding:20px}.result-top{margin-bottom:12px}.result h2{margin-bottom:6px}#result-number{font-size:56px}#result-secondary{margin:6px 0}#result-context{margin:8px 0 14px}.formula{padding-top:12px}.header-note{font-size:12px}.input-wrap input{padding:7px 0}.presets button{min-height:44px}}@media(display-mode:standalone){.install{display:none}}@media(min-width:981px){header{margin-top:24px;border-radius:20px 20px 0 0}main{background:#f7faff;border-radius:0 0 20px 20px;padding-bottom:28px}}

.calculator-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.calculator-nav a{padding:11px 15px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:600;color:var(--blue);border:1px solid var(--line)}.calculator-nav a[aria-current]{background:var(--navy);color:white;border-color:var(--navy)}.nearby{margin-top:22px}.nearby h2{font-size:16px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}tr.selected{background:#e0edf8;font-weight:600}@media(max-width:360px){header{gap:8px;padding-left:12px;padding-right:12px}.header-note{font-size:10px;letter-spacing:0}}