.savings-calculator{grid-template-rows:auto 1fr;grid-template-areas:"answer dream""inputs dream"}.savings-calculator>.result-card{grid-area:answer}.savings-calculator>.calculator-main{grid-area:inputs}.savings-calculator>.savings-dream{grid-area:dream}.savings-calculator .assumption-summary{text-transform:none;margin-top:12px}.savings-calculator .result-card h2{overflow-wrap:anywhere}.savings-calculator .comparison{margin-bottom:0}.savings-calculator .time-fields{max-width:none}.savings-dream{background:linear-gradient(150deg,#fffdf4 0%,#f0f4e9 100%);border:1px solid #dddfcf;border-radius:24px;min-width:0;padding:26px;overflow:hidden;box-shadow:0 12px 36px #25422d0f}.dream-heading,.dream-timeline-label,.dream-timeline-actions,.dream-rotation,.dream-readout{justify-content:space-between;align-items:center;gap:12px;display:flex}.dream-heading{flex-wrap:wrap;gap:4px 12px}.dream-preview-label{color:#596951;border:1px solid #d9dfce;border-radius:99px;padding:3px 9px;font-size:.72rem}.savings-dream h2{letter-spacing:-.045em;margin:8px 0 3px;font-size:clamp(1.65rem,4vw,2rem);line-height:1.15}.dream-intro{color:var(--muted);margin:8px 0 20px;font-size:.9rem}.dream-picker{flex-wrap:wrap;gap:6px;display:flex}.dream-picker button,.dream-timeline-actions button,.dream-rotation button{color:var(--green-dark);background:#fffdf7;border:1px solid #d6dfcf;border-radius:10px;min-height:44px;padding:9px 12px;font-size:.82rem;font-weight:700}.dream-picker button{flex:1}.dream-picker button[aria-pressed=true]{background:var(--green-dark);color:#fffefa;border-color:var(--green-dark)}.dream-stage{background:radial-gradient(at 50% 53%,#ffeecb80 0%,#f5f4e500 68%);height:330px;margin:8px -26px 0;position:relative}.dream-canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.dream-canvas:active{cursor:grabbing}.dream-fallback{text-align:center;color:var(--muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;font-size:.9rem;display:flex;position:absolute;inset:0}.dream-fallback-symbol{color:#6d8b72;font-size:5rem;line-height:1}.dream-rotation{color:var(--muted);margin:-6px 0 20px;font-size:.75rem}.dream-rotation>div{gap:6px;display:flex}.dream-rotation button{width:44px;padding:2px;font-size:1.3rem}.dream-rotation button:disabled{opacity:.45;cursor:default}.dream-readout{align-items:end}.dream-readout>div{min-width:0}.dream-readout>div:last-child{text-align:right}.dream-readout span{color:var(--muted);font-size:.75rem;display:block}.dream-readout strong{letter-spacing:-.04em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,4vw,2rem);display:block}.dream-readout .dream-percentage{color:var(--green);font-size:1.4rem}.dream-progress{background:#dbe4d3;border-radius:99px;height:8px;margin:12px 0 24px;overflow:hidden}.dream-progress span{background:var(--green);height:100%;display:block}.dream-timeline-label{font-size:.8rem;font-weight:700}.dream-timeline-label output{color:var(--muted);font-variant-numeric:tabular-nums}.dream-slider{accent-color:var(--green);cursor:pointer;border-radius:0;height:44px;padding:0}.dream-slider:focus-visible{outline-offset:2px;outline:3px solid #b46b12}.dream-timeline-actions{flex-wrap:wrap;gap:6px}.dream-timeline-actions button{padding:8px 10px;font-size:.75rem}.dream-timeline-actions .dream-play{background:#f3e5bf;border-color:#e4d4a9}.dream-scenario{border-top:1px solid #d7dfce;margin-top:24px;padding-top:20px}.dream-scenario h3{margin:0 0 12px;font-size:.9rem}.dream-scenario-result{color:var(--green-dark);min-height:2.6em;margin:12px 0 0;font-size:.85rem}.dream-note{color:#65705d;margin:16px 0 0;font-size:.75rem;line-height:1.5}@media (max-width:720px){.savings-calculator{grid-template-rows:auto;grid-template-areas:"answer""dream""inputs"}.savings-dream{padding:22px}.dream-stage{height:300px;margin-inline:-22px}.savings-calculator .time-fields{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.dream-play{display:none}}