.calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.calc-result-card{display:flex;align-items:stretch;min-height:280px}.calc-result-inner{width:100%;display:flex;flex-direction:column;gap:.5rem}.calc-result-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem .875rem;border-radius:var(--r-md);gap:1rem}.calc-result-row.highlight{background:var(--accent-glow);border:1px solid var(--border-focus)}.calc-result-label{font-size:.875rem;color:var(--text-2)}.calc-result-value{font-size:1.05rem;font-weight:700;color:var(--text-1);text-align:right}.calc-result-value.accent{color:var(--accent);font-size:1.35rem}.calc-result-value.green{color:var(--green)}.calc-result-value.red{color:var(--red)}.calc-result-value.strikethrough{text-decoration:line-through;color:var(--text-3)}.calc-divider{height:1px;background:var(--border);margin:.35rem 0}.calc-big-single{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;gap:.4rem}.calc-big-num{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;color:var(--accent);line-height:1}.calc-big-unit{font-size:.9rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.calc-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;width:100%}.calc-error{color:var(--red);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;padding:.5rem}.mode-pills{display:flex;gap:.5rem;flex-wrap:wrap}.mode-pill{padding:.4rem .85rem;border-radius:var(--r-sm);font-size:.82rem;font-weight:600;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .2s}.mode-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.mode-pill:hover:not(.active){border-color:var(--border-strong);color:var(--text-1)}.tip-presets{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.tip-preset-btn{padding:.4rem .75rem;border-radius:var(--r-sm);font-size:.82rem;font-weight:700;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .2s}.tip-preset-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.tip-preset-btn:hover:not(.active){border-color:var(--border-strong);color:var(--text-1)}.people-stepper{display:flex;align-items:center;gap:0;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;width:fit-content}.stepper-btn{width:44px;height:44px;background:transparent;border:none;color:var(--text-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;font-family:inherit}.stepper-btn:hover{background:var(--bg-card)}.stepper-val{padding:0 1.25rem;font-size:1.1rem;font-weight:700;color:var(--text-1);min-width:48px;text-align:center}.loan-bar-wrap{margin-top:.75rem}.loan-bar{height:10px;border-radius:999px;display:flex;overflow:hidden;margin-bottom:.5rem}.loan-bar-principal{background:var(--green);transition:width .5s ease}.loan-bar-interest{background:var(--red);transition:width .5s ease}.loan-bar-legend{display:flex;gap:1.25rem;font-size:.78rem;color:var(--text-2)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem}.green-dot{background:var(--green)}.red-dot{background:var(--red)}@media (max-width: 640px){.calc-layout{grid-template-columns:1fr}}