.pan-page{min-height:100vh;color:var(--ink)}.pan-nav,.pan-hero,.pan-workspace,.pan-notes,.pan-footer{width:min(1100px,100% - 40px);margin-inline:auto}.pan-nav,.pan-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.pan-nav{border-bottom:1px solid var(--line);min-height:82px}.pan-back,.pan-footer{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.pan-hero{max-width:840px;margin-left:max(20px,50vw - 550px);padding:80px 0 52px}.pan-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}.pan-kicker:before{background:var(--orange);content:"";border-radius:99px;width:24px;height:7px;margin-right:10px;display:inline-block}.pan-hero h1{max-width:700px;font-size:clamp(52px,8vw,94px)}.pan-hero>p:last-child{max-width:640px;color:var(--muted);margin:26px 0 0;font-size:18px;line-height:1.65}.pan-workspace{border:1px solid var(--ink);background:var(--panel);box-shadow:10px 10px 0 var(--mint);border-radius:10px;grid-template-columns:minmax(0,1.24fr) minmax(310px,.76fr);display:grid;overflow:hidden}.pan-controls,.pan-result{padding:clamp(25px,4vw,45px)}.pan-controls{border-right:1px solid var(--line)}.pan-unit-row{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:34px;display:flex}.pan-unit-row fieldset,.pan-fields,.pan-result dl{border:0;margin:0;padding:0}.pan-unit-row legend,.pan-fields legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pan-unit-row label{color:var(--muted);white-space:nowrap;margin-left:10px;font-size:13px}.pan-unit-row input{accent-color:var(--ink)}.pan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.pan-fields{border:1px solid var(--line);background:#f4f1e88c;border-radius:7px;gap:16px;padding:20px;display:grid}.pan-fields:before{color:var(--ink);font-family:var(--font-dm-mono), monospace;letter-spacing:.1em;text-transform:uppercase;content:attr(aria-label);font-size:12px;font-weight:500}.pan-fields label,.pan-ingredient label{color:var(--ink);gap:7px;font-size:13px;font-weight:800;display:grid}.pan-fields select,.pan-fields input,.pan-ingredient input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:4px;padding:0 11px}.pan-number{position:relative}.pan-number input{padding-right:38px}.pan-number span{color:var(--muted);font-family:var(--font-dm-mono), monospace;font-size:12px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.pan-result{background:var(--ink);color:#fff}.pan-result .pan-kicker,.pan-result-label,.pan-local-note,.pan-result dt,.pan-direction,.pan-ingredient label span{color:#ffffffa6}.pan-result h2{color:var(--acid);letter-spacing:-.08em;margin:0;font-size:clamp(64px,7vw,86px);line-height:.95}.pan-result-label{margin:0 0 7px;font-size:13px;font-weight:700}.pan-direction{margin:13px 0 27px;font-size:14px;line-height:1.5}.pan-result dl{gap:14px;margin-bottom:25px;display:grid}.pan-result dl div{border-top:1px dashed #ffffff40;justify-content:space-between;align-items:baseline;gap:15px;padding-top:14px;display:flex}.pan-result dt,.pan-result dd{margin:0;font-size:13px}.pan-result dd{font-family:var(--font-dm-mono), monospace;font-weight:500}.pan-ingredient{grid-template-columns:1fr .58fr;gap:12px;margin-bottom:22px;display:grid}.pan-ingredient label{color:#fff}.pan-ingredient input{color:#fff;background:#ffffff12;border-color:#ffffff40;min-height:40px}.pan-ingredient p{color:var(--mint);font-family:var(--font-dm-mono), monospace;grid-column:1/-1;margin:1px 0 0;font-size:12px;line-height:1.5}.pan-result button{background:var(--acid);width:100%;min-height:47px;color:var(--ink);cursor:pointer;border:0;border-radius:4px;font-weight:800}.pan-result button:disabled{cursor:not-allowed;opacity:.45}.pan-local-note{margin:13px 0 0;font-size:11px;line-height:1.5}.pan-notes{grid-template-columns:.72fr 1.28fr;gap:9vw;padding:100px 0;display:grid}.pan-notes h2{letter-spacing:-.06em;margin:0;font-size:clamp(30px,3.3vw,48px);line-height:1.05}.pan-notes>div:last-child{color:var(--muted);font-size:15px;line-height:1.7}.pan-notes p{margin:0 0 20px}.pan-notes a{color:var(--ink);font-weight:800}.pan-footer{border-top:1px solid var(--line);min-height:82px;padding:20px 0}.pan-footer span{margin-right:auto}@media (width<=760px){.pan-hero{margin-inline:20px;padding-top:58px}.pan-workspace,.pan-notes{grid-template-columns:1fr}.pan-controls{border-right:0;border-bottom:1px solid var(--line)}.pan-notes{gap:30px;padding:70px 0}}@media (width<=560px){.pan-nav,.pan-footer{gap:12px}.pan-back,.pan-footer{font-size:11px}.pan-grid{grid-template-columns:1fr}.pan-unit-row{display:block}.pan-unit-row fieldset{margin-top:15px}.pan-unit-row label:first-of-type{margin-left:0}.pan-footer span{max-width:150px}}