:root, :root[data-theme="midnight"] {
  color-scheme: dark;
  --kp-bg: #080d17;
  --kp-panel: #111e2e;
  --kp-raised: #25384f;
  --kp-rail: #0b1420;
  --kp-selected: #314760;
  --kp-text: #f4f1e8;
  --kp-muted: #b5bfce;
  --kp-line: #34465f;
  --kp-strong-line: #7789a2;
  --kp-accent: #e4b86b;
  --kp-secondary: #89b5db;
  --kp-on-accent: #17140d;
  --kp-positive: #ff867d;
  --kp-negative: #60d6a5;
  --kp-success: #60d6a5;
  --kp-danger: #f17b72;
  --kp-warning: #f0c36b;
  --kp-shadow: 0 20px 48px rgba(0, 0, 0, .42);
  --kp-card-shadow: 0 12px 28px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .035);
  --kp-control-shadow: inset 0 1px rgba(255, 255, 255, .06);
  --kp-grid: rgba(137, 181, 219, .13);
  --kp-signal: #e4b86b;
}
:root[data-theme="glacier"] {
  color-scheme: light;
  --kp-bg: #f1f6fb;
  --kp-panel: #ffffff;
  --kp-raised: #e1eaf3;
  --kp-rail: #e0eaf4;
  --kp-selected: #d1e2f0;
  --kp-text: #142e47;
  --kp-muted: #49647d;
  --kp-line: #c4d3e1;
  --kp-strong-line: #71879d;
  --kp-accent: #145a8d;
  --kp-secondary: #126d86;
  --kp-on-accent: #ffffff;
  --kp-positive: #b63732;
  --kp-negative: #087454;
  --kp-success: #087454;
  --kp-danger: #b63732;
  --kp-warning: #75500b;
  --kp-shadow: 0 18px 40px rgba(31, 65, 96, .12);
  --kp-card-shadow: 0 8px 22px rgba(31, 65, 96, .10), inset 0 1px #ffffff;
  --kp-control-shadow: inset 0 1px #ffffff;
  --kp-grid: rgba(20, 90, 141, .13);
  --kp-signal: #167f9a;
}
:root[data-theme="aurora"] {
  color-scheme: dark;
  --kp-bg: #101216;
  --kp-panel: #191c23;
  --kp-raised: #22262f;
  --kp-rail: #15181e;
  --kp-selected: #30343f;
  --kp-text: #f1f1f5;
  --kp-muted: #b0b3bf;
  --kp-line: #363b47;
  --kp-strong-line: #78808f;
  --kp-accent: #b7a7e8;
  --kp-secondary: #a6c2c7;
  --kp-on-accent: #17141f;
  --kp-positive: #ec9994;
  --kp-negative: #8bc5ae;
  --kp-success: #8bc5ae;
  --kp-danger: #ec9994;
  --kp-warning: #d9bb83;
  --kp-shadow: 0 20px 48px rgba(0, 0, 0, .24);
  --kp-card-shadow: none;
  --kp-control-shadow: none;
  --kp-grid: rgba(176, 179, 191, .12);
  --kp-signal: #b7a7e8;
}
html[data-theme], html[data-theme] body, html[data-theme] body.dashboard-active {
  --bg: var(--kp-bg); --panel: var(--kp-panel); --panel2: var(--kp-raised);
  --text: var(--kp-text); --ink: var(--kp-text); --muted: var(--kp-muted); --line: var(--kp-line);
  --surface: var(--kp-panel); --canvas: var(--kp-bg); --green: var(--kp-accent);
  --green-soft: var(--kp-raised); --amber: var(--kp-secondary); --amber-soft: var(--kp-raised); --blue: var(--kp-secondary);
  --good: var(--kp-positive); --bad: var(--kp-negative); --warn: var(--kp-warning); --cyan: var(--kp-accent);
  --single-bg: var(--kp-bg); --single-panel: var(--kp-panel); --single-panel-deep: var(--kp-raised);
  --single-line: var(--kp-line); --single-text: var(--kp-text); --single-muted: var(--kp-muted);
  --single-gold: var(--kp-secondary); --single-cyan: var(--kp-accent);
  --single-ok: var(--kp-success); --single-warn: var(--kp-warning); --single-bad: var(--kp-danger);
  --terminal-bg: var(--kp-bg); --terminal-panel: var(--kp-panel); --terminal-panel-2: var(--kp-raised);
  --terminal-rail: var(--kp-rail); --terminal-text: var(--kp-text); --terminal-muted: var(--kp-muted);
  --terminal-line: var(--kp-line); --terminal-line-strong: var(--kp-strong-line);
  --terminal-green: var(--kp-success); --terminal-red: var(--kp-danger);
  --terminal-cyan: var(--kp-accent); --terminal-gold: var(--kp-warning);
}
html[data-theme] body { background: var(--kp-bg); color: var(--kp-text); font-family: "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif; }
html[data-theme] body *, html[data-theme] body *::before, html[data-theme] body *::after { scroll-behavior: auto; }
html[data-theme] body :is(.profit-card::after, .login-aurora, .login-grid-sweep, .hero-glow-line, .hero-circuit-layer, .console-scan, .holo-rings, .chart-stream, .hero-grid-bg) { animation: none !important; }
@keyframes kp-ambient-arrival { from { opacity: 0; transform: translateX(-16px); } to { opacity: .45; transform: translateX(0); } }
html[data-theme] body::before, html[data-theme] body::after { display: none; }
html[data-theme] :is(button, a, input, select, textarea):focus-visible { outline: 3px solid var(--kp-accent); outline-offset: 3px; }
.appearance-bar { position: relative; z-index: 5; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px 16px; min-height: 70px; padding: 12px clamp(16px, 4vw, 56px); border-bottom: 1px solid var(--kp-line); background: var(--kp-rail); color: var(--kp-text); }
.appearance-label { margin-right: auto; color: var(--kp-muted); font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.appearance-bar { isolation: isolate; background: var(--kp-rail); }
.appearance-bar::before { display: none; }
.appearance-choices { display: flex; gap: 5px; }
html[data-theme] .appearance-bar button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; min-width: 44px; width: auto; margin: 0; padding: 8px 11px; border: 1px solid var(--kp-line); border-radius: 9px; background: var(--kp-panel); color: var(--kp-muted); font: 600 12px/1.4 "Segoe UI", "Microsoft YaHei", sans-serif; cursor: pointer; box-shadow: none; transform: none; transition: background-color 180ms ease, border-color 180ms ease; }
html[data-theme] .appearance-bar button:hover { border-color: var(--kp-accent); }
html[data-theme] .appearance-bar button[aria-pressed="true"] { color: var(--kp-accent); border-color: var(--kp-accent); background: var(--kp-raised); }
.appearance-choices button::before { content: ''; width: 10px; height: 10px; border: 1px solid currentColor; border-radius: 50%; background: #d6b46e; }
.appearance-choices [data-theme-choice="glacier"]::before { background: #8bb5e5; }
.appearance-choices [data-theme-choice="aurora"]::before { background: #8cd9ca; }
.appearance-choices button::after { content: '✓'; width: 10px; visibility: hidden; }
.appearance-choices button[aria-pressed="true"]::after { visibility: visible; }
html[data-theme] body.dashboard-active > .appearance-bar { margin-left: 244px; }
html[data-theme] body.dashboard-active { display: flex; flex-direction: column; }
html[data-theme] body.dashboard-active > .appearance-bar { flex: 0 0 auto; }
html[data-theme] body.dashboard-active > main { flex: 1 1 0; min-height: 0; height: auto; }
html[data-theme] body.dashboard-active .dashboard { min-height: 0; height: 100%; }
@media (max-width: 900px) { html[data-theme] body.dashboard-active > .appearance-bar { margin-left: 0; } }
@media (max-width: 600px) {
  .appearance-bar { justify-content: space-between; gap: 8px; padding: 10px 14px; }
  .appearance-label { font-size: 11px; }
  .appearance-choices { order: 3; width: 100%; }
  html[data-theme] .appearance-choices button { flex: 1; padding: 9px 5px; font-size: 11px; }
}
html[data-theme] :is(.login-aurora, .login-grid-sweep, .hero-glow-line, .hero-circuit-layer, .console-scan, .holo-rings, .chart-stream, .hero-grid-bg, #single-three-scene, #spread-bg, #bg-price-label) { display: none; }
html[data-theme] body:not(.dashboard-active) { background: radial-gradient(ellipse at 15% 20%, var(--kp-glow), transparent 45%), radial-gradient(ellipse at 80% 20%, var(--kp-glow-secondary), transparent 50%), var(--kp-bg); }
html[data-theme] :is(.auth-shell, .auth-panel, .trading-hero, .market-console, .mode-card, .panel, .card, .modal-card, .modal-content, .software-version-card) { border-color: var(--kp-line); background: var(--kp-panel); color: var(--kp-text); box-shadow: var(--kp-shadow); }
html[data-theme] .auth-shell { gap: 28px; padding: 28px; border-radius: 20px; }
html[data-theme] :is(.trading-hero, .auth-panel) { border-radius: 14px; }
html[data-theme] .trading-hero { background: linear-gradient(145deg, var(--kp-raised), var(--kp-panel)); }
html[data-theme] .trading-hero::before, html[data-theme] .trading-hero::after { display: none; }
html[data-theme] :is(.brand-row h1, .pro-hero h1, .hero-title) { color: var(--kp-text); text-shadow: none; -webkit-text-fill-color: currentColor; }
html[data-theme] :is(.hero-desc, .brand p, .auth-panel label, .market-head, .depth-book, .signal-strip, .execution-flow, .admin-entry, .muted) { color: var(--kp-muted); }
html[data-theme] :is(.market-head b, .market-grid strong, .pro-hero h2, .help-link, .admin-entry a) { color: var(--kp-accent); }
html[data-theme] :is(input, select, textarea) { background: var(--kp-raised); color: var(--kp-text); border-color: var(--kp-strong-line); }
html[data-theme] input::placeholder, html[data-theme] textarea::placeholder { color: var(--kp-muted); opacity: 1; }
html[data-theme] option { color: var(--kp-text); background: var(--kp-panel); }
html[data-theme] :is(button.primary, .tabs button.active, #auth-submit) { background: var(--kp-accent); border-color: var(--kp-accent); color: var(--kp-on-accent); box-shadow: none; }
html[data-theme] :is(.tabs button, #public-observation-btn) { background: var(--kp-raised); color: var(--kp-text); border-color: var(--kp-line); }
html[data-theme] .tabs button.active { background: var(--kp-accent); color: var(--kp-on-accent); border-color: var(--kp-accent); }
html[data-theme] :is(.capability-grid > div, .execution-flow span, .signal-strip span) { color: var(--kp-text); background: var(--kp-raised); border-color: var(--kp-line); }
html[data-theme] :is(.up, .good, .positive) { color: var(--kp-positive); }
html[data-theme] :is(.down, .bad, .negative) { color: var(--kp-negative); }
html[data-theme] .public-market-grid-line { stroke: var(--kp-line); }
html[data-theme] .public-market-candle.is-up rect:not(.public-market-hit) { fill: var(--kp-panel); stroke: var(--kp-positive); stroke-width: 1.5; }
html[data-theme] :is(.public-market-expanded, dialog) { background: var(--kp-panel); color: var(--kp-text); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active :is(.software-version-card, .strategy-download-card, .strategy-access-note, .intro-strategy-modal, .intro-guide-card) { background: var(--kp-panel); color: var(--kp-text); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active :is(.strategy-downloads-head strong, .strategy-downloads-head h4, .software-version-card h3) { color: var(--kp-text); }
html[data-theme] body.dashboard-active :is(.strategy-downloads-head span, .strategy-downloads-head small, .software-version-note) { color: var(--kp-muted); }
html[data-theme] :is(.guide-hero, .guide-card, .guide-section, .download-product, .download-top, .login-box, .intro-product-modal-card, .intro-product-modal-body, .account-drawer) { background: var(--kp-panel); color: var(--kp-text); border-color: var(--kp-line); }
html[data-theme] :is(.guide-section h3, .guide-table th, .download-product h2, .download-product h3, .product-head h2, .intro-product-modal-card h3, .intro-product-modal-card h4) { color: var(--kp-text); }
html[data-theme] :is(.guide-table th, .guide-step div, pre, .product-badge) { background: var(--kp-raised); color: var(--kp-text); border-color: var(--kp-line); }
html[data-theme] :is(.guide-table td, .guide-table th) { border-color: var(--kp-line); }
html[data-theme] .note { color: var(--kp-warning); }
html[data-theme] :is(.intro-product-modal-card, .software-version-card) :is(p, li, small, dd) { color: var(--kp-muted); }
html[data-theme] .help-link { background: var(--kp-raised); border-color: var(--kp-line); color: var(--kp-accent); }
html[data-theme] :is(.depth-book, .depth-panel, .execution-flow) { border-color: var(--kp-line); }
html[data-theme] #login-view .execution-flow { background: var(--kp-raised); }
html[data-theme] #login-view .execution-flow i { background: var(--kp-line); }
html[data-theme] .depth-book span { background: var(--kp-raised); color: var(--kp-muted); }
@media (max-width: 600px) { html[data-theme] .auth-shell { padding: 14px; gap: 18px; } }
html[data-theme], html[data-theme] body:has(#login-view:not(.hidden)), html[data-theme] body:has(#login-view:not(.hidden)) > main { background: var(--kp-bg); }
html[data-theme] body:has(#login-view:not(.hidden)) main { padding: 40px 24px; min-height: 0; }
html[data-theme] #login-view:not(.hidden) { min-height: 0; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .8fr); align-items: center; max-width: 1160px; margin: 0 auto; perspective: none; }
html[data-theme] #login-view :is(.pro-hero, .auth-panel, .market-console.pro-console) { opacity: 1; transform: none; backdrop-filter: none; background: var(--kp-panel); border-color: var(--kp-line); box-shadow: none; }
html[data-theme] #login-view .pro-hero { padding: 28px; min-height: 0; background: linear-gradient(145deg, var(--kp-raised), var(--kp-panel)); }
html[data-theme] #login-view .auth-panel { padding: 26px; }
html[data-theme] #login-view :is(.pro-hero, .auth-panel)::before, html[data-theme] #login-view :is(.pro-hero, .auth-panel)::after { display: none; }
html[data-theme] #login-view .brand h1 { color: var(--kp-text); font-size: clamp(30px, 3.2vw, 46px); line-height: 1.2; text-shadow: none; }
html[data-theme] #login-view :is(.brand p, label, .market-head, .market-grid span) { color: var(--kp-muted); }
html[data-theme] #login-view :is(.eyebrow, .admin-entry a, .market-head b, .market-grid strong) { color: var(--kp-accent); }
html[data-theme] #login-view :is(.tabs, .admin-entry, .market-grid div, .depth-panel, .execution-flow span, .signal-strip span) { background: var(--kp-raised); color: var(--kp-text); border-color: var(--kp-line); }
html[data-theme] #login-view :is(input, select) { background: var(--kp-raised); color: var(--kp-text); border-color: var(--kp-strong-line); box-shadow: none; }
html[data-theme] #login-view .tabs button { color: var(--kp-muted); background: transparent; box-shadow: none; }
html[data-theme] #login-view :is(button.primary, .tabs button.active) { background: var(--kp-accent); color: var(--kp-on-accent); box-shadow: none; transform: none; }
html[data-theme] #login-view .brand-logo { filter: none; width: 56px; height: 56px; }
html[data-theme] #login-view .depth-panel { display: none; }
html[data-theme] body.dashboard-active #mode-detail-bar { background: var(--kp-panel); color: var(--kp-text); box-shadow: none; backdrop-filter: none; }
html[data-theme] body.dashboard-active #mode-detail-bar strong { color: var(--kp-text); text-shadow: none; }
html[data-theme] body.dashboard-active #mode-detail-bar :is(span, small, button) { color: var(--kp-muted); }
html[data-theme] body.dashboard-active .workspace-strategy-nav-head strong { color: var(--kp-text); }
html[data-theme] body.dashboard-active .workspace-strategy-nav-head span { color: var(--kp-accent); }
html[data-theme] body.dashboard-active #mode-switcher .tier-state { color: var(--kp-muted); background: var(--kp-raised); border-color: var(--kp-line); }
@media (max-width: 900px) { html[data-theme] #login-view:not(.hidden) { grid-template-columns: 1fr; max-width: 650px; } }
@media (max-width: 600px) {
  html[data-theme] body:has(#login-view:not(.hidden)) main { padding: 24px 14px; }
  html[data-theme] #login-view :is(.pro-hero, .auth-panel) { padding: 20px; }
}
html[data-theme] body.dashboard-active #workspace-content { background: linear-gradient(160deg, var(--kp-bg), var(--kp-rail)); }
html[data-theme] body.dashboard-active #mode-switcher { background: linear-gradient(180deg, var(--kp-rail), var(--kp-panel)); box-shadow: none; }
html[data-theme] body.dashboard-active .workspace-strategy-nav { border-color: var(--kp-line); }
html[data-theme] body.dashboard-active .workspace-strategy-group { background: var(--kp-panel); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active:not(.workspace-home-view) .workspace-strategy-group > strong { background: var(--kp-rail); color: var(--kp-muted); }
html[data-theme] body.dashboard-active .workspace-strategy-group-toggle,
html[data-theme] body.dashboard-active .workspace-strategy-group.is-open .workspace-strategy-group-toggle { background: var(--kp-raised); color: var(--kp-text); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active .workspace-strategy-group-toggle small { background: var(--kp-panel); color: var(--kp-muted); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active .workspace-strategy-link { background: var(--kp-panel); color: var(--kp-text); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active .workspace-strategy-link small { color: var(--kp-muted); }
html[data-theme] body.dashboard-active .workspace-strategy-link.active span { color: var(--kp-accent); }
html[data-theme] body.dashboard-active .workspace-strategy-link:is(:hover, :focus-visible),
html[data-theme] body.dashboard-active:not(.workspace-home-view) .workspace-strategy-link.active,
html[data-theme] body.dashboard-active .workspace-strategy-link.active,
html[data-theme] body.dashboard-active .workspace-strategy-group-toggle:is(:hover, :focus-visible) { background: var(--kp-selected); color: var(--kp-accent); border-color: var(--kp-accent); box-shadow: inset 0 0 0 1px var(--kp-accent); }
html[data-theme] body.dashboard-active #intro-pair-list .intro-market-section,
html[data-theme] body.dashboard-active .intro-market-shell,
html[data-theme] body.dashboard-active .intro-trade-detail { background: var(--kp-rail); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active #intro-pair-list .intro-market-card { background: var(--kp-panel); color: var(--kp-text); border-color: var(--kp-line); box-shadow: none; }
html[data-theme] body.dashboard-active #intro-pair-list .intro-market-card:is(:hover, :focus-visible, .selected) { background: var(--kp-raised); border-color: var(--kp-accent); }
html[data-theme] body.dashboard-active #intro-pair-list .intro-strategy-card .intro-card-summary { background: var(--kp-raised); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active #intro-pair-list .intro-strategy-card .intro-card-summary > span { color: var(--kp-accent); }
html[data-theme] body.dashboard-active #intro-pair-list .intro-strategy-card .intro-card-summary strong { color: var(--kp-text); }
html[data-theme] body.dashboard-active #intro-pair-list .intro-card-range i { background: var(--kp-raised); color: var(--kp-muted); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active #intro-pair-list .intro-card-top em { background: var(--kp-raised); color: var(--kp-positive); }
html[data-theme] body.dashboard-active :is(.intro-detail-toolbar, .intro-floating-pill, .intro-overview-metrics > div) { background: var(--kp-panel); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active .intro-detail-toolbar > div > span,
html[data-theme] body.dashboard-active .intro-floating-pill > span,
html[data-theme] body.dashboard-active .intro-overview-metrics > div > span { color: var(--kp-muted); }
html[data-theme] body.dashboard-active :is(.intro-signal-bias, .intro-pair-close-item, .intro-ai-meter) { background: var(--kp-raised); color: var(--kp-text); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active .intro-pair-close-item span { color: var(--kp-muted); }
html[data-theme] body.dashboard-active .intro-ai-meter b { color: var(--kp-text); }
html[data-theme] body.dashboard-active .intro-ai-meter.long i { background: var(--kp-positive); opacity: .12; }
html[data-theme] body.dashboard-active .intro-ai-meter.short i { background: var(--kp-negative); opacity: .12; }
html[data-theme] body.dashboard-active #intro-market-chart > .intro-market-chart { background: var(--kp-panel); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active :is(.intro-auto-panel, .intro-select-label) :is(input, select) { background: var(--kp-raised); color: var(--kp-text); border-color: var(--kp-strong-line); }
html[data-theme] body.dashboard-active :is(.intro-strategy-modal, .intro-product-modal-card, .modal-card) :is(input, select, textarea) { background: var(--kp-raised); color: var(--kp-text); border-color: var(--kp-strong-line); }
html[data-theme] body.dashboard-active :is(button, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, .dashboard-nav a, .help-link),
html[data-theme] body.dashboard-active #mode-detail-bar button { min-height: 44px; }
html[data-theme] body.dashboard-active :is(button, .dashboard-nav a, .help-link) { min-width: 44px; transition: background-color 180ms ease, border-color 180ms ease; }
html[data-theme] body.dashboard-active #intro-pair-list .intro-market-card:focus-visible { outline: 3px solid var(--kp-accent); outline-offset: 3px; }
html[data-theme] body.dashboard-active :is(.intro-prob-bar i, .intro-ai-meter i, .intro-floating-pill, .intro-overview-metrics > div, .public-market-candle, .public-quote-price) { transition: none; }
html[data-motion="off"] *, html[data-motion="off"] *::before, html[data-motion="off"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
@media (prefers-reduced-motion: reduce) {
  html[data-theme][data-motion="on"] body .appearance-bar::before { animation: none !important; }
  html *, html *::before, html *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
html[data-theme] body.dashboard-active #trading-desk-panel { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; }
html[data-theme] { scrollbar-gutter: stable; scrollbar-color: var(--kp-strong-line) var(--kp-bg); }
html[data-theme] .dashboard-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html[data-theme] :is(.dashboard-nav, #account-appearance-slot) { min-width: 0; max-width: 100%; }
html[data-theme] #login-appearance-slot { margin-bottom: 14px; }
html[data-theme] .appearance-choices { flex-wrap: wrap; width: auto; order: initial; }
html[data-theme] .appearance-choices button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; padding: 7px 9px; border: 1px solid var(--kp-line); border-radius: 6px; color: var(--kp-muted); background: var(--kp-panel); font-size: 12px; cursor: pointer; }
html[data-theme] .appearance-choices button[aria-pressed="true"] { color: var(--kp-accent); border-color: var(--kp-accent); background: var(--kp-raised); }
html[data-theme] .appearance-choices button:focus-visible { outline: 3px solid var(--kp-accent); outline-offset: 2px; }
html[data-theme] :is(.intro-product-dialog, .intro-product-modal-body) { color: var(--kp-text); background: var(--kp-panel); border-color: var(--kp-line); }
html[data-theme] .intro-product-dialog-head { background: var(--kp-raised); border-color: var(--kp-line); }
html[data-theme] .intro-product-dialog { display: flex; flex-direction: column; max-height: min(760px, calc(100dvh - 24px)); }
html[data-theme] .intro-product-dialog-head { flex: 0 0 auto; }
html[data-theme] .intro-product-modal-body { flex: 1 1 auto; min-height: 0; max-height: none; scrollbar-gutter: stable; }
html[data-theme] #intro-product-modal :is(h3, h4, strong, b, .intro-product-summary) { color: var(--kp-text); }
html[data-theme] #intro-product-modal :is(p, li, ul, small, span, td, th) { color: var(--kp-muted); }
html[data-theme] #intro-product-modal :is(.intro-product-stat-grid > div, .intro-product-risk-row, .strategy-install-guide, .strategy-download-item, .xaut-software-preview) { background: var(--kp-raised); border-color: var(--kp-line); }
html[data-theme] #intro-product-modal :is(.intro-product-section, .strategy-download-center, .intro-product-actions, table, td, th) { border-color: var(--kp-line); }
html[data-theme] #intro-product-modal :is(button:not(.primary), .strategy-download-link) { color: var(--kp-text); background: var(--kp-raised); border-color: var(--kp-strong-line); }
html[data-theme] #intro-product-modal .primary { color: var(--kp-on-accent); background: var(--kp-accent); }
html[data-theme] body.dashboard-active #intro-market-chart { min-height: 0; align-self: start; }
html[data-theme] body.dashboard-active #intro-market-chart .intro-market-chart,
html[data-theme] .intro-product-modal-body .intro-market-chart { min-height: 0; padding: 12px; gap: 8px; justify-content: start; background: var(--kp-panel); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active #intro-market-chart .market-chart-current { margin-top: 0; }
html[data-theme] body.dashboard-active #intro-market-chart :is(.price-track, .market-range) { height: 28px; margin: 0; }
html[data-theme] body.dashboard-active #intro-market-chart .price-track-line,
html[data-theme] body.dashboard-active #intro-market-chart .market-range::before { top: 14px; }
html[data-theme] body.dashboard-active #intro-market-chart :is(.price-marker, .market-range-marker) { top: 7px; }
html[data-theme] body.dashboard-active #intro-market-chart .market-range-fill { top: 12px; }
html[data-theme] body.dashboard-active #intro-market-chart :is(.market-chart-note, .market-chart-empty) { margin: 0; }
html[data-theme] body.dashboard-active .intro-trade-detail { align-content: start; align-items: start; grid-auto-rows: min-content; }
html[data-theme] body.dashboard-active #intro-trade-detail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
html[data-theme] body.dashboard-active #intro-trade-detail > .intro-workbench {
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, .72fr) !important;
  grid-template-rows: none;
  grid-template-areas: none !important;
  align-items: start;
  gap: 12px !important;
}
html[data-theme] body.dashboard-active #intro-trade-detail .intro-detail-main,
html[data-theme] body.dashboard-active #intro-trade-detail .intro-detail-side {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 12px;
}
html[data-theme] body.dashboard-active #intro-trade-detail .intro-workbench .panel { padding: 11px; }
html[data-theme] body.dashboard-active #intro-trade-detail .intro-auto-panel {
  position: static;
  align-self: stretch;
  grid-template-columns: minmax(0, 1fr) !important;
}
html[data-theme] body.dashboard-active #intro-trade-detail .intro-ai-panel,
html[data-theme] body.dashboard-active #intro-trade-detail .intro-diagnosis-panel { grid-template-columns: minmax(0, 1fr) !important; }
html[data-theme] body.dashboard-active #intro-trade-detail #intro-market-chart { align-self: stretch; margin-bottom: 0; }
@media (max-width: 900px) {
  html[data-theme] body.dashboard-active #intro-trade-detail > .intro-workbench { display: flex !important; flex-direction: column; align-items: stretch; grid-template-columns: minmax(0, 1fr) !important; }
  html[data-theme] body.dashboard-active #intro-trade-detail .intro-detail-main,
  html[data-theme] body.dashboard-active #intro-trade-detail .intro-detail-side { display: contents; }
  html[data-theme] body.dashboard-active #intro-trade-detail #intro-market-chart { order: 0; }
  html[data-theme] body.dashboard-active #intro-trade-detail #intro-strategy-mount-warning { order: 1; }
  html[data-theme] body.dashboard-active #intro-trade-detail .intro-trade-panel { order: 2; }
  html[data-theme] body.dashboard-active #intro-trade-detail .intro-auto-panel { order: 3; }
  html[data-theme] body.dashboard-active #intro-trade-detail .intro-ai-panel { order: 4; }
  html[data-theme] body.dashboard-active #intro-trade-detail .intro-diagnosis-panel { order: 5; }
  html[data-theme] body.dashboard-active #intro-trade-detail .intro-profit-panel { order: 6; }
  html[data-theme] body.dashboard-active #intro-trade-detail .intro-workbench .panel { padding: 10px; }
  html[data-theme] body.dashboard-active #intro-trade-detail .intro-auto-panel { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 480px) {
  html[data-theme] body.dashboard-active #intro-trade-detail .intro-auto-panel { grid-template-columns: minmax(0, 1fr) !important; }
}
html[data-theme] body.dashboard-active .intro-auto-panel { height: auto; min-height: 0; max-height: none; align-self: start; align-content: start; overflow: visible; }
html[data-theme] body.dashboard-active .intro-active-stops :is(span, strong),
html[data-theme] body.dashboard-active .intro-active-stops-title { color: var(--kp-text); }
html[data-theme] body.dashboard-active :is(#intro-active-strategy-stop, #intro-active-global-stop, #intro-active-profit-stop) { color: var(--kp-text); }
html[data-theme] body.dashboard-active :is(#intro-back-btn, #intro-product-info-btn) { color: var(--kp-text); background: var(--kp-raised); border-color: var(--kp-strong-line); }
html[data-theme] body.dashboard-active .intro-actions button { color: var(--kp-text); background: var(--kp-raised); border-color: var(--kp-strong-line); }
html[data-theme] body.dashboard-active .intro-actions button.good { color: var(--kp-positive); border-color: var(--kp-positive); }
html[data-theme] body.dashboard-active .intro-actions button.danger { color: var(--kp-negative); border-color: var(--kp-negative); }
html[data-theme] body.dashboard-active #intro-market-chart :is(.market-chart-heading, .market-chart-note, .market-chart-empty, .price-key-list) { color: var(--kp-muted); }
html[data-theme] body.dashboard-active #intro-market-chart :is(.market-chart-current strong, .price-key b) { color: var(--kp-text); }
html[data-theme] .public-market-price-tick { fill: var(--kp-muted); font: 12px ui-monospace, Consolas, monospace; }
html[data-theme] .public-market-chart svg { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: auto; }
html[data-theme] .public-market-expanded .public-market-chart svg { height: clamp(250px, 52dvh, 600px); }
html[data-theme] .public-market-chart .public-market-axis { color: var(--kp-muted); overflow-wrap: anywhere; }
@media (max-width: 1280px) {
  html[data-theme] body.dashboard-active .dashboard > .topbar { grid-template-columns: minmax(0, 1fr) auto; }
  html[data-theme] body.dashboard-active .dashboard > .topbar > .dashboard-nav { grid-column: 1 / -1; grid-row: 2; }
  html[data-theme] body.dashboard-active .dashboard > .topbar > .top-actions { grid-column: 2; grid-row: 1; }
}
@media (max-width: 600px) {
  html[data-theme] .dashboard-nav { width: 100%; }
  html[data-theme] .appearance-choices button { flex: 1; font-size: 11px; }
  html[data-theme] body.dashboard-active .topbar { position: static; }
  html[data-theme] body.dashboard-active .dashboard > .topbar { grid-template-columns: minmax(0, 1fr); position: static; }
  html[data-theme] body.dashboard-active .dashboard > .topbar > .top-actions { grid-column: 1; grid-row: 3; flex-wrap: wrap; }
}

html[data-theme] {
  --kp-success-soft: color-mix(in srgb, var(--kp-success) 14%, var(--kp-panel));
  --kp-danger-soft: color-mix(in srgb, var(--kp-danger) 14%, var(--kp-panel));
  --kp-radius-card: 12px;
  --kp-radius-control: 8px;
  --kp-space-unit: 4px;
  accent-color: var(--kp-accent);
  scrollbar-color: var(--kp-strong-line) var(--kp-bg);
}

html[data-theme] body {
  background: var(--kp-bg);
  color: var(--kp-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  font-kerning: normal;
  font-variant-numeric: tabular-nums lining-nums;
  text-rendering: optimizeLegibility;
}

html[data-theme] ::selection { background: var(--kp-accent); color: var(--kp-on-accent); }
html[data-theme] :is(button, a, input, select, textarea):focus-visible { outline: 3px solid var(--kp-accent); outline-offset: 3px; }
html[data-theme] a { text-underline-offset: .18em; text-decoration-thickness: .08em; }
html[data-theme] :is(h1, h2, h3, h4, .panel-title) { text-wrap: balance; }
html[data-theme] :is(.guide-section, .guide-card, .download-product, .download-note) p { max-width: 72ch; line-height: 1.75; }

html[data-theme] body:not(.dashboard-active) { background: var(--kp-bg); }
html[data-theme] body.dashboard-active #workspace-content { background: var(--kp-bg); }
html[data-theme] :is(.auth-shell, .auth-panel, .trading-hero, .market-console, .mode-card, .panel, .card, .modal-card, .modal-content, .software-version-card, .guide-hero, .guide-card, .guide-section, .download-product, .download-top, .login-box, .intro-product-modal-card, .intro-product-modal-body, .account-drawer) {
  border-color: var(--kp-line);
  border-radius: var(--kp-radius-card);
  background: var(--kp-panel);
  color: var(--kp-text);
  box-shadow: none;
}
html[data-theme] :is(.trading-hero, .auth-shell, .auth-panel) { background-image: none; }
html[data-theme] :is(.dashboard > .topbar, .dashboard-nav, .appearance-bar, .download-top) { background: var(--kp-rail); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active .dashboard > .topbar { box-shadow: 0 1px 0 var(--kp-line); }
html[data-theme] :is(.dashboard-nav a, .dashboard-nav button, .appearance-choices button, .tabs button, .trading-desk button, .intro-actions button, .download-btn, .help-link, .guide-nav a) {
  border-radius: var(--kp-radius-control);
  transition: background-color 160ms ease-out, border-color 160ms ease-out, color 160ms ease-out;
}
html[data-theme] :is(.dashboard-nav a:hover, .dashboard-nav button:hover, .tabs button:hover, .trading-desk button:hover, .intro-actions button:hover) { border-color: var(--kp-strong-line); }
html[data-theme] :is(button.primary, #auth-submit, .tabs button.active) { background: var(--kp-accent); border-color: var(--kp-accent); color: var(--kp-on-accent); }
html[data-theme] :is(input, select, textarea) { min-height: 42px; border-color: var(--kp-strong-line); border-radius: var(--kp-radius-control); background: var(--kp-raised); color: var(--kp-text); }
html[data-theme] :is(input, select, textarea)::placeholder { color: var(--kp-muted); opacity: 1; }
html[data-theme] :is(input, select, textarea):disabled, html[data-theme] button:disabled { opacity: .62; cursor: not-allowed; }
html[data-theme] .appearance-bar { min-height: 62px; padding-block: 10px; }
html[data-theme] .appearance-label { color: var(--kp-muted); font-size: 12px; letter-spacing: .04em; }
html[data-theme] .appearance-choices button { background: var(--kp-panel); color: var(--kp-muted); }
html[data-theme] .appearance-choices button::after { content: ''; width: 6px; height: 3px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg) translateY(-1px); }
html[data-theme] .appearance-choices button[aria-pressed="true"] { color: var(--kp-accent); background: var(--kp-raised); border-color: var(--kp-accent); }
html[data-theme] .appearance-choices button::before { width: 8px; height: 8px; }
html[data-theme] .appearance-choices [data-theme-choice="midnight"]::before { background: #e4bd80; }
html[data-theme] .appearance-choices [data-theme-choice="glacier"]::before { background: #155b70; }
html[data-theme] .appearance-choices [data-theme-choice="aurora"]::before { background: #9bc5aa; }
html[data-theme] .appearance-bar::before { display: none; }

html[data-theme] :is(.good, .positive, .up, .is-up, .profit-up) { color: var(--kp-positive); }
html[data-theme] :is(.bad, .negative, .down, .is-down, .profit-down) { color: var(--kp-negative); }
html[data-theme] :is(button.good, .intro-actions button.good) { background: var(--kp-success); border-color: var(--kp-success); color: var(--kp-bg); }
html[data-theme] :is(button.danger, .intro-actions button.danger) { background: var(--kp-raised); border-color: var(--kp-danger); color: var(--kp-danger); }
html[data-theme] .trading-desk-card header strong { color: var(--kp-success); }
html[data-theme] .trading-desk-position { border-color: var(--kp-line); }
html[data-theme] .trading-desk-position strong { color: var(--kp-text); }
html[data-theme] .trading-desk-position span { font-variant-numeric: tabular-nums lining-nums; }
html[data-theme] .history-card, html[data-theme] .intro-history-row { border-color: var(--kp-line); background: var(--kp-panel); }
html[data-theme] .intro-history-row:first-child { background: var(--kp-raised); box-shadow: inset 0 2px 0 var(--kp-accent); }
html[data-theme] .history-close-price { color: var(--kp-text); font-variant-numeric: tabular-nums lining-nums; }
html[data-theme] .history-close-price strong { color: var(--kp-text); }
html[data-theme] :is(.observation-v2-inline-stat strong.positive, .observation-v2-daily-row .positive, .observation-v2-monthly-row .positive, .observation-v2-trade-stats .positive) { color: var(--kp-positive); }
html[data-theme] :is(.observation-v2-inline-stat strong.negative, .observation-v2-daily-row .negative, .observation-v2-monthly-row .negative, .observation-v2-trade-stats .negative) { color: var(--kp-negative); }
html[data-theme] .observation-realized-bars i { background: var(--kp-positive); }
html[data-theme] .observation-realized-bars i.is-negative { background: var(--kp-negative); }
html[data-theme] .public-market-candle.is-up rect:not(.public-market-hit) { fill: var(--kp-panel); stroke: var(--kp-positive); }
html[data-theme] .public-market-candle.is-down rect:not(.public-market-hit) { fill: var(--kp-negative); stroke: var(--kp-negative); }
html[data-theme] .public-market-candle.is-up .public-market-wick { stroke: var(--kp-positive); }
html[data-theme] .public-market-candle.is-down .public-market-wick { stroke: var(--kp-negative); }
html[data-theme] .public-quote-card.is-up :is(.public-quote-change, .public-quote-value) { color: var(--kp-positive); }
html[data-theme] .public-quote-card.is-down :is(.public-quote-change, .public-quote-value) { color: var(--kp-negative); }
html[data-theme] .public-market-grid-line { stroke: var(--kp-line); }
html[data-theme] .public-market-price-tick { fill: var(--kp-muted); }
html[data-theme] .public-market-chart :is(button, .public-market-candle):focus-visible { outline: 2px solid var(--kp-accent); outline-offset: 2px; }

html[data-theme] body.dashboard-active :is(#workspace-content, .workspace-content, #intro-trade-detail, .intro-workbench, .intro-detail-side, .trading-desk, .observation-account-panel) { min-width: 0; max-width: 100%; }
html[data-theme] body.dashboard-active .intro-workbench { gap: 16px; }
html[data-theme] body.dashboard-active .intro-workbench > .panel { border-radius: var(--kp-radius-card); }
html[data-theme] body.dashboard-active .intro-workbench .panel-title { margin-bottom: 14px; color: var(--kp-text); font-size: 14px; font-weight: 650; letter-spacing: 0; }
html[data-theme] body .mode-card strong { color: var(--kp-text); background: none; background-clip: initial; -webkit-text-fill-color: currentColor; filter: none; text-shadow: none; animation: none; }
html[data-theme] body .intro-market-card::before { display: none; }
html[data-theme] body :is(.intro-total-pnl-card, .intro-orders-summary div:nth-child(2)) { box-shadow: none; animation: none; }
html[data-theme] body.dashboard-active #mode-switcher .mode-card:is(:hover, :focus-visible, .active),
html[data-theme] body.dashboard-active .workspace-strategy-link.active { box-shadow: none; }
html[data-theme] .guide-step div { border: 1px solid var(--kp-line); border-radius: var(--kp-radius-control); background: var(--kp-raised); color: var(--kp-text); }
html[data-theme] .download-note { border: 1px solid var(--kp-line); border-radius: var(--kp-radius-control); background: var(--kp-raised); color: var(--kp-muted); }
html[data-theme] .download-btn { border-color: var(--kp-accent); border-radius: var(--kp-radius-control); background: var(--kp-accent); color: var(--kp-on-accent); }
html[data-theme] .download-btn:hover { border-color: var(--kp-accent); filter: brightness(1.05); }
html[data-theme] .product-notes { color: var(--kp-muted); }
html[data-theme] body.dashboard-active :is(.observation-panel-head, .observation-v2-header, .trading-desk-head, .history-collapse > summary) { border-color: var(--kp-line); }
html[data-theme] body.dashboard-active :is(.metric-board > .card, .intro-profit-cards > .card) { border-top: 1px solid var(--kp-line); }
html[data-theme] body.dashboard-active .terminal-kpi-row > div { border-top: 1px solid var(--kp-line); }
html[data-theme] body.dashboard-active .observation-account-panel { --obs-green: var(--kp-success); --obs-red: var(--kp-danger); }
html[data-theme] body.dashboard-active :is(.observation-v2-state.is-online, .observation-v2-state) { color: var(--kp-success); }
html[data-theme] body.dashboard-active .observation-v2-trade-stats { font-variant-numeric: tabular-nums lining-nums; }
html[data-theme] body.dashboard-active .observation-v2-row { border-color: var(--kp-line); }
html[data-theme] body.dashboard-active .observation-v2-row:hover { background: var(--kp-raised); }
html[data-theme] body.dashboard-active .observation-v2-scope-note { border-left-width: 1px; border-left-color: var(--kp-line); background: var(--kp-raised); }

@media (max-width: 600px) {
  html[data-theme] .appearance-bar { gap: 8px; padding-inline: 12px; }
  html[data-theme] .appearance-label { flex-basis: 100%; }
  html[data-theme] .appearance-choices { width: 100%; }
  html[data-theme] .appearance-choices button { flex: 1 1 0; min-width: 0; padding-inline: 6px; }
  html[data-theme] body.dashboard-active :is(.trading-desk-head, .observation-account-hero) { align-items: flex-start; flex-direction: column; }
  html[data-theme] body.dashboard-active .trading-desk-position { grid-template-columns: minmax(0, 1fr) auto; }
  html[data-theme] body.dashboard-active .intro-history-row { min-width: 0; }
}

@media (max-width: 480px) {
  html[data-theme] body.dashboard-active .dashboard > .topbar { grid-template-rows: auto auto auto; }
  html[data-theme] body.dashboard-active .dashboard > .topbar > .dashboard-nav { display: flex; grid-column: 1; grid-row: 2; }
  html[data-theme] body.dashboard-active .dashboard > .topbar > .top-actions { grid-column: 1; grid-row: 3; }
  html[data-theme] body.dashboard-active #account-appearance-slot { flex: 1 1 100%; }
  html[data-theme] body.dashboard-active #account-appearance-slot .appearance-choices { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme] *, html[data-theme] *::before, html[data-theme] *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
html[data-theme][data-motion="off"] *, html[data-theme][data-motion="off"] *::before, html[data-theme][data-motion="off"] *::after { animation: none !important; scroll-behavior: auto !important; transition: none !important; }

html[data-theme] body:not(.dashboard-active) { background: var(--kp-bg); }
html[data-theme] #login-view.auth-shell {
  width: min(100%, 1560px);
  max-width: 1560px;
  min-height: calc(100vh - 36px);
  min-height: calc(100svh - 36px);
  grid-template-columns: minmax(0, 1.18fr) minmax(390px, .82fr);
  align-items: stretch;
  gap: clamp(16px, 2vw, 28px);
  padding: 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
html[data-theme] #login-view .pro-hero {
  display: flex;
  min-height: 0;
  flex-direction: column;
  justify-content: center;
  gap: clamp(14px, 2vh, 22px);
  padding: clamp(24px, 4vw, 58px);
  border: 1px solid var(--kp-line);
  border-radius: 22px;
  background: var(--kp-rail);
  box-shadow: var(--kp-shadow);
}
html[data-theme] #login-view .auth-panel {
  align-self: center;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: clamp(24px, 3vw, 42px);
  border: 1px solid var(--kp-line);
  border-radius: 18px;
  background: var(--kp-panel);
  box-shadow: var(--kp-card-shadow);
}
html[data-theme] #login-view .login-hero-topline { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
html[data-theme] #login-view .pro-brand-row { gap: 18px; }
html[data-theme] #login-view .brand-logo { width: 64px; height: 64px; filter: none; }
html[data-theme] #login-view .pro-brand-row .eyebrow { color: var(--kp-secondary); font-size: 11px; font-weight: 750; letter-spacing: .16em; }
html[data-theme] #login-view .pro-brand-row h1 { margin: 4px 0 0; font-size: clamp(38px, 5vw, 66px); line-height: 1; letter-spacing: .04em; }
html[data-theme] #login-view .login-hero-index { display: grid; gap: 5px; color: var(--kp-muted); font: 700 10px/1.4 "Segoe UI", sans-serif; letter-spacing: .12em; text-align: right; }
html[data-theme] #login-view .login-hero-index b { color: var(--kp-accent); font-size: 13px; letter-spacing: .08em; }
html[data-theme] #login-view .login-hero-copy { max-width: 40ch; margin: 0; color: var(--kp-muted); font-size: clamp(16px, 1.6vw, 20px); font-weight: 550; line-height: 1.65; }
html[data-theme] #login-view .login-signal-console { display: block; width: 100%; margin: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html[data-theme] #login-view .login-signal-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
html[data-theme] #login-view .login-signal-heading > div { display: grid; gap: 6px; }
html[data-theme] #login-view .login-signal-kicker { color: var(--kp-secondary); font: 750 10px/1.3 "Segoe UI", sans-serif; letter-spacing: .16em; }
html[data-theme] #login-view .login-signal-heading strong { color: var(--kp-text); font-size: clamp(14px, 1.25vw, 17px); line-height: 1.45; }
html[data-theme] #login-view .login-signal-note { flex: 0 0 auto; color: var(--kp-muted); font-size: 10px; }
html[data-theme] #login-view .login-signal-chart { display: block; width: 100%; height: clamp(175px, 25vh, 250px); overflow: hidden; border: 1px solid var(--kp-line); border-radius: 14px; background: var(--kp-panel); }
html[data-theme] #login-view .login-chart-grid { fill: none; stroke: var(--kp-grid); stroke-width: 1; }
html[data-theme] #login-view .login-chart-risk { fill: none; stroke: var(--kp-secondary); stroke-width: 1.5; stroke-dasharray: 5 7; opacity: .8; }
html[data-theme] #login-view .login-chart-area { fill: var(--kp-accent); opacity: .08; }
html[data-theme] #login-view .login-chart-line { fill: none; stroke: var(--kp-signal); stroke-width: 3; stroke-linecap: round; }
html[data-theme] #login-view .login-chart-candles { fill: var(--kp-positive); stroke: var(--kp-positive); stroke-width: 2; }
html[data-theme] #login-view .login-chart-marker { fill: var(--kp-panel); stroke: var(--kp-signal); stroke-width: 3; }
html[data-theme] #login-view .login-chart-label { fill: var(--kp-muted); font: 700 9px/1 "Segoe UI", sans-serif; letter-spacing: 1.2px; }
html[data-theme] #login-view .login-proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 12px; overflow: hidden; border: 1px solid var(--kp-line); border-radius: 12px; background: var(--kp-line); }
html[data-theme] #login-view .login-proof-grid > div { display: grid; align-content: center; gap: 7px; min-height: 74px; padding: 12px 14px; background: var(--kp-panel); }
html[data-theme] #login-view .login-proof-grid span { color: var(--kp-secondary); font: 750 9px/1.3 "Segoe UI", sans-serif; letter-spacing: .12em; }
html[data-theme] #login-view .login-proof-grid strong { color: var(--kp-text); font-size: 13px; line-height: 1.4; }
html[data-theme] #login-view .login-help-link { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 12px; padding: 12px 14px; border: 1px solid var(--kp-line); border-radius: 10px; color: var(--kp-text); font-size: 12px; text-decoration: none; }
html[data-theme] #login-view .login-help-link span { color: var(--kp-secondary); font-size: 16px; }
html[data-theme] #login-view .appearance-choices { display: flex; gap: 5px; width: 100%; margin: 0 0 18px; padding: 5px; border: 1px solid var(--kp-line); border-radius: 13px; background: var(--kp-rail); }
html[data-theme] #login-view .appearance-choices button { flex: 1 1 0; justify-content: center; gap: 8px; min-width: 0; min-height: 44px; padding: 8px 7px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--kp-muted); font-size: 11px; font-weight: 700; }
html[data-theme] #login-view .appearance-choices button::before { width: 9px; height: 9px; border: 0; border-radius: 3px; }
html[data-theme] #login-view .appearance-choices [data-theme-choice="midnight"]::before { background: #e4b86b; }
html[data-theme] #login-view .appearance-choices [data-theme-choice="glacier"]::before { background: #145a8d; }
html[data-theme] #login-view .appearance-choices [data-theme-choice="aurora"]::before { background: #5ae0d4; }
html[data-theme] #login-view .appearance-choices button::after { width: 0; }
html[data-theme] #login-view .appearance-choices button[aria-pressed="true"] { border-color: var(--kp-accent); background: var(--kp-selected); color: var(--kp-accent); box-shadow: inset 0 -2px var(--kp-accent); }
html[data-theme="aurora"] #login-view .appearance-choices button[aria-pressed="true"] { border-color: var(--kp-secondary); color: var(--kp-accent); box-shadow: inset 0 -2px var(--kp-secondary); }
html[data-theme] #login-view .tabs { margin: 0 0 16px; padding: 4px; border: 1px solid var(--kp-line); border-radius: 11px; background: var(--kp-rail); }
html[data-theme] #login-view .tabs button { min-height: 42px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--kp-muted); }
html[data-theme] #login-view .tabs button.active { background: var(--kp-accent); color: var(--kp-on-accent); box-shadow: var(--kp-control-shadow); }
html[data-theme] #login-view .admin-entry { margin: 0 0 18px; padding: 12px; border: 1px solid var(--kp-line); border-radius: 10px; background: var(--kp-raised); line-height: 1.8; }
html[data-theme] #login-view .admin-entry a { color: var(--kp-secondary); }
html[data-theme] #login-view #auth-form { display: grid; gap: 8px; }
html[data-theme] #login-view #auth-form label { margin-top: 4px; color: var(--kp-muted); font-size: 11px; font-weight: 700; letter-spacing: .05em; }
html[data-theme] #login-view #auth-form input { min-height: 48px; padding: 10px 13px; border-color: var(--kp-line); background: var(--kp-raised); box-shadow: var(--kp-control-shadow); }
html[data-theme] #login-view #auth-submit { min-height: 50px; margin-top: 8px; border-radius: 9px; font-weight: 750; letter-spacing: .04em; }

html[data-theme="midnight"] #login-view .pro-hero { border-color: #40506a; background: #0c1522; }
html[data-theme="midnight"] #login-view .auth-panel { border-color: #34465f; background: #101a28; }
html[data-theme="glacier"] #login-view .pro-hero { border-color: #c4d3e1; background: #d8e5f0; }
html[data-theme="glacier"] #login-view .auth-panel { border-color: #d2deea; background: #ffffff; }
html[data-theme="aurora"] #login-view .pro-hero { border-color: #604785; background: #170e2c; }
html[data-theme="aurora"] #login-view .auth-panel { border-color: #4e3a70; background: #1b1233; }
html[data-theme="aurora"] #login-view .login-chart-grid { stroke: rgba(90, 224, 212, .2); }
html[data-theme="aurora"] #login-view .login-chart-area { fill: var(--kp-secondary); opacity: .12; }

html[data-theme] body.dashboard-active .dashboard > .topbar,
html[data-theme] body.dashboard-active #mode-switcher { background: var(--kp-rail); border-color: var(--kp-line); }
html[data-theme] body.dashboard-active .dashboard > .topbar { box-shadow: 0 10px 26px rgba(0, 0, 0, .12), inset 0 -1px var(--kp-line); }
html[data-theme] body.dashboard-active #mode-switcher .workspace-brand { border-bottom-color: var(--kp-line); }
html[data-theme] body.dashboard-active #mode-switcher .mode-card { border-color: transparent; background: transparent; }
html[data-theme] body.dashboard-active #mode-switcher .mode-card:is(:hover, :focus-visible, .active),
html[data-theme] body.dashboard-active .workspace-strategy-link.active {
  border-color: var(--kp-strong-line);
  background: var(--kp-selected);
  box-shadow: inset 0 0 0 1px var(--kp-accent);
}
html[data-theme="aurora"] body.dashboard-active #mode-switcher .mode-card:is(:hover, :focus-visible, .active),
html[data-theme="aurora"] body.dashboard-active .workspace-strategy-link.active { box-shadow: inset 0 0 0 1px var(--kp-secondary); }
html[data-theme] body.dashboard-active .trading-desk-head,
html[data-theme] body.dashboard-active .history-collapse > summary,
html[data-theme] body.dashboard-active .observation-v2-header { background: var(--kp-rail); border: 1px solid var(--kp-line); border-radius: 12px; }
html[data-theme] body.dashboard-active :is(.trading-desk-card, .history-card, .observation-account-panel, .metric-board > .card, .intro-profit-cards > .card, .intro-overview-metrics > div) {
  border: 1px solid var(--kp-line);
  border-radius: 14px;
  background: var(--kp-panel);
  box-shadow: var(--kp-card-shadow);
}
html[data-theme] body.dashboard-active .trading-desk-card header { padding-bottom: 12px; border-bottom: 1px solid var(--kp-line); }
html[data-theme] body.dashboard-active .trading-desk-card li:nth-child(even) { background: var(--kp-raised); }
html[data-theme] body.dashboard-active .trading-desk-position { padding: 14px; border-color: var(--kp-line); }
html[data-theme] body.dashboard-active #intro-strategy-mount-warning { color: var(--kp-warning); background: var(--kp-raised); border-color: var(--kp-strong-line); }
html[data-theme] body.dashboard-active :is(.metric-board > .card > span, .intro-profit-cards > .card > span, .intro-overview-metrics > div > span, .history-card-grid > span, .trading-desk-position small) {
  color: var(--kp-muted);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .035em;
}
html[data-theme] body.dashboard-active :is(.metric-board > .card > strong, .intro-profit-cards > .card > strong, .intro-overview-metrics strong, .intro-floating-pill strong, .history-card-head strong, .trading-desk-position strong) {
  color: var(--kp-text);
  font-size: clamp(18px, 1.5vw, 24px);
  font-weight: 760;
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -.025em;
}
html[data-theme] body.dashboard-active :is(.intro-total-pnl-card strong, .intro-floating-pill strong, .history-card-head strong) { color: var(--kp-positive); }
html[data-theme] body.dashboard-active :is(#intro-floating-profit-overview, #intro-floating-profit-top, #intro-floating-profit, #intro-today-pnl, #intro-history-pnl).good { color: var(--kp-positive); }
html[data-theme] body.dashboard-active :is(#intro-floating-profit-overview, #intro-floating-profit-top, #intro-floating-profit, #intro-today-pnl, #intro-history-pnl).bad { color: var(--kp-negative); }
html[data-theme] body.dashboard-active .intro-history-row { border: 1px solid var(--kp-line); background: var(--kp-panel); transition: background-color 140ms ease-out; }
html[data-theme] body.dashboard-active .intro-history-row:nth-child(even) { background: var(--kp-raised); }
html[data-theme] body.dashboard-active .intro-history-row:hover { background: var(--kp-selected); }
html[data-theme] body.dashboard-active .intro-history-row:first-child { border-color: var(--kp-strong-line); background: var(--kp-selected); box-shadow: inset 0 0 0 1px var(--kp-accent); }
html[data-theme] body.dashboard-active :is(.intro-history-collapse summary, .intro-history-collapse summary span, .intro-history-main b, .history-card-head b) { color: var(--kp-text); }
html[data-theme] body.dashboard-active :is(.intro-history-collapse summary small, .intro-history-main small, .intro-history-volume, .history-card-head span) { color: var(--kp-muted); }
html[data-theme] body.dashboard-active .history-card-head strong.good { color: var(--kp-positive); }
html[data-theme] body.dashboard-active .history-card-head strong.bad { color: var(--kp-negative); }
html[data-theme] body.dashboard-active .history-card-grid strong,
html[data-theme] body.dashboard-active .trading-desk-position span { font-variant-numeric: tabular-nums lining-nums; }
html[data-theme="midnight"] body.dashboard-active .trading-desk-card { border-color: #40506a; }
html[data-theme="glacier"] body.dashboard-active .trading-desk-card { border-color: #bdccda; }
html[data-theme="aurora"] body.dashboard-active .trading-desk-card { border-color: #604785; }

@media (max-width: 760px) {
  html[data-theme] body:has(#login-view:not(.hidden)) { height: auto; min-height: 100%; overflow-x: hidden; overflow-y: auto; }
  html[data-theme] body:has(#login-view:not(.hidden)) > main { min-height: 100svh; }
  html[data-theme] #login-view.auth-shell { min-height: 0; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 0 0 12px; }
  html[data-theme] #login-view .pro-hero { gap: 14px; padding: 22px 18px; border-radius: 18px; }
  html[data-theme] #login-view .login-signal-console { display: none; }
  html[data-theme] #login-view .pro-brand-row { gap: 12px; }
  html[data-theme] #login-view .brand-logo { width: 48px; height: 48px; }
  html[data-theme] #login-view .pro-brand-row h1 { font-size: clamp(34px, 9vw, 44px); }
  html[data-theme] #login-view .login-hero-index { font-size: 8px; }
  html[data-theme] #login-view .login-hero-copy { font-size: 15px; }
  html[data-theme] #login-view .login-signal-heading { align-items: start; flex-direction: column; gap: 5px; }
  html[data-theme] #login-view .login-signal-heading strong { font-size: 13px; }
  html[data-theme] #login-view .login-signal-chart { height: 155px; }
  html[data-theme] #login-view .login-proof-grid > div { min-height: 68px; padding: 9px 7px; }
  html[data-theme] #login-view .login-proof-grid span { font-size: 8px; letter-spacing: .04em; }
  html[data-theme] #login-view .login-proof-grid strong { font-size: 11px; }
  html[data-theme] #login-view .auth-panel { max-width: none; padding: 20px 16px; border-radius: 16px; }
  html[data-theme] #login-view .appearance-choices { margin-bottom: 14px; }
  html[data-theme] #login-view .appearance-choices button { gap: 5px; padding-inline: 4px; font-size: 12px; }
}
@media (max-width: 390px) {
  html[data-theme] #login-view .login-hero-index { display: none; }
  html[data-theme] #login-view .login-proof-grid { grid-template-columns: 1fr; }
  html[data-theme] #login-view .login-proof-grid > div { min-height: 48px; grid-template-columns: 104px minmax(0, 1fr); align-items: center; }
  html[data-theme] #login-view .login-signal-chart { height: 142px; }
}
@media (min-width: 761px) and (max-height: 760px) {
  html[data-theme] #login-view.auth-shell { min-height: 0; }
  html[data-theme] #login-view .pro-hero { padding-block: 22px; }
  html[data-theme] #login-view .login-signal-chart { height: 170px; }
}

html[data-theme="aurora"] body:has(#login-view:not(.hidden)) > main { display: grid; min-height: 100svh; padding: 48px 32px; }
html[data-theme="aurora"] #login-view.auth-shell:not(.hidden) { width: min(100%, 1140px); max-width: 1140px; min-height: 0; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: 80px; padding: 0; align-items: center; }
html[data-theme="aurora"] #login-view.auth-shell .pro-hero { align-self: center; gap: 24px; padding: 12px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html[data-theme="aurora"] #login-view .pro-brand-row { gap: 16px; }
html[data-theme="aurora"] #login-view .brand-logo { width: 48px; height: 48px; filter: saturate(.35); }
html[data-theme="aurora"] #login-view .pro-brand-row h1 { margin: 0; font-size: clamp(36px, 4vw, 56px); font-weight: 650; letter-spacing: -.025em; line-height: 1.15; }
html[data-theme="aurora"] #login-view :is(.pro-brand-row .eyebrow, .login-hero-index, .login-signal-kicker) { display: none; }
html[data-theme="aurora"] #login-view .login-hero-copy { max-width: none; font-size: 18px; font-weight: 400; line-height: 1.8; color: var(--kp-muted); }
html[data-theme="aurora"] #login-view.auth-shell .login-signal-console { background: transparent; }
html[data-theme="aurora"] #login-view .login-signal-heading { align-items: start; flex-direction: column; gap: 7px; margin-bottom: 8px; }
html[data-theme="aurora"] #login-view .login-signal-heading strong { font-size: 14px; font-weight: 500; color: var(--kp-text); }
html[data-theme="aurora"] #login-view .login-signal-note { font-size: 11px; color: var(--kp-muted); }
html[data-theme="aurora"] #login-view .login-signal-chart { height: 190px; margin-block: 12px 4px; border: 0; border-radius: 0; background: transparent; }
html[data-theme="aurora"] #login-view .login-chart-grid { stroke: var(--kp-grid); }
html[data-theme="aurora"] #login-view .login-chart-risk { stroke: #8c929f; opacity: .6; }
html[data-theme="aurora"] #login-view .login-chart-area { fill: var(--kp-accent); opacity: .035; }
html[data-theme="aurora"] #login-view .login-chart-line { stroke: var(--kp-accent); stroke-width: 2; }
html[data-theme="aurora"] #login-view .login-chart-candles { fill: #858d9e; stroke: #858d9e; stroke-width: 1.5; }
html[data-theme="aurora"] #login-view .login-chart-marker { fill: var(--kp-bg); stroke: var(--kp-accent); }
html[data-theme="aurora"] #login-view .login-proof-grid { gap: 22px; margin-top: 12px; border: 0; border-radius: 0; background: transparent; }
html[data-theme="aurora"] #login-view .login-proof-grid > div { min-height: 52px; padding: 14px 0; border-top: 1px solid var(--kp-line); background: transparent; }
html[data-theme="aurora"] #login-view .login-proof-grid span { display: none; }
html[data-theme="aurora"] #login-view .login-proof-grid strong { font-size: 12px; font-weight: 500; color: var(--kp-muted); }
html[data-theme="aurora"] #login-view .login-help-link { justify-content: flex-start; gap: 12px; width: auto; margin-top: 20px; padding: 8px 0; border: 0; color: var(--kp-text); }
html[data-theme="aurora"] #login-view .login-help-link span { color: var(--kp-muted); }
html[data-theme="aurora"] #login-view.auth-shell .auth-panel { max-width: 440px; padding: 32px; border-color: var(--kp-line); border-radius: 16px; background: var(--kp-panel); box-shadow: none; }
html[data-theme="aurora"] #login-view .appearance-choices { padding: 0; gap: 4px; border: 0; border-radius: 0; background: transparent; }
html[data-theme="aurora"] .appearance-choices [data-theme-choice="aurora"]::before,
html[data-theme="aurora"] #login-view .appearance-choices [data-theme-choice="aurora"]::before { background: var(--kp-accent); }
html[data-theme="aurora"] #login-view .appearance-choices button[aria-pressed="true"] { border-color: var(--kp-line); background: var(--kp-raised); color: var(--kp-accent); box-shadow: none; }
html[data-theme="aurora"] #login-view .tabs { border-color: transparent; background: var(--kp-bg); }
html[data-theme="aurora"] #login-view.auth-shell .admin-entry { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 0 0 18px; border: 0; border-bottom: 1px solid var(--kp-line); border-radius: 0; background: transparent; }
html[data-theme="aurora"] #login-view .admin-entry a { white-space: nowrap; }
html[data-theme="aurora"] #login-view .admin-entry a { color: var(--kp-muted); }
html[data-theme="aurora"] #login-view #auth-form label { font-size: 12px; font-weight: 500; letter-spacing: 0; }
html[data-theme="aurora"] #login-view #auth-form input { border-color: var(--kp-line); }
html[data-theme="aurora"] #login-view #auth-submit { margin-top: 12px; font-size: 14px; font-weight: 650; letter-spacing: 0; }
html[data-theme="aurora"] body.dashboard-active #mode-switcher .mode-card:is(:hover, :focus-visible, .active),
html[data-theme="aurora"] body.dashboard-active .workspace-strategy-link.active { box-shadow: none; }
html[data-theme="aurora"] body.dashboard-active .trading-desk-card { border-color: var(--kp-line); }
html[data-theme="aurora"] body.dashboard-active .workspace-brand-mark { color: var(--kp-bg); background: var(--kp-accent); box-shadow: none; }
html[data-theme="aurora"] body.dashboard-active .intro-history-row:first-child { border-color: var(--kp-strong-line); box-shadow: none; }
html[data-theme="aurora"] ::selection { color: var(--kp-text); background: #49435f; }
html[data-theme="aurora"] input { caret-color: var(--kp-accent); }
@media (max-width: 1000px) and (min-width: 761px) {
  html[data-theme="aurora"] #login-view.auth-shell:not(.hidden) { grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr); gap: 28px; }
  html[data-theme="aurora"] #login-view.auth-shell .auth-panel { padding: 24px; }
  html[data-theme="aurora"] #login-view .login-proof-grid { gap: 10px; }
}
@media (max-width: 760px) {
  html[data-theme="aurora"] body:has(#login-view:not(.hidden)) > main { padding: 28px 20px; align-items: center; }
  html[data-theme="aurora"] #login-view.auth-shell:not(.hidden) { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  html[data-theme="aurora"] #login-view.auth-shell .pro-hero { gap: 12px; padding: 0 4px; }
  html[data-theme="aurora"] #login-view .brand-logo { width: 40px; height: 40px; }
  html[data-theme="aurora"] #login-view .pro-brand-row h1 { font-size: 34px; }
  html[data-theme="aurora"] #login-view .login-hero-copy { max-width: none; font-size: 14px; line-height: 1.6; }
  html[data-theme="aurora"] #login-view.auth-shell .auth-panel { max-width: none; padding: 24px 20px; }
}