*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange: #F47B20;--orange-light: #FFF3E8;--orange-mid: #FFE0C0;--bg: #FDFAF4;--text-primary: #1A1A1A;--text-secondary: #666;--text-hint: #AAAAAA;--border: #E8E0D5;--green: #2E9E6B;--red: #E04040;--radius: 12px;--radius-sm: 8px}body{font-family:Noto Sans KR,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh;padding-bottom:60px}.site-header{background:var(--orange);padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{display:flex;align-items:center;gap:13px;color:#fff;min-width:0}.logo-icon{width:53px;height:53px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:0 2px 6px #0000001f}.logo-name{display:block;font-weight:900;font-size:22px;letter-spacing:-.3px;white-space:nowrap}.logo-sub{display:block;font-size:14px;opacity:.85;white-space:nowrap}.ai-wrap{display:flex;align-items:center;gap:9px;background:#ffffff26;border-radius:20px;padding:9px 18px;flex-shrink:0;white-space:nowrap}.ai-wrap>label{color:#fff;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.switch{position:relative;width:53px;height:28px;display:inline-block;flex-shrink:0}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff4d;border-radius:14px;cursor:pointer;transition:background .25s}.slider:before{content:"";position:absolute;width:20px;height:20px;left:4px;top:4px;background:#fff;border-radius:50%;transition:transform .25s}.switch input:checked+.slider{background:#4caf50}.switch input:checked+.slider:before{transform:translate(25px)}.ai-banner{background:linear-gradient(135deg,#2d5be3,#5b8def);color:#fff;text-align:center;padding:20px 26px;font-size:20px;font-weight:500}.hero{padding:44px 26px 0;max-width:680px;margin:0 auto}.hero h1{font-size:39px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.notice{background:#f0faf4;border-left:4px solid #6DC98A;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:20px 22px}.notice-title{color:#1e7a3e;font-size:18px;font-weight:700;margin-bottom:9px}.notice p{color:#1e7a3e;font-size:18px;line-height:1.7;opacity:.85}.card{background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:39px 33px;max-width:680px;margin:13px auto 26px;box-shadow:0 2px 16px #0000000a}.section-head{display:flex;align-items:center;gap:11px;margin-bottom:6px}.section-head h2{font-size:23px;font-weight:700}.section-desc{color:var(--text-secondary);font-size:18px;margin-bottom:26px;margin-top:3px}.divider{height:1px;background:var(--border);margin:39px 0}.checkbox-row{display:flex;align-items:center;gap:13px;background:var(--orange-light);border:1px solid var(--orange-mid);border-radius:var(--radius-sm);padding:18px 22px;margin-bottom:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row input{width:24px;height:24px;accent-color:var(--orange);flex-shrink:0}.checkbox-row span{font-size:20px;font-weight:500}.field{margin-bottom:22px;min-width:0}.field-label{font-size:18px;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.required{color:var(--orange);font-size:17px}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.input-wrap{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fafafa;overflow:hidden;transition:border-color .15s;min-width:0}.input-wrap:focus-within{border-color:var(--orange);background:#fff}.input-wrap.disabled{opacity:.35}.input-wrap input{flex:1;border:none;background:transparent;padding:18px 12px;font-size:19px;font-family:Noto Sans KR,sans-serif;color:var(--text-primary);outline:none;min-width:0}.input-wrap input::placeholder{color:var(--text-hint)}.input-wrap input:disabled{cursor:not-allowed}.input-unit{padding:0 14px;font-size:17px;color:var(--text-secondary);font-weight:500;border-left:1px solid var(--border);background:#f5f3ef;display:flex;align-items:center;min-height:66px;flex-shrink:0}.calc-btn{width:100%;padding:23px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-sm);font-size:23px;font-weight:700;font-family:Noto Sans KR,sans-serif;cursor:pointer;letter-spacing:-.3px;margin-top:11px;transition:background .15s,transform .1s}.calc-btn:hover{background:#e06a10}.calc-btn:active{transform:scale(.99)}.result-card{background:#fff;border-radius:var(--radius);border:2px solid var(--orange);padding:39px 33px;max-width:680px;margin:0 auto 26px;box-shadow:0 4px 20px #f47b201f;animation:slideUp .35s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-header{text-align:center;margin-bottom:31px}.result-header h3{font-size:22px;color:var(--text-secondary);font-weight:500;margin-bottom:9px}.result-main{font-size:53px;font-weight:900;letter-spacing:-1px;line-height:1}.result-main.positive{color:var(--orange)}.result-main.negative{color:var(--red)}.result-badge{display:inline-block;margin-top:13px;padding:7px 22px;border-radius:20px;font-size:18px;font-weight:700}.result-badge.positive{background:var(--orange-light);color:var(--orange)}.result-badge.negative{background:#fff0f0;color:var(--red)}.calc-table{margin-top:31px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid #F5F0E8;font-size:20px}.calc-row:last-child{border-bottom:none}.calc-row.sub{background:#fafaf7;padding-left:42px;font-size:18px}.calc-row.subtotal{background:#fff8f2;font-weight:600}.calc-row.final{background:#fff;font-weight:700;font-size:21px;padding:24px 26px}.calc-row.total-cost-row{border-bottom:none}.calc-label{color:var(--text-secondary)}.calc-row.subtotal .calc-label,.calc-row.final .calc-label{color:var(--text-primary)}.calc-value{font-weight:600;color:var(--text-primary);text-align:right}.calc-value.orange{color:var(--orange)}.calc-value.green{color:var(--green)}.calc-value.red{color:var(--red)}.calc-value.final-val{font-size:25px;font-weight:900}.calc-divider-line{height:1px;background:var(--border)}.calc-divider-line.thick{height:2px;background:var(--orange);opacity:.3}footer{text-align:center;padding:26px;color:var(--text-hint);font-size:17px;line-height:1.8;max-width:680px;margin:0 auto}@media (max-width: 480px){.field-row{grid-template-columns:1fr}.hero h1{font-size:31px}.result-main{font-size:42px}.logo-sub{display:none}.logo-name{font-size:18px}.ai-wrap{padding:7px 12px;gap:7px}.ai-wrap>label{font-size:12px}}
