:root{font-family:Manrope,"Noto Sans KR",system-ui,sans-serif;color:#0f172a;background:#f8fafc;line-height:1.65}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:244px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;background:white;border-right:1px solid #e2e8f0;padding:24px}aside strong{letter-spacing:.14em}nav{display:grid;gap:6px;margin-top:24px}nav a{color:#475569;padding:8px 12px;text-decoration:none;border-radius:8px}nav a:hover,nav a:focus-visible{background:#fef3c7;color:#78350f}main{width:100%;max-width:1180px;margin:auto;padding:24px 32px 0}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}header label{margin:0}.hero,.result{background:#0f172a;color:white;padding:clamp(22px,5vw,55px);border-radius:20px}.hero h1{font-size:clamp(38px,7vw,78px);line-height:1;margin:16px 0}.hero strong,.result output{color:#fbbf24}.hero a:not(.button){color:white}.button{display:inline-block;background:#fbbf24;color:#0f172a;padding:9px 16px;border-radius:9px;font-weight:750;text-decoration:none}.stats,.grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.stats b,.result output{display:block;font-size:clamp(20px,3vw,32px)}section,article{background:white;border:1px solid #e2e8f0;border-radius:15px;padding:20px}section{margin:18px 0;scroll-margin-top:16px}section article{background:#f8fafc}h2,h3{margin:0 0 8px}h3{color:#0f766e}p,li{color:#475569}.hero p{color:#e2e8f0}a{color:#4338ca}input,select{font:inherit;border:1px solid #cbd5e1;border-radius:7px;padding:6px 9px;max-width:100%}label{display:block;margin:8px 0}summary{cursor:pointer;font-weight:700}footer{text-align:center;font-size:10px;color:#94a3b8;padding:12px 16px 20px}@media(max-width:780px){body{display:block}aside{position:static;height:auto;padding:14px}nav{display:flex;flex-wrap:wrap;margin-top:8px;gap:2px}nav a{padding:4px 8px}main{padding:14px 14px 0}header{display:block}header label{display:block}.grid{grid-template-columns:1fr}.stats article{padding:10px}.stats b{font-size:16px}section{padding:16px}}

.spend-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,150px) minmax(0,150px);align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e2e8f0}.spend-row output{text-align:right;color:#0f766e;font-weight:750}#picking .stats:last-of-type article{background:#0f172a;color:white}#picking .stats:last-of-type b{color:#fbbf24}@media(max-width:550px){.spend-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px}.spend-row label{grid-column:1/-1}.spend-row input{width:100%}}