.inflation-calculator{--inflation-primary: #dc2626;--inflation-primary-dark: #b91c1c;--inflation-primary-light: #ef4444;--inflation-secondary: #f87171;--inflation-accent: #7f1d1d;--inflation-bg: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);--inflation-card-bg: #ffffff;--inflation-text: #1f2937;--inflation-text-muted: #6b7280;--inflation-border: #fecaca;--inflation-orange: #ea580c;font-family:system-ui,-apple-system,sans-serif;max-width:900px;margin:0 auto}.inflation-header{text-align:center;margin-bottom:2rem}.inflation-title{font-size:2rem;font-weight:800;color:var(--inflation-accent);margin:0 0 .5rem}.inflation-description{color:var(--inflation-text-muted);font-size:1.1rem;margin:0}.inflation-formula-section{background:var(--inflation-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--inflation-border)}.inflation-formula-title{font-size:1.1rem;font-weight:700;color:var(--inflation-accent);margin:0 0 1rem;text-align:center}.inflation-formula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.inflation-formula-card{background:var(--inflation-card-bg);border-radius:12px;padding:1rem;text-align:center;box-shadow:0 2px 8px #dc26261a}.inflation-formula-label{display:block;font-size:.85rem;font-weight:600;color:var(--inflation-primary);margin-bottom:.5rem}.inflation-formula-math{font-size:1rem;color:var(--inflation-text);overflow-x:auto}.inflation-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.inflation-mode-btn{padding:1rem;border:2px solid var(--inflation-border);background:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.inflation-mode-btn:hover{border-color:var(--inflation-primary);background:#fef2f2}.inflation-mode-btn.active{background:var(--inflation-primary);border-color:var(--inflation-primary);color:#fff}.inflation-mode-title{display:block;font-weight:700;font-size:1rem;margin-bottom:.25rem}.inflation-mode-desc{display:block;font-size:.85rem;opacity:.8}.inflation-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#fee2e2;border-radius:12px}.inflation-presets-label{font-weight:600;color:var(--inflation-accent);font-size:.9rem}.inflation-presets-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.inflation-preset-btn{padding:.5rem 1rem;border:2px solid var(--inflation-border);background:#fff;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--inflation-text);cursor:pointer;transition:all .2s ease}.inflation-preset-btn:hover{border-color:var(--inflation-primary);background:#fef2f2}.inflation-preset-btn.active{background:var(--inflation-primary);border-color:var(--inflation-primary);color:#fff}.inflation-form{background:var(--inflation-card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #dc26261a;margin-bottom:2rem}.inflation-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.inflation-input-wide{grid-column:span 2}.inflation-input-group{display:flex;flex-direction:column;gap:.5rem}.inflation-input-group label{font-size:.9rem;font-weight:600;color:var(--inflation-text)}.inflation-input-group input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .2s ease}.inflation-input-group input:focus{outline:none;border-color:var(--inflation-primary);box-shadow:0 0 0 3px #dc26261a}.inflation-buttons{display:flex;gap:1rem}.inflation-calculate-btn{flex:1;padding:1rem;background:linear-gradient(135deg,var(--inflation-primary) 0%,var(--inflation-orange) 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.inflation-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc26264d}.inflation-reset-btn{padding:1rem 1.5rem;background:#f3f4f6;color:var(--inflation-text-muted);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.inflation-reset-btn:hover{background:#e5e7eb}.inflation-results{background:var(--inflation-card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #dc26261a;margin-bottom:2rem;border:2px solid var(--inflation-border)}.inflation-results-title{font-size:1.3rem;font-weight:700;color:var(--inflation-accent);margin:0 0 1.5rem;text-align:center}.inflation-visual{background:#f9fafb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.inflation-visual-bar{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.inflation-bar-original,.inflation-bar-adjusted{background:#fff;border-radius:12px;padding:1rem 1.5rem;text-align:center;box-shadow:0 2px 8px #0000001a;transition:transform .5s ease}.inflation-bar-original{border:2px solid #10b981}.inflation-bar-adjusted{border:2px solid var(--inflation-primary)}.inflation-bar-label{display:block;font-size:.8rem;color:var(--inflation-text-muted);margin-bottom:.25rem}.inflation-bar-value{font-size:1.25rem;font-weight:700;color:var(--inflation-text)}.inflation-bar-arrow{font-size:2rem;color:var(--inflation-primary)}.inflation-visual-message{text-align:center;font-size:.95rem;color:var(--inflation-text);line-height:1.5}.inflation-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.inflation-result-card{background:#f9fafb;border-radius:12px;padding:1rem;text-align:center}.inflation-result-card.inflation-result-primary{background:linear-gradient(135deg,var(--inflation-primary) 0%,var(--inflation-orange) 100%);grid-column:span 2}.inflation-result-card.inflation-result-primary .inflation-result-label,.inflation-result-card.inflation-result-primary .inflation-result-value{color:#fff}.inflation-result-card.inflation-result-loss{background:#fef2f2;border:2px solid var(--inflation-primary)}.inflation-result-card.inflation-result-loss .inflation-result-value{color:var(--inflation-primary)}.inflation-result-label{display:block;font-size:.8rem;color:var(--inflation-text-muted);margin-bottom:.25rem}.inflation-result-value{font-size:1.2rem;font-weight:700;color:var(--inflation-accent)}.inflation-result-card.inflation-result-primary .inflation-result-value{font-size:1.6rem}.inflation-table-container{background:#f9fafb;border-radius:12px;padding:1rem}.inflation-table-title{font-size:.9rem;font-weight:600;color:var(--inflation-text);margin-bottom:.75rem;text-align:center}.inflation-table-scroll{overflow-x:auto;max-height:300px;overflow-y:auto}.inflation-yearly-table{width:100%;border-collapse:collapse;font-size:.85rem}.inflation-yearly-table th{background:var(--inflation-bg);padding:.75rem;text-align:left;font-weight:600;color:var(--inflation-accent);border-bottom:2px solid var(--inflation-border);position:sticky;top:0}.inflation-yearly-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;color:var(--inflation-text)}.inflation-yearly-table tr:hover td{background:#fef2f2}.inflation-content{margin-top:3rem}.inflation-content-section{margin-bottom:2.5rem}.inflation-content-section h2{font-size:1.5rem;font-weight:700;color:var(--inflation-accent);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--inflation-border)}.inflation-content-section p{color:var(--inflation-text);line-height:1.7;margin-bottom:1rem}.inflation-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.inflation-feature-card{background:var(--inflation-bg);border-radius:12px;padding:1.25rem;text-align:center;border:1px solid var(--inflation-border)}.inflation-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.inflation-feature-card h4{font-size:1rem;font-weight:700;color:var(--inflation-accent);margin:0 0 .5rem}.inflation-feature-card p{font-size:.9rem;color:var(--inflation-text-muted);margin:0}.inflation-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.inflation-tip-card{background:#fef2f2;border-radius:12px;padding:1.25rem;border-left:4px solid var(--inflation-primary)}.inflation-tip-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.inflation-tip-card h4{font-size:.95rem;font-weight:700;color:var(--inflation-accent);margin:0 0 .5rem}.inflation-tip-card p{font-size:.9rem;color:var(--inflation-text-muted);margin:0}.inflation-tips-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.inflation-tip-item{display:flex;gap:1rem;padding:1.25rem;background:#fef2f2;border-radius:12px;border:1px solid var(--inflation-border)}.inflation-tip-item .inflation-tip-icon{font-size:1.75rem;flex-shrink:0;margin-bottom:0}.inflation-tip-content h4{font-size:1rem;font-weight:700;color:var(--inflation-accent);margin:0 0 .5rem}.inflation-tip-content p{font-size:.95rem;color:var(--inflation-text);margin:0;line-height:1.6}.inflation-table-wrapper{overflow-x:auto;margin-top:1.5rem;border-radius:12px;border:1px solid var(--inflation-border)}.inflation-table{width:100%;border-collapse:collapse;font-size:.9rem}.inflation-table th{background:var(--inflation-bg);padding:1rem;text-align:left;font-weight:700;color:var(--inflation-accent);border-bottom:2px solid var(--inflation-border)}.inflation-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:var(--inflation-text)}.inflation-table tr:last-child td{border-bottom:none}.inflation-table tr:hover td{background:#fef2f2}.inflation-faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.inflation-faq-item{background:#fef2f2;border-radius:12px;border:1px solid var(--inflation-border);overflow:hidden}.inflation-faq-item summary{padding:1rem 1.25rem;font-weight:600;color:var(--inflation-accent);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.inflation-faq-item summary::-webkit-details-marker{display:none}.inflation-faq-item summary:after{content:"+";font-size:1.5rem;font-weight:300;color:var(--inflation-primary);transition:transform .3s ease}.inflation-faq-item[open] summary:after{transform:rotate(45deg)}.inflation-faq-item p{padding:0 1.25rem 1rem;margin:0;color:var(--inflation-text);line-height:1.6}@media (max-width: 640px){.inflation-title{font-size:1.5rem}.inflation-formula-grid,.inflation-mode-toggle,.inflation-form-grid{grid-template-columns:1fr}.inflation-input-wide{grid-column:span 1}.inflation-buttons{flex-direction:column}.inflation-result-card.inflation-result-primary{grid-column:span 1}.inflation-results-grid{grid-template-columns:1fr 1fr}.inflation-presets{flex-direction:column;align-items:flex-start}.inflation-tip-item,.inflation-visual-bar{flex-direction:column}.inflation-bar-arrow{transform:rotate(90deg)}}