:root{--color-primary:#1b2b4b;--color-primary-light:#2a3f6f;--color-bg:#f8f7f4;--color-bg-card:#fff;--color-amber:#f5a623;--color-amber-bg:#fef7e8;--color-green:#2ecc71;--color-green-bg:#e8f8f0;--color-red:#e74c3c;--color-red-bg:#fdecea;--color-severe:#c0392b;--color-severe-bg:#f9dfdd;--color-text:#2c3e50;--color-text-muted:#6b7280;--color-border:#e5e4e0;--color-input-bg:#f5f4f1;--font:"Inter", system-ui, -apple-system, sans-serif;--radius:10px;--radius-sm:6px;--shadow:0 2px 12px #1b2b4b14;--shadow-md:0 4px 24px #1b2b4b1f;--max-width:860px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4{color:var(--color-primary);line-height:1.3}h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}h2{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600}h3{font-size:1.15rem;font-weight:600}h4{font-size:1rem;font-weight:600}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-primary)}a:hover{text-decoration:underline}.container{max-width:var(--max-width);padding:0 var(--spacing-md);margin:0 auto}.card{background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--spacing-lg)}.card+.card{margin-top:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:.9rem;font-weight:600;display:block}.form-hint{color:var(--color-text-muted);margin-top:var(--spacing-xs);font-size:.8rem}input[type=number],input[type=text],input[type=email],input[type=tel],select{background:var(--color-input-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font);color:var(--color-text);appearance:none;padding:10px 14px;font-size:1rem;transition:border-color .15s}input[type=number]:focus,input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus{border-color:var(--color-primary);outline:none}input[type=range]{appearance:none;background:var(--color-border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px;transition:transform .1s;box-shadow:0 1px 6px #1b2b4b4d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 6px #1b2b4b4d}.slider-row{align-items:center;gap:var(--spacing-md);display:flex}.slider-value{color:var(--color-primary);text-align:right;white-space:nowrap;min-width:60px;font-size:1.4rem;font-weight:700}.toggle-group{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.toggle-btn{border:1.5px solid var(--color-border);color:var(--color-text);font-family:var(--font);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:8px 18px;font-size:.9rem;transition:all .15s}.toggle-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.yn-group{gap:var(--spacing-sm);display:flex}.yn-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;background:#fff;padding:8px 24px;font-size:.95rem;transition:all .15s}.yn-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.btn-primary{align-items:center;gap:var(--spacing-sm);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;border:none;padding:12px 28px;font-size:1rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px)}.btn-secondary{align-items:center;gap:var(--spacing-sm);color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;background:0 0;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--color-primary);color:#fff}.output-grid{gap:var(--spacing-md);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.output-card{background:var(--color-bg-card);border-radius:var(--radius);padding:var(--spacing-md);border:1.5px solid var(--color-border);text-align:center}.output-card.highlight{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.output-card.highlight .output-label{color:#fffc}.output-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-size:.8rem;font-weight:600}.output-value{color:var(--color-primary);font-size:1.6rem;font-weight:700;line-height:1.2}.output-card.highlight .output-value{color:#fff}.output-sub{color:var(--color-text-muted);margin-top:var(--spacing-xs);font-size:.78rem}.output-card.highlight .output-sub{color:#ffffffb3}.section-divider{border:none;border-top:1.5px solid var(--color-border);margin:var(--spacing-xl) 0}.alert{gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-sm);align-items:flex-start;font-size:.875rem;line-height:1.5;display:flex}.alert-icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.alert-amber{background:var(--color-amber-bg);border-left:3px solid var(--color-amber)}.alert-red{background:var(--color-red-bg);border-left:3px solid var(--color-red)}.alert-green{background:var(--color-green-bg);border-left:3px solid var(--color-green)}.alert-blue{border-left:3px solid var(--color-primary);background:#ebf2ff}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.85rem}.font-bold{font-weight:700}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.input-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=600px){.input-grid.cols-2{grid-template-columns:1fr 1fr}}.tab-nav{border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg);-webkit-overflow-scrolling:touch;gap:0;display:flex;overflow-x:auto}.tab-btn{padding:12px var(--spacing-md);font-family:var(--font);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;font-size:.9rem;font-weight:600;transition:all .15s}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}@media print{.no-print{display:none!important}.disclaimer-banner{position:static!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}@media (width<=480px){.output-grid{grid-template-columns:1fr 1fr}.output-value{font-size:1.3rem}.slider-value{font-size:1.1rem}}