:root{--font-display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Consolas, monospace;--max-w: 1320px;--gutter: clamp(1.25rem, 4vw, 3rem);--radius: 10px;--red: #ef4444;--orange: #f97316;--yellow: #eab308;--green: #22c55e;--cyan: #4fd1c5;--blue: #60a5fa;--purple: #a78bfa;--pink: #f472b6}html[data-theme=dark]{color-scheme:dark;--bg: #09090b;--bg-raised: #111114;--text: #ececf0;--text-dim: #8b8f98;--text-faint: #4b4f57;--rule: rgba(236, 236, 240, .08);--rule-strong: rgba(236, 236, 240, .18);--accent: #4fd1c5;--accent-hover: #6de2d7;--accent-soft: rgba(79, 209, 197, .1);--accent-glow: rgba(79, 209, 197, .25);--input-bg: #111114;--input-border: rgba(236, 236, 240, .12);--shadow: 0 2px 8px rgba(0, 0, 0, .4);--card-glow: 0 0 0 1px var(--accent-soft);--tooltip-bg: #18181b;--tab-active-bg: rgba(79, 209, 197, .08);--ok: #22c55e;--warn: #eab308;--danger: #ef4444;--dot-color: rgba(236, 236, 240, .06)}html[data-theme=light]{color-scheme:light;--bg: #fafaf7;--bg-raised: #ffffff;--text: #0a0b0d;--text-dim: #565a63;--text-faint: #9ca0a8;--rule: rgba(10, 11, 13, .09);--rule-strong: rgba(10, 11, 13, .18);--accent: #0a7f8f;--accent-hover: #066675;--accent-soft: rgba(10, 127, 143, .08);--accent-glow: rgba(10, 127, 143, .15);--input-bg: #ffffff;--input-border: rgba(10, 11, 13, .12);--shadow: 0 1px 4px rgba(0, 0, 0, .06);--card-glow: 0 0 0 1px var(--accent-soft);--tooltip-bg: #ffffff;--tab-active-bg: rgba(10, 127, 143, .08);--ok: #16a34a;--warn: #ca8a04;--danger: #dc2626;--dot-color: rgba(10, 11, 13, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg);background-image:radial-gradient(circle,var(--dot-color) .5px,transparent .5px);background-size:18px 18px;min-height:100vh;transition:background-color .3s ease,color .3s ease}::selection{background:var(--accent);color:var(--bg)}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.glass{background:var(--bg-raised);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .2s ease,box-shadow .2s ease}.glass:hover{border-color:var(--rule-strong)}.app{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter) 48px}.header{display:flex;align-items:center;gap:20px;padding:14px 0;margin:16px 0 18px;border-bottom:1px solid var(--rule);flex-wrap:wrap}.header-brand{display:flex;flex-direction:column;gap:2px;margin-right:auto;text-decoration:none;color:inherit}.header-brand:hover .logo{color:var(--accent)}.logo{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--text);display:flex;align-items:center;gap:8px;transition:color .2s ease}.logo-icon{color:var(--accent);display:flex;align-items:center}.header-subtitle{font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint);font-weight:500}.header-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{background:var(--bg-raised);border:1px solid var(--rule);color:var(--text-dim);padding:7px 14px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font-body);white-space:nowrap;border-radius:var(--radius)}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.btn-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.btn-primary{background:var(--accent);border:1px solid var(--accent);color:var(--bg);font-weight:600;border-radius:var(--radius);padding:7px 20px;letter-spacing:.02em}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.theme-toggle{background:transparent;border:1px solid var(--rule);border-radius:var(--radius);color:var(--text-dim);padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;width:34px;height:34px}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:16px;height:16px}.tabs-nav{display:flex;gap:2px;padding:3px;background:var(--bg-raised);border:1px solid var(--rule);border-radius:var(--radius);margin-bottom:22px;overflow-x:auto;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}.tab-button{background:transparent;border:none;color:var(--text-dim);padding:8px 14px;border-radius:7px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font-body);white-space:nowrap;display:flex;align-items:center;gap:6px}.tab-button:hover{color:var(--text);background:var(--rule)}.tab-button.tab-active{background:var(--tab-active-bg);color:var(--accent);font-weight:600}.tab-button-num{font-size:.6rem;color:var(--text-faint);font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.tab-button.tab-active .tab-button-num{color:var(--accent);opacity:.7}.error-banner{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);padding:14px 20px;color:var(--danger);margin-bottom:20px;font-size:.85rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 0;color:var(--text-dim)}.spinner{width:28px;height:28px;border:2px solid var(--rule);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px}.metric-card{padding:16px 18px;position:relative;overflow:hidden;transition:border-color .2s,transform .15s}.metric-card:hover{border-color:var(--rule-strong);transform:translateY(-1px)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius) var(--radius) 0 0}.metric-accent-red:before{background:var(--red)}.metric-accent-orange:before{background:var(--orange)}.metric-accent-yellow:before{background:var(--yellow)}.metric-accent-green:before{background:var(--green)}.metric-accent-cyan:before{background:var(--cyan)}.metric-accent-blue:before{background:var(--blue)}.metric-accent-purple:before{background:var(--purple)}.metric-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:6px;font-family:var(--font-mono)}.metric-value{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.2;font-family:var(--font-display)}.metric-value-sm{font-size:1.1rem}.metric-desc{font-size:.68rem;color:var(--text-faint);margin-top:4px}.commodity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:24px}.commodity-card{padding:18px;cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s;position:relative}.commodity-card:hover{border-color:var(--rule-strong);transform:translateY(-2px)}.commodity-card.commodity-card-selected{border-color:var(--accent);box-shadow:var(--card-glow)}.commodity-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.commodity-card-name{font-size:.8rem;font-weight:600;color:var(--text);font-family:var(--font-display)}.commodity-card-ticker{font-size:.68rem;color:var(--text-faint);font-family:var(--font-mono)}.commodity-card-price{font-size:1.35rem;font-weight:700;font-family:var(--font-mono);color:var(--text);margin-bottom:8px}.commodity-card-changes{display:flex;gap:10px;font-size:.7rem;font-family:var(--font-mono)}.commodity-card-vol{font-size:.66rem;color:var(--text-faint);margin-top:8px;font-family:var(--font-mono)}.chg-pos{color:var(--green)}.chg-neg{color:var(--red)}.chg-neutral{color:var(--text-faint)}.commodity-selector{display:flex;gap:4px}.commodity-btn{background:var(--bg-raised);border:1px solid var(--rule);color:var(--text-dim);padding:5px 12px;font-size:.72rem;font-weight:600;cursor:pointer;border-radius:6px;font-family:var(--font-mono);transition:all .15s ease}.commodity-btn:hover{border-color:var(--accent);color:var(--text)}.commodity-btn.commodity-btn-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:14px 2px;gap:12px;flex-wrap:wrap}.section-heading h2{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.section-heading p{font-size:.78rem;color:var(--text-dim);max-width:72%}.panel{padding:20px 22px;margin-bottom:16px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px;flex-wrap:wrap}.panel-header h3{font-family:var(--font-display);font-size:.92rem;font-weight:600;color:var(--text)}.panel-subtitle{font-size:.7rem;color:var(--text-faint);font-family:var(--font-mono)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.chart-panel{padding:18px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px;flex-wrap:wrap}.chart-header h3{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--text)}.chart-tag{font-size:.68rem;padding:3px 10px;border-radius:20px;font-family:var(--font-mono);font-weight:500}.chart-tag-contango{background:#f973161a;border:1px solid rgba(249,115,22,.25);color:var(--orange)}.chart-tag-backwardation{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:var(--ok)}.chart-tag-info{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent)}.js-plotly-plot .plotly .modebar{opacity:.4}.js-plotly-plot .plotly .modebar:hover{opacity:1}.js-plotly-plot{border-radius:var(--radius);overflow:hidden}.strategy-types{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.strategy-btn{background:var(--bg-raised);border:1px solid var(--rule);color:var(--text-dim);padding:8px 16px;font-size:.76rem;font-weight:500;cursor:pointer;border-radius:var(--radius);transition:all .15s ease;font-family:var(--font-body)}.strategy-btn:hover{border-color:var(--accent);color:var(--text)}.strategy-btn.strategy-btn-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.strategy-output{padding:20px 24px;line-height:1.75;font-size:.86rem}.strategy-output h1,.strategy-output h2,.strategy-output h3{font-family:var(--font-display);color:var(--accent);margin-top:16px;margin-bottom:8px}.strategy-output h1{font-size:1.1rem;font-weight:700}.strategy-output h2{font-size:1rem;font-weight:600}.strategy-output h3{font-size:.9rem;font-weight:600}.strategy-output p{margin-bottom:10px;color:var(--text)}.strategy-output ul,.strategy-output ol{margin-left:20px;margin-bottom:10px}.strategy-output li{margin-bottom:4px}.strategy-output strong{color:var(--accent)}.strategy-output code{background:var(--bg);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;border:1px solid var(--rule)}.strategy-actions{display:flex;gap:8px;margin-top:16px}.strategy-summary-section{margin-bottom:8px}.strategy-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:10px}.strategy-summary-card{padding:12px 14px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg)}.strategy-summary-card-signal{grid-column:span 2;border-color:var(--accent);border-width:1px}.strategy-summary-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-family:var(--font-mono);margin-bottom:4px}.strategy-summary-value{font-size:.95rem;font-weight:700;color:var(--text);font-family:var(--font-display);line-height:1.3;word-break:break-word}.strategy-summary-card-signal .strategy-summary-value{font-size:1.3rem}.strategy-thesis{padding:10px 14px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg);font-size:.82rem;color:var(--text-dim);line-height:1.5}.strategy-thesis-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-family:var(--font-mono);margin-right:8px}.model-selector{display:flex;align-items:center;gap:8px}.model-select{background:var(--bg-raised);border:1px solid var(--rule);color:var(--text);padding:6px 10px;font-size:.74rem;font-family:var(--font-mono);border-radius:6px;outline:none;cursor:pointer;min-width:180px}.model-select:focus{border-color:var(--accent)}.model-label{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-family:var(--font-mono)}.gemini-status{display:flex;align-items:center;gap:6px;font-size:.72rem;cursor:pointer;padding:5px 10px;border-radius:6px;border:1px solid var(--rule);background:var(--bg-raised);transition:all .15s ease;font-family:var(--font-body);color:var(--text-dim)}.gemini-status:hover{border-color:var(--accent)}.gemini-dot{width:7px;height:7px;border-radius:50%}.gemini-dot-on{background:var(--ok);box-shadow:0 0 4px #22c55e66}.gemini-dot-off{background:var(--text-faint)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:90%;max-width:480px;padding:28px}.modal h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:16px;color:var(--text)}.modal-input{width:100%;background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius);padding:10px 14px;font-size:.82rem;color:var(--text);font-family:var(--font-mono);outline:none;margin-bottom:16px}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-note{font-size:.72rem;color:var(--text-faint);margin-bottom:16px;line-height:1.5}.disclaimer{margin-top:20px;padding:12px 16px;border-radius:var(--radius);background:#eab3080f;border:1px solid rgba(234,179,8,.15);font-size:.7rem;color:var(--warn);line-height:1.5}.sparkline-container{height:32px;margin-top:8px}.spread-row{display:flex;gap:20px;margin-top:14px;flex-wrap:wrap}.spread-item{display:flex;flex-direction:column;gap:2px}.spread-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:600;font-family:var(--font-mono)}.spread-value{font-size:1rem;font-weight:600;font-family:var(--font-mono);color:var(--text)}.heatmap-grid{display:grid;gap:2px;font-size:.72rem;font-family:var(--font-mono)}.heatmap-cell{padding:8px 4px;text-align:center;border-radius:3px;font-weight:500;transition:transform .1s ease;min-width:40px}.heatmap-cell:hover{transform:scale(1.05);z-index:2;position:relative}.heatmap-label{padding:8px 4px;text-align:center;font-size:.66rem;color:var(--text-faint);font-weight:600}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-input-group{display:flex;flex-direction:column;gap:4px}.calc-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-weight:600;font-family:var(--font-mono)}.calc-input{background:var(--bg);border:1px solid var(--rule);border-radius:6px;padding:8px 12px;font-size:.85rem;color:var(--text);font-family:var(--font-mono);outline:none;width:100%}.calc-input:focus{border-color:var(--accent)}.calc-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:16px}.calc-result-card{padding:12px 14px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg)}.watchlist-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--rule);transition:background .15s ease}.watchlist-item:hover{background:var(--accent-soft)}.watchlist-item:last-child{border-bottom:none}.alert-badge{font-size:.66rem;padding:2px 8px;border-radius:12px;font-weight:600;font-family:var(--font-mono)}.alert-badge-above{background:#22c55e1a;color:var(--ok);border:1px solid rgba(34,197,94,.2)}.alert-badge-below{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-top:32px;border-top:1px solid var(--rule);font-size:.7rem;color:var(--text-faint);flex-wrap:wrap;gap:8px}.app-footer a{color:var(--accent);text-decoration:none;font-weight:500}.app-footer a:hover{text-decoration:underline}.footer-right{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.02em}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.commodity-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.calc-grid{grid-template-columns:1fr}}@media(max-width:768px){.header{flex-direction:column;align-items:stretch;gap:12px;padding:14px 0}.header-brand{margin-right:0}.commodity-grid{grid-template-columns:1fr 1fr}.app{padding:0 16px 36px}.tabs-nav{padding:2px}.tab-button{padding:7px 10px;font-size:.72rem}.tab-button-num{display:none}}@media(max-width:480px){.commodity-grid{grid-template-columns:1fr}}