@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=Geist+Mono:wght@400;500;600;700&display=swap";:root{--font-ui: "Geist", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, "Cascadia Code", monospace;--text-display: 3.5rem;--text-h1: 1.75rem;--text-h2: 1.25rem;--text-h3: 1rem;--text-body: .9375rem;--text-sm: .8125rem;--text-caption: .75rem;--text-mono-lg: 1.5rem;--text-mono-base: .9375rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-widest: .1em;--color-canvas: #F7F6F3;--color-surface: #FFFFFF;--color-surface-2: #F0EEEA;--color-surface-3: #E8E5DF;--color-border: #DDD9D1;--color-border-strong: #C2BDB3;--color-ink-1: #18171A;--color-ink-2: #5C5854;--color-ink-3: #6B6662;--color-ink-4: #C4BFB9;--color-ink-inverse: #FAFAF8;--color-accent: #2B4EAA;--color-accent-hover: #22408C;--color-accent-subtle: #EEF2FB;--color-accent-border: #B8C8EF;--color-accent-ink: #FFFFFF;--color-profit: #16A34A;--color-profit-subtle: #F0FDF4;--color-profit-border: #BBF7D0;--color-profit-ink: #14532D;--color-loss: #DC2626;--color-loss-subtle: #FEF2F2;--color-loss-border: #FECACA;--color-loss-ink: #7F1D1D;--color-warning: #B45309;--color-warning-subtle: #FFFBEB;--color-warning-border: #FDE68A;--color-warning-ink: #78350F;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .07), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .04);--shadow-lg: 0 10px 20px -4px rgb(0 0 0 / .08), 0 4px 8px -4px rgb(0 0 0 / .04);--shadow-inner: inset 0 1px 2px 0 rgb(0 0 0 / .06);--shadow-focus: 0 0 0 3px var(--color-accent-border);--duration-instant: .1s;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-colors: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), fill var(--duration-fast) var(--ease-out);--transition-all: all var(--duration-base) var(--ease-out);--transition-shadow: box-shadow var(--duration-fast) var(--ease-out);--transition-transform: transform var(--duration-fast) var(--ease-out)}@media (prefers-color-scheme: dark){:root{--color-canvas: #111110;--color-surface: #1C1B1A;--color-surface-2: #252320;--color-surface-3: #2E2C28;--color-border: #36332E;--color-border-strong: #4D4940;--color-ink-1: #EEECEA;--color-ink-2: #9C9591;--color-ink-3: #928E8A;--color-ink-4: #3E3B37;--color-ink-inverse: #18171A;--color-accent: #6B8DD6;--color-accent-hover: #849EDF;--color-accent-subtle: #161D33;--color-accent-border: #2C3E6B;--color-accent-ink: #FFFFFF;--color-profit: #22C55E;--color-profit-subtle: #071A0F;--color-profit-border: #14532D;--color-profit-ink: #86EFAC;--color-loss: #EF4444;--color-loss-subtle: #1C0909;--color-loss-border: #7F1D1D;--color-loss-ink: #FCA5A5;--color-warning: #F59E0B;--color-warning-subtle: #1C1300;--color-warning-border: #78350F;--color-warning-ink: #FDE68A;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .2);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .35), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 20px -4px rgb(0 0 0 / .4), 0 4px 8px -4px rgb(0 0 0 / .25)}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}body{background-color:var(--color-canvas);color:var(--color-ink-1);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea,button{font-family:var(--font-ui)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface-2)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}}@layer utilities{.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.calculator-grid{grid-template-columns:1fr!important;padding:16px!important;gap:16px!important}}.font-display{font-family:Syne,sans-serif}.font-mono-data{font-family:JetBrains Mono,monospace}.glow-green{text-shadow:0 0 20px rgba(34,211,160,.4)}.glow-red{text-shadow:0 0 20px rgba(239,68,68,.4)}.glow-purple{text-shadow:0 0 20px rgba(108,99,255,.4)}.card-surface{background-color:#1a1d2e;border:1px solid #2A2D45;border-radius:12px}.card-surface-elevated{background-color:#252840;border:1px solid #2A2D45;border-radius:12px}.btn-primary{background-color:#6c63ff;color:#f0f0ff;font-family:Inter,sans-serif;font-weight:600;font-size:15px;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.btn-primary:hover{background-color:#5a52e0;transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:#f0f0ff;font-family:Inter,sans-serif;font-weight:600;font-size:15px;padding:12px 24px;border-radius:8px;border:1px solid #2A2D45;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.btn-ghost:hover{border-color:#6c63ff;background-color:#6c63ff1a}.input-field{background-color:#1a1d2e;border:1px solid #2A2D45;border-radius:8px;color:#f0f0ff;font-family:Inter,sans-serif;font-size:15px;padding:12px 16px;width:100%;transition:border-color .2s ease;outline:none}.input-field:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff26}.input-field::placeholder{color:#8b8fa8}.label-text{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#8b8fa8;margin-bottom:6px;display:block}.section-tag{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6c63ff}.profit-number{font-family:JetBrains Mono,monospace;font-size:52px;font-weight:600;line-height:1}.data-number{font-family:JetBrains Mono,monospace;font-weight:500}}
