:root{--color-bg:#070b13;--color-surface:#121e35;--color-border:#374151;--color-text:#fff;--color-text-muted:#fff9;--color-primary:#15bfa5;--color-success:#15bfa5;--color-warning:#f6ca3b;--color-input-bg:#121e35;--sidebar-width:350px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Epilogue", sans-serif}.App{background-color:var(--color-bg);width:100%;min-height:100vh}.calc-container{height:100vh;min-height:100vh;display:flex;overflow:hidden}.main-content{height:100vh;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));box-sizing:border-box;flex:1;padding:20px;overflow-y:auto}.main-content[data-sidebar=off]{width:100%;margin-left:0}.calc-inner{box-sizing:border-box;gap:24px;width:100%;min-height:100%;display:flex}.calc-market-rail{flex:0 0 340px;min-width:0;max-width:340px}.calc-market-rail aside{border-radius:var(--radius-input,8px);border-right:none;width:100%!important;height:auto!important;position:static!important;top:auto!important;left:auto!important}.calc-step{flex:auto;min-width:0}.calc-inner[data-market-rail=off] .calc-step{flex:100%}@media (max-width:1100px){.calc-inner{flex-direction:column}.calc-market-rail{flex:none;max-width:100%}}@media (max-width:1200px){:root{--sidebar-width:300px}}@media (max-width:768px){.calc-container{flex-direction:column;height:auto;overflow:visible}.main-content{order:1;width:100%;height:auto;margin-left:0;padding:16px}}.header{margin-bottom:30px}.header h1{color:var(--color-text);margin-bottom:10px;font-size:28px;font-weight:600}@media (max-width:768px){.header h1{font-size:20px;line-height:1.3}.header p{font-size:14px}.header{margin-bottom:20px}}.header p{color:var(--color-text-muted);font-size:16px;line-height:1.5}.calculator-grid{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;display:grid}@media (max-width:768px){.calculator-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}}.input-group{margin-bottom:15px}.input-group label{color:var(--color-text-muted);margin-bottom:8px;font-size:14px;display:block;position:relative}.currency-display{border:1px solid var(--color-border);background-color:var(--color-input-bg);color:var(--color-text);text-align:center;border-radius:4px;justify-content:center;align-items:center;min-height:40px;padding:10px;font-size:14px;display:flex}.chart-wrapper{flex:1;height:300px;position:relative}.investment-returns-chart-container h4,.income-metrics-chart-container h4{color:var(--color-text);text-align:center;margin-bottom:15px;font-size:16px;font-weight:600}.info-icon{color:var(--color-primary);cursor:help;opacity:.8;margin-left:8px;font-size:14px;font-weight:400;transition:opacity .2s;display:inline-block}.info-icon:hover{opacity:1}.scrollbar-elegant{scrollbar-width:thin;scrollbar-color:#4b55634d transparent}.scrollbar-elegant::-webkit-scrollbar{width:8px;height:8px}.scrollbar-elegant::-webkit-scrollbar-track{background:0 0}.scrollbar-elegant::-webkit-scrollbar-thumb{background-color:#4b556347;background-clip:content-box;border:2px solid #0000;border-radius:999px}.scrollbar-elegant::-webkit-scrollbar-thumb:hover{background-color:#4b55638c}.scrollbar-elegant::-webkit-scrollbar-corner{background:0 0}