.nav-toggle{display:none}.sidebar-scrim{display:none}.mkt-controls-toggle,.mkt-dropdown,.mkt-dropdown-scrim{display:none}@media (max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:1000;transform:translateX(-100%);transition:transform 0.22s ease}.app-shell.sidebar-open .sidebar{transform:translateX(0);box-shadow:0 0 48px rgba(0,0,0,0.6)}.page-wrap{grid-column:1}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:900;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity 0.22s ease}.app-shell.sidebar-open .sidebar-scrim{opacity:1;pointer-events:auto}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.market-topbar{display:flex}.main{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;grid-template-areas:"stats" "chart" "right-col" "bottom" "live"}.right-panel{min-height:220px}.bottom-section{grid-template-columns:1fr;height:auto}.bottom-section .panel{min-height:300px}.table-wrap{overflow-x:auto}}@media (max-width:768px){.topbar{height:auto;min-height:var(--topbar-h);flex-wrap:wrap;gap:8px;padding:8px 12px}.topbar-left,.topbar-right{gap:8px;flex-wrap:wrap}.stats-bar{flex-wrap:wrap}.stat-card{flex:1 1 45%;border-right:none;border-bottom:1px solid var(--border)}.chart-panel{min-height:680px}.chart-instrument{flex-shrink:1;flex-wrap:wrap;width:100%;gap:8px}.symbol-picker{flex:1 1 auto;min-width:0}.chart-tf{flex:1 1 100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.chart-tf::-webkit-scrollbar{display:none}.chart-tf .seg-btn{flex:0 0 auto}.drawing-toolbar{left:6px;top:8px;width:34px;padding:5px 3px;max-height:calc(100% - 16px)}.draw-tool,.draw-action{width:26px;height:26px;font-size:13px}.market-main{position:relative}.mkt-controls-toggle{display:inline-flex;align-items:center;justify-content:center}.mkt-controls-toggle.active{background:var(--blue-dim);color:var(--blue)}.mkt-dropdown{display:flex;flex-direction:column;gap:10px;position:absolute;top:0;left:0;right:0;z-index:50;max-height:82%;overflow-y:auto;padding:12px;background:var(--bg-overlay);border:1px solid var(--border-strong);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--panel-shadow);transform:translateY(-118%);transition:transform 0.26s ease}.mkt-dropdown.open{transform:translateY(0)}.mkt-dropdown .cb-filterbar{flex:0 0 auto}.mkt-dropdown-scrim{display:block;position:absolute;inset:0;z-index:45;background:rgba(4,6,16,0.45);opacity:0;pointer-events:none;transition:opacity 0.26s ease}.mkt-dropdown-scrim.open{opacity:1;pointer-events:auto}.panel-header{flex-wrap:wrap;row-gap:8px}.chart-controls{width:100%}.filter-row{flex-wrap:wrap}.pat-search-wrap{flex:1 1 100%}.pat-search-input{flex:1;width:auto}.pat-count{margin-left:0}.pat-intro-note{margin-left:0}.cb-exchange,.bubble-legend,.mfp-toggle-btn{display:none}.cb-filterbar .cb-sep{display:none}.cb-filterbar{gap:6px 8px}.mkt-search-wrap{flex:1 1 100%}.mkt-search-input{flex:1}}@media (max-width:640px){.stat-card--hero{flex:1 1 100%}.stat-card{padding:16px 14px 30px}.num-lg{font-size:clamp(19px,5.6vw,30px)}.stat-card--hero .num-lg{font-size:clamp(28px,9vw,38px)}#page-ctrl{flex-wrap:wrap}.mkt-search-input,.pat-search-input,.filter-select{min-height:32px}}@media (min-width:769px) and (max-width:979px){.stats-bar{flex-wrap:wrap}.stat-card{flex:1 1 30%;border-right:none;border-bottom:1px solid var(--border)}}@media (pointer:coarse){.cb-pill,.seg-btn,.cf-btn,.ind-btn,.pg-btn,.filter-select,.mkt-search-input,.pat-search-input,.mkt-controls-toggle,.symbol-trigger{min-height:36px}.nav-item{padding:12px}.nav-toggle{min-width:40px;min-height:40px}#bubble-container canvas{touch-action:none}.table-wrap,.ct-scroll,.chart-tf{touch-action:pan-x}}@media (max-width:1280px){.app-nav{grid-template-columns:max-content 1fr;gap:16px;padding:0 20px}.app-nav-actions{gap:8px}.app-search{display:none}.app-nav-links{justify-content:flex-start}}@media (max-width:680px){.app-nav-links{flex-wrap:wrap;justify-content:center;row-gap:2px;overflow:visible}.app-nav .nav-group{position:static}.app-nav .nav-group::after{display:none}.app-nav .nav-group .nav-group-menu,.app-nav .nav-mega .nav-group-menu.nav-mega-menu{left:12px;right:12px;width:auto;min-width:0;max-width:none;grid-template-columns:1fr;grid-auto-flow:row;transform:translateY(-6px);max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow:hidden auto}.app-nav .nav-group:hover .nav-group-menu,.app-nav .nav-group:focus-within .nav-group-menu,.app-nav .nav-group.open .nav-group-menu,.app-nav .nav-mega:hover .nav-group-menu.nav-mega-menu,.app-nav .nav-mega:focus-within .nav-group-menu.nav-mega-menu,.app-nav .nav-mega.open .nav-group-menu.nav-mega-menu{transform:translateY(0)}}@media (max-width:1024px){.app-shell{grid-template-rows:auto 1fr}.app-nav{min-height:0;grid-template-columns:1fr;align-content:center;gap:5px;padding:7px 12px}.app-nav-brand{display:none}.app-nav-actions{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.app-nav-actions::-webkit-scrollbar{display:none}.main{padding:16px;grid-template-rows:auto auto auto auto}.right-col{display:grid;grid-template-columns:1fr}}@media (max-width:680px){.app-nav .nav-item,.app-nav .nav-group-trigger{padding:6px 9px;font-size:13px}.app-nav-actions{gap:6px}.app-nav .app-live-badge,.app-nav .lang-select,.app-nav .account-signin-btn,.app-nav .account-user{height:30px}.app-nav .lang-select{max-width:120px;padding:0 8px;font-size:13px}}