:root{--cosmic-bg: #fff;--cosmic-border: rgba(0, 0, 0, .06);--cosmic-text: #0f172a;--cosmic-text-muted: #4b5563;--cosmic-input-border: rgba(0, 0, 0, .1);--cosmic-divider: rgba(0, 0, 0, .08);--cosmic-canvas-bg: #fdfdfd;--cosmic-highlight: #ec4899;--cosmic-number-color: #0f172a}.theme-dark{--cosmic-bg: #030712;--cosmic-border: rgba(255, 255, 255, .05);--cosmic-text: #f3f4f6;--cosmic-text-muted: #d1d5db;--cosmic-input-border: rgba(255, 255, 255, .15);--cosmic-divider: rgba(255, 255, 255, .08);--cosmic-canvas-bg: #090d16;--cosmic-highlight: #f472b6;--cosmic-number-color: #fff}.cosmic-calculator-root{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;background:var(--cosmic-bg);color:var(--cosmic-text);border-radius:2rem;border:1px solid var(--cosmic-border);max-width:960px;margin:0 auto}@media(min-width:769px){.cosmic-calculator-root{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"presets presets" "controls results" "chart chart";gap:3rem;padding:2.5rem}}.cosmic-presets{display:flex;gap:1rem;border-bottom:1px solid var(--cosmic-divider);padding-bottom:.25rem}@media(min-width:769px){.cosmic-presets{grid-area:presets;gap:2rem}}.cosmic-preset-btn{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--cosmic-text);font-size:.9rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all .2s;padding:10px 16px;opacity:.5}.cosmic-preset-btn:hover{opacity:1}.cosmic-preset-btn.active{opacity:1;border-bottom-color:var(--cosmic-highlight);color:var(--cosmic-text)}.cosmic-controls-section{display:flex;flex-direction:column;gap:2rem}@media(min-width:769px){.cosmic-controls-section{grid-area:controls}}.cosmic-input-group{display:flex;flex-direction:column;gap:.5rem}.cosmic-input-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--cosmic-text-muted)}.cosmic-input-header{display:flex;justify-content:space-between;align-items:center}.cosmic-input-val{font-size:1.25rem;font-weight:400;color:var(--cosmic-highlight)}.cosmic-slider{-webkit-appearance:none;width:100%;height:4px;background:var(--cosmic-input-border);outline:none;border-radius:2px;padding:12px 0;background-clip:content-box;cursor:pointer}.cosmic-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cosmic-highlight);cursor:pointer;transition:transform .1s;margin-top:-7px}.cosmic-slider::-webkit-slider-runnable-track{width:100%;height:4px;border-radius:2px}.cosmic-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.cosmic-tooltip{font-size:.7rem;color:var(--cosmic-text-muted);line-height:1.4;margin-top:.25rem;opacity:.9}@media(max-width:768px){.cosmic-tooltip{display:none}}.cosmic-results-section{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:769px){.cosmic-results-section{grid-area:results;gap:2rem}}.cosmic-divider-line{height:1px;background-color:var(--cosmic-divider);width:100%}@media(max-width:768px){.cosmic-results-section .cosmic-divider-line{display:none}}.cosmic-result-block{display:flex;flex-direction:column}.cosmic-result-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--cosmic-text-muted);margin-bottom:.25rem}.cosmic-result-number{font-size:clamp(2rem,7vw,3rem);font-weight:200;line-height:1.1;color:var(--cosmic-number-color);letter-spacing:-.03em}.cosmic-analogy{font-size:.85rem;color:var(--cosmic-text-muted);margin-top:.75rem;line-height:1.5;opacity:.95}.cosmic-analogy .highlight{color:var(--cosmic-highlight);font-weight:600}.cosmic-chart-section{display:flex;flex-direction:column;gap:1rem}@media(min-width:769px){.cosmic-chart-section{grid-area:chart}}.cosmic-chart-section h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--cosmic-text-muted);margin:0}.cosmic-canvas-container{position:relative;width:100%;height:240px;background:var(--cosmic-canvas-bg);border-radius:1.5rem;border:1px solid var(--cosmic-border);overflow:hidden}@media(min-width:769px){.cosmic-canvas-container{height:320px}}.cosmic-canvas-container canvas{width:100%;height:100%;display:block}