*,*:before,*:after{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f8fb;color:#1c1914}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--line-2),transparent 35%);border-radius:8px}.noir-shell{min-height:100vh;color:var(--text);background:linear-gradient(115deg,color-mix(in srgb,var(--bg),white 12%) 0%,var(--bg) 42%,var(--bg2) 100%),repeating-linear-gradient(90deg,transparent 0 79px,color-mix(in srgb,var(--line),transparent 76%) 80px 81px);position:relative;overflow-x:hidden;padding:24px 16px 34px}.noir-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--gold),transparent 86%) 0 1px,transparent 1px 100%),linear-gradient(180deg,color-mix(in srgb,var(--blue),transparent 92%) 0 1px,transparent 1px 100%);background-size:80px 80px;-webkit-mask-image:linear-gradient(180deg,black 0%,transparent 72%);mask-image:linear-gradient(180deg,black 0%,transparent 72%)}.noir-shell:after{content:"NOIR";position:fixed;right:-24px;top:62px;color:color-mix(in srgb,var(--text),transparent 95%);font-size:158px;font-weight:900;line-height:1;letter-spacing:.04em;pointer-events:none;writing-mode:vertical-rl}.noir-frame{max-width:1160px;margin:0 auto;position:relative;z-index:1}.topbar,.command-panel,.summary-card,.chart-panel,.projection-panel,.analysis-panel,.levels-panel,.state-panel,.error-panel,.empty-state{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{min-height:72px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:48px;height:48px;flex:0 0 48px}.brand-mark-frame{fill:var(--ink);stroke:var(--line-2);stroke-width:2}.brand-mark-n{stroke:var(--gold);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.brand-mark-line,.brand-mark-spark{stroke:var(--emerald);stroke-width:3;stroke-linecap:round}.brand-title{font-size:27px;line-height:1;font-weight:900;letter-spacing:.04em}.brand-subtitle{margin-top:6px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.mode-toggle{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--tile),transparent 6%)}.mode-button{border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:800;padding:8px 12px;text-transform:capitalize}.mode-button[aria-pressed=true]{background:var(--primary);color:var(--primary-text);box-shadow:var(--soft-shadow)}.command-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;overflow:hidden;margin-bottom:14px;box-shadow:var(--shadow)}.command-main{padding:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel-solid),transparent 5%),color-mix(in srgb,var(--raised),transparent 6%))}.eyebrow{margin:0 0 8px;color:var(--subtle);font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.command-main h1{margin:0 0 18px;max-width:650px;font-size:40px;line-height:1.02;font-weight:900;letter-spacing:0}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;max-width:850px}.input-row input{width:100%;min-width:0;height:48px;border:1px solid var(--line);border-radius:8px;background:var(--tile);color:var(--text);outline:none;padding:0 15px;font-size:14px;box-shadow:inset 0 1px color-mix(in srgb,white,transparent 70%)}.input-row input:focus{border-color:var(--line-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold),transparent 78%)}.input-row input::placeholder{color:color-mix(in srgb,var(--muted),transparent 18%)}.primary-button{height:48px;border:1px solid color-mix(in srgb,var(--line-2),black 8%);border-radius:8px;background:var(--primary);color:var(--primary-text);cursor:pointer;font-size:13px;font-weight:900;padding:0 24px;box-shadow:var(--soft-shadow)}.primary-button:disabled{cursor:not-allowed;background:color-mix(in srgb,var(--tile),var(--line) 20%);color:var(--subtle);border-color:var(--line);box-shadow:none}.timeframe-row{display:flex;align-items:center;gap:10px;min-width:0}.timeframe-row>span{color:var(--subtle);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.preset,.tabs button,.horizon-row button{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--tile),transparent 10%);color:var(--muted);cursor:pointer;font-size:12px;font-weight:800}.preset{padding:7px 13px}.timeframe-select{width:190px;max-width:min(48vw,230px);height:36px;border:1px solid var(--line);border-radius:8px;background:var(--tile);color:var(--text);cursor:pointer;outline:none;padding:0 10px;font-size:12px;font-weight:850}.preset.active,.horizon-row button.active{border-color:var(--line-2);color:var(--text);background:color-mix(in srgb,var(--gold),transparent 86%)}.timeframe-select:focus{border-color:var(--line-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold),transparent 80%)}.command-readout{border-top:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-solid),transparent 12%),color-mix(in srgb,var(--tile),transparent 2%));color:var(--text);padding:8px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.72fr) minmax(0,1.35fr) minmax(0,.82fr);gap:6px}.source-cell{min-width:0;border:1px solid color-mix(in srgb,var(--line),transparent 8%);border-radius:8px;background:color-mix(in srgb,var(--panel-solid),transparent 12%);padding:6px 8px}.command-readout span{display:block;color:var(--subtle);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}.command-readout strong{display:-webkit-box;overflow:hidden;color:var(--text);font-size:11.5px;font-weight:900;line-height:1.28;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.empty-state{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:center;min-height:300px;padding:22px;overflow:hidden}.empty-copy h2{margin:0;max-width:360px;font-size:28px;line-height:1.12;font-weight:900;letter-spacing:0}.empty-chart{width:100%;min-height:190px}.empty-axis,.empty-wick{stroke:var(--line);stroke-width:2}.empty-line{stroke-width:4;stroke-linecap:round}.empty-line-one{stroke:var(--gold)}.empty-line-two{stroke:color-mix(in srgb,var(--blue),transparent 20%)}.empty-candle{stroke-width:2}.empty-candle.up{fill:color-mix(in srgb,var(--green),transparent 18%);stroke:var(--green)}.empty-candle.down{fill:color-mix(in srgb,var(--red),transparent 18%);stroke:var(--red)}.state-panel,.error-panel{margin-bottom:14px;padding:22px}.state-panel{text-align:center}.state-panel p,.error-panel p{margin:0;font-size:15px;font-weight:900}.state-panel span,.error-panel span{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.55}.loader-line{width:160px;height:3px;margin:0 auto 14px;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--line),transparent 25%)}.loader-line:before{content:"";display:block;width:42%;height:100%;border-radius:inherit;background:var(--primary);animation:glide 1.2s ease-in-out infinite}@keyframes glide{0%{transform:translate(-105%)}to{transform:translate(260%)}}.error-panel{border-color:color-mix(in srgb,var(--red),transparent 25%);background:color-mix(in srgb,var(--red),var(--panel-solid) 90%)}.error-panel p{color:var(--red)}.summary-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px;margin-bottom:14px}.summary-card{padding:18px}.summary-card h2{margin:0 0 8px;font-size:23px;line-height:1.18;font-weight:900}.summary-card span,.summary-card small{display:block;color:var(--muted);font-size:12px;line-height:1.55}.price-card{background:linear-gradient(135deg,color-mix(in srgb,var(--raised),transparent 5%),color-mix(in srgb,var(--panel-solid),transparent 5%))}.price-card>strong{display:block;color:var(--emerald);font-size:34px;line-height:1;font-weight:950;margin-bottom:7px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.metric-card,.signal-card,.projection-card,.level-row{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--tile),transparent 4%)}.metric-card{padding:13px 14px;box-shadow:var(--soft-shadow)}.metric-card p{margin:0 0 5px;color:var(--subtle);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.metric-card strong{display:block;color:var(--text);font-size:16px;font-weight:900}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.neutral{color:var(--gold)!important}.score-meter{margin-top:13px}.score-labels{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.score-labels span{color:var(--subtle);font-size:10px;font-weight:850;letter-spacing:.1em}.score-labels strong{font-size:12px;font-weight:950}.score-track{height:12px;position:relative;border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--red),transparent 78%),transparent 44% 56%,color-mix(in srgb,var(--green),transparent 78%)),var(--tile)}.score-pin{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--panel-solid);transform:translate(-50%,-50%)}.score-meter p{margin:7px 0 0;color:var(--muted);text-align:center;font-size:11px}.tabs{display:flex;gap:4px;margin-bottom:14px;overflow-x:auto;border-bottom:1px solid var(--line)}.tabs button{padding:10px 15px;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;white-space:nowrap}.tabs button[aria-pressed=true]{color:var(--text);background:color-mix(in srgb,var(--raised),transparent 8%);border-color:var(--line);border-bottom-color:var(--gold)}.chart-panel,.projection-panel,.analysis-panel,.levels-panel{padding:14px}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;min-width:0}.chart-toolbar .eyebrow{margin-bottom:3px}.chart-toolbar>div:first-child{min-width:150px}.chart-toolbar .timeframe-row{justify-content:flex-end;min-width:0}.chart-toolbar strong{display:block;overflow:hidden;color:var(--text);font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.chart-stack{width:100%}.chart-canvas{display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--tile)}.chart-canvas.mini{margin-top:7px}.legend-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;color:var(--muted);font-size:11px;font-weight:800}.indicator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.signal-card{padding:13px 14px;box-shadow:var(--soft-shadow)}.signal-card.bullish{border-color:color-mix(in srgb,var(--green),transparent 35%)}.signal-card.bearish{border-color:color-mix(in srgb,var(--red),transparent 35%)}.signal-card.wide{grid-column:1 / -1}.signal-card div{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.signal-card span{color:var(--subtle);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.signal-card code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.signal-card strong{color:var(--text);font-size:13px;font-weight:900}.projection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.projection-head h2,.levels-panel h2{margin:0;font-size:18px;font-weight:950}.horizon-row{display:flex;gap:6px;flex-wrap:wrap}.horizon-row button{padding:6px 10px}.projection-meta{color:var(--muted);font-size:12px;margin:0 0 13px}.projection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.projection-card{padding:13px 10px;text-align:center}.projection-card span{display:block;color:var(--subtle);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}.projection-card strong{display:block;font-size:15px;font-weight:950;margin-bottom:3px}.projection-card small{color:var(--muted);font-size:10px}.projection-card.green strong,.level-row.green strong{color:var(--green)}.projection-card.emerald strong,.level-row.emerald strong{color:var(--emerald)}.projection-card.gold strong,.level-row.gold strong{color:var(--gold)}.projection-card.copper strong,.level-row.copper strong{color:var(--copper)}.projection-card.red strong,.level-row.red strong{color:var(--red)}.level-row.violet strong{color:var(--violet)}.analysis-panel{font-size:14px;line-height:1.76}.analysis-panel>div{white-space:pre-wrap}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.levels-panel h2{margin-bottom:12px}.level-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;margin-bottom:6px}.level-row span{color:var(--muted);font-size:12px}.level-row strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.noir-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:14px;border-top:1px solid var(--line);color:var(--subtle);font-size:11px}@media (max-width: 880px){.empty-state,.summary-grid{grid-template-columns:1fr}.command-main h1{font-size:32px}}@media (max-width: 460px){.command-readout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.noir-shell{padding:12px}.topbar{align-items:flex-start}.brand-title{font-size:23px}.brand-subtitle{font-size:10px}.command-main{padding:16px}.command-main h1{font-size:27px}.input-row{grid-template-columns:1fr}.command-readout{grid-template-columns:minmax(0,1.35fr) minmax(0,.72fr) minmax(0,1.35fr) minmax(0,.82fr)}.primary-button{width:100%}.chart-toolbar,.timeframe-row{align-items:center}.timeframe-select{width:148px;max-width:44vw}.empty-state{min-height:0}.empty-copy h2{font-size:24px}.price-card>strong{font-size:27px}}