:root{
  --bg:#f6f7fb;
  --bg-2:#eef2f7;
  --ink:#23262f;
  --muted:#727986;
  --line:rgba(55,62,76,.09);
  --glass:rgba(255,255,255,.82);
  --glass-strong:rgba(255,255,255,.94);
  --accent:#ed70a9;
  --accent-2:#a98aee;
  --accent-dark:#c64d85;
  --accent-soft:#f7d7e6;
  --accent-pale:#fff7fb;
  --signal:#58cbdc;
  --signal-soft:#dff7fa;
  --shadow:0 12px 34px rgba(52,61,76,.08);
  --radius:20px;
}
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(237,112,169,.10),transparent 28%),
    radial-gradient(circle at 94% 10%,rgba(88,203,220,.11),transparent 27%),
    linear-gradient(180deg,#fafbfc 0%,#f5f7fa 52%,#fafbfc 100%);
}
body[data-market="bl"]{
  --bg:#f5f9fb;
  --bg-2:#edf5f9;
  --accent:#65c9f5;
  --accent-2:#8aa9ef;
  --accent-dark:#369bc9;
  --accent-soft:#d6eef9;
  --accent-pale:#f6fcff;
  background:
    radial-gradient(circle at 8% 0%,rgba(101,201,245,.11),transparent 28%),
    radial-gradient(circle at 94% 10%,rgba(144,160,236,.10),transparent 27%),
    linear-gradient(180deg,#fafcfd 0%,#f3f8fb 52%,#fafcfd 100%);
}
.card{
  border-color:rgba(255,255,255,.96);
  background:rgba(255,255,255,.78);
  box-shadow:var(--shadow);
  backdrop-filter:blur(12px) saturate(1.05);
  -webkit-backdrop-filter:blur(12px) saturate(1.05);
}
.scope-menu{margin:8px 0 10px!important}
.scope-menu>summary{color:var(--muted)!important;font-size:10px!important;letter-spacing:.03em!important}
.scope-menu .control-bar{
  border:1px solid rgba(45,55,72,.075)!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 30px rgba(52,61,76,.06)!important;
}
.scope-menu .compact-segments,
.scope-menu .period-tabs{
  gap:3px!important;
  padding:4px!important;
  border:1px solid rgba(45,55,72,.075)!important;
  background:rgba(232,236,243,.72)!important;
  box-shadow:inset 0 1px 2px rgba(45,55,72,.035)!important;
}
.scope-menu .mini-segment,
.scope-menu .period-button{
  border:1px solid transparent!important;
}
.scope-menu .mini-segment.active,
.scope-menu .period-button.active{
  border-color:rgba(255,255,255,.92)!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(52,61,76,.08)!important;
}
.scope-menu .window-control{
  border-top-color:rgba(45,55,72,.075)!important;
}

.home-command{
  position:relative;
  overflow:hidden;
  margin:4px 0 12px;
  padding:20px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:24px;
  background:rgba(255,255,255,.90);
  box-shadow:0 18px 48px rgba(45,55,72,.09);
}
.home-command::before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-52px;
  top:-72px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(88,203,220,.18),rgba(169,138,238,.08) 55%,transparent 72%);
  pointer-events:none;
}
.home-command::after{
  content:"";
  position:absolute;
  width:72px;
  height:72px;
  right:76px;
  top:-36px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(237,112,169,.12),transparent 70%);
  pointer-events:none;
}
.home-command-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.home-command-title .eyebrow{color:var(--signal);letter-spacing:.18em}
.home-command-title h2{margin:4px 0 0;font-size:clamp(22px,5vw,30px);line-height:1.12;letter-spacing:-.045em;font-weight:900}
.home-command-title p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.home-command-mode{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.home-command-mode span{padding:6px 9px;border-radius:999px;background:#f3f5f8;color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap}
.home-command-mode .active{background:var(--signal-soft);color:#328b99}
body[data-market="bl"] .home-command-mode .active{background:#e5f6fd;color:#347f9f}
.home-command-mode .soon{border:1px dashed rgba(169,138,238,.35);background:rgba(169,138,238,.06);color:#8871b6}
.home-command-mode .soon b{margin-left:4px;font-size:7px;letter-spacing:.08em}
.home-keyword{position:relative}
.home-command-form{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
/* .home-command has overflow:hidden (it clips the decorative corner blobs),
   which would clip the suggestion dropdown's shared position:absolute
   styling from ui-v3.css almost entirely - position:fixed escapes that,
   with home-reframe.js computing left/top/width from the input's own
   bounding box on each render instead of relying on a positioned ancestor. */
#homeCommandSuggest{position:fixed;left:auto;right:auto}
.home-command-form input{
  width:100%;
  min-width:0;
  height:50px;
  padding:0 16px;
  border:1px solid rgba(45,55,72,.10);
  border-radius:15px;
  outline:none;
  background:#f8f9fb;
  color:var(--ink);
  font-size:14px;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.home-command-form input:focus{border-color:rgba(88,203,220,.7);background:white;box-shadow:0 0 0 4px rgba(88,203,220,.10)}
.home-command-form button{
  min-width:86px;
  border:0;
  border-radius:15px;
  padding:0 18px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:white;
  font-size:13px;
  font-weight:800;
  box-shadow:0 8px 22px rgba(169,96,157,.18);
}
.home-command-examples{position:relative;z-index:1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.home-command-examples>span{color:var(--muted);font-size:9px;font-weight:600}
.home-command-examples button{border:0;padding:5px 8px;border-radius:999px;background:#f3f5f8;color:#59616f;font-size:10px;font-weight:650}
.home-nuance-note{position:relative;z-index:1;margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.home-nuance-status{position:relative;z-index:1;margin-top:6px;font-size:11px;font-weight:700;color:var(--accent-dark)}

.home-ranking-section{margin:20px 0 2px}
.home-ranking-section .hero{
  position:relative;
  overflow:visible!important;
  margin:0 0 11px!important;
  padding:2px 4px 13px 14px!important;
  border:0!important;
  border-left:3px solid var(--signal)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-ranking-section .hero::before,.home-ranking-section .hero::after{display:none!important}
.home-ranking-section .hero-kicker{color:var(--signal)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.14em!important}
.home-ranking-section .hero h2{margin:4px 0 4px!important;max-width:none!important;font-size:24px!important;line-height:1.18!important;letter-spacing:-.04em!important}
.home-ranking-section .hero p{max-width:780px!important;font-size:11px!important;line-height:1.6!important;color:var(--muted)!important}
.home-ranking-section .hero-status{margin-top:7px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--muted)!important;font-size:9px!important;font-weight:650!important}

.rank-kpis{margin-top:0!important;gap:7px!important}
.market-brief{margin-top:8px!important;border-radius:19px!important;background:rgba(255,255,255,.54)!important;box-shadow:none!important;border:1px solid rgba(45,55,72,.06)!important}
.view-tabs{
  margin-top:12px!important;
  border-color:rgba(45,55,72,.07)!important;
  background:rgba(248,250,252,.92)!important;
  box-shadow:0 8px 24px rgba(52,61,76,.06)!important;
}
.view-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;box-shadow:0 7px 18px rgba(169,96,157,.17)!important}

.home-toolbox{margin-top:30px!important;padding-top:3px}
.home-toolbox-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 4px 10px}
.home-toolbox-head h3{margin:4px 0 0;font-size:20px;letter-spacing:-.035em}
.home-toolbox-head p{margin:0;max-width:360px;text-align:right;color:var(--muted);font-size:10px;line-height:1.5}
.home-toolbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.home-toolbox-grid .longterm-link{
  min-width:0;
  margin:0!important;
  padding:15px 74px 15px 15px!important;
  border-radius:17px!important;
  border:1px solid rgba(45,55,72,.06)!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:none!important;
}
.home-toolbox-grid .longterm-link::after{
  width:68px!important;
  height:100%!important;
  right:0!important;
  top:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),var(--accent-soft))!important;
  opacity:.72!important;
}
.home-toolbox-grid .longterm-link .eyebrow{font-size:8px;letter-spacing:.14em}
.home-toolbox-grid .longterm-link strong{display:block;margin-top:4px;font-size:13px;line-height:1.4}
.home-toolbox-grid .longterm-link p{margin:6px 0 0!important;color:var(--muted)!important;font-size:9px!important;line-height:1.55!important}
.home-toolbox-grid .longterm-link .arrow{
  top:50%!important;
  right:14px!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  height:40px!important;
  font-size:14px!important;
}

.section-block{margin-top:24px}
.section-heading h3{font-size:21px}
.summary-card,.momentum-card,.axis-card{border-radius:17px!important;box-shadow:0 6px 18px rgba(52,61,76,.05)!important}

@media(max-width:640px){
  .app-shell{padding-left:14px!important;padding-right:14px!important}
  .home-command{padding:16px;border-radius:20px}
  .home-command-head{display:block;margin-bottom:12px}
  .home-command-mode{margin-top:10px}
  .home-command-title h2{font-size:24px}
  .home-command-form{grid-template-columns:minmax(0,1fr) auto}
  .home-command-form input{height:47px;padding:0 13px;font-size:13px}
  .home-command-form button{min-width:0;padding:0 10px;font-size:12px}
  .home-ranking-section{margin-top:17px}
  .home-ranking-section .hero{padding-left:11px!important}
  .home-ranking-section .hero h2{font-size:21px!important}
  .home-ranking-section .hero p{font-size:10px!important}
  .home-toolbox-head{display:block}
  .home-toolbox-head p{margin-top:4px;text-align:left}
  .home-toolbox-grid{grid-template-columns:1fr}
  .home-toolbox-grid .longterm-link{padding:13px 74px 13px 14px!important}
  .home-toolbox-grid .longterm-link p{margin-top:3px!important}
}
@media(max-width:420px){
  .home-command-mode{gap:4px}
  .home-command-mode span{padding:5px 7px;font-size:8px}
  .home-command-examples button{font-size:9px}
  .home-ranking-section .hero h2{font-size:20px!important}
}
@supports(-webkit-touch-callout:none){
  html{background:#f7f8fa!important}
  body{background-color:#f7f8fa!important}
  body[data-market="bl"]{background-color:#f4f9fb!important}
}