:root{--accent: #7C3AED;--accent-light: #EDE9FE;--accent-dark: #5B21B6;--success: #059669;--success-light: #D1FAE5;--warning: #D97706;--warning-light: #FEF3C7;--danger: #DC2626;--danger-light: #FEE2E2;--text: #111827;--text-muted: #6B7280;--text-light: #9CA3AF;--bg: #F9FAFB;--surface: #FFFFFF;--surface-alt: #F3F4F6;--border: #E5E7EB;--border-focus: #7C3AED;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 6px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:15px;line-height:1.6;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--accent);color:#fff;padding:1.5rem 2rem}.app-header-inner{max-width:1100px;margin:0 auto}.app-header-brand{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-bottom:.25rem}.app-header-title{font-size:1.5rem;font-weight:700;line-height:1.2}.app-header-sub{font-size:.875rem;opacity:.8;margin-top:.25rem}.app-main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto;width:100%;padding:2rem;align-items:start}.col-inputs{min-width:0}.col-results{min-width:0;position:sticky;top:1.5rem}.app-footer{text-align:center;padding:1.5rem;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border);margin-top:2rem}.fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;background:var(--surface)}.fieldset-legend{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);padding:0 .25rem;margin-bottom:.75rem;display:block}.fieldset-legend--summary{cursor:pointer;list-style:none;margin-bottom:0}.fieldset-legend--summary::-webkit-details-marker{display:none}.fieldset-legend--summary:after{content:" ▸";font-size:.7rem;color:var(--text-muted)}details[open] .fieldset-legend--summary:after{content:" ▾"}.details-body{margin-top:.75rem}.field{margin-bottom:.9rem}.field:last-child{margin-bottom:0}.field-label{display:block;font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.3rem}.field-required{color:var(--danger)}.field-input-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:border-color .15s}.field-input-wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #7c3aed1f}.field--error .field-input-wrap{border-color:var(--danger)}.field--error .field-input-wrap:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px #dc26261f}.field-affix{padding:0 .6rem;font-size:.875rem;color:var(--text-muted);background:var(--surface-alt);border-right:1px solid var(--border);height:100%;display:flex;align-items:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.field-suffix{border-right:none;border-left:1px solid var(--border)}.field-input{flex:1;border:none;outline:none;padding:.5rem .65rem;font-size:.9rem;font-family:var(--font);font-variant-numeric:tabular-nums;color:var(--text);background:transparent;width:100%;min-width:0}.field-input::-webkit-inner-spin-button,.field-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-input[type=number]{-moz-appearance:textfield}.field-msg{font-size:.78rem;margin-top:.3rem;line-height:1.4}.field-msg--error{color:var(--danger)}.field-msg--warning{color:var(--warning)}.field-msg--help{color:var(--text-muted)}.toggle-row{margin-bottom:.75rem}.toggle-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem;font-weight:500;-webkit-user-select:none;user-select:none}.toggle-input{display:none}.toggle-track{width:36px;height:20px;border-radius:10px;background:var(--border);position:relative;flex-shrink:0;transition:background .2s}.toggle-track:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-input:checked+.toggle-track{background:var(--accent)}.toggle-input:checked+.toggle-track:after{transform:translate(16px)}.result-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.result-section--empty,.result-section--waiting{display:flex;align-items:center;justify-content:center;min-height:200px}.result-empty{text-align:center;padding:2rem;color:var(--text-muted)}.result-empty-icon{font-size:2rem;margin-bottom:.75rem}.result-empty-text{font-size:.9rem}.result-primary{background:var(--accent);color:#fff;padding:1.5rem;text-align:center}.result-primary-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-bottom:.4rem}.result-primary-value{font-size:2.25rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.01em}.result-primary-sub{font-size:.8rem;opacity:.75;margin-top:.3rem}.result-card{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-bottom:1px solid var(--border);gap:.5rem;flex-wrap:wrap}.result-card:last-child{border-bottom:none}.result-card-label{font-size:.85rem;color:var(--text-muted);flex:1}.result-card-subtitle{font-size:.72rem;color:var(--text-light);width:100%;order:3}.result-card-value{font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.result-card--accent .result-card-value{color:var(--accent)}.result-card--muted .result-card-value{color:var(--text-muted)}.result-card--danger .result-card-value{color:var(--danger)}.result-grid{border-top:1px solid var(--border)}.result-discount{border-top:2px solid var(--warning-light);background:#fffbf5;padding:.75rem 0}.result-discount-title{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--warning);padding:0 1rem .5rem}.result-edu{border-top:1px solid var(--border)}.result-edu>summary{font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;padding:.75rem 1rem;list-style:none}.result-edu>summary::-webkit-details-marker{display:none}.result-edu>summary:after{content:" ▸";font-size:.7rem}details[open].result-edu>summary:after{content:" ▾"}.result-edu-body{padding:0 1rem 1rem;font-size:.82rem;color:var(--text-muted);line-height:1.6;display:flex;flex-direction:column;gap:.4rem}.tooltip{cursor:help;border-bottom:1px dashed var(--text-muted)}@media (max-width: 768px){.app-main{grid-template-columns:1fr;padding:1rem;gap:1rem}.col-inputs{order:2}.col-results{order:1;position:static}.app-header{padding:1.25rem 1rem}.app-header-title{font-size:1.25rem}.result-primary-value{font-size:1.75rem}.field-input-wrap,.toggle-label{min-height:44px}}@media (max-width: 400px){.app-main{padding:.75rem}.result-primary-value{font-size:1.5rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}