@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-base: #f8fafc;--bg-card: #ffffff;--border-light: rgba(15, 23, 42, .06);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--surface-tint: #eef2f7;--accent: #2563eb;--accent-light: #dbeafe;--accent-dark: #1e40af;--success-bg: #ecfdf3;--success-text: #15803d;--danger-bg: #fef2f2;--danger-text: #b91c1c;--neutral-bg: #f1f5f9;--neutral-text: #475569;--card-shadow: 0 18px 45px rgba(15, 23, 42, .04);color:var(--text-primary);background:radial-gradient(circle at 18% 18%,#e2e8f0,var(--bg-base) 45%),radial-gradient(circle at 82% 6%,#e0f2fe,var(--bg-base) 36%);font-family:Inter,Avenir Next,Manrope,Segoe UI,sans-serif;line-height:1.6;font-weight:500}[data-theme=dark]{--bg-base: #0f172a;--bg-card: rgba(30, 41, 59, .92);--border-light: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--neutral-bg: #1e293b;--surface-tint: #162032;--card-shadow: 0 18px 45px rgba(0, 0, 0, .3);color:var(--text-primary);background:radial-gradient(circle at 18% 18%,#1e293b,#0f172a 45%),radial-gradient(circle at 82% 6%,#1e1b2e,#0f172a 36%)}.app-shell{max-width:1100px;margin:0 auto;padding:clamp(20px,4vw,32px) clamp(16px,3vw,20px) 60px}body{margin:0;min-height:100vh;background:var(--bg-base)}#root{min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap;position:relative}.header-main{display:flex;flex-direction:column;gap:8px;min-width:220px}.controls-stack{display:flex;flex-wrap:wrap;gap:16px}.mode-switch{display:inline-flex;gap:10px;margin-bottom:12px}.mode-button{border:1px solid var(--border-light);background:var(--neutral-bg, #f1f5f9);color:var(--text-primary);border-radius:999px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease}.mode-button:hover{border-color:#cbd5e1;background:#f8fafc}.mode-button.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 10px 30px #2563eb40}.title{font-size:28px;letter-spacing:.02em;margin:0}[data-theme=dark] .title{color:#f1f5f9}.interval-control{display:flex;flex-direction:column;gap:6px;font-size:14px}.interval-control label{font-weight:600;color:var(--text-secondary);font-size:13px;letter-spacing:.01em}.interval-select{border-radius:999px;border:1px solid var(--border-light);padding:10px 16px;font-size:14px;background:var(--bg-card);color:var(--text-primary);font-weight:700;box-shadow:inset 0 1px #fffc;transition:border-color .2s ease,box-shadow .2s ease}.interval-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.interval-description{font-size:12px;color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}.status-pill{padding:6px 12px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border:1px solid transparent}.pill-green{background:var(--success-bg);color:var(--success-text);border-color:#22c55e33}.pill-amber{background:#fef9c3;color:#b45309;border-color:#eab30840}.pill-red{background:#fee2e2;color:#b91c1c;border-color:#f8717140}.grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(260px,1.3fr);gap:24px}.card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--card-shadow);border-radius:20px;padding:20px 22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;overflow:visible}.card h3{margin:0 0 10px;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.card-title{margin:0;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.signal-value{font-size:42px;font-weight:800;letter-spacing:.05em}.meta{color:var(--text-secondary);font-size:14px;margin-top:6px}.history-note{margin-top:8px;font-size:13px;color:var(--text-secondary)}.indicators-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;position:relative;overflow:visible}.indicators-list li{padding:10px 12px;border-radius:12px;background:var(--neutral-bg);border:1px solid var(--border-light);color:var(--text-primary)}.indicator-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.06em;position:relative}.indicator-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);width:220px;max-width:calc(100vw - 32px);padding:6px 10px;border-radius:10px;font-size:11px;background:#0f172af2;color:#f8fafc;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease,transform .2s ease,left .2s ease,right .2s ease;text-transform:none;line-height:1.4;z-index:9999;word-wrap:break-word}.indicator-label:hover .indicator-tooltip,.indicator-label:focus-visible .indicator-tooltip,.indicator-label.tooltip-visible .indicator-tooltip{opacity:1;visibility:visible}.indicator-tooltip-portal{position:fixed!important;opacity:1!important;visibility:visible!important;pointer-events:none;width:220px;max-width:calc(100vw - 32px);padding:6px 10px;border-radius:10px;font-size:12px;background:#0f172af2;color:#f8fafc;text-transform:none;line-height:1.4;z-index:9999;word-wrap:break-word;box-shadow:0 4px 12px #00000026}.tooltip-trigger{border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border-radius:50%;cursor:pointer;color:var(--text-secondary)}.tooltip-trigger:focus-visible,.tooltip-trigger:hover{background:#4755691a}.tooltip-trigger svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none}.tooltip-trigger svg circle:nth-of-type(2){fill:currentColor;stroke:none}.indicator-value{font-size:18px;font-weight:700;color:var(--text-primary)}.indicator-extra{display:block;margin-top:4px;font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:.04em}table{width:100%;border-collapse:collapse;min-width:560px}thead{background:var(--surface-tint)}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border-light)}th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}tbody tr:hover{background:#f8fafc}.signal-chip{padding:4px 8px;border-radius:10px;font-weight:700;font-size:11px;display:inline-block;letter-spacing:.04em;text-transform:uppercase}.gauge-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--neutral-bg);color:var(--text-primary);border:1px solid var(--border-light);text-transform:none;letter-spacing:.01em}.long{background:#ecfdf3;color:#166534;border:1px solid rgba(34,197,94,.25)}.short{background:#fef2f2;color:#991b1b;border:1px solid rgba(248,113,113,.25)}.flat{background:#e0f2fe;color:#1e40af;border:1px solid rgba(59,130,246,.25)}.error{color:var(--danger-text);margin-top:8px}.history-card{overflow-x:auto}.stack{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.agents-grid,.timeframes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.agent-tile.long-bias{border-color:#22c55e59}.agent-tile.short-bias{border-color:#f8717159}.agent-tile.flat-bias{border-color:#64748b59}.agent-tile{background:var(--neutral-bg);border:1px solid var(--border-light);border-radius:14px;padding:12px}.changes-list{margin:0;padding-left:16px;color:var(--text-primary)}.changes-list li{margin-bottom:6px;font-size:14px}@media (max-width: 900px){.grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 700px){.card{padding:16px}table{min-width:520px}th,td{padding:8px 10px;font-size:13px}}.theme-toggle{background:#ffffffe0;border:1px solid var(--border-light);border-radius:999px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0f172a14;padding:0;flex-shrink:0}.theme-toggle:hover{background:#fffffff2;color:var(--text-primary);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.gauge{display:flex;align-items:center;gap:10px;margin-top:6px}.gauge-bar{width:132px;height:10px;border-radius:999px;background:var(--neutral-bg);overflow:hidden;border:1px solid var(--border-light)}.gauge-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .3s ease,background .3s ease}.gauge-fill-safe{background:#22c55e}.gauge-fill-caution{background:#f59e0b}.gauge-fill-risk{background:#ef4444}.gauge-label{font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.02em}@media (max-width: 600px){.title{font-size:22px}.signal-value{font-size:34px}.header{align-items:flex-start}table{min-width:480px}th,td{padding:7px 8px}.theme-toggle{width:36px;height:36px}}