:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.portfolio{width:100%;max-width:1400px;margin:0 auto;padding:2rem;box-sizing:border-box}.header{text-align:center;margin-bottom:3rem;padding:2rem 0;border-bottom:2px solid #646cff}.header h1{font-size:3.5em;margin-bottom:.5rem;background:linear-gradient(135deg,#646cff,#61dafb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.3em;color:#646cff;margin-bottom:1rem}.description{font-size:1em;max-width:600px;margin:0 auto;color:#888}.demo-nav{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.demo-nav button{border-radius:8px;border:1px solid transparent;padding:.8em 1.5em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s}.demo-nav button:hover{border-color:#646cff;transform:translateY(-2px)}.demo-nav button.active{background-color:#646cff;border-color:#646cff}.demo-container{min-height:400px;padding:2rem;background:#ffffff0d;border-radius:12px;margin-bottom:3rem}.footer{text-align:center;padding-top:2rem;border-top:1px solid #333;color:#888}.footer p{margin:.5rem 0}@media(prefers-color-scheme:light){.demo-nav button{background-color:#f9f9f9}.demo-nav button.active{background-color:#646cff;color:#fff}.demo-container{background:#00000008}}.interactive-chart{text-align:center}.interactive-chart h2{margin-bottom:.5rem}.interactive-chart p{color:#888;margin-bottom:2rem}.chart-container{display:flex;align-items:flex-end;justify-content:center;gap:1rem;margin:2rem auto;max-width:800px;height:300px;padding:1rem}.y-axis{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-right:.5rem;border-right:2px solid #646cff;font-size:.9em;color:#888}.chart{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;height:100%;flex:1;border-bottom:2px solid #646cff;padding-bottom:.5rem}.bar-container{display:flex;flex-direction:column;align-items:center;flex:1;min-width:30px;max-width:60px;height:100%}.bar{width:100%;background:linear-gradient(180deg,#646cff,#535bf2);border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem}.bar:hover{opacity:.8;transform:scaleX(1.1)}.bar-value{font-size:.8em;color:#fff;font-weight:700}.controls{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.controls button{padding:.6em 1.2em;font-size:.95em}.stats{display:flex;justify-content:center;gap:2rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #333}.stats p{font-size:1.1em;color:#646cff;margin:0}@media(prefers-color-scheme:light){.bar{background:linear-gradient(180deg,#646cff,#747bff)}}.supply-demand{text-align:center}.supply-demand h2{margin-bottom:.5rem}.supply-demand p{color:#888;margin-bottom:2rem}.graph-container{display:flex;justify-content:center;align-items:center;margin:2rem auto;max-width:500px;position:relative}.graph-labels{position:absolute;left:0;top:50%;transform:translateY(-50%)}.y-label{writing-mode:vertical-rl;text-orientation:mixed;color:#888;font-size:.9em}.graph{width:100%;padding:1rem}.curves-svg{width:100%;height:auto}.demand-curve,.supply-curve{transition:stroke-width .3s}.demand-curve:hover,.supply-curve:hover{stroke-width:4}.controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:2rem 0}.slider-container{width:100%;max-width:400px}.slider-container label{display:flex;flex-direction:column;gap:.5rem;font-size:1.1em;color:#646cff}.price-slider{width:100%;height:8px;border-radius:4px;outline:none;-webkit-appearance:none;background:linear-gradient(90deg,#ff6b6b,#ffd43b,#51cf66)}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#646cff;cursor:pointer;border:2px solid white}.price-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#646cff;cursor:pointer;border:2px solid white}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:1em;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.legend{display:flex;flex-direction:column;gap:.8rem;max-width:400px;margin:2rem auto;padding:1.5rem;background:#646cff1a;border-radius:8px}.legend-item{display:flex;align-items:center;gap:.8rem;font-size:1em}.legend-color{width:30px;height:4px;border-radius:2px}.legend-color.demand{background:#ff6b6b}.legend-color.supply{background:#51cf66}.legend-color.equilibrium{background:#ffd43b}.market-info{margin-top:2rem;padding:1rem;border-radius:8px;font-size:1.1em;font-weight:500}.market-info p{margin:0;padding:.8rem;border-radius:6px}.shortage{background:#ff6b6b33;color:#ff6b6b}.surplus{background:#51cf6633;color:#51cf66}.balanced{background:#ffd43b33;color:#ffd43b}@media(prefers-color-scheme:light){.legend{background:#646cff0d}}.compound-interest{text-align:center}.compound-interest h2{margin-bottom:.5rem}.compound-interest>p{color:#888;margin-bottom:2rem}.calculator-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0;padding:2rem;background:#646cff0d;border-radius:12px}.inputs{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.input-group label{display:flex;flex-direction:column;gap:.5rem;font-size:1em;font-weight:500;color:#646cff}.input-group input[type=range]{width:100%;height:6px;border-radius:3px;outline:none;-webkit-appearance:none;background:linear-gradient(90deg,#646cff,#535bf2);cursor:pointer}.input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #646cff}.input-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #646cff}.frequency-select{padding:.5em;border-radius:6px;border:1px solid #646cff;background-color:transparent;color:inherit;font-size:1em;cursor:pointer}.results{display:flex;flex-direction:column;gap:1rem}.result-card{padding:1.5rem;background:#646cff1a;border-radius:8px;border:1px solid rgba(100,108,255,.3)}.result-card.primary{background:linear-gradient(135deg,#646cff33,#535bf233);border:2px solid #646cff}.result-card h3{margin:0 0 .5rem;font-size:1em;color:#888;font-weight:500}.big-number{margin:0;font-size:2em;font-weight:700;color:#646cff}.big-number.interest{color:#51cf66}.growth-chart{margin:3rem 0 2rem}.growth-chart h3{margin-bottom:1.5rem}.chart-area{display:flex;gap:1rem;max-width:800px;margin:0 auto}.y-axis-compound{display:flex;flex-direction:column;justify-content:space-between;padding-right:.5rem;font-size:.85em;color:#888;min-height:200px}.line-chart{flex:1;display:flex;flex-direction:column}.chart-svg{width:100%;height:200px;border-left:2px solid #646cff;border-bottom:2px solid #646cff}.x-axis-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85em;color:#888}.formula{margin-top:2rem;padding:1.5rem;background:#ffd43b1a;border-radius:8px;border-left:4px solid #ffd43b}.formula p{margin:.5rem 0;font-family:Courier New,monospace;color:#ffd43b}.formula-explanation{font-size:.9em;color:#888!important;font-family:inherit!important}@media(max-width:768px){.calculator-container{grid-template-columns:1fr}.chart-area{flex-direction:column}}@media(prefers-color-scheme:light){.calculator-container{background:#646cff08}.result-card{background:#646cff0d}.formula{background:#ffd43b1a}}.demand-container{--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-900: #1e1b4b;--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-900: #881337;--emerald-500: #10b981;--amber-500: #f59e0b;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-700: #334155;--slate-800: #1e293b;--white: #ffffff;background-color:var(--slate-50);min-height:100vh;padding:.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--slate-800);display:flex;flex-direction:column;align-items:center}@media(min-width:768px){.demand-container{padding:2rem}}.demand-card{max-width:1024px;width:100%;background-color:var(--white);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--slate-200);overflow:hidden}.demand-header{padding:1.5rem;color:var(--white);transition:background-color .3s ease}.demand-header.normal-good{background-color:var(--indigo-600)}.demand-header.inferior-good{background-color:var(--rose-600)}.header-content{display:flex;justify-content:space-between;align-items:center}.header-text h1{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin:0}.header-text p{font-size:.875rem;margin:.5rem 0 0;opacity:.9}.equation-box{text-align:right;display:none}@media(min-width:640px){.equation-box{display:block}}.equation-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.equation-display{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;margin-top:.25rem}.normal-good .equation-display{background-color:var(--indigo-700)}.inferior-good .equation-display{background-color:var(--rose-700)}.demand-grid{display:flex;flex-direction:column}@media(min-width:1024px){.demand-grid{display:grid;grid-template-columns:1fr 2fr}}.controls-panel{padding:1rem;background-color:var(--slate-50);display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.controls-panel{padding:1.5rem;border-right:1px solid var(--slate-200);gap:1.5rem}}.control-group{display:flex;flex-direction:column;gap:1rem}.group-title{font-size:.75rem;font-weight:700;color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em}.control-card{background-color:var(--white);padding:1rem;border-radius:.75rem;border:1px solid var(--slate-200);box-shadow:0 1px 2px #0000000d}.label-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:700;color:var(--slate-700);margin-bottom:.5rem}.label-title{display:flex;align-items:center;gap:.5rem}.label-value{color:var(--indigo-600)}.control-note{font-size:.75rem;color:var(--slate-500);margin-top:.5rem}.toggle-group{display:flex;background-color:var(--slate-200);padding:.25rem;border-radius:.5rem}.toggle-btn{flex:1;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;background:transparent;color:var(--slate-500)}.toggle-btn:hover{color:var(--slate-700)}.toggle-btn.active.normal{background-color:var(--white);color:var(--indigo-600);box-shadow:0 1px 2px #0000000d}.toggle-btn.active.inferior{background-color:var(--white);color:var(--rose-600);box-shadow:0 1px 2px #0000000d}input[type=range]{width:100%;height:.5rem;background-color:var(--slate-200);border-radius:.5rem;appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;height:1.25rem;width:1.25rem;border-radius:50%;border:2px solid var(--white);box-shadow:0 1px 3px #0003}.control-card input[type=range]::-webkit-slider-thumb{background-color:var(--indigo-600)}.income-slider.normal::-webkit-slider-thumb{background-color:var(--emerald-500)}.income-slider.inferior::-webkit-slider-thumb{background-color:var(--rose-500)}.sensitivity-slider::-webkit-slider-thumb{background-color:var(--amber-500)}.trends-slider::-webkit-slider-thumb{background-color:var(--slate-500)}.graph-panel{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;order:-1}@media(min-width:1024px){.graph-panel{padding:1.5rem;order:unset}}.graph-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem;padding:0 .5rem}.graph-title{font-size:1.125rem;font-weight:700;color:var(--slate-700);margin:0}.graph-subtitle{font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--slate-400)}.svg-container{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--white);border:1px solid var(--slate-100);border-radius:.5rem}.graph-svg{width:100%;height:100%;overflow:visible}.explanation-box{margin-top:1rem;padding:1rem;border-radius:.75rem;border:1px solid transparent}.explanation-box.normal{background-color:var(--indigo-50);border-color:var(--indigo-100)}.explanation-box.inferior{background-color:var(--rose-50);border-color:var(--rose-100)}.explanation-title{font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.normal .explanation-title{color:var(--indigo-900)}.inferior .explanation-title{color:var(--rose-900)}.explanation-text{font-size:.875rem;line-height:1.625}.normal .explanation-text{color:var(--indigo-800)}.inferior .explanation-text{color:var(--rose-800)}