*,*: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}.nav-bar{display:flex;gap:4px;max-width:520px;margin:0 auto;padding:12px 16px 0}.nav-link{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;color:var(--t3);text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:var(--chip)}.nav-link.active{background:var(--blue);color:#fff;font-weight:600}@media(min-width:960px){.nav-bar{max-width:1140px;padding:16px 40px 0}}.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}.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;width:100%;padding:14px 0;cursor:pointer;background:none;border:none;border-bottom:1px solid var(--bg);-webkit-user-select:none;user-select:none;font-family:var(--font)}.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)}.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}.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-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)}.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}}.cost-input-group{display:flex;flex-direction:column;gap:16px}.cost-input-label{display:block}.cost-input-name{display:block;font-size:13px;font-weight:500;color:var(--t3);margin-bottom:6px}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.rate-item{display:block}.rate-label{display:block;font-size:12px;color:var(--t4);margin-bottom:4px}.rate-input-wrap{display:flex;align-items:center}.rate-input{width:100%;padding:10px 36px 10px 12px;border-radius:8px;border:1.5px solid var(--border);font-size:14px;font-weight:500;color:var(--t1);outline:none;background:#fff;font-family:var(--font);transition:border-color .15s;-moz-appearance:textfield}.rate-input::-webkit-outer-spin-button,.rate-input::-webkit-inner-spin-button{-webkit-appearance:none}.rate-input:focus{border-color:var(--blue)}.rate-unit{position:absolute;right:10px;font-size:13px;color:var(--t4);font-weight:500}.section-divider{height:1px;background:var(--border);margin:12px 0}.cost-link{display:block;text-align:center;padding:12px;font-size:13px;color:var(--blue);text-decoration:none;font-weight:500;transition:opacity .15s}.cost-link:hover{opacity:.7}.cost-link-hint{display:block;font-size:11px;color:var(--t4);font-weight:400;margin-top:2px}.preset-group{display:flex;gap:8px;margin:12px 0 4px}.preset-chip{padding:6px 14px;border-radius:16px;border:1.5px solid var(--border);cursor:pointer;font-size:13px;font-family:var(--font);background:var(--card);color:var(--t3);font-weight:500;transition:border-color .15s,color .15s,background .15s}.preset-chip:hover:not(.sel){border-color:var(--blue);color:var(--blue)}.preset-chip.sel{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.rate-range-hint{display:block;font-size:11px;color:var(--t5);margin-top:2px}.discipline-tab-bar{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0;margin-bottom:8px;border-bottom:1px solid var(--border)}.discipline-tab{display:flex;align-items:center;border-radius:20px;border:1.5px solid var(--border);background:var(--card);overflow:hidden;transition:border-color .15s}.discipline-tab.active{border-color:var(--blue);background:#eff6ff}.discipline-tab-label{padding:6px 12px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--t3);font-family:var(--font)}.discipline-tab.active .discipline-tab-label{color:var(--blue);font-weight:700}.discipline-tab-remove{padding:4px 8px 4px 2px;background:none;border:none;cursor:pointer;font-size:15px;color:var(--t5);line-height:1;font-family:var(--font)}.discipline-tab-remove:hover{color:var(--danger)}.discipline-add-wrap{display:flex;align-items:center}.discipline-add-select{padding:6px 10px;border-radius:20px;border:1.5px dashed var(--border);background:var(--card);color:var(--blue);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;outline:none}.discipline-add-select:hover{border-color:var(--blue)}@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}}