.dim-page{min-height:100vh;color:var(--ink)}.dim-nav,.dim-hero,.dim-workspace,.dim-notes,.dim-footer{width:min(1100px,100% - 40px);margin-inline:auto}.dim-nav,.dim-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.dim-nav{border-bottom:1px solid var(--line);min-height:82px}.dim-back,.dim-footer{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.dim-hero{max-width:840px;margin-left:max(20px,50vw - 550px);padding:80px 0 52px}.dim-kicker{color:var(--muted);font-family:var(--font-dm-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:500}.dim-kicker:before{content:"";background:#f15d3a;border-radius:99px;width:24px;height:7px;margin-right:10px;display:inline-block}.dim-hero h1{max-width:700px;font-size:clamp(52px,8vw,94px)}.dim-hero>p:last-child{max-width:640px;color:var(--muted);margin:26px 0 0;font-size:18px;line-height:1.65}.dim-workspace{border:1px solid var(--ink);background:var(--panel);border-radius:10px;grid-template-columns:minmax(0,1.24fr) minmax(310px,.76fr);display:grid;overflow:hidden;box-shadow:10px 10px #f15d3a}.dim-controls,.dim-result{padding:clamp(25px,4vw,45px)}.dim-controls{border-right:1px solid var(--line);align-content:start;gap:21px;display:grid}.dim-profile{border:0;gap:11px;margin:0;padding:0;display:grid}.dim-profile legend{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:800}.dim-profile label{color:var(--muted);font-size:14px;font-weight:700}.dim-profile input{accent-color:#a8331d}.dim-profile-note,.dim-rounding{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.dim-profile-note{background:#fff4ec;border-left:3px solid #f15d3a;padding:13px}.dim-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dim-fields label{color:var(--ink);gap:8px;font-size:13px;font-weight:800;display:grid}.dim-fields label>span{color:var(--muted);margin-top:-4px;font-size:10px;font-weight:600}.dim-fields label>div{position:relative}.dim-fields input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:4px;padding:0 44px 0 11px}.dim-fields b{color:var(--muted);font-family:var(--font-dm-mono), monospace;font-size:12px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dim-rounding{border-top:1px solid var(--line);padding-top:20px}.dim-result{color:#fff;background:#252f4c}.dim-result .dim-kicker,.dim-result-label,.dim-local-note,.dim-result dt,.dim-direction{color:#ffffffb3}.dim-result h2{color:#ffd688;letter-spacing:-.08em;margin:0;font-size:clamp(58px,6vw,76px);line-height:.95}.dim-result-label{margin:0 0 7px;font-size:13px;font-weight:700}.dim-direction{margin:13px 0 27px;font-size:14px}.dim-result dl{gap:14px;margin:0 0 25px;display:grid}.dim-result dl div{border-top:1px dashed #ffffff40;justify-content:space-between;align-items:baseline;gap:15px;padding-top:14px;display:flex}.dim-result dt,.dim-result dd{margin:0;font-size:13px}.dim-result dd{font-family:var(--font-dm-mono), monospace;text-align:right;font-weight:500}.dim-result button{color:#32270e;cursor:pointer;background:#ffd688;border:0;border-radius:4px;width:100%;min-height:47px;font-weight:800}.dim-result button:disabled{cursor:not-allowed;opacity:.45}.dim-local-note{margin:13px 0 0;font-size:11px;line-height:1.5}.dim-notes{grid-template-columns:.72fr 1.28fr;gap:9vw;padding:100px 0;display:grid}.dim-notes h2{letter-spacing:-.06em;margin:0;font-size:clamp(30px,3.3vw,48px);line-height:1.05}.dim-notes>div:last-child{color:var(--muted);font-size:15px;line-height:1.7}.dim-notes p{margin:0 0 20px}.dim-notes a{color:var(--ink);font-weight:800}.dim-footer{border-top:1px solid var(--line);min-height:82px;padding:20px 0}.dim-footer span{margin-right:auto}@media (width<=760px){.dim-hero{margin-inline:20px;padding-top:58px}.dim-workspace,.dim-notes{grid-template-columns:1fr}.dim-controls{border-right:0;border-bottom:1px solid var(--line)}.dim-notes{gap:30px;padding:70px 0}}@media (width<=560px){.dim-nav,.dim-footer{gap:12px}.dim-back,.dim-footer{font-size:11px}.dim-fields{grid-template-columns:1fr}.dim-footer span{max-width:150px}}