:root{--surface-radius:15px;--button-radius:9px;--primary-text:#171c26;--card-shadow:0 12px 30px #0002;--header-surface:var(--panel)}
html[data-theme=dark]{--surface-radius:15px;--button-radius:9px;--primary-text:#171c26;--card-shadow:0 12px 32px #0003;--header-surface:linear-gradient(110deg,#101927,#192335)}
html[data-theme=light]{--surface-radius:18px;--button-radius:12px;--primary-text:#fff;--card-shadow:0 6px 25px #19385c0c;--header-surface:#fff}
html[data-theme=whiteSky]{--surface-radius:18px;--button-radius:12px;--primary-text:#fff;--card-shadow:0 6px 25px #19385c14;--header-surface:#f1f6fc}
html[data-theme=sky]{--surface-radius:22px;--button-radius:14px;--primary-text:#071725;--card-shadow:0 10px 30px #0002;--header-surface:linear-gradient(120deg,#071725,#102f46)}
html[data-theme=sand]{--surface-radius:12px;--button-radius:8px;--primary-text:#fff;--card-shadow:0 4px 18px #6143230b;--header-surface:#fffcf6}
header{background:var(--header-surface);flex-wrap:wrap;gap:14px}html[data-theme] .card,html[data-theme] .ai-panel{border-radius:var(--surface-radius);box-shadow:var(--card-shadow)}html[data-theme] button,html[data-theme] select,html[data-theme] input,html[data-theme] .ai-panel textarea{border-radius:var(--button-radius)}button.primary,.chartnav button.active,.language-switch button.active{color:var(--primary-text)}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.5}.ai-news-summary a{color:var(--gold)}html[data-theme=light] .brand{letter-spacing:1px}html[data-theme=light] .charthead{padding:21px 18px}html[data-theme=whiteSky] .brand{letter-spacing:3px}html[data-theme=whiteSky] .value,html[data-theme=whiteSky] .ai-stat strong{font-family:ui-monospace,monospace}html[data-theme=whiteSky] .charthead{padding:14px 18px}html[data-theme=sky] .metrics .card{border-top:2px solid var(--gold)}html[data-theme=sand] .brand{font-family:Georgia,serif;letter-spacing:1px}html[data-theme=sand] .stats{border-top:3px solid var(--gold)}html[data-theme=sand] .value{font-family:Georgia,serif}html[data-theme=sand] .ai-panel{border-color:var(--line)}
.site-theme-picker{position:relative;margin:0;z-index:60}.site-theme-picker>summary{list-style:none;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 13px;border-radius:var(--button-radius);font-size:12px;white-space:nowrap}.site-theme-picker>summary::-webkit-details-marker{display:none}.site-theme-picker>summary:after{content:' ▾';color:var(--muted)}.site-theme-picker[open]>summary{border-color:var(--gold)}.theme-choice-list{position:absolute;right:0;top:calc(100% + 10px);width:330px;max-width:calc(100vw - 24px);max-height:75vh;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:10px;border-radius:var(--surface-radius);box-shadow:0 16px 45px #0005;display:grid;gap:7px}.theme-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:11px;width:100%;background:var(--bg);border:1px solid var(--line)}.theme-choice[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 3px 0 var(--gold)}.theme-choice strong{display:block;font-size:13px;color:var(--text)}.theme-choice small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.theme-preview{width:64px;height:43px;display:flex;align-items:flex-end;gap:4px;padding:7px;border:1px solid;border-radius:6px;flex-shrink:0}.theme-preview i{width:9px;border-radius:2px;height:18px}.theme-preview i:first-child{height:26px}.theme-preview i:nth-child(3){height:23px}.chartnav .site-theme-picker{margin-left:auto}.chartnav .site-theme-picker>summary{padding:8px 10px}@media(max-width:700px){header{gap:9px}.brand{flex:1}.site-theme-picker>summary{padding:9px}.theme-choice-list{width:300px}.card,.ai-panel{box-shadow:none}}

/* Responsive chart workspace: phones and tablets keep the full chart width. */
.mobile-tools-toggle{display:none}
@media(max-width:1024px){
 body{width:100%;min-width:0}main{width:100%;padding:12px;display:flex;flex-direction:column;gap:14px}main>*{min-width:0;max-width:100%;order:2;margin-top:0!important;margin-bottom:0!important}main>.layout{order:0;width:100%;grid-template-columns:minmax(0,1fr)}main>#framesInfo{order:-1;font-size:12px;line-height:1.5;margin:0!important}.layout>*,.chart,.card,.ai-panel{min-width:0;max-width:100%}
 header{justify-content:center;padding:16px 12px;gap:10px;text-align:center}.brand{flex:1 0 100%;letter-spacing:1px!important}.brand small{font-size:10px!important}#status{font-size:12px;max-width:100%;overflow-wrap:anywhere}.account-bar{justify-content:center}.language-switch{display:flex;justify-content:center;gap:6px}.site-theme-picker{margin:0!important}.site-theme-picker>summary{max-width:100%;white-space:normal;min-height:44px;display:flex;align-items:center;justify-content:center}
 .theme-choice-list{position:fixed;left:12px;right:12px;top:20dvh;width:auto;max-width:480px;margin:0 auto;max-height:65dvh;z-index:1200;text-align:left}.theme-choice{min-height:64px}.theme-choice span{min-width:0}.theme-choice strong,.theme-choice small{overflow-wrap:anywhere}
 .chartbody{display:flex!important;flex-direction:column;min-width:0}.chartviewport{order:0;width:100%;min-width:0}.chart .studio{order:1;width:100%;border:0;border-top:1px solid var(--line);padding:12px;max-height:300px;display:none}.chart.mobile-tools-open .studio{display:block}.mobile-tools-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.chart .studio .toolbar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.chart .studio .toolbuttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.chart .studio button,.chart .studio select{min-height:44px;font-size:12px;padding:8px;white-space:normal;text-align:center}.chart .studio details{width:100%}.chart .studio #toolStatus{font-size:12px;line-height:1.6}.chart .studio label{min-height:40px}
 .charthead{padding:12px!important;justify-content:center;text-align:center;gap:10px}.charthead b{width:100%;font-size:14px;overflow-wrap:anywhere}.charthead small{font-size:11px;line-height:1.5;max-width:100%}.chartnav{padding:10px;gap:8px;justify-content:center}.chartnav>.toolbar{width:100%;justify-content:center;gap:6px;min-width:0}.chartnav button,.chartnav select{min-height:44px;font-size:12px;max-width:100%;white-space:normal}.chartnav>.toolbar:first-child{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.chartnav>.toolbar:first-child button{padding:7px 2px;min-width:0;font-size:11px}.analysis-menu{min-width:0;max-width:100%;flex:1 1 145px}.analysis-menu>button{width:100%}.analysis-menu-actions{position:fixed!important;left:12px!important;right:12px!important;top:20dvh!important;width:auto;max-width:480px;min-width:0!important;margin:0 auto;max-height:65dvh;overflow:auto;z-index:1200!important}.analysis-menu-actions button{min-height:46px;white-space:normal}
 canvas#chart{height:clamp(300px,52dvh,520px);width:100%;touch-action:none}#tip,#camera{padding:10px 12px!important;line-height:1.5;overflow-wrap:anywhere}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics .card{padding:12px}.value{font-size:20px;overflow-wrap:anywhere}.ai-results,.ai-settings{grid-template-columns:minmax(0,1fr)}.ai-panel{padding:14px}.ai-summary,#formsSummary,#mathSummary{font-size:16px!important;line-height:1.6;overflow-wrap:anywhere}.ai-controls{gap:8px}.ai-controls button{min-height:44px}.ai-history-item{flex-wrap:wrap}.toolbar{gap:8px}.toolbar>*{min-width:0;max-width:100%}button,select,input:not([type=checkbox]):not([type=color]){min-height:44px}input:not([type=checkbox]):not([type=color]),select,textarea{font-size:16px!important}.tablewrap,.ai-table{width:100%;max-width:100%;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}table{min-width:100%}.account-form{grid-template-columns:minmax(0,1fr)}.account-user span{flex-basis:100%}.account-share button{flex:1 1 140px}.notice{line-height:1.65}
 .chart:fullscreen,.chart.expanded{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.chart:fullscreen .chartnav,.chart.expanded .chartnav{max-height:38dvh;overflow-y:auto;flex-shrink:0}.chart:fullscreen .charthead,.chart.expanded .charthead{padding:8px!important;flex-shrink:0}.chart:fullscreen .charthead small,.chart.expanded .charthead small{display:none}.chart:fullscreen .chartbody,.chart.expanded .chartbody{flex:1;min-height:0}.chart:fullscreen .chartviewport,.chart.expanded .chartviewport{flex:1;min-height:120px}.chart:fullscreen canvas#chart,.chart.expanded canvas#chart{height:100%;min-height:120px;flex:1}.chart:fullscreen .studio,.chart.expanded .studio{max-height:28dvh;flex-shrink:0}.chart:fullscreen #tip,.chart.expanded #tip{display:none}.chart:fullscreen #camera,.chart.expanded #camera{font-size:10px;padding:4px 8px!important}
}
@media(max-width:480px){main{padding:8px;gap:10px}.card{padding:12px}.chart{padding:0}.chartnav>.toolbar:first-child{grid-template-columns:repeat(4,minmax(0,1fr))}.chart .studio .toolbuttons{grid-template-columns:repeat(2,minmax(0,1fr))}.chartnav #streams{width:100%;flex-basis:100%}.chartnav #mode{width:100%;font-size:11px;text-align:center}.chartnav .account-bar{width:100%}.theme-choice-list,.analysis-menu-actions{left:8px!important;right:8px!important}.stats p{font-size:12px}}

html[data-account-role=user] [data-admin-only]{display:none!important}

/* Customer workspace: operational descriptions and owner controls remain admin-only. */
html[data-account-role=user] #demo,html[data-account-role=user] #export,html[data-account-role=user] #mathExport,html[data-account-role=user] #aiExport,html[data-account-role=user] #framesInfo,html[data-account-role=user] #mode,html[data-account-role=user] #camera,html[data-account-role=user] #patterns,html[data-account-role=user] #mathFrames,html[data-account-role=user] #trendExplanation,html[data-account-role=user] .charthead small,html[data-account-role=user] .market-sequence,html[data-account-role=user] .ai-eyebrow,html[data-account-role=user] .brand small{display:none!important}
html[data-account-role=user] #formsTable th:nth-child(3),html[data-account-role=user] #formsTable td:nth-child(3),html[data-account-role=user] #formsHistory th:nth-child(3),html[data-account-role=user] #formsHistory td:nth-child(3),html[data-account-role=user] #aiFrameResults th:nth-child(2),html[data-account-role=user] #aiFrameResults td:nth-child(2){display:none}
html[data-account-role=user] #aiForecasts th:last-child,html[data-account-role=user] #aiForecasts td:last-child{display:none}

.chart-level-legend{display:none}.chart-level-legend[hidden]{display:none!important}@media(max-width:1024px){.chart-level-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px;border-top:1px solid var(--line);max-height:140px;overflow:auto;flex-shrink:0}.chart-level-legend>div{background:var(--panel);padding:6px 8px;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.chart:fullscreen .chart-level-legend,.chart.expanded .chart-level-legend{max-height:90px}.chart:fullscreen .chartnav,.chart.expanded .chartnav{max-height:30dvh}.chart:fullscreen .charthead,.chart.expanded .charthead{padding:6px!important}.chart:fullscreen .charthead b,.chart.expanded .charthead b{width:auto;font-size:12px}.chart:fullscreen #full,.chart.expanded #full{display:none}}

@media(max-width:1024px){.analysis-menu-actions{top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;max-height:60dvh}}

/* Compact controls shared by the admin, viewer and Telegram pages. */
body button,body select,body .site-theme-picker>summary{font-size:12px;padding:6px 9px;min-height:32px;line-height:1.35;border-radius:6px}
body .chartnav{padding:8px 10px;gap:5px}
body .chartnav .toolbar{gap:5px}
body .chartnav button,body .chartnav select,body .chart .studio button,body .chart .studio select,body .mobile-tools-toggle{font-size:12px;padding:6px 8px;min-height:32px}
body .chartnav .site-theme-picker>summary{padding:6px 9px}
body .charthead{padding:10px 12px;gap:8px}
body #full,body #count,body #reset,body #tip,body #framesInfo,body #toolStatus,body #mode{display:none!important}
body [hidden]{display:none!important}

body #demo{display:none!important}
body #chartFull:not([hidden]){display:inline-flex!important}
body .chartbody{grid-template-columns:60px minmax(0,1fr)}
body .chart .studio{padding:6px;overflow-x:hidden}
body .chart .studio .toolbuttons{display:grid;grid-template-columns:1fr;gap:4px;width:100%}
body .chart .studio .icon-tool{display:inline-flex;align-items:center;justify-content:center;width:36px;height:34px;min-height:34px;padding:6px;align-self:center}
.icon-tool svg{width:20px;height:20px;display:block;pointer-events:none}
body .chart .studio .toolbar>b{display:none}
body .chart .studio .toolbar{align-items:center}
body .chart .studio select,body .chart .studio input{max-width:100%}
body .chart .studio details{width:100%}
body .chart .studio details>summary{font-size:0;text-align:center}
body .chart .studio details>summary:before{content:'◐';font-size:20px}
body .chart .studio details[open]{position:absolute;z-index:50;left:6px;width:190px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0005}
@media(max-width:1024px){body .chart .studio .toolbuttons{grid-template-columns:repeat(auto-fit,36px);justify-content:center}body .chart .studio .toolbar{flex-direction:row}body .chart .studio details[open]{position:static;width:100%}}

/* Analysis actions are shared by every account and never belong to the drawing studio. */
body #chartAnalysisControls{display:flex!important;flex-wrap:wrap;align-items:center;gap:5px;width:100%;visibility:visible}

html[data-account-role=user] #chartAnalysisControls .analysis-menu{display:inline-flex!important}
html[data-account-role=user] #chartAnalysisControls>button{display:inline-flex!important}

/* Drawing belongs to the desktop workspace for every account. */
body .chart .studio,body .mobile-tools-toggle{display:none!important}
body .chartbody{grid-template-columns:minmax(0,1fr)!important}
@media(min-width:1025px) and (hover:hover) and (pointer:fine){
 body .chart .studio{display:block!important}
 body .chartbody{grid-template-columns:60px minmax(0,1fr)!important}
}

body #camera,body #tip,body #toolStatus{display:none!important}
body .chartviewport{display:flex;flex-direction:column;min-height:0}
body .chartviewport>.news-percent-footer{flex:1 0 44px;min-height:44px;border-top:0;gap:22px;flex-wrap:wrap;align-content:center;margin:0;box-sizing:border-box}
.news-percent-title{font-size:12px;color:var(--muted)}
.chart:fullscreen .chartviewport>.news-percent-footer,.chart.expanded .chartviewport>.news-percent-footer{flex:0 0 auto}
@media(max-width:600px){body .chartviewport>.news-percent-footer{gap:14px;padding:8px}.news-percent-title{font-size:11px}}

/* BOZOR Gold — shared visual system. Native behavior and theme colors are retained. */
:root{--surface-radius:16px;--button-radius:9px}
html[data-theme=dark]{--header-surface:#101113;--surface-radius:16px;--button-radius:9px;--primary-text:#19150e;--card-shadow:0 12px 36px #00000024}
body{font-family:Inter,"Segoe UI",system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
body header{padding:20px 28px;gap:14px;border-bottom:1px solid var(--line);box-shadow:0 4px 24px #00000012}
body .brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:750;letter-spacing:4px;color:var(--text);margin-right:auto}
body .brand:before{content:'B';display:grid;place-items:center;width:40px;height:44px;flex-shrink:0;border:1px solid var(--gold);border-radius:12px 3px 12px 3px;font:500 29px Georgia,serif;color:var(--gold);background:var(--bg)}
body header>a{font-size:12px;text-decoration:none;color:var(--gold)!important;border:1px solid var(--line);border-radius:9px;padding:9px 12px}
body main{max-width:1800px;padding:22px 26px}
body button,body select,body .site-theme-picker>summary{min-height:38px;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:550;line-height:1.35;transition:background-color .15s,border-color .15s,box-shadow .15s}
body button:not(:disabled):hover,body .site-theme-picker>summary:hover{border-color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent)}
body button:disabled{cursor:not-allowed}
body button.primary,body .chartnav button.active{background:var(--gold);color:var(--primary-text);border-color:var(--gold);font-weight:700}
html[data-theme=dark] button.primary,html[data-theme=dark] .chartnav button.active{background:linear-gradient(115deg,#edd4a1,#cca363);box-shadow:0 3px 12px #c9a36318}
body input,body select,body textarea{accent-color:var(--gold)}
body button:focus-visible,body input:focus-visible,body summary:focus-visible,body a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
body #status{font-size:11px;letter-spacing:.2px;padding:8px 12px;background:var(--bg);border-radius:8px}
body .metrics{gap:12px;margin:16px 0 20px}
body .metrics .card{padding:17px 20px;border-radius:12px;box-shadow:none}
body .metrics .card:first-child{border-color:color-mix(in srgb,var(--gold) 42%,var(--line))}
body .metrics small{font-size:11px;letter-spacing:.3px}
body .value{font-size:26px;font-weight:600;letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin-top:6px}
body .layout{gap:16px;grid-template-columns:minmax(0,1fr) 264px}
body .chart{border-color:color-mix(in srgb,var(--gold) 22%,var(--line));padding:0}
body .charthead{padding:15px 18px;min-height:52px;background:var(--panel)}
body .charthead b{font-size:14px;letter-spacing:.4px}
body .chartnav{padding:12px 16px;gap:10px;background:var(--panel)}
body .chartnav .toolbar{gap:5px}
body .chartnav button,body .chartnav select{min-height:36px;border-radius:8px;padding:8px 11px;font-size:12px}
body #chartAnalysisControls{gap:8px;padding-top:10px;border-top:1px solid var(--line)}
body .analysis-menu>button{padding:9px 13px;min-height:38px}
body .analysis-menu-actions{padding:8px;border-radius:12px;box-shadow:0 18px 50px #0006;border:1px solid var(--line)}
body .analysis-menu-actions button{text-align:left;border-radius:7px;min-height:40px}
body .chart .studio{background:var(--bg)}
body .chart .studio .icon-tool{border-radius:8px;height:36px;min-height:36px}
body .stats{padding:20px;box-shadow:none;align-self:start}
body .stats h3{font-size:13px;padding-bottom:16px;border-bottom:1px solid var(--line)}
body .stats p:not(.notice){font-size:12px;margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
body .stats b{font-weight:550;font-variant-numeric:tabular-nums}
body .stats .notice{font-size:11px;line-height:1.8}
body .ai-panel{border:1px solid var(--line);padding:24px;border-radius:16px;box-shadow:none}
body .ai-panel h2{font-size:21px;letter-spacing:-.4px;font-weight:600}
body .ai-eyebrow{font-size:10px;letter-spacing:2px}
body .ai-stat{border-radius:10px;padding:18px;box-shadow:none}
body .ai-stat strong{font-variant-numeric:tabular-nums}
body .ai-status{padding:13px 16px;border-radius:8px}
body details.card>summary{font-size:13px;font-weight:600;padding:2px 0}
body th{color:var(--muted);font-weight:500;background:var(--bg)}
body td,body th{padding:12px}
body tbody tr:hover{background:color-mix(in srgb,var(--gold) 5%,transparent)}
body .account-bar button,body .account-bar a{min-height:36px;border-radius:8px;text-decoration:none}
body .account-user{padding:16px;background:var(--bg);border-radius:10px}
body .account-share{background:var(--bg);border-radius:12px}
body .news-percent-footer{background:var(--bg);border-top:1px solid var(--line)!important;font-variant-numeric:tabular-nums}
@media(min-width:1025px){body canvas#chart{height:560px}body .chart:fullscreen canvas#chart,body .chart.expanded canvas#chart{height:100%;min-height:0}body .chart:fullscreen,body .chart.expanded{border-radius:0}}
@media(max-width:1100px) and (min-width:1025px){body header{padding:16px}body main{padding:16px}body .layout{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:1024px){body header{padding:15px 12px;gap:8px}body .brand{justify-content:center;flex-basis:100%;font-size:19px;margin-right:0}body .brand:before{width:32px;height:36px;font-size:24px}body main{padding:12px}body .layout{grid-template-columns:minmax(0,1fr)}body .chartnav{padding:10px;gap:8px}body .chartnav button,body .chartnav select,body button,body .site-theme-picker>summary{min-height:44px}body .metrics .card{padding:14px}body .value{font-size:22px}body .ai-panel{padding:17px}body .charthead{padding:12px}body .stats{width:100%}body #chartAnalysisControls{gap:6px}body .analysis-menu>button{min-height:44px}}
@media(prefers-reduced-motion:reduce){body button,body select,body .site-theme-picker>summary{transition:none}}


/* Tablet news percentages are a footer, never a growing chart pane. */
html.ipad-landscape-fit body .chartviewport>.news-percent-footer{flex:0 0 30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:4px 8px!important;gap:12px!important;flex-wrap:nowrap!important;overflow:hidden;font-size:12px;line-height:20px}
@media(min-width:651px) and (max-width:1400px) and (pointer:coarse){
html body .chartviewport>.news-percent-footer{flex:0 0 30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:4px 8px!important;gap:12px!important;flex-wrap:nowrap!important;overflow:hidden;font-size:12px;line-height:20px}
html body .chartviewport>.news-percent-footer .news-percent-title{font-size:11px;white-space:nowrap}
}

/* Portrait tablets: brand stays at the left of the shared controls row. */
@media (min-width:651px) and (max-width:1400px) and (orientation:portrait) and (pointer:coarse){
html:root body>header,html:root body>header.tablet-chart-header.tablet-top-controls,html:root body>header.tablet-portrait-top-controls{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;text-align:left!important}
html:root body>header>.brand,html:root body>header.tablet-chart-header.tablet-top-controls>.brand,html:root body>header.tablet-portrait-top-controls>.brand{order:0!important;flex:0 0 auto!important;flex-basis:auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0 auto 0 0!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;white-space:nowrap!important;font-size:16px!important;letter-spacing:1px!important;gap:8px!important}
html:root body>header>.brand small{display:none!important}
html:root body>header>.tablet-header-controls{order:30!important;flex:0 1 auto!important;width:auto!important;max-width:none!important;margin-left:auto!important;justify-content:flex-end!important;align-items:center!important;gap:5px!important}
html:root body>header>nav,html:root body>header>.project-navigation{width:auto!important;flex:0 1 auto!important;align-items:center!important;gap:5px!important}
html:root body>header .account-bar,html:root body>header>.account{width:auto!important;flex:0 0 auto!important;margin:0!important;align-items:center!important}
html:root body>header>.brand:before,html:root body>header .overview-brand-mark{width:32px!important;height:36px!important;flex-basis:32px!important;font-size:24px!important}
}

/* Brand image replaces the text monogram without changing header geometry. */
html:root body>header:not(#bozorOverviewHeader)>.brand:before{content:''!important;background:transparent url('/bozor-ad-logo.png') center/contain no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html:root body>header .overview-brand-mark{background:transparent url('/bozor-ad-logo.png') center/contain no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important}

/* Brand lettering beside the logo on the home and chart headers. */
html:root body>header>.brand{color:#d9b46c!important;font:500 clamp(20px,2vw,29px)/1.2 Georgia,serif!important;letter-spacing:2px!important}
@media (min-width:651px) and (max-width:1400px) and (orientation:portrait) and (pointer:coarse){
html:root body>header>.brand,html:root body>header.tablet-chart-header.tablet-top-controls>.brand,html:root body>header.tablet-portrait-top-controls>.brand{font-size:16px!important;letter-spacing:1px!important}
}

/* Overview content follows the same palette as the chart, including light themes. */
html[data-bozor-overview] body{background:var(--bg)!important;color:var(--text)!important}
html[data-bozor-overview] body main h1,html[data-bozor-overview] body main h2,html[data-bozor-overview] body main h3{color:var(--text)}
html[data-bozor-overview] body .feature,html[data-bozor-overview] body .rules-card{background:var(--panel)!important;color:var(--text);border-color:var(--line)}
html[data-bozor-overview] body p,html[data-bozor-overview] body .summary{color:var(--muted)}
html[data-bozor-overview] body a.primary{background:var(--gold);color:var(--primary-text);border-color:var(--gold)}
html[data-bozor-overview][data-theme=light] body #bozorAmbient,html[data-bozor-overview][data-theme=sand] body #bozorAmbient{opacity:.08!important}
html[data-bozor-overview][data-theme=custom][style*="color-scheme: light"] body #bozorAmbient{opacity:.08!important}

/* Static sky photograph: shared by overview, chart and full-screen surfaces. */
html[data-theme=sky]{--sky-image:url('/sky-theme.webp');--sky-surface:linear-gradient(#03111f55,#03111f88),var(--sky-image)}
html:root[data-theme=sky] body{background:#020b14 var(--sky-image) center top/cover no-repeat!important;color:var(--text)}
html:root[data-theme=sky] body #bozorAmbient{display:none!important}
html:root[data-theme=sky] body>header,
html:root[data-theme=sky] body .card,
html:root[data-theme=sky] body .ai-panel,
html:root[data-theme=sky] body .feature,
html:root[data-theme=sky] body .rules-card,
html:root[data-theme=sky] body .chart-workspace-info,
html:root[data-theme=sky] body .tv-chart-card,
html:root[data-theme=sky] body .profile-ads,
html:root[data-theme=sky] body #bozorNewsTape,
html:root[data-theme=sky] body #bozorAnalysisGallery{background:var(--sky-surface) center/cover no-repeat!important;border-color:var(--line)}
html:root[data-theme=sky] body .chart .chartnav,
html:root[data-theme=sky] body .chart .charthead,
html:root[data-theme=sky] body .chart .studio{background:#07172599!important}
html:root[data-theme=sky] body .theme-choice[data-theme-choice=sky]{border-color:#5387a7}

html[data-theme=whiteSky]{--sky-image:url('/sky-theme.webp');--sky-surface:linear-gradient(#f2f8ffe0,#dcebf6d9),var(--sky-image)}
html:root[data-theme=whiteSky] body{background:linear-gradient(#f2f8ffe0,#dcebf6d9),var(--sky-image) center top/cover no-repeat!important;color:var(--text)}
html:root[data-theme=whiteSky] body #bozorAmbient{display:none!important}
html:root[data-theme=whiteSky] body>header,
html:root[data-theme=whiteSky] body .card,
html:root[data-theme=whiteSky] body .ai-panel,
html:root[data-theme=whiteSky] body .feature,
html:root[data-theme=whiteSky] body .rules-card,
html:root[data-theme=whiteSky] body .chart-workspace-info,
html:root[data-theme=whiteSky] body .tv-chart-card,
html:root[data-theme=whiteSky] body .profile-ads,
html:root[data-theme=whiteSky] body #bozorNewsTape,
html:root[data-theme=whiteSky] body #bozorAnalysisGallery{background:var(--sky-surface) center/cover no-repeat!important;border-color:var(--line)}
html:root[data-theme=whiteSky] body .chart .chartnav,
html:root[data-theme=whiteSky] body .chart .charthead,
html:root[data-theme=whiteSky] body .chart .studio{background:#f1f6fccc!important}
html:root[data-theme=whiteSky] body .theme-choice[data-theme-choice=sky]{border-color:#5387a7}