:root{--canvas-base: #FDFCFB;--canvas-surface: #FAFAF9;--canvas-elevated: #F5F5F4;--canvas-overlay: #F0F0EF;--canvas-modal: #EBEBEA;--border-subtle: #ECECEB;--border-default: #D9D9D8;--border-strong: #000000;--text-primary: #000000;--text-secondary: #404040;--text-tertiary: #737373;--text-muted: #A3A3A3;--accent-primary: #0000FF;--accent-hover: #0000CC;--accent-active: #0000AA;--accent-surface: #F0F0FF;--accent-border: #E0E0FF;--data-cyan: #00D4D4;--data-emerald: #00D170;--data-amber: #F59E0B;--data-rose: #F43F5E;--data-violet: #8866FF;--data-blue: #3B82F6;--baseline: 4px;--space-unit: 16px}.dark{--canvas-base: #000000;--canvas-surface: #0A0A0E;--canvas-elevated: #14141A;--canvas-overlay: #1E1E26;--canvas-modal: #282832;--border-subtle: #1A1A20;--border-default: #2A2A36;--border-strong: #4A4A56;--text-primary: #FFFFFF;--text-secondary: #B8B8C0;--text-tertiary: #8A8A96;--text-muted: #5C5C68;--accent-primary: #00FF88;--accent-hover: #00DD77;--accent-active: #00BB66;--accent-surface: #001A11;--accent-border: #003322;--data-cyan: #00E5E5;--data-emerald: #00E080;--data-amber: #FFA726;--data-rose: #FF1744;--data-violet: #9575FF;--data-blue: #42A5F5}body{font-family:CoinbaseMono,IBM Plex Mono,JetBrains Mono,SF Mono,Fira Code,Consolas,Monaco,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--canvas-base);color:var(--text-primary);transition:background-color .2s cubic-bezier(.25,.1,.25,1),color .2s cubic-bezier(.25,.1,.25,1);font-size:14px;line-height:1.5;letter-spacing:.02em}.app{min-height:100vh;background-color:var(--canvas-base);transition:background-color .2s cubic-bezier(.25,.1,.25,1)}.container{max-width:1200px;margin:0 auto;padding:48px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;padding-bottom:24px;border-bottom:2px solid var(--border-strong)}.title{font-size:40px;font-weight:700;color:var(--text-primary);letter-spacing:.04em;text-transform:lowercase;font-variant-numeric:tabular-nums}.dark-mode-toggle{background:transparent;color:var(--text-primary);border:2px solid var(--text-primary);border-radius:0;width:48px;height:48px;font-size:20px;cursor:pointer;transition:all .2s cubic-bezier(.25,.1,.25,1);box-shadow:2px 2px 0 var(--text-primary);display:flex;align-items:center;justify-content:center;font-family:inherit}.dark-mode-toggle:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-primary)}.dark-mode-toggle:active{transform:translate(0);box-shadow:2px 2px 0 var(--text-primary)}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 768px){.main-content{grid-template-columns:1fr}.title{font-size:32px}.container{padding:24px}}.form-section,.chart-section{background:var(--canvas-surface);padding:24px;border-radius:0;border:1px solid var(--border-default);box-shadow:4px 4px 0 var(--border-default);transition:all .2s cubic-bezier(.25,.1,.25,1)}.form-section:hover,.chart-section:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-default)}.section-title{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--text-primary);text-transform:lowercase;letter-spacing:.04em}.form-group{margin-bottom:32px}.label{display:block;font-weight:500;margin-bottom:8px;color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.input{width:100%;padding:12px;border:1px solid var(--border-default);border-radius:0;background-color:var(--canvas-base);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s cubic-bezier(.25,.1,.25,1);font-variant-numeric:tabular-nums}.input:focus{outline:none;border-color:var(--border-strong);box-shadow:0 0 0 1px var(--text-primary)}.input::placeholder{color:var(--text-tertiary)}.spreads-container{display:flex;flex-direction:column;gap:12px}.spread-input-group{display:flex;gap:8px;align-items:center}.spread-input-group .input{flex:1}.remove-button{background:var(--text-primary);color:var(--canvas-base);border:2px solid var(--text-primary);border-radius:0;width:32px;height:32px;font-size:20px;cursor:pointer;transition:all .2s cubic-bezier(.25,.1,.25,1);display:flex;align-items:center;justify-content:center;line-height:1;padding:0;font-family:inherit;box-shadow:2px 2px 0 var(--text-primary)}.remove-button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-primary)}.remove-button:active{transform:translate(0);box-shadow:2px 2px 0 var(--text-primary)}.add-button{background:var(--accent-primary);color:var(--canvas-base);border:2px solid var(--accent-primary);border-radius:0;padding:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,.1,.25,1);width:100%;margin-top:8px;text-transform:uppercase;letter-spacing:.1em;font-family:inherit;box-shadow:2px 2px 0 var(--accent-primary)}.add-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent-hover)}.add-button:active{transform:translate(0);box-shadow:2px 2px 0 var(--accent-hover)}.summary-content{display:flex;flex-direction:column;gap:16px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--canvas-base);border-radius:0;border:1px solid var(--border-default);transition:all .2s cubic-bezier(.25,.1,.25,1)}.summary-item:hover{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--border-default);border-left:3px solid var(--accent-primary)}.summary-label{font-weight:500;color:var(--text-secondary);text-transform:uppercase;font-size:12px;letter-spacing:.1em}.summary-value{font-weight:600;color:var(--text-primary);font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.05em}.chart-subtitle{font-size:12px;color:var(--text-tertiary);margin-bottom:24px;text-transform:lowercase;letter-spacing:.05em}.chart-container{height:320px;width:100%;margin-bottom:24px}.chart-legend{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.legend-item{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.legend-dot{width:12px;height:12px;border-radius:0;flex-shrink:0}.legend-dot-high{background:var(--data-emerald)}.legend-dot-low{background:var(--data-cyan)}.legend-dot-lending{background:var(--text-tertiary)}.legend-label{flex:1;color:var(--text-secondary);text-transform:lowercase;letter-spacing:.05em}.legend-value{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:.05em}.legend-item:nth-child(1) .legend-value{color:var(--data-emerald)}.legend-item:nth-child(2) .legend-value{color:var(--data-cyan)}.chart-footer{font-size:10px;color:var(--text-muted);text-transform:lowercase;letter-spacing:.08em;margin-top:24px}.links-section{display:flex;flex-direction:column;gap:8px;margin-top:16px}.footer-link{font-size:10px;color:var(--text-secondary);text-decoration:none;text-transform:lowercase;letter-spacing:.08em;transition:color .2s cubic-bezier(.25,.1,.25,1)}.footer-link:hover{color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:CoinbaseMono,IBM Plex Mono,JetBrains Mono,SF Mono,Fira Code,Consolas,Monaco,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}