*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #3182f6;--bg: #f2f4f6;--card: #ffffff;--t1: #191f28;--t2: #333d4b;--t3: #6b7684;--t4: #8b95a1;--t5: #b0b8c1;--border: #e5e8eb;--chip: #e8ebed;--danger: #f04452;--success: #00b493;--font: -apple-system, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--t2);line-height:1.5}.page-header{padding:48px 20px 28px;max-width:1140px;margin:0 auto}.page-header h1{font-size:24px;font-weight:700;color:var(--t1);letter-spacing:-.5px}.page-header p{margin-top:8px;font-size:14px;color:var(--t4)}.main-grid{padding:0 16px 60px;max-width:520px;margin:0 auto}.card{background:var(--card);border-radius:16px;padding:20px 24px;margin-bottom:12px}.card-title{font-size:16px;font-weight:600;color:var(--t1);margin-bottom:14px}.card-subtitle{font-size:14px;color:var(--t3);margin:16px 0 10px}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 16px;border-radius:20px;border:none;cursor:pointer;font-size:14px;font-family:var(--font);background:var(--chip);color:#4e5968;font-weight:400;transition:background .15s,color .15s;white-space:nowrap}.chip.sel{background:var(--blue);color:#fff;font-weight:600}.chip:hover:not(.sel){background:#dde0e3}.input-wrap{position:relative}.area-input{width:100%;padding:16px 52px 16px 16px;border-radius:12px;border:2px solid var(--border);font-size:20px;font-weight:600;color:var(--t1);outline:none;background:#fff;font-family:var(--font);transition:border-color .15s;-moz-appearance:textfield}.area-input::-webkit-outer-spin-button,.area-input::-webkit-inner-spin-button{-webkit-appearance:none}.area-input:focus{border-color:var(--blue)}.area-unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--t4);font-weight:500}.pyeong-hint{margin-top:8px;font-size:13px;color:var(--t4)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;cursor:pointer;border-bottom:1px solid var(--bg);-webkit-user-select:none;user-select:none}.toggle-row:last-of-type{border-bottom:none}.toggle-label{font-size:15px;color:var(--t2)}.toggle-sw{width:48px;height:28px;border-radius:14px;padding:2px;flex-shrink:0;display:flex;align-items:center;transition:background .2s;cursor:pointer}.toggle-sw.on{background:var(--blue)}.toggle-sw.off{background:#d1d6db}.toggle-knob{width:24px;height:24px;border-radius:12px;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s}.toggle-sw.on .toggle-knob{transform:translate(20px)}.level-group{display:flex;gap:8px}.level-btn{flex:1;padding:12px 8px;border-radius:12px;border:none;cursor:pointer;font-family:var(--font);background:var(--bg);transition:background .15s}.level-btn.sel{background:#e8f3ff}.level-name{font-size:14px;font-weight:500;color:#4e5968}.level-btn.sel .level-name{font-weight:700;color:var(--blue)}.level-sub{font-size:11px;color:var(--t4);margin-top:2px}.level-btn.sel .level-sub{color:var(--blue)}.result-hero{background:linear-gradient(135deg,#3182f6,#1b64da);border-radius:20px;padding:28px 24px;margin-bottom:12px;color:#fff}.rh-label{font-size:14px;opacity:.8}.rh-amount{font-size:32px;font-weight:800;letter-spacing:-1px;margin-top:8px}.rh-meta{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.rh-meta-item .meta-l{font-size:11px;opacity:.7}.rh-meta-item .meta-v{font-size:15px;font-weight:600;margin-top:2px}.rh-summary{margin-top:16px;padding:12px 16px;background:#ffffff26;border-radius:12px}.rh-row{display:flex;justify-content:space-between;margin-bottom:6px}.rh-row:last-child{margin-bottom:0}.rh-row-label{font-size:13px;opacity:.85}.rh-row-val{font-size:15px;font-weight:700}.compare-head{display:flex;justify-content:space-between;align-items:center}.cmp-label{font-size:13px;color:var(--t4);margin-bottom:4px}.cmp-amount{font-size:22px;font-weight:700;color:var(--t2)}.diff-badge{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}.diff-badge.hi{background:#fff3f0;color:var(--danger)}.diff-badge.lo{background:#e8f3ff;color:var(--blue)}.bar-chart{margin-top:16px}.bar-row{margin-bottom:10px}.bar-head{display:flex;justify-content:space-between;margin-bottom:4px}.bar-head span{font-size:12px;color:var(--t4)}.bar-head .bv{font-weight:600;color:var(--t2)}.bar-bg{height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.detail-btn{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0;font-family:var(--font)}.detail-btn-label{font-size:15px;font-weight:600;color:var(--t2)}.detail-chevron{font-size:20px;color:var(--t4);line-height:1;transition:transform .2s;display:inline-block}.detail-chevron.open{transform:rotate(180deg)}.detail-section{margin-top:16px}.detail-sec-title{font-size:13px;font-weight:600;color:var(--blue);margin-bottom:8px}.detail-sec-title.gray{color:var(--t4)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--bg)}.dr-label{font-size:14px;color:var(--t4)}.dr-val{font-size:14px;font-weight:500;color:var(--t2)}.dr-val.bold{font-size:16px;font-weight:700;color:var(--blue)}.dr-val.bold-gray{font-size:16px;font-weight:700}.info-card{background:#f8f9fa}.info-title{font-size:13px;font-weight:600;color:var(--t3)}.info-body{font-size:13px;color:var(--t4);line-height:1.7;margin-top:8px}.info-source{font-size:12px;color:var(--t5);margin-top:8px}.empty-state{text-align:center;padding:48px 24px}.empty-ico{font-size:48px}.empty-title{font-size:16px;font-weight:600;color:var(--t2);margin-top:16px}.empty-desc{font-size:14px;color:var(--t4);margin-top:8px}.share-btn{display:flex;align-items:center;gap:6px;background:none;border:1.5px solid var(--border);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--t3);cursor:pointer;font-family:var(--font);transition:border-color .15s,color .15s}.share-btn:hover{border-color:var(--blue);color:var(--blue)}.share-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--t1);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100;white-space:nowrap}.share-toast.show{opacity:1}@media(min-width:640px){.page-header{padding:52px 32px 30px}.main-grid{max-width:640px;padding:0 32px 60px}}@media(min-width:960px){.page-header{padding:56px 40px 32px;text-align:left}.page-header h1{font-size:28px}.main-grid{display:grid;grid-template-columns:1fr 420px;gap:20px;max-width:1140px;padding:0 40px 80px}.result-panel{position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.result-panel::-webkit-scrollbar{width:4px}.result-panel::-webkit-scrollbar-track{background:transparent}.result-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.rh-amount{font-size:36px}}@media(min-width:1200px){.main-grid{grid-template-columns:1fr 460px;gap:28px}}@media print{body{background:#fff}.input-panel{display:none}.result-panel{position:static;overflow:visible;max-height:none}.main-grid{display:block;max-width:600px;margin:0 auto;padding:0}}