:root{
  color-scheme:dark;
  --bg:#0d1117;--panel:#141a22;--surface-2:#101720;--sidebar:#10151c;
  --border:#293342;--border-strong:#445269;--text:#edf2f8;--muted:#a0aec1;
  --green:#b5f46b;--red:#ff7e8e;--blue:#74baff;--orange:#f1b27b;
  --on-accent:#17220d;--accent-hover:#c9ff8e;--active-bg:#253222;--positive-border:#587140;--blue-bg:#293a44;
  --warning-bg:#2b2518;--warning-border:#705e35;--warning-text:#e5d096;
  --mobile-panel:#101821f5;--tooltip-bg:#0d131cf5;--shadow:#0008;--backdrop:#0009;
  --chart-grid:#303947;--accent-glow:#b5f46b30;--flash-bg:#6da03f50;
}
:root[data-theme=light]{
  color-scheme:light;
  --bg:#f4f6f9;--panel:#fff;--surface-2:#f7f9fc;--sidebar:#eef2f6;
  --border:#ccd5e0;--border-strong:#9fadc0;--text:#17253a;--muted:#53647b;
  --green:#346b12;--red:#aa2b42;--blue:#185ca8;--orange:#9a5117;
  --on-accent:#fff;--accent-hover:#28570d;--active-bg:#e6f1dc;--positive-border:#8eab76;--blue-bg:#e5edf7;
  --warning-bg:#fff6dd;--warning-border:#c9ad69;--warning-text:#735619;
  --mobile-panel:#fffffff5;--tooltip-bg:#fffffff5;--shadow:#13223b20;--backdrop:#14223b66;
  --chart-grid:#d3dce6;--accent-glow:#346b1220;--flash-bg:#6da03f25;
}
html[data-preferences-pending] body{visibility:hidden}
html{background:var(--bg)}
input,select,textarea,dialog{color-scheme:inherit}
::selection{background:var(--green);color:var(--on-accent)}
input::placeholder{color:var(--muted)}
.ideas-panel{background:linear-gradient(120deg,var(--active-bg),var(--panel))}
.direction.negative{background:color-mix(in srgb,var(--red) 13%,var(--panel))}
.direction.neutral{background:var(--surface-2)}
.heat-tile{background:color-mix(in srgb,var(--heat-color,var(--green)) var(--heat-strength,15%),var(--panel))!important}
.heat-tile small{color:var(--text)}
.source-info p{box-shadow:0 6px 30px var(--shadow)}
.settings-preferences{border-top:1px solid var(--border);padding:16px 0 8px}
.settings-preferences h3{margin:0 0 10px;font-size:15px}
.settings-preferences .field{margin:12px 0;font-size:13px}
.settings-preferences select{min-height:44px;font-size:14px}
#app-menu{width:480px;max-height:calc(100dvh - 40px);overflow:auto;padding:24px;background:var(--panel)}
#app-menu .menu-source{line-height:1.7}
#app-menu .menu-source p{font-size:12px;line-height:1.7;margin:8px 0 12px}
#app-menu .menu-source a{display:inline-block;margin-bottom:14px;color:var(--green)}
#app-menu .menu-source #demo-toggle{margin-top:2px}
.mobile-settings-title{display:none}
@media(min-width:801px){
  .more-navigation{display:none!important}
  :root{--sidebar-width:clamp(220px,14vw,248px)}
  .sidebar{width:var(--sidebar-width);padding:28px 18px}
  .sidebar .nav{min-height:44px;font-size:13px;gap:10px;padding:11px 12px;line-height:1.45}
  .sidebar-bottom{margin-top:24px}
  main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:none;padding:0 clamp(24px,2.2vw,56px)}
  #page-host{container-type:inline-size}
  header{height:52px}
  .heading{padding:16px 0 10px}.heading h1{font-size:25px}
  .data-bar{font-size:12px;gap:12px;line-height:1.5}
  .data-bar strong,.data-bar #updated,.data-controls label,.source-info summary{font-size:12px}
  .data-controls .outline{min-height:40px;font-size:12px}
  .summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
  .summary article{padding:16px;min-width:0}.summary strong{font-size:27px;white-space:normal;overflow-wrap:anywhere}.summary #total{font-size:23px}.summary small{font-size:11px}
  p,.section-title p,.feature-card>p{font-size:13px;line-height:1.7}
  .outline,.filters button,.sort select,.search input,.type-filter{font-size:13px}
  .search input{width:clamp(180px,18vw,330px)}
  .market-heading,.table-tools{gap:12px}.table-tools .type-filter{margin-left:0}
  .table-tools .sort{margin-left:auto}
  th{font-size:12px;padding:14px 16px}td{font-size:14px;padding:15px 16px}
  .company strong{font-size:14px}.company small{font-size:11px}.price{font-size:15px}
  .chart-panel{grid-template-columns:minmax(0,1fr) clamp(240px,18vw,310px)}
  .chart-main{padding:22px 24px}.graph-container{height:clamp(280px,21vw,430px)}
  .chart-header h2{font-size:25px}.chart-price strong{font-size:31px}
  .chart-price>span,.quote-meta,.chart-footer,.point-controls,.point-controls output,.feature-note{font-size:12px}
  .detail{padding:24px}.detail dl div{font-size:13px}
  .workspace-page[data-panel=stock]{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:20px;align-items:start}
  .workspace-page[data-panel=stock]>.chart-panel{grid-column:1/-1}
  .workspace-page[data-panel=stock]>.feature-card{width:100%;max-width:620px;grid-column:1;margin-top:0}
  .workspace-page[data-panel=signals]>.feature-card{max-width:960px}
  .page-picker{max-width:1100px}
  .instrument-trigger,.instrument-popup input{font-size:14px}
  .analytics-panel,.comparison-panel,.investment-panel{padding:24px}
  .analysis-verdict p{max-width:70ch}.analysis-reading{max-width:90ch}
  .analysis-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .analysis-metrics article{padding:18px}.analysis-metrics strong{font-size:22px}
  .analysis-metrics span,.analysis-metrics small{font-size:12px}
  .analysis-method,.analysis-caveat,.analysis-meta{font-size:13px}
  .comparison-history-body svg{height:320px;min-height:0}
  .comparison-search{max-width:1100px}
  .compare-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1600px}
  .compare-card{padding:20px}.compare-price{font-size:25px}.compare-card dl div,.comparison-stat{font-size:13px}
  .investment-card{padding:22px}.investment-card h4{font-size:17px}.investment-card h5{font-size:14px}
  .investment-card p,.investment-card li,.investment-panel details p,.investment-panel details li,.investment-card dl,.investment-card summary{font-size:13px;line-height:1.75}
  .investment-summary{max-width:105ch;font-size:16px}
  .investment-panel>p,.investment-method>p,.investment-audit>p{max-width:100ch}
  .investment-card p,.investment-card li{max-width:80ch}
  .investment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .investment-actions .outline{font-size:12px}
  .auth-panel{padding:12px 16px}.auth-row{gap:20px}.auth-row strong{font-size:14px}
  .auth-panel p{max-width:90ch;font-size:12px}
  #account-details{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:4px 24px;align-items:start}
  #account-details>#account-status,#account-details>#google-button,#account-details>#account-retry,#account-details>#account-cancel,#account-details>#account-origin,#account-details>#account-storage,#account-details>#account-permission,#account-details>#account-copy{grid-column:1}
  .auth-transfer{grid-column:2;grid-row:1/8;border-left:1px solid var(--border);border-top:0;padding:0 0 0 24px;margin:0}
  #account-data-status{grid-column:2}
  footer{font-size:11px;gap:16px}
  @container(max-width:1280px){.summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @container(min-width:1700px){.investment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
}
@media(max-width:1000px) and (min-width:801px){#account-details{display:block}.auth-transfer{border-left:0;border-top:1px solid var(--border);padding:14px 0 0;margin-top:14px}.chart-panel{grid-template-columns:minmax(0,1fr)}.detail{border-left:0;border-top:1px solid var(--border)}.investment-grid{grid-template-columns:1fr}.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.table-tools .sort{margin-left:0}}
@media(max-width:800px){
  #app-menu{width:380px;max-width:calc(100vw - 24px);padding:18px;max-height:calc(100dvh - 28px)}
  .desktop-settings-title{display:none}.mobile-settings-title{display:inline}.more-navigation{display:block}
  .settings-preferences{padding-top:14px}
  .summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  html[lang=en] .market td:nth-child(3):after{content:' ₽ this session'}
  html[lang=en] .market td:nth-child(6):before{content:'Turnover '}
}