.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;border:1px solid #ccd9df;border-radius:20px;background:#f0f5f7;color:#27495c;font:600 13px/1.4 'SUIT',sans-serif;cursor:pointer;white-space:nowrap}
.theme-toggle:focus-visible{outline:3px solid #589cb5;outline-offset:3px}
html[data-theme=dark]{color-scheme:dark;--navy:#e1edf4;--paper:#10171f;--border:#334452;--muted:#afbecb;--ink:#e1edf4;--green:#76d7ba;--red:#ff929a}
html[data-theme=dark] body{background:#10171f!important;color:#e1edf4}
html[data-theme=dark] :is(.site-header,.metric,.result-card,.panel,.feature-link,.course-card,.fee-card,.feature-card,.notice,.support-section,.settings-form-wrap,.class-card,.class-content,.access-panel,.courses-empty){background:#1a2531!important;color:#e1edf4;border-color:#334452!important}
html[data-theme=dark] :is(.site-brand,.site-navigation>a,.admin-menu>summary,.site-account,.symbol-button,.rule-value,.course-content h3,.courses-toolbar h2,.exchange .name,.remark .point,.fee-limit,.support-title,.notice h3){color:#e1edf4!important}
html[data-theme=dark] .theme-toggle{background:#2b4052;color:#e1edf4;border-color:#5b788e}
html[data-theme=dark] .menu-toggle span{background:#d4e6ef}
html[data-theme=dark] :is(.admin-menu>div,.tabs,.scan-feedback,.card-footer,.data-table th,.course-meta,.class-desc,.code-box,.account-avatar,.nav-new){background:#223140!important;color:#c5d6e3;border-color:#3c5160}
html[data-theme=dark] :is(.data-table td,.data-table th,.fee-table td,.course-meta,.courses-toolbar,.history-list li){border-color:#334452!important}
html[data-theme=dark] :is(.tab,.text-button,.auto-control,.feedback-row,.market-badge,.count-pill,.history-status){color:#bdd2e0}
html[data-theme=dark] :is(.tab[aria-selected=true],.count-pill,.market-badge,.history-status){background:#304655}
html[data-theme=dark] :is(.metric-label,.metric-note,.card-subtitle,.symbol-suffix,.cell-secondary,.rule-label,.rule-footnote,.history-list small,.page-heading p,.feature-link p,.workspace-footer,.course-description,.course-label,.course-meta,.courses-breadcrumb,.courses-toolbar>span,.feature-desc,.section-desc,.support-desc,.form-description,.signup-prompt,.member-note p,.brand-description,.class-desc){color:#b4c6d3!important}
html[data-theme=dark] :is(.course-more,.feature-action,.home-link,.signup-prompt>a){color:#a4d7ec!important}
html[data-theme=dark] .course-meta strong{color:#8fe1c5}
html[data-theme=dark] .fee-market{color:#ff929a}
html[data-theme=dark] .fee-table tbody td{color:#d4e1e9}
html[data-theme=dark] .fee-table tbody tr:hover{background:#253747}
html[data-theme=dark] .fee-table tbody tr{border-color:#10171f}
html[data-theme=dark] :is(.badge,.video-btn){background:#243e50;color:#badef3;border-color:#50758b}
html[data-theme=dark] :is(.btn,.search-symbol,.settings-con input,.settings-con select,.input-wrap,.courses-pagination a){background:#223140;color:#e1edf4;border-color:#4a6173}
html[data-theme=dark] :is(.btn.primary,.header-join,.join-btn,.submit-button,.admin-workspace>button){background:#355b70!important;color:#fff!important;border-color:#597e91}
html[data-theme=dark] :is(.settings-con,.main-content,#join){background:#10171f!important}
html[data-theme=dark] :is(.settings-con label,.settings-con h3,.settings-con h4,.settings-con p,.settings-con td,.settings-con th){color:#d2e0e9}
html[data-theme=dark] :is(.settings-con thead,.settings-con tbody tr,.settings-con th,.settings-con td){background:#1a2531;border-color:#334452}
html[data-theme=dark] #join .box{background:#1a2531}
html[data-theme=dark] #join .ip-box,html[data-theme=dark] #join select{background:#273847!important;color:#e1edf4!important}
html[data-theme=dark] #join input{color:#e1edf4}
html[data-theme=dark] .input-wrap input{color:#e1edf4}
html[data-theme=dark] :is(.remember-id,.form-options>a,.access-footer,.field-group>label){color:#bdd0dc}
html[data-theme=dark] :is(.welcome-icon,.member-note){background:#253a3d;border-color:#405a59}
html[data-theme=dark] .admin-workspace .handsontable td,html[data-theme=dark] .admin-workspace .handsontable th{background:#1a2531;color:#e1edf4;border-color:#425565}
html[data-theme=dark] .feature-img{background:#14202b;border-color:#334452}
html[data-theme=dark] .chart-guide p,html[data-theme=dark] .chart-breadcrumb{color:#b4c6d3}
html[data-theme=dark] .signal-history button{background:#253747;color:#d2e0e9;border-color:#405566}
html[data-theme=dark] .signal-history b{color:#b9e0ef}
@media(max-width:1250px) and (min-width:1101px){.site-navigation{gap:13px}.site-header{gap:16px}.site-navigation>a,.admin-menu>summary{font-size:16px}}
@media(max-width:540px){.site-header{column-gap:8px}.site-account{gap:7px;flex-wrap:wrap;justify-content:flex-end}.site-account .theme-toggle{font-size:12px;padding:6px 9px;min-height:32px}.site-header .site-brand{font-size:16px;gap:10px}.site-header .brand-letter{font-size:40px}.site-header .site-brand b{font-size:9px;letter-spacing:2px}.site-account .header-join{display:none}}
html[data-theme=dark] .site-account>a{color:#d2e4ef}
html[data-theme=dark] :is(.section-title,.main-content .title){color:#e1edf4!important}
html[data-theme=dark] :is(.section-sub,.support-sub,.member-note span){color:#b4c6d3!important}
html[data-theme=dark] :is(.support,.main-content .container:has(>.header-image),.main-content .content){background:#1a2531!important;color:#e1edf4;border-color:#334452}
html[data-theme=dark] :is(.main-content .description,.main-content .detail-content,.main-content .back-btn a){color:#c5d8e5!important;background:#223140;border-color:#425c69}
html[data-theme=dark] .main-content .price{background:#28463f;color:#95e0c8}
html[data-theme=dark] .welcome-icon{color:#a9d4bb}
.site-navigation{gap:18px}.site-navigation>a,.admin-menu>summary{font-size:16px;white-space:nowrap}
@media(max-width:1350px){
 .site-header{min-height:84px;flex-wrap:wrap;gap:14px;padding:14px 22px}
 .site-account{margin-left:auto}.account-name{display:none}.menu-toggle{display:block;order:3}
 .site-navigation{display:none;order:4;width:100%;padding:15px 0;border-top:1px solid var(--border);flex-wrap:wrap;gap:20px 26px}
 .site-header.menu-open .site-navigation{display:flex}
 .site-navigation>a{min-height:36px}.site-navigation>a.is-active::after{bottom:-4px}
}