:root {
--canvas:#f5f7fb; --surface:#ffffff; --surface-2:#edf2f8; --ink:#172033; --muted:#596b84; --border:#dbe3ef; --border-strong:#aab8cb;
--accent:#145ee8; --accent-ink:#ffffff; --accent-hover:#0e4fc9; --accent-soft:#e8f0ff; --accent-strong:#1649a8; --accent-text:#145ee8; --accent-border:#b6ceff;
--success:#087f5b; --success-ink:#ffffff; --success-soft:#e5f7ef; --success-strong:#075e45;
--warning:#8a5a00; --warning-ink:#ffffff; --warning-soft:#fff4d6; --warning-strong:#704800;
--danger:#b4232f; --danger-ink:#ffffff; --danger-soft:#ffebed; --danger-strong:#8d1720;
--chart-1:#145ee8; --chart-2:#087f5b; --chart-3:#8a5a00; --chart-4:#8a4ee8; --chart-5:#d34f72; --chart-6:#0f8c9d;
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-btn:10px; --shadow-sm:0 2px 8px rgba(20,35,60,.06); --shadow-md:0 12px 30px rgba(18,32,58,.08);
--font-display:"Space Grotesk",sans-serif; --font-body:"Inter",sans-serif; --font-mono:"IBM Plex Mono",monospace;
--x-signal-green:#087f5b; --x-signal-red:#b4232f; --x-signal-amber:#8a5a00; --x-grid:#e7edf6;
}
html[data-theme="dark"] {
--canvas:#0b1220; --surface:#111c2e; --surface-2:#18263b; --ink:#e8eef8; --muted:#a3b2c7; --border:#26374e; --border-strong:#3a4e69;
--accent:#6ca0ff; --accent-ink:#08162f; --accent-hover:#8ab2ff; --accent-soft:#1a3154; --accent-strong:#b5ceff; --accent-text:#8db5ff; --accent-border:#31558b;
--success:#5ee0ad; --success-ink:#062c20; --success-soft:#123a30; --success-strong:#80efc1;
--warning:#f6c76a; --warning-ink:#382600; --warning-soft:#3a2d12; --warning-strong:#ffda8b;
--danger:#ff8c8c; --danger-ink:#3b0808; --danger-soft:#401d25; --danger-strong:#ffb0b0;
--chart-1:#6ca0ff; --chart-2:#5ee0ad; --chart-3:#f6c76a; --chart-4:#c3a0ff; --chart-5:#ff9db6; --chart-6:#62d5e2;
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-btn:10px; --shadow-sm:0 2px 8px rgba(0,0,0,.2); --shadow-md:0 12px 30px rgba(0,0,0,.24);
--font-display:"Space Grotesk",sans-serif; --font-body:"Inter",sans-serif; --font-mono:"IBM Plex Mono",monospace;
--x-signal-green:#5ee0ad; --x-signal-red:#ff8c8c; --x-signal-amber:#f6c76a; --x-grid:#1c2b40;
}
body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:750;font-size:17px;text-decoration:none}.brand small{display:block;color:var(--muted);font:10px var(--font-mono);letter-spacing:.08em;margin-top:4px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font:700 22px var(--font-display)}.side-nav{display:grid;gap:6px}.nav-link{display:block;padding:11px 12px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:14px}.nav-link:hover,.nav-link.active{background:var(--accent-soft);color:var(--accent-text)}.sidebar-note{margin-top:auto;border:1px solid var(--border);border-radius:12px;padding:14px;font-size:12px;color:var(--muted)}.sidebar-note b{display:block;margin-top:6px;color:var(--ink)}.sidebar-note p{line-height:1.5}.live-dot{display:inline-block;width:7px;height:7px;background:var(--success);border-radius:50%;margin-right:7px}.main-area{padding:28px clamp(16px,3vw,42px);max-width:1500px;width:100%;box-sizing:border-box;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.topbar h1{font:600 clamp(25px,3vw,34px) var(--font-display);margin:4px 0}.eyebrow,.metric-label{font:11px var(--font-mono);letter-spacing:.09em;color:var(--muted);margin:0}.top-actions{display:flex;align-items:center;gap:10px}.market-pill,.status-chip{border:1px solid var(--border);border-radius:999px;padding:8px 11px;color:var(--muted);font-size:12px;white-space:nowrap}.disclaimer{border:1px solid var(--warning);background:var(--warning-soft);color:var(--ink);border-radius:11px;padding:13px 15px;font-size:12px;line-height:1.5;margin-bottom:18px}.market-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--border);margin-bottom:30px}.market-strip>div{background:var(--surface);padding:17px}.market-strip strong{display:block;font:600 18px var(--font-display);margin:9px 0 5px}.market-strip small{display:block;color:var(--muted);font-size:11px;line-height:1.4}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:24px 0 14px}.section-head h2{font:600 23px var(--font-display);margin:6px 0}.subtext{color:var(--muted);font-size:13px;margin:5px 0 0;line-height:1.55}.search-form{display:flex;gap:8px}.input, input,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:10px 12px;min-width:0;max-width:100%;box-sizing:border-box}.btn{border:1px solid var(--accent);border-radius:var(--radius-btn);background:var(--accent);color:var(--accent-ink);padding:10px 14px;font-weight:650;cursor:pointer;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:var(--accent-hover)}.btn-outline{background:transparent;color:var(--ink);border-color:var(--border-strong)}.panel{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;margin-bottom:22px}.panel-heading{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.panel-heading h3,.panel h3{font:600 17px var(--font-display);margin:0}.panel-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font:11px var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-2)}th,td{padding:14px 16px;border-bottom:1px solid var(--border);white-space:nowrap}td:last-child{white-space:normal;min-width:210px;line-height:1.5}tbody tr:last-child td{border-bottom:0}.ticker-link{color:var(--accent-text);font-weight:750;text-decoration:none}.signal-badge{display:inline-block;border-radius:7px;padding:5px 8px;font:11px var(--font-mono);font-weight:700;background:var(--surface-2);color:var(--muted)}.signal-badge.setup{background:var(--success-soft);color:var(--success-strong)}.signal-badge.avoid{background:var(--danger-soft);color:var(--danger-strong)}.signal-badge.wait{background:var(--warning-soft);color:var(--warning-strong)}.data-note{font-size:11px;color:var(--muted);padding:0 18px 16px;line-height:1.5}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.tool-tile{display:flex;flex-direction:column;align-items:flex-start;min-height:190px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--ink)}.tool-tile:hover{border-color:var(--accent)}.tool-number{font:11px var(--font-mono);color:var(--accent-text)}.tool-tile h3{font:600 17px var(--font-display);margin:16px 0 6px}.tool-tile p{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 16px}.tile-link{font-size:12px;font-weight:700;color:var(--accent-text);margin-top:auto}.info-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.info-panel h3{margin:8px 0}.info-panel p:not(.eyebrow){font-size:13px;line-height:1.6;color:var(--muted);max-width:700px}.rule-tags{display:flex;flex-direction:column;gap:8px;min-width:145px}.rule-tags span{font-size:11px;color:var(--muted);border:1px solid var(--border);padding:7px 9px;border-radius:7px}.footer{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:11px;padding:16px 0 6px}.footer a{color:var(--accent-text)}.detail-page{max-width:1100px;margin:0 auto;padding:24px clamp(16px,4vw,40px)}.detail-page> a{color:var(--accent-text);text-decoration:none;font-size:13px}.detail-page .panel{padding:20px}.detail-page .panel h2{font:600 34px var(--font-display)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:12px}.form-grid .btn{align-self:end;min-height:42px}.result-box{border:1px solid var(--border);background:var(--surface-2);padding:16px;border-radius:10px;margin-top:16px;line-height:1.6;font-size:13px}.chart{height:230px;max-width:100%;padding:12px}.chart canvas{width:100%;height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:190px minmax(0,1fr)}.market-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.app-shell{display:block}.sidebar{padding:12px 14px;border-right:0;border-bottom:1px solid var(--border);gap:12px}.brand{font-size:15px}.brand-mark{width:32px;height:32px}.side-nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:2px}.nav-link{white-space:nowrap;padding:9px 11px;font-size:12px}.sidebar-note{display:none}.main-area{padding:20px 13px}.topbar{align-items:flex-start}.top-actions{align-items:flex-end;flex-direction:column}.market-pill{font-size:10px}.market-strip>div{padding:13px}.market-strip strong{font-size:15px}.section-head{align-items:stretch;flex-direction:column}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-tile{padding:14px;min-height:185px}.info-panel{display:block}.rule-tags{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.detail-page{padding:18px 13px}.detail-page .topbar{margin-top:20px}.panel-heading{padding:14px}.status-chip{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}