.fire-calc-card{max-width:780px;margin:0 auto;background:var(--color-surface-1);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.fire-calc-form{display:flex;flex-direction:column;gap:var(--space-lg)}.fire-calc-field label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-soft);margin-bottom:var(--space-xs)}.fire-input-wrap{display:flex;align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);padding:0 var(--space-md);transition:border-color .15s ease}.fire-input-wrap:focus-within{border-color:var(--dv-accent-1)}.fire-input-prefix,.fire-input-suffix{font-size:.95rem;font-weight:600;color:var(--color-text-dim);flex-shrink:0}.fire-input-wrap input{flex:1;background:transparent;border:none;outline:none;font-size:1.05rem;font-weight:600;color:var(--color-text-muted);padding:var(--space-sm) var(--space-xs);min-width:0}.fire-calc-btn{width:100%;margin-top:var(--space-xs)}.fire-calc-result{display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg)}.fire-result-number{text-align:center}.fire-result-label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dv-accent-1);margin-bottom:var(--space-xs)}.fire-result-value{display:block;font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#4c8dff,#7b61ff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.fire-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);text-align:center}.fire-result-stat-value{display:block;font-size:1.15rem;font-weight:700;color:var(--color-text-muted)}.fire-result-stat-label{display:block;font-size:.72rem;color:var(--color-text-dim);margin-top:2px;line-height:1.3}.fire-progress-bar{height:8px;background:var(--color-surface-3);border-radius:999px;overflow:hidden}.fire-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4c8dff,#7b61ff);transition:width .4s ease;min-width:2%}.fire-result-note{font-size:.78rem;color:var(--color-text-dim);text-align:center;line-height:1.5;margin:0}.fire-milestones-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-lg)}.fire-milestone-card{background:var(--color-surface-1);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-xl);position:relative;overflow:hidden}.fire-milestone-card--featured{border-color:#4c8dff4d}.fire-milestone-card--featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4c8dff,#7b61ff)}.fire-milestone-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:#4c8dff1f;color:var(--dv-accent-1);margin-bottom:var(--space-md)}.fire-milestone-amount{font-size:1.1rem;font-weight:700;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.fire-milestone-card p{font-size:.85rem;color:var(--color-text-dim);line-height:1.6;margin:0}a.sl-broker-pill{text-decoration:none;transition:border-color .15s ease,background .15s ease}a.sl-broker-pill:hover{border-color:var(--dv-accent-1);background:#4c8dff14}@media(max-width:900px){.fire-milestones-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.fire-calc-card{grid-template-columns:1fr}.fire-result-stats{grid-template-columns:repeat(3,1fr)}.fire-milestones-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.fire-milestones-grid{grid-template-columns:1fr}.fire-result-value{font-size:1.8rem}.fire-result-stats{grid-template-columns:1fr;gap:var(--space-sm)}.fire-calc-card{padding:var(--space-lg)}}body.light .fire-calc-card{background:var(--color-surface-1)}body.light .fire-input-wrap{background:var(--color-surface-2)}body.light .fire-milestone-card--featured{border-color:#4c8dff33}body.light .fire-milestone-badge{background:#4c8dff14}body.light .fire-progress-bar{background:var(--color-surface-2)}body.light a.sl-broker-pill:hover{background:#4c8dff0d}
