:root{font-family:Arial Narrow,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#171714;background:#d7d1c3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(25,24,20,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(25,24,20,.055) 1px,transparent 1px),#d7d1c3;background-size:24px 24px}button,input,select{font:inherit}button,select{cursor:pointer}.shell{width:min(1220px,calc(100% - 40px));margin:20px auto;background:#f2eddf;border:1px solid #171714;box-shadow:9px 9px #171714}.masthead{display:grid;grid-template-columns:120px 1fr 170px;min-height:190px;border-bottom:1px solid #171714}.brand-mark{display:grid;place-items:center;border-right:1px solid #171714;font:900 74px/1 Georgia,serif;letter-spacing:-10px}.brand-mark span{color:#d6452d;font-size:.7em}.headline{padding:34px 44px 28px}.eyebrow,.rail-label{margin:0 0 18px;font:700 11px/1.2 Courier New,monospace;letter-spacing:.15em}h1{margin:0;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.07em;font-weight:900}.period{color:#d6452d}.subhead{margin:17px 0 0;color:#57544d;font-size:15px}.offline-stamp{align-self:center;margin-right:28px;padding:18px 12px;border:1px dashed #171714;text-align:center;font:700 12px/1.7 Courier New,monospace;transform:rotate(2deg)}.status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#2e7753}.tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #171714}.tab{position:relative;padding:20px 12px;border:0;border-right:1px solid #171714;background:transparent;color:#171714;font-weight:800;font-size:15px;transition:color .15s,background .15s}.tab:last-child{border-right:0}.tab span{margin-right:10px;color:#8d887d;font:11px Courier New,monospace}.tab:hover{background:#e7e0d0}.tab.active{background:#171714;color:#f2eddf}.tab.active span{color:#dc604a}.workbench{display:grid;grid-template-columns:220px 1fr;min-height:570px}.rail{display:flex;flex-direction:column;justify-content:space-between;padding:34px 24px 25px;border-right:1px solid #171714}.rail strong{display:block;font:900 34px/1 Arial,sans-serif}.rail p:not(.rail-label){color:#716d63;font-size:12px;line-height:1.6}.precision-control{margin-top:auto;padding:24px 0;border-top:1px solid #aaa497}.precision-control label{display:block;margin-bottom:8px;font-size:12px;font-weight:800}.select-wrap{position:relative}.select-wrap:after{content:"↓";position:absolute;right:12px;top:10px;pointer-events:none}select{width:100%;padding:10px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #171714;border-radius:0;background:#f2eddf}.clear-button{display:flex;justify-content:space-between;width:100%;padding:12px 0 3px;border:0;border-bottom:2px solid #171714;background:transparent;text-align:left;font-size:12px;font-weight:800}.clear-button:hover{color:#d6452d;border-color:#d6452d}.converter{padding:33px 36px 42px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:13px}.section-heading span{font-size:13px;font-weight:900}.section-heading small{color:#777268;font:11px Courier New,monospace}.section-heading.secondary{margin-top:34px;padding-top:17px;border-top:1px solid #bcb5a7}.unit-grid{display:grid;gap:12px}.common-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-field{display:block;padding:14px 15px 10px;border:1px solid #817c71;background:#ffffff38;transition:border-color .15s,box-shadow .15s;min-width:0}.unit-field:focus-within{border-color:#171714;box-shadow:4px 4px #d6452d}.unit-field.source{border-top:4px solid #d6452d;padding-top:11px;background:#f8f4e9}.unit-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.unit-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.unit-meta em{color:#d6452d;font: 12px Courier New,monospace;white-space:nowrap}.unit-field input{width:100%;min-width:0;margin-top:11px;padding:0;border:0;outline:none;background:transparent;color:#171714;font:700 clamp(22px,3vw,34px)/1.2 "Courier New",monospace}.unit-field.compact input{font-size:clamp(18px,2.1vw,25px)}.unit-field input::placeholder{color:#b5aea0}.error-message{display:flex;align-items:center;gap:8px;margin:13px 0 0;color:#aa2e1a;font-size:12px;font-weight:800}.error-message span{display:grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font:12px Georgia,serif}footer{display:flex;justify-content:space-between;padding:13px 24px;border-top:1px solid #171714;color:#69655c;font:10px/1.4 Courier New,monospace;letter-spacing:.05em}@media(max-width:820px){.shell{width:min(100% - 24px,700px);margin:12px auto;box-shadow:5px 5px #171714}.masthead{grid-template-columns:80px 1fr;min-height:150px}.brand-mark{font-size:49px}.headline{padding:25px 24px}.offline-stamp{display:none}.tabs{grid-template-columns:repeat(5,minmax(64px,1fr));overflow-x:auto}.tab{padding:16px 8px;font-size:13px}.tab span{display:none}.workbench{grid-template-columns:1fr}.rail{flex-direction:row;align-items:end;gap:20px;padding:20px 22px;border-right:0;border-bottom:1px solid #171714}.rail>div:first-child{flex:1}.rail strong{font-size:24px}.rail-label,.rail p:not(.rail-label){display:none}.precision-control{width:145px;margin:0;padding:0;border:0}.clear-button{width:130px}.converter{padding:25px 22px 34px}}@media(max-width:570px){.shell{width:calc(100% - 16px);margin:8px auto}.masthead{grid-template-columns:58px 1fr;min-height:125px}.brand-mark{font-size:35px;letter-spacing:-7px}.headline{padding:20px 16px}.eyebrow{margin-bottom:12px;font-size:9px}h1{font-size:37px}.subhead{margin-top:10px;font-size:12px}.tab{padding:14px 4px;font-size:12px}.rail{display:grid;grid-template-columns:1fr 1fr;padding:16px}.rail>div:first-child{display:none}.precision-control{width:auto}.clear-button{width:auto;align-self:end}.converter{padding:22px 15px 28px}.section-heading small{font-size:9px}.unit-grid.common-grid,.unit-grid.more-grid{grid-template-columns:1fr}.unit-field input,.unit-field.compact input{font-size:26px}footer{display:block;text-align:center}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}