*{box-sizing:border-box}body{margin:0;color:#152339;background:#f4f7fb;font-family:Arial,'Noto Sans KR',sans-serif;font-size:16px;line-height:1.65}header,main,footer{max-width:1160px;margin:auto}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3ed}.brand{font-size:21px;font-weight:800;text-decoration:none;color:#152339;letter-spacing:-.7px}.brand span{color:#2464ec}.header-note{font-size:14px;color:#627085}.intro{padding:48px 0 30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#2464ec}.intro h1{font-size:40px;letter-spacing:-1.5px;line-height:1.3;margin:12px 0 16px}.intro>p:last-child{color:#627085}.settings{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:24px;padding:24px 28px;background:#e8eef8;border-radius:12px;margin-bottom:24px;align-items:center}.settings p{font-size:13px;color:#526277}.settings label{font-size:14px}.workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.devices{display:grid;grid-template-columns:1fr 1fr;gap:16px}fieldset{margin:0;padding:20px;border:1px solid #dde4ee;background:white;border-radius:12px;min-width:0}legend{float:left;width:100%;margin-bottom:20px;font-weight:700;display:flex;align-items:center;gap:10px}.badge{background:#152339;color:white;border-radius:7px;display:inline-grid;place-items:center;height:30px;width:30px}.blue{background:#2464ec}label{display:block;font-size:14px;font-weight:600;margin-bottom:16px}input{font:inherit;font-size:16px;min-width:0;width:100%;padding:12px;border:1px solid #d7dfeb;border-radius:7px;background:#fff;color:#152339;margin-top:7px;height:48px}input:focus{outline:2px solid #2464ec;outline-offset:2px}input:invalid{border-color:#b93d43}.unit{position:relative}.unit input{padding-right:58px}.unit span{position:absolute;right:12px;top:19px;font-size:13px;color:#66758a;pointer-events:none}.settings label{margin:0}.settings .unit input{padding-right:78px}.hint{font-size:13px;color:#687589;line-height:1.6;margin:4px 0}.result{background:#14243c;color:#fff;border-radius:12px;padding:28px}.result .eyebrow{color:#a8c7ff;margin-top:0}.result h2{font-size:52px;line-height:1.2;margin:16px 0 8px;letter-spacing:-2px}.result h2 span{font-size:20px;letter-spacing:0;margin-left:8px}.result>p{font-size:14px}.chart{margin:28px 0}.bar-label{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin:14px 0 6px;overflow-wrap:anywhere}.track{height:9px;background:#31435e;border-radius:5px}.bar{height:100%;background:#a9bbd6;border-radius:5px;transition:width .2s}.bar.b{background:#74a3ff}dl{font-size:13px}dl>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #36445b;padding:12px 0}dd{margin:0;text-align:right;font-weight:700}.result-note{font-size:12px!important;line-height:1.7;color:#bbc9df;margin-bottom:0}.reset{background:none;border:1px solid #cbd5e5;border-radius:7px;padding:10px 16px;color:#526277;font-size:14px;cursor:pointer}.reset:hover{background:#e8eef8}#error{color:#ad3038;font-size:14px;min-height:0}.guide{margin-top:54px;padding-top:30px;border-top:1px solid #dce3ed}.guide h2{font-size:24px;letter-spacing:-.7px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.guide article>span{color:#2464ec;font-size:13px;font-weight:700}.guide h3{font-size:17px;margin:8px 0}.guide p,.notes p{color:#627085;font-size:14px;line-height:1.9}.notes{margin:30px 0 50px}details{border-bottom:1px solid #dce3ed;padding:16px 0}summary{font-size:14px;font-weight:600;cursor:pointer}footer{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-top:1px solid #dce3ed}footer p{font-size:13px;color:#627085}@media(max-width:1200px){header,main,footer{margin-left:28px;margin-right:28px}}@media(max-width:950px){.workspace{grid-template-columns:1fr}.settings{grid-template-columns:repeat(3,1fr)}.settings p{grid-column:1/-1;margin:0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result{padding:28px}.guide-grid{gap:20px}}@media(max-width:580px){header,main,footer{margin-left:18px;margin-right:18px}header{height:72px}.header-note{display:none}.intro{padding:30px 0 18px}.intro h1{font-size:32px}.intro>p:last-child{font-size:14px}.settings{padding:18px;gap:12px;grid-template-columns:1fr 1fr}.settings label:first-child{grid-column:1/-1}.devices{grid-template-columns:1fr}.result h2{font-size:46px}.guide-grid{grid-template-columns:1fr;gap:16px}.guide{margin-top:32px}footer{display:block}dl>div{flex-wrap:wrap}dd{margin-left:auto}.settings p br{display:none}}@media(prefers-reduced-motion:reduce){.bar{transition:none}}

.jump{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.jump a{padding:9px 17px;border:1px solid #cbd5e5;border-radius:30px;color:#152339;text-decoration:none;font-size:14px}.jump a:first-child{background:#2464ec;color:#fff;border-color:#2464ec}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-top h2{margin:0;font-size:26px}.section-top .eyebrow{margin:0 0 8px}.home{scroll-margin-top:24px}.home>.hint{margin:16px 0}.home-controls{display:flex;gap:30px;align-items:center;margin:24px 0}.home-controls label{max-width:230px;margin:0}.home-controls p{color:#627085;font-size:14px}.home-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:start}.appliance{background:white;border:1px solid #dde4ee;border-radius:12px;padding:20px;margin-bottom:14px}.appliance-head{display:flex;align-items:center;gap:20px}.appliance-head label{flex:1}.appliance-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf0f7;padding-top:14px}.plan-row label{margin:0;width:160px}.plan-row input{background:#eef4ff;border-color:#a9c4f9}.home-summary{background:#14243c;color:white;border-radius:14px;padding:28px}.home-summary .eyebrow{color:#a8c7ff}.home-summary h3{font-size:40px;margin:0;letter-spacing:-1px}.home-summary>p{font-size:14px}.home-summary .hint{color:#bfcee5}.rank{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:14px;margin:22px 0;overflow-wrap:anywhere}.rank span{max-width:68%}.rank-bar{height:6px;background:#83adff;border-radius:4px;margin-top:3px}.scenario{background:#263d60;border-radius:9px;padding:18px;margin-top:28px}.scenario span,.scenario p{font-size:14px}.scenario strong{display:block;font-size:25px;color:#b8eaff;margin:8px 0}.primary{font-size:16px;padding:12px 20px;color:white;background:#2464ec;border:0;border-radius:8px;cursor:pointer}.primary:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #397cf8;outline-offset:3px}#home-error{color:#ad3038;font-size:14px}#comparison{margin-top:60px;border-top:1px solid #dce3ed;padding-top:30px;scroll-margin-top:24px}#comparison h2{font-size:26px;margin:4px 0 14px}.budget-box{margin-top:24px;border:1px solid #4e688f;border-radius:8px;padding:16px}.budget-box p{font-size:14px;margin:0 0 8px}.budget-box strong{font-size:24px;color:#b8eaff}.budget-box p:last-child{margin-top:12px}.empty{padding:30px;border:1px dashed #bdcbe0;border-radius:12px}.intro{padding-top:30px}.intro h1{font-size:34px}.guide p,.notes p{font-size:16px}[hidden]{display:none!important}
@media(max-width:850px){.home-layout{grid-template-columns:1fr}.home-summary{position:static}}@media(max-width:580px){.section-top{align-items:flex-start;flex-direction:column}.home-controls{gap:16px;align-items:flex-start;flex-direction:column}.home-controls p{margin:0}.appliance{padding:16px}.appliance-fields{grid-template-columns:1fr 1fr}.appliance-fields label:last-child{grid-column:1/-1}.intro h1{font-size:30px}.home-summary h3{font-size:34px}.plan-row{flex-wrap:wrap}.jump{gap:7px}.jump a{padding:8px 12px}.appliance-head{gap:10px}}
@media print{body{background:white;color:black}header,.intro,.jump,footer,.home-controls,#appliances,.home-layout>div,.home>.hint,.section-top button,#clear-home,#comparison,#calculator,.guide,.notes{display:none!important}.home-layout{display:block}.home-summary{background:white;color:black;border:1px solid #aaa;break-inside:avoid}.home-summary .eyebrow,.home-summary .hint{color:#333}.scenario{background:#eee}.scenario strong{color:black}.rank-bar{print-color-adjust:exact;-webkit-print-color-adjust:exact}main{margin:0}.section-top{margin-bottom:20px}}