.rvb-page{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.page-header{text-align:center;margin-bottom:var(--spacing-2xl)}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.page-divider{height:1px;background-color:var(--color-border);max-width:200px;margin:0 auto}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.input-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.input-field{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);min-height:52px;box-sizing:border-box}.input-field:focus,.city-input:focus,.city-search:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.full-width-prefix{width:100%}.input-prefix-wrapper{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:500;pointer-events:none}.input-prefix-wrapper .input-field{padding-left:calc(var(--spacing-md) + 16px)}.city-dropdown{position:relative}.city-input{width:100%;padding:var(--spacing-md);padding-right:calc(var(--spacing-md) + 24px);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);min-height:52px;cursor:pointer;box-sizing:border-box}.city-dropdown-arrow{position:absolute;top:50%;right:var(--spacing-md);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-text-secondary);transform:translateY(-50%);pointer-events:none}.city-dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 12px 32px #0f172a1f;overflow:hidden}.city-dropdown.open .city-dropdown-menu{display:block}.city-search-wrapper{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.city-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);min-height:44px;box-sizing:border-box}.city-list{list-style:none;margin:0;padding:var(--spacing-xs) 0;max-height:280px;overflow-y:auto}.city-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition),color var(--transition)}.city-option:hover,.city-option.selected{background-color:var(--color-card-bg);color:var(--color-accent)}.city-option.hidden{display:none}.tax-note{display:none;padding:var(--spacing-sm) var(--spacing-md);background-color:#dbeafe;border:1px solid #93c5fd;border-radius:var(--border-radius);font-size:var(--font-size-sm);color:#1e40af;animation:fadeIn .2s ease}.tax-note.visible{display:block}.toggle-row{display:flex;align-items:center;gap:var(--spacing-md)}.toggle-inline-label{font-size:var(--font-size-base);color:var(--color-text)}.collapsible-section{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;background:var(--color-card-bg)}.collapsible-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;text-align:left}.collapsible-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.collapsible-arrow{width:10px;height:10px;border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);transform:rotate(45deg);transition:transform var(--transition)}.collapsible-header.open .collapsible-arrow{transform:rotate(225deg)}.collapsible-content{display:none;overflow:hidden}.collapsible-content.visible{display:grid;grid-template-rows:1fr}.collapsible-inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-lg)}.calculate-btn{width:100%;min-height:56px;border:none;border-radius:var(--border-radius-lg);background:var(--color-accent);color:#fff;font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:background-color var(--transition),transform var(--transition)}.calculate-btn:hover{background:#1d4ed8}.results-section{display:none;margin-top:var(--spacing-2xl)}.action-buttons{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.action-btn{min-height:48px;padding:0 var(--spacing-lg);border-radius:var(--border-radius);font-weight:600;cursor:pointer}.action-btn-outline{border:1px solid var(--color-accent);background:transparent;color:var(--color-accent)}.ad-placeholder{margin-top:var(--spacing-lg);padding:var(--spacing-xl);border:1px dashed var(--color-border);border-radius:var(--border-radius-lg);text-align:center;color:var(--color-text-secondary)}.radio-card{position:relative;display:block;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:#fff;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.radio-input{position:absolute;opacity:0;pointer-events:none}.radio-card-content{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-md)}.term-options .radio-card-content{text-align:center;align-items:center}.radio-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.radio-input:checked+.radio-card-content{box-shadow:inset 0 0 0 2px var(--color-accent);border-radius:var(--border-radius-lg)}.term-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.rvb-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.rvb-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.rvb-card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.year-slider-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.year-slider{width:100%;height:6px;appearance:none;background:var(--color-border);border-radius:3px;outline:none;cursor:pointer}.year-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent);cursor:pointer;transition:background var(--transition)}.year-slider::-webkit-slider-thumb:hover{background:#1d4ed8}.year-slider-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent)}.full-cost-section{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;margin-top:var(--spacing-lg)}.full-cost-toggle-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-card-bg);cursor:pointer}.full-cost-toggle-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.full-cost-inputs{display:none;padding:var(--spacing-lg);border-top:1px solid var(--color-border);flex-direction:column;gap:var(--spacing-md);animation:fadeIn .3s ease}.full-cost-inputs.visible{display:flex}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:var(--transition);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition);border-radius:50%}input:checked+.toggle-slider{background-color:var(--color-accent)}input:checked+.toggle-slider:before{transform:translate(20px)}.rvb-result-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-left:4px solid var(--color-primary)}.rvb-headline-number{color:var(--color-accent)}.rvb-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.rvb-stat{display:flex;flex-direction:column;gap:4px}.rvb-stat-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.rvb-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.rvb-explanation{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.rvb-explanation p{margin-bottom:var(--spacing-xs)}.rvb-explanation p:last-child{margin-bottom:0}.chart-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.chart-container{position:relative;height:350px;margin-top:var(--spacing-lg)}.rvb-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.rvb-breakdown-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.rvb-breakdown-card h3{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.rvb-breakdown-row{display:flex;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xs) 0;font-size:var(--font-size-base);border-bottom:1px solid var(--color-border)}.rvb-breakdown-row:last-child{border-bottom:none;font-weight:700}.data-sources{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.data-sources h3{font-size:var(--font-size-base);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.data-sources ul{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.data-sources ul li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:4px}.data-sources-disclaimer{font-size:12px;color:var(--color-text-secondary);line-height:1.6;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.rvb-risks{background:#fffbeb;border:1px solid #fbbf24;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.rvb-risks h3{font-size:var(--font-size-base);font-weight:700;color:#92400e;margin-bottom:var(--spacing-lg)}.rvb-risks-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.rvb-risks-col h4{font-size:var(--font-size-sm);font-weight:700;color:#92400e;margin-bottom:var(--spacing-sm)}.rvb-risks-col ul{margin-left:var(--spacing-lg)}.rvb-risks-col ul li{font-size:var(--font-size-sm);color:#78350f;line-height:1.7;margin-bottom:4px}.rvb-risks-note{font-size:12px;color:#92400e;line-height:1.6;padding-top:var(--spacing-sm);border-top:1px solid #fde68a}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.rvb-stats-row,.rvb-breakdown-grid,.rvb-risks-grid{grid-template-columns:1fr}.chart-container{height:250px}.term-options,.rvb-answer-grid{grid-template-columns:1fr}}.rvb-results{display:flex;flex-direction:column;gap:var(--spacing-xl)}.rvb-core-answer{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.rvb-core-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.rvb-answer-grid{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.rvb-answer-card{border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border);border-left:4px solid var(--color-border)}.rvb-answer-card--buying{border-left-color:#16a34a;background:#f0fdf4}.rvb-answer-card--renting{border-left-color:#2563eb;background:#eff6ff}.rvb-answer-card-header{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.rvb-answer-arrow{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.rvb-arrow{color:var(--color-text-secondary);font-size:var(--font-size-xl)}.rvb-answer-final{font-size:var(--font-size-2xl);font-weight:700}.rvb-answer-final--buying{color:#16a34a}.rvb-answer-final--renting{color:#2563eb}.rvb-answer-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.rvb-answer-peak{font-size:var(--font-size-sm);color:#1d4ed8;background:#dbeafe;border-radius:var(--border-radius);padding:var(--spacing-sm);margin-top:var(--spacing-sm);line-height:1.5}.rvb-monthly-note{text-align:center;padding:var(--spacing-md);border-radius:var(--border-radius);background:var(--color-card-bg);font-size:var(--font-size-base)}.rvb-monthly-cheaper{color:#16a34a;font-weight:600}.rvb-monthly-expensive{color:#dc2626;font-weight:600}.rvb-why-box{background:#fafafa;border:1px solid var(--color-border);border-left:4px solid #f59e0b;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text);line-height:1.7}.rvb-chart-section{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.rvb-chart-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-sm)}.rvb-chart-tab{background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition)}.rvb-chart-tab:hover{color:var(--color-primary);background:var(--color-card-bg)}.rvb-chart-tab.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent);margin-bottom:-10px}.rvb-year-explorer{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.rvb-year-explorer h3{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.year-slider-wrapper{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.year-slider{flex:1;-webkit-appearance:none;height:6px;border-radius:3px;background:var(--color-border);outline:none}.year-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent);cursor:pointer}.year-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none}.explorer-slider-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.explorer-year-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.explorer-year-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);white-space:nowrap;min-width:40px}.explorer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media (max-width: 767px){.explorer-cards{grid-template-columns:1fr}}.explorer-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border-top:3px solid var(--color-border)}.explorer-card--buying{border-top-color:#1e3a5f}.explorer-card--investing{border-top-color:#2563eb}.explorer-card--saving{border-top-color:#94a3b8}.explorer-card-title{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.explorer-card-asset{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:2px}.explorer-card-label{font-size:11px;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.explorer-card-divider{height:1px;background:var(--color-border);margin-bottom:var(--spacing-md)}.explorer-card-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border)}.explorer-card-row:last-child{border-bottom:none}.explorer-card-row span:last-child{font-weight:600}.recalculate-btn{margin-top:var(--spacing-xl);background:none;border:2px solid var(--color-border);color:var(--color-text-secondary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition);width:100%}.recalculate-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.rvb-scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin:var(--spacing-md) 0}.rvb-scenario-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--color-border);text-align:center}.rvb-scenario--optimistic{border-color:#16a34a;background:#f0fdf4}.rvb-scenario--base{border-color:#2563eb;background:#eff6ff}.rvb-scenario--cautious{border-color:#dc2626;background:#fef2f2}.rvb-scenario-name{font-size:var(--font-size-sm);font-weight:700;margin-bottom:2px}.rvb-scenario--optimistic .rvb-scenario-name{color:#16a34a}.rvb-scenario--base .rvb-scenario-name{color:#2563eb}.rvb-scenario--cautious .rvb-scenario-name{color:#dc2626}.rvb-scenario-desc{font-size:11px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.rvb-scenario-wealth{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:2px}.rvb-scenario-monthly{font-size:11px;color:var(--color-text-secondary)}.rvb-scenario-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-card-bg);border-radius:var(--border-radius);padding:var(--spacing-sm);line-height:1.6;margin-top:var(--spacing-sm)}.rvb-scenario-after-grid{display:flex;flex-direction:column;gap:4px;margin-top:var(--spacing-xs)}.optimistic-text{color:#16a34a;font-weight:600}.base-text{color:#2563eb;font-weight:600}.cautious-text{color:#dc2626;font-weight:600}#fixed-period-options.food-options{flex-direction:row!important;flex-wrap:nowrap!important;gap:var(--spacing-sm)!important}#fixed-period-options.food-options .food-card{flex:1!important;min-width:0!important;max-width:none!important}@media (max-width: 767px){.rvb-scenario-grid{grid-template-columns:1fr}}.food-card{flex:1;cursor:pointer}.food-radio{position:absolute;opacity:0;pointer-events:none}.food-card-content{display:flex;flex-direction:column;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background-color:var(--color-bg);transition:border-color var(--transition),background-color var(--transition),box-shadow var(--transition)}.food-card:hover .food-card-content{border-color:var(--color-text-secondary)}.food-radio:checked+.food-card-content{border-color:var(--color-accent);background-color:#2563eb0d}.food-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.food-card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.food-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 768px){.food-options{flex-direction:row;gap:var(--spacing-md)}}.period-btn-group{display:flex;flex-direction:row;gap:var(--spacing-sm)}.period-btn{flex:1;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:#fff;font-size:var(--font-size-base);font-weight:600;color:var(--color-text);cursor:pointer;transition:all var(--transition)}.period-btn:hover{border-color:var(--color-text-secondary)}.period-btn.active{border-color:var(--color-accent);background:#2563eb0d;color:var(--color-accent)}