/* AirData 2.0 in Liquid Glass (mock-ups v9 and v10, approved by the owner 18.09.2026: «transfer all of it, exactly the
   same»). Clear glass over the city photographs, a light rim and a specular highlight, a floating capsule tab bar with
   the round «Savol» apart. Only effects Safari (Telegram on iPhone) can draw. Loaded last, so it wins over the older
   themes: both the crystal and the obsidian settings get the same look. */
html, html[data-theme], html[data-theme="obsidian"], html[data-theme="crystal"] {
  --ink:#fff; --text:#fff; --dim:rgba(255,255,255,.78); --faint:rgba(255,255,255,.55); --line:rgba(255,255,255,.12);
  --gold:#F7C948; --gold-deep:#E2B43C; --gold-soft:rgba(247,201,72,.22); --live:#F7C948; --on-gold:#15130A;
  --good:#3DD68C; --good-soft:rgba(61,214,140,.3); --bad:#FF8A65; --bad-soft:rgba(255,122,107,.25);
  --lg-bg:linear-gradient(160deg, rgba(255,255,255,.18), rgba(255,255,255,.05) 55%, rgba(255,255,255,.09)), rgba(14,16,24,.30);
  --panel:var(--lg-bg); --panel2:rgba(255,255,255,.14); --s1:var(--lg-bg); --s2:rgba(255,255,255,.14); --s3:rgba(255,255,255,.14);
  --glass-filter:blur(12px) saturate(190%) brightness(1.06); --rim:rgba(255,255,255,.16);
  --depth:0 8px 24px rgba(0,0,0,.22);
  --inner:inset 0 1px 1px rgba(255,255,255,.65), inset 0 -1px 1px rgba(255,255,255,.18), inset 0 0 12px rgba(255,255,255,.08);
  --sheen:radial-gradient(120% 90% at 20% 0%, rgba(255,255,255,.28), rgba(255,255,255,0) 60%); --sheen-o:1; --grain-o:0;
  --active:rgba(255,255,255,.85); --active-ink:#111; --btn:linear-gradient(140deg, #FBE38A, #E2B43C); --btn-ink:#15130A;
  --shade:linear-gradient(180deg, rgba(6,8,14,.5) 0%, rgba(6,8,14,.34) 30%, rgba(6,8,14,.55) 65%, rgba(6,8,14,.82) 100%);
  --sheet:rgba(20,22,30,.62); --r:26px;
}
html, body { font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif; font-size:15px; }
main#view { padding:0 16px; text-shadow:0 1px 2px rgba(0,0,0,.35); }

/* ------------------------------------------------------------ the material: one recipe for every glass surface */
.card, .tile, .seg, .conv, .round-nav button, .day, .chip, .opt, .listbar button:not(.primary), .player, .toast, .btn.ghost, .page-glass,
.v2-card, .v2-opt, .tcard .tc-b, .me-tile, .me-list, .pl-it, .pl-totals > div, .cin-tile, .sky-pick, .v2-votebtn, .v2-examples button,
.v2-askform, .v2-ask, .today .ck, .today .dest span, .v2-chip, .when-row button, .follow button, .pl-tools button, .v2-flt, .v2-verdictcard,
.tl, .ev2, .ev2-tab, .ev2-q, .ev2-where, .lq, .lq-evx, .search input, .st-card .st-tx, .go-card, .fnav button, .v2-watch {
  background:var(--lg-bg) !important; -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter);
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:var(--inner), var(--depth) !important; color:#fff;
}
.card, .v2-card, .v2-opt, .me-tile, .me-list, .tl, .ev2, .v2-flt, .v2-verdictcard, .lq, .pl-it, .v2-votebtn, .v2-watch, .go-card { position:relative; isolation:isolate; }
.card::before, .v2-card::before, .v2-opt::before, .me-tile::before, .tl::before, .ev2::before, .v2-flt::before, .v2-verdictcard::before, .lq::before,
.pl-it::before, .v2-votebtn::before, .v2-watch::before {
  content:""; position:absolute; left:6%; right:38%; top:1px; height:44%; border-radius:inherit; pointer-events:none; z-index:0;
  background:radial-gradient(120% 90% at 20% 0%, rgba(255,255,255,.26), rgba(255,255,255,0) 70%); mix-blend-mode:normal; opacity:1; inset:auto;
}
.card::after, nav::after, .player::after { display:none !important; }
.v2-card > *, .v2-opt > *, .me-tile > *, .tl > *, .ev2 > *, .v2-flt > *, .lq > *, .pl-it > *, .v2-votebtn > *, .v2-watch > * { position:relative; z-index:1; }
.card { border-radius:26px; }
.card.lqflat::before { display:none; }

/* chips and segments: the chosen one is milky white with dark ink; gold stays for money and the main action */
.chip { min-height:36px; padding:0 14px; border-radius:18px; font-size:13.5px; font-weight:600; color:#fff; }
.chip.on, .opt.on, .day.on, .ev2-tab.on, .when-row button.on { background:rgba(255,255,255,.88) !important; color:#111 !important; border-color:transparent !important; text-shadow:none; }
.chip.on svg.i, .ev2-tab.on svg.i { color:#111 !important; }
.seg { border-radius:22px; padding:4px; }
.seg button { min-height:34px; border-radius:18px; font-size:13.5px; font-weight:650; color:rgba(255,255,255,.82); opacity:1; }
.seg button.on { background:rgba(255,255,255,.88) !important; color:#111 !important; box-shadow:none !important; text-shadow:none; }
.btn, .btn.primary, .gold-btn { background:linear-gradient(140deg, #FBE38A, #E2B43C) !important; color:#15130A !important; font-weight:800;
  box-shadow:0 10px 24px rgba(226,180,60,.35), inset 0 1px 1px rgba(255,255,255,.6) !important; text-shadow:none; border:0 !important; }
.btn.ghost { color:#fff !important; font-weight:700; }

/* ------------------------------------------------------------ the top: nothing but the page; the logo lives on «Bugun» */
header { grid-template-columns:1fr !important; padding:calc(8px + var(--safe-t)) 16px 2px !important; position:relative !important; }
header .icon-btn, header button { display:none !important; }
header .logo { height:13px !important; opacity:.92; filter:drop-shadow(0 1px 6px rgba(0,0,0,.4)) !important; }
body:not([data-tab="home"]) header { height:calc(6px + var(--safe-t)); padding:0 !important; overflow:hidden; }
body:not([data-tab="home"]) header .logo { display:none; }
.page-head { padding:8px 20px 8px; }
.page-head h1, #title { font-size:34px !important; font-weight:800 !important; letter-spacing:-.03em !important; line-height:1.08; text-shadow:0 2px 20px rgba(0,0,0,.35); }
.page-head .sub:empty { display:none; }
h1 { font-weight:800; letter-spacing:-.03em; }
.block-head h2, .v2 .sec h2, .tl-head b, .ev2-sec h2 { font-size:19px !important; font-weight:700 !important; letter-spacing:-.01em; text-shadow:0 1px 12px rgba(0,0,0,.4); }
.v2 .sec, .block-head { margin:16px 4px 8px; }
.v2 .sec button, .v2 .sec span, .block-head .link { color:var(--dim); font-size:13px; }

/* ------------------------------------------------------------ the dock: a floating capsule and the round «Savol» apart */
nav#nav { position:fixed; left:14px; right:14px; bottom:calc(14px + var(--safe-b)); height:64px; display:flex !important; gap:10px; align-items:center; padding:0;
  background:none !important; border:0 !important; box-shadow:none !important; -webkit-backdrop-filter:none; backdrop-filter:none; overflow:visible !important; border-radius:0; }
nav#nav::before, nav#nav::after { display:none !important; }
nav#nav .lq-cap { flex:1; height:64px; border-radius:32px; display:flex; justify-content:space-around; align-items:center; padding:0 6px; }
nav#nav .lq-cap button { height:auto; margin:0; display:flex; flex-direction:column; align-items:center; gap:2px; font-size:11px; font-weight:700; color:rgba(255,255,255,.82);
  padding:6px 12px; border-radius:24px; opacity:1; background:none; box-shadow:none; }
nav#nav .lq-cap button svg.i { width:23px; height:23px; }
nav#nav .lq-cap button.on { background:rgba(255,255,255,.22) !important; box-shadow:inset 0 1px 1px rgba(255,255,255,.5) !important; color:#fff; }
nav#nav .lq-orb { flex:0 0 64px; width:64px; height:64px; border-radius:50%; display:grid; place-items:center; color:#fff;
  background:linear-gradient(160deg, rgba(247,201,72,.55), rgba(247,201,72,.25)), rgba(14,16,24,.3) !important; }
nav#nav .lq-orb svg.i { width:26px; height:26px; }
nav#nav .lq-orb.on { background:linear-gradient(160deg, rgba(247,201,72,.85), rgba(226,180,60,.55)) !important; }
body { padding-bottom:calc(104px + var(--safe-b)); }

/* the sheet: dark glass */
.sheet { background:rgba(20,22,30,.72) !important; -webkit-backdrop-filter:blur(24px) saturate(180%); backdrop-filter:blur(24px) saturate(180%);
  border-top:1px solid rgba(255,255,255,.18); box-shadow:inset 0 1px 1px rgba(255,255,255,.35), 0 -10px 40px rgba(0,0,0,.4); }

/* ------------------------------------------------------------ the opening (v10 L1): the white wordmark in a soft light */
.lq-splash { position:fixed; inset:0; z-index:120; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px;
  background:#07080d center/cover no-repeat; transition:opacity .45s ease, transform .45s ease; }
.lq-splash::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,8,14,.55), rgba(6,8,14,.4) 40%, rgba(6,8,14,.8)); }
.lq-splash .halo { position:absolute; top:calc(50% - 170px); left:50%; width:320px; height:320px; margin-left:-160px; border-radius:50%;
  background:radial-gradient(circle, rgba(160,190,255,.3), rgba(160,190,255,0) 65%); filter:blur(10px); animation:lqHalo 1.2s ease-out both; }
.lq-splash img { position:relative; width:230px; filter:drop-shadow(0 6px 24px rgba(255,255,255,.25)); animation:lqWord .8s cubic-bezier(.2,.8,.2,1) both; }
.lq-splash p { position:relative; margin:0; color:rgba(255,255,255,.78); font-size:13px; letter-spacing:.12em; animation:lqWord .8s .15s cubic-bezier(.2,.8,.2,1) both; }
.lq-splash.out { opacity:0; transform:scale(1.04); pointer-events:none; }
@keyframes lqHalo { from { opacity:0; transform:scale(.7); } to { opacity:1; transform:none; } }
@keyframes lqWord { from { opacity:0; transform:translateY(8px); letter-spacing:.2em; } to { opacity:1; transform:none; } }

/* ------------------------------------------------------------ Bugun (v9 screen 1) */
.lq { position:relative; isolation:isolate; background:var(--lg-bg); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter);
  box-shadow:var(--inner), var(--depth); border:1px solid rgba(255,255,255,.16); border-radius:26px; color:#fff; }
.lq-top { display:flex; justify-content:center; margin:2px 0 4px; }
.pillrow { display:flex; align-items:center; gap:10px; padding:7px 14px; border-radius:20px; font-size:13px; font-weight:600; }
.pillrow > span { display:flex; align-items:center; gap:5px; white-space:nowrap; }
.pillrow > i { width:1px; height:14px; background:rgba(255,255,255,.3); }
.pillrow svg.i { width:15px; height:15px; color:var(--gold); }
.today h1.hello.big { font-size:40px; line-height:1.05; letter-spacing:-.03em; margin:10px 4px 16px; font-weight:800; text-shadow:0 2px 20px rgba(0,0,0,.35); }
.askpill { display:flex; align-items:center; gap:10px; width:100%; height:54px; padding:0 8px 0 16px; border-radius:27px; font-size:15px; color:rgba(255,255,255,.85); margin-bottom:14px; text-align:left; }
.askpill > svg.i { color:var(--gold); width:20px; height:20px; }
.askpill span { flex:1; }
.askpill em { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--gold); color:#111; }
.askpill em svg.i { width:18px; height:18px; }
.v2-card { border-radius:26px !important; padding:14px 16px !important; margin-bottom:10px; }
.radar .k { font-size:12.5px; color:var(--dim); }
.radar .big { font-size:40px; font-weight:800; letter-spacing:-.03em; line-height:1.05; }
.radar .delta { color:var(--good); }
.v2-verdict { padding:9px 14px; border-radius:18px; font-weight:800; font-size:13px; }
.v2-verdict.buy { color:#b8ffd9 !important; background:linear-gradient(160deg, rgba(61,214,140,.45), rgba(61,214,140,.15)) !important; }
.v2-verdict.mid { color:#ffe9a8 !important; background:linear-gradient(160deg, rgba(247,201,72,.45), rgba(247,201,72,.12)) !important; }
.v2-verdict.wait { color:#ffd0c4 !important; background:linear-gradient(160deg, rgba(255,122,107,.45), rgba(255,122,107,.12)) !important; }
.v2-spark { height:34px; margin:12px 0 6px; }
.v2-spark i { background:linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.2)) !important; }
.v2-spark i.on { background:var(--good) !important; }
.v2-spark i.gap { background:rgba(255,255,255,.08) !important; }
.lq-rail { margin:0 -16px !important; padding:0 16px 4px !important; }
.lq-evc { position:relative; flex:0 0 150px; height:190px; border-radius:24px; overflow:hidden; text-align:left; color:#fff; }
.lq-evc .v2-img { position:absolute; inset:0; height:auto !important; border-radius:0 !important; margin:0 !important; }
.lq-evx { position:absolute !important; left:6px; right:6px; bottom:6px; padding:8px 10px !important; border-radius:18px !important; }
.lq-evx b { display:block; font-size:13.5px; line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.lq-evx small { display:block; font-size:11.5px; color:var(--dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.page-head .sub { display:none !important; }

/* ------------------------------------------------------------ the price map (v9 screen 2) */
.lq-mapsec { position:relative; margin:4px -16px 14px; height:min(72vh, 600px); overflow:hidden; border-radius:0; }
.lq-map { position:absolute; inset:0; background:#0b1220; }
.lq-map .leaflet-tile-pane { filter:brightness(.72) contrast(1.15) saturate(.8); }
.lq-map.leaflet-container { font:inherit; background:#0b1220; }
.lq-map .leaflet-control-attribution { background:rgba(0,0,0,.4) !important; color:#aaa !important; font-size:9px !important; }
.lq-map .leaflet-control-attribution a { color:#ccc !important; }
.lq-maptop { position:absolute; left:16px; right:16px; top:8px; z-index:500; pointer-events:none; }
.lq-maptop .chips { pointer-events:auto; margin:0; padding:0 0 4px; }
.lq-hint { font-size:12px; color:#ddd; text-align:center; margin-top:4px; text-shadow:0 1px 4px #000; }
.lq-mapsheet { position:absolute !important; left:10px; right:10px; bottom:10px; z-index:500; border-radius:30px !important; padding:8px 14px 14px !important; }
.lq-mapsheet .grip { width:38px; height:5px; border-radius:3px; background:rgba(255,255,255,.5); margin:0 auto 8px; }
.lq-mapsheet .shead { display:flex; justify-content:space-between; align-items:center; width:100%; text-align:left; color:#fff; }
.lq-mapsheet .shead b { font-size:20px; }
.lq-deal { padding:5px 10px; border-radius:14px; font-weight:800; font-size:11.5px; color:#b8ffd9; background:linear-gradient(160deg, rgba(61,214,140,.45), rgba(61,214,140,.15)); }
.lq-mapsheet .sdim { display:block; color:var(--dim); font-size:12px; margin:2px 0 10px; }
.lq-mapsheet .srail { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; }
.lq-mapsheet .srail::-webkit-scrollbar { display:none; }
.lq-mapsheet .sc { flex:0 0 92px; text-align:left; color:#fff; }
.lq-mapsheet .sc .im { display:block; height:70px; border-radius:16px; margin-bottom:4px; background-size:cover; background-position:center; }
.lq-mapsheet .sc b { display:block; font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lq-mapsheet .sc small { color:var(--dim); font-size:11px; }
.lq-pill { display:flex; gap:4px; align-items:baseline; padding:4px 9px; border-radius:12px; font-size:11.5px; white-space:nowrap; color:#fff; cursor:pointer; width:max-content;
  background:rgba(12,18,32,.6); -webkit-backdrop-filter:blur(8px) saturate(160%); backdrop-filter:blur(8px) saturate(160%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35), 0 4px 12px rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.14); transform:translate(-50%, -135%); }
.lq-pill b { color:var(--c); font-size:12.5px; }
.lq-pill.sel { background:linear-gradient(160deg, rgba(255,255,255,.35), rgba(255,255,255,.12)); border-color:rgba(255,255,255,.5); font-size:13px; }
.lq-pill.sel b { font-size:16px; }
.lq-pill.hide { display:none; }
.lq-dot { width:10px; height:10px; border-radius:50%; background:var(--c); box-shadow:0 0 0 3px rgba(0,0,0,.35), 0 0 12px var(--c); transform:translate(-50%, -50%); }
.lq-home { width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 0 0 4px rgba(247,201,72,.8), 0 0 30px 8px rgba(247,201,72,.5); transform:translate(-50%, -50%); }

/* ------------------------------------------------------------ Tadbirlar (v10 screen C1) */
.ev2-top { margin:2px 0 8px; }
.ev2-q { height:48px !important; border-radius:24px !important; padding:0 6px 0 16px !important; gap:10px; color:rgba(255,255,255,.85) !important; }
.ev2-q svg.i { color:#fff; }
.ev2-q input::placeholder { color:rgba(255,255,255,.7); }
.ev2-q .ev2-where { flex:0 0 auto; height:36px; max-width:48%; padding:0 12px; border-radius:18px; background:rgba(255,255,255,.18) !important; border:0 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.4) !important; font-size:12.5px; font-weight:700; color:#fff; }
.weekstrip { display:flex; gap:5px; overflow-x:auto; scrollbar-width:none; margin:4px -16px 10px; padding:2px 16px; }
.weekstrip::-webkit-scrollbar { display:none; }
.weekstrip .wd { flex:0 0 calc((100vw - 32px - 30px) / 7); min-width:44px; max-width:56px; text-align:center; padding:7px 0; border-radius:18px; color:#fff; }
.weekstrip .wd.wide { flex:0 0 auto; max-width:none; padding:7px 14px; display:grid; place-items:center; }
.weekstrip .wd small { display:block; font-size:10.5px; color:var(--dim); text-transform:capitalize; }
.weekstrip .wd b { display:block; font-size:17px; line-height:1.2; }
.weekstrip .wd.wide b { font-size:13px; }
.weekstrip .wd em { display:block; height:12px; font-style:normal; color:var(--gold); font-size:11px; letter-spacing:1px; line-height:1; }
.weekstrip .wd.on { background:linear-gradient(160deg, rgba(247,201,72,.9), rgba(226,180,60,.7)) !important; color:#15130a; text-shadow:none; }
.weekstrip .wd.on small, .weekstrip .wd.on em { color:#15130a; }
.ev2-tabs { gap:6px !important; margin:0 -16px 8px !important; padding:0 16px 2px !important; border-bottom:0 !important; }
.ev2-tab { flex-direction:row !important; gap:5px !important; min-width:0 !important; padding:7px 12px !important; border-radius:18px !important; font-size:13px; color:#fff !important; border-bottom:0 !important; }
.ev2-tab svg.i { width:15px !important; height:15px !important; color:var(--gold); }
.ev2-tab b { font-size:13px !important; font-weight:650 !important; }
.ev2-tab small { font-size:11px !important; color:var(--dim); opacity:1 !important; }
.ev2-tab.on small { color:#555; }
.ev2-tab.none { opacity:.45; }
.ev2 { gap:10px !important; padding:8px 10px !important; border-radius:22px !important; }
.ev2 .tt { flex:0 0 44px; font-weight:800; color:var(--gold); font-size:14px; }
.ev2-ph { flex:0 0 50px !important; height:60px !important; border-radius:14px !important; }
.ev2-tx b { font-size:14px !important; }
.ev2-tx small { font-size:12px !important; }
.ev2-day b { font-size:19px !important; font-weight:700; text-shadow:0 1px 12px rgba(0,0,0,.4); }

/* ------------------------------------------------------------ headings as in the mock-ups: sentence case, 19 px */
.block-head h2 { text-transform:none !important; letter-spacing:-.01em !important; color:#fff !important; }
.tl .kbar { display:none; }

/* ------------------------------------------------------------ Hordiq (v10 C4): photo cards two by two, the name on glass */
.go-list { display:grid !important; grid-template-columns:1fr 1fr; gap:10px !important; }
.go-card { display:block !important; position:relative; height:190px; padding:0 !important; border-radius:26px !important; overflow:hidden; }
.go-card::before { display:none; }
.go-main { position:absolute !important; inset:0; display:block !important; }
.go-img { position:absolute !important; inset:0; height:auto !important; border-radius:0 !important; background-size:cover !important; }
.go-img.drawn { display:grid !important; place-items:center; }
.go-tx { position:absolute; left:6px; right:6px; bottom:6px; padding:8px 10px; border-radius:18px; display:block !important;
  background:var(--lg-bg); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); box-shadow:var(--inner); border:1px solid rgba(255,255,255,.16); }
.go-tx b { display:block; font-size:13px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.go-tx small { display:block; font-size:11px; color:var(--dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.go-card .open-btn { position:absolute; top:8px; right:8px; z-index:2; width:34px; height:34px; min-width:34px; min-height:34px; border-radius:50%; display:grid; place-items:center; padding:0;
  background:rgba(14,16,24,.45); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:inset 0 1px 1px rgba(255,255,255,.45); }
.go-card .open-btn svg.i { width:16px; height:16px; }

/* ------------------------------------------------------------ Joylar (v10 C5): the same photo cards */
.st-grid { gap:10px !important; }
.st-card { height:190px; border-radius:26px !important; background:none !important; border:0 !important; box-shadow:0 8px 24px rgba(0,0,0,.22) !important; }
.st-img { position:absolute !important; inset:0; height:auto !important; }
.st-card .st-tx { position:absolute !important; left:6px; right:6px; bottom:6px; padding:8px 10px !important; border-radius:18px; }
.st-tx b { font-size:13px !important; line-height:1.2; }
.st-tx small { font-size:11px !important; -webkit-line-clamp:1 !important; }

/* ------------------------------------------------------------ Yaqin atrofda (v10 C6) */
.near-top .near-cat, .near-cat { background:var(--lg-bg) !important; -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter);
  border:1px solid rgba(255,255,255,.16) !important; box-shadow:var(--inner), var(--depth) !important; border-radius:20px !important; color:#fff !important; }
.near-cat.on { background:rgba(255,255,255,.88) !important; color:#111 !important; }
.lq-nearmap { height:300px; margin:0 -16px 12px; background:#1b2230; }
.lq-nearmap .leaflet-tile-pane { filter:brightness(.8) contrast(1.1); }
.lq-nearmap .leaflet-control-attribution { background:rgba(0,0,0,.4) !important; color:#aaa !important; font-size:9px !important; }
.lq-nearmap .leaflet-control-attribution a { color:#ccc !important; }
.lq-npin { width:34px; height:34px; border-radius:12px; display:grid; place-items:center; color:#15130a; background:linear-gradient(140deg, #FBE38A, #E2B43C);
  box-shadow:0 6px 14px rgba(0,0,0,.4); transform:translate(-50%, -100%); cursor:pointer; }
.lq-npin svg.i { width:19px; height:19px; }
.lq-me { width:18px; height:18px; border-radius:50%; background:#4f8cff; border:3px solid #fff; box-shadow:0 0 0 8px rgba(79,140,255,.25); transform:translate(-50%, -50%); }
.near-row.sel { background:rgba(247,201,72,.16) !important; }
.near-go { color:var(--gold) !important; font-weight:700; }

/* ------------------------------------------------------------ Futbol and Musiqa (v10 D1, D3) */
.fnav button.on { background:rgba(255,255,255,.88) !important; color:#111 !important; }
.days .day.on, .fdays .on { background:linear-gradient(160deg, rgba(247,201,72,.9), rgba(226,180,60,.7)) !important; color:#15130a !important; }
#view > .chips:has(> [data-set="city"]) { display:none; }
#title.lq-pick { display:inline-flex; align-items:center; gap:6px; cursor:pointer; }
#title .chev { display:inline-grid; place-items:center; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.16); box-shadow:inset 0 1px 1px rgba(255,255,255,.4); transform:rotate(90deg); }
#title .chev svg.i { width:16px; height:16px; }
.moods { display:flex !important; gap:8px !important; overflow-x:auto; scrollbar-width:none; }
.moods .mood { position:relative; flex:1 0 64px !important; height:auto !important; min-height:64px !important; padding:10px 0 !important; border-radius:20px !important; display:flex !important;
  flex-direction:column !important; align-items:center !important; justify-content:center; gap:4px !important; border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55), 0 8px 20px rgba(0,0,0,.2) !important; }
.moods .mood::after { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(160deg, rgba(0,0,0,.05), rgba(10,12,20,.45)); pointer-events:none; }
.moods .mood svg.i { width:22px !important; height:22px !important; color:#fff !important; position:relative !important; z-index:1; right:auto; top:auto; }
.moods .mood b { font-size:11.5px !important; z-index:1; }
.tl { border-radius:22px !important; padding:8px 10px !important; }

/* ------------------------------------------------------------ Chipta / Reyslar (v10 S1, S2) */
.card.calpick { display:grid !important; grid-template-columns:1fr 40px 1fr; align-items:center; gap:8px; padding:14px 16px !important; border-radius:26px !important; }
.calpick .cin { position:relative; }
.calpick .cin label { position:static !important; display:block; font-size:10px !important; letter-spacing:.1em !important; color:var(--dim) !important; }
.calpick .cin input { min-height:0 !important; padding:2px 0 0 !important; border:0 !important; background:none !important; font-size:22px !important; font-weight:700 !important; color:#fff; box-shadow:none !important; }
.calpick .cin:last-child, .calpick .cin:last-child input { text-align:right; }
.calpick .swap { width:40px !important; height:40px !important; border-radius:50% !important; background:var(--lg-bg) !important; box-shadow:var(--inner) !important; border:1px solid rgba(255,255,255,.2) !important; }
.v2-verdictcard .v2-verdict.big { font-size:13px !important; padding:8px 13px !important; }
.v2-bar { height:10px !important; border-radius:5px !important; padding:0 !important; font-size:0 !important; color:transparent !important;
  background:linear-gradient(90deg, #3DD68C, #F7C948, #FF7A6B) !important; margin:8px 0 2px; }
.v2-bar i { top:-5px !important; width:6px !important; height:20px !important; border-radius:3px !important; box-shadow:0 0 0 3px rgba(0,0,0,.3) !important; }
.cday { border-radius:16px !important; background:var(--lg-bg) !important; box-shadow:var(--inner) !important; border:1px solid rgba(255,255,255,.12); min-height:54px !important; }
.cday.off { background:none !important; box-shadow:none !important; border-color:transparent; }
.cday.low { background:linear-gradient(160deg, rgba(61,214,140,.5), rgba(61,214,140,.15)) !important; box-shadow:inset 0 1px 1px rgba(255,255,255,.45) !important; }
.cday.low small { color:#fff !important; font-weight:800; }
.cday.on, .cday.sel { background:rgba(255,255,255,.88) !important; color:#111 !important; }
.cday.on small, .cday.sel small { color:#333 !important; }
.v2-flt { border-radius:22px !important; }
.v2-flt .al-logo { width:38px !important; height:38px !important; border-radius:11px !important; background:#fff; }
.v2-flt .pr { color:var(--gold); font-size:17px !important; }
.v2-watch { border-radius:22px !important; }
.v2-watch > svg.i { color:var(--gold); }
.v2-watch .tg { background:var(--gold) !important; color:#111 !important; border-radius:14px !important; }

/* ------------------------------------------------------------ Turlar (v9 screen 4): the photo is the card, the words on glass */
.tcard { height:250px; border-radius:30px !important; background:#1d1d27 !important; border:0 !important; box-shadow:0 10px 30px rgba(0,0,0,.3) !important; overflow:hidden; }
.tcard .tc-img { position:absolute !important; inset:0; height:auto !important; }
.tcard .tc-b { position:absolute !important; left:8px; right:8px; bottom:8px; padding:10px 13px !important; border-radius:22px !important; }
.tcard .tc-sc { background:var(--lg-bg) !important; -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); border:1px solid rgba(255,255,255,.3) !important;
  box-shadow:var(--inner) !important; border-radius:16px !important; color:var(--gold) !important; font-size:19px !important; }
.tcard .tc-sc small { color:#fff !important; }
.tcard .price { font-size:23px !important; }
.tcard .tc-why .tr-v.good { color:#b8ffd9 !important; }
.tcard .tc-ags { display:none; }

/* ------------------------------------------------------------ Savol (v9 screen 3): the question field floats above the dock */
.v2-askform.lq-float { position:fixed; left:16px; right:16px; bottom:calc(92px + var(--safe-b)); z-index:9; margin:0; border-radius:25px !important; padding:6px 6px 6px 16px !important; align-items:center; }
.v2-askform.lq-float textarea { max-height:96px; }
.v2-askform.lq-float button { border-radius:50% !important; width:38px; height:38px; flex:0 0 38px; background:var(--gold) !important; }
body[data-tab="ask"] { padding-bottom:calc(250px + var(--safe-b)) !important; }
.ask .q { border-radius:20px 20px 6px 20px !important; background:linear-gradient(160deg, rgba(247,201,72,.95), rgba(226,180,60,.85)) !important; color:#1a1405 !important; }
.v2-opt { border-radius:24px !important; padding:8px !important; }
.v2-opt > .v2-img { border-radius:18px !important; }
.v2-opt .btn-s { background:var(--lg-bg) !important; border:1px solid rgba(255,255,255,.3) !important; box-shadow:var(--inner); border-radius:14px !important; }
.v2-opt .tags i.g { background:rgba(61,214,140,.3) !important; color:#c9ffe3 !important; }
.v2-votebtn { border-radius:22px !important; }

/* ------------------------------------------------------------ Men (v10 D5) */
.me-head .av { border-radius:20px !important; width:58px !important; height:58px !important; }
.me-tile { border-radius:22px !important; }
.me-list { border-radius:22px !important; }

/* ------------------------------------------------------------ Kundalik (v10 C7) */
body[data-tab="city"] .card.hero { display:none !important; }
.lq-use { margin-top:14px; }
.wx { padding:14px 16px !important; }
.wxtop { display:flex; align-items:center; gap:12px; }
.wxi { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle, rgba(247,201,72,.55), rgba(247,201,72,.08)); flex:0 0 52px; }
.wxi svg { width:30px; height:30px; }
.wxtop b { font-size:40px; line-height:1; font-weight:300; display:block; }
.wxtop small { display:block; color:var(--dim); font-size:12.5px; }
.wxw { margin-left:auto; font-size:12.5px; color:var(--dim); display:flex; align-items:center; gap:4px; white-space:nowrap; }
.wxw svg.i { width:15px; height:15px; }
.lq-hours { display:flex; justify-content:space-between; margin-top:12px; }
.lq-hours span { text-align:center; font-size:12px; display:flex; flex-direction:column; align-items:center; gap:2px; }
.lq-hours small { color:var(--dim); }
.lq-hours b { font-size:14px; }
.pray { display:flex !important; gap:14px; align-items:center; margin-bottom:10px; }
.ring { position:relative; width:84px; height:84px; flex:0 0 84px; }
.ring svg { width:84px; height:84px; transform:rotate(-90deg); }
.ring .rbg { fill:none; stroke:rgba(255,255,255,.15); stroke-width:7; }
.ring .rfg { fill:none; stroke:var(--gold); stroke-width:7; stroke-linecap:round; }
.ring b { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:22px; line-height:1; }
.ring b small { font-size:10px; color:var(--dim); margin-top:2px; }
.lq-pl > small { color:var(--dim); font-size:12px; }
.lq-pl > b { display:block; font-size:20px; }
.lq-ptimes { display:flex; gap:10px; margin-top:6px; flex-wrap:wrap; }
.lq-ptimes span { font-size:12.5px; font-weight:700; }
.lq-ptimes span small { display:block; font-size:10px; color:var(--dim); font-weight:500; }
.lq-ptimes .on { color:var(--gold); }
section.block .card > .pill[style*="gold-soft"], section.block .card > .pill[style*="gold-soft"] + .bar { display:none !important; }
.card.conv { border-radius:26px !important; }
.lq-pl { flex:1; min-width:0; display:block; }

/* ------------------------------------------------------------ Safar kuni (v9 screen 6) */
.live-top small { color:var(--gold) !important; letter-spacing:.12em !important; font-size:11.5px !important; }
.live-top h1 { font-size:40px !important; line-height:1.05 !important; letter-spacing:-.03em !important; margin:4px 4px 14px !important; }
.v2-card.live { background:linear-gradient(160deg, rgba(90,140,255,.35), rgba(255,255,255,.06)), rgba(14,16,24,.3) !important; border-radius:30px !important; padding:16px 18px !important; }
.live .lrow b { font-size:30px !important; line-height:1; }
.live .path i { border-top-color:rgba(255,255,255,.45) !important; }
.live .path svg.i { background:rgba(40,60,110,.9) !important; border-radius:50%; padding:2px; }
.live .lstat span { background:rgba(255,255,255,.14) !important; border-radius:12px !important; }
.live .lstat .ok { background:rgba(61,214,140,.3) !important; color:#c9ffe3 !important; }
.today .check { background:var(--lg-bg); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); box-shadow:var(--inner), var(--depth);
  border:1px solid rgba(255,255,255,.16); border-radius:24px; padding:6px 14px !important; gap:0 !important; }
.today .check .ck { background:none !important; border:0 !important; box-shadow:none !important; border-bottom:1px solid rgba(255,255,255,.1) !important; border-radius:0 !important; padding:9px 0 !important; }
.today .check .ck:last-child { border-bottom:0 !important; }
.today .check .ck.done, .today .check .ck.done svg.i { color:#b8ffd9 !important; }
.today .dest span { border-radius:18px !important; padding:10px 4px !important; font-weight:700; }
/* the floating question field is dark enough that the cards scrolling under it never show through (owner's photo 18.09) */
.v2-askform.lq-float { background:linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.05)), rgba(18,20,28,.82) !important;
  -webkit-backdrop-filter:blur(22px) saturate(180%); backdrop-filter:blur(22px) saturate(180%); box-shadow:inset 0 1px 1px rgba(255,255,255,.5), 0 10px 30px rgba(0,0,0,.45) !important; }

/* ------------------------------------------------------------ the date card: months on top, an endless strip of days (19.09) */
.datecard { padding:10px !important; border-radius:24px !important; margin:4px 0 12px; }
.datecard .dch { display:flex; justify-content:space-between; align-items:center; font-size:13px; font-weight:700; margin:0 4px 8px; }
.datecard .dch svg.i { width:15px; height:15px; color:var(--gold); vertical-align:-3px; }
.datecard .dch em { font-style:normal; color:var(--dim); font-size:12px; }
.lq-months { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin:0 0 8px; padding:0 2px; }
.lq-months::-webkit-scrollbar, .lq-inf::-webkit-scrollbar { display:none; }
.lq-m { flex:0 0 auto; padding:6px 12px; border-radius:16px; font-size:12.5px; font-weight:650; color:#fff; background:rgba(255,255,255,.1); box-shadow:inset 0 1px 1px rgba(255,255,255,.3); }
.lq-m.in { background:rgba(255,255,255,.22); }
.lq-m.on { background:rgba(255,255,255,.88); color:#111; }
.lq-inf { display:flex; gap:5px; overflow-x:auto; scrollbar-width:none; padding:0 2px; }
.lq-inf .lq-d { flex:0 0 46px; text-align:center; padding:6px 0; border-radius:16px; color:#fff; background:rgba(255,255,255,.08); box-shadow:inset 0 1px 1px rgba(255,255,255,.25); }
.lq-inf .lq-d.first { margin-left:6px; box-shadow:inset 0 1px 1px rgba(255,255,255,.25), 0 0 0 1px rgba(247,201,72,.45); }
.lq-inf .lq-d.first:first-child { margin-left:0; box-shadow:inset 0 1px 1px rgba(255,255,255,.25); }
.lq-inf .lq-d small { display:block; font-size:10px; color:var(--dim); text-transform:capitalize; }
.lq-inf .lq-d b { display:block; font-size:16px; line-height:1.2; }
.lq-inf .lq-d em { display:block; min-height:12px; font-style:normal; font-size:10.5px; color:var(--gold); line-height:1.1; }
.lq-inf .lq-d.on { background:linear-gradient(160deg, rgba(247,201,72,.92), rgba(226,180,60,.72)); color:#15130a; box-shadow:none; }
.lq-inf .lq-d.on small, .lq-inf .lq-d.on em { color:#15130a; }

/* ------------------------------------------------------------ Bugun: the turning deals (v11 B1) and the day's feed */
.deckwrap { padding:12px 14px !important; border-radius:26px !important; margin-bottom:10px; }
.deckwrap .rk { display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--dim); font-weight:600; }
.deckwrap .rk svg.i { width:15px; height:15px; color:var(--gold); }
.deckwrap .rk em { margin-left:auto; font-style:normal; }
.deckwrap .live { color:#ff8a80; font-weight:800; animation:lqBlink 1.4s infinite; }
@keyframes lqBlink { 50% { opacity:.25; } }
.deck { overflow:hidden; margin-top:8px; border-radius:18px; }
.dtrack { display:flex; transition:transform .55s cubic-bezier(.3,1.2,.4,1); }
.lq-ds { flex:0 0 100%; display:flex; gap:12px; align-items:center; text-align:left; color:#fff; }
.lq-ds .dimg { width:108px !important; height:108px !important; border-radius:20px; flex:0 0 108px; }
.lq-ds .dtx { min-width:0; }
.lq-ds small { display:block; color:var(--dim); font-size:12px; }
.lq-ds .price { display:block; font-size:40px; font-weight:800; letter-spacing:-.03em; line-height:1.05; }
.lq-ds .delta { color:var(--good); font-size:12.5px; }
.deckwrap .dots { display:flex; gap:5px; justify-content:center; margin-top:8px; }
.deckwrap .dots i { width:6px; height:6px; border-radius:3px; background:rgba(255,255,255,.35); transition:width .3s; }
.deckwrap .dots i.on { width:16px; background:#fff; }
.deckwrap .prog { height:3px; border-radius:2px; background:rgba(255,255,255,.15); margin-top:8px; overflow:hidden; }
.deckwrap .prog i { display:block; height:100%; background:var(--gold); transform-origin:left; animation:lqProg 3s linear infinite; }
@keyframes lqProg { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.lq-tchips { margin-bottom:2px !important; }
.lq-tchips small { opacity:.7; font-size:11px; }
.lq-evc .lq-kind { position:absolute; top:8px; left:8px; z-index:2; padding:3px 8px; border-radius:10px; font-size:10.5px; font-weight:800; color:#fff;
  background:rgba(14,16,24,.5); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:inset 0 1px 1px rgba(255,255,255,.35); }
.lq-evc .k-film { color:#ffd9a8; } .lq-evc .k-news { color:#bfe0ff; } .lq-evc .k-ev { color:#e3ccff; } .lq-evc .k-dig { color:#15130a; background:var(--gold); }
.lq-evc.news .lq-evx b { -webkit-line-clamp:4; font-size:12.5px; }
.lq-evc.digest { display:flex; flex-direction:column; justify-content:flex-end; padding:34px 12px 12px; text-align:left;
  background:linear-gradient(160deg, rgba(247,201,72,.35), rgba(255,255,255,.06) 60%), rgba(14,16,24,.35) !important; }
.lq-evc.digest .dg-h { font-size:15px; line-height:1.15; margin-bottom:8px; }
.lq-evc.digest .dg { display:grid; gap:5px; font-size:11.5px; color:#eee; }
.lq-evc.digest .dg span { display:flex; gap:5px; align-items:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lq-evc.digest svg.i { width:14px; height:14px; color:var(--gold); flex:0 0 14px; }
.lq-rail .lq-evc { animation:lqFloat 5s ease-in-out infinite; }
.lq-rail .lq-evc:nth-child(2n) { animation-delay:-1.7s; }
.lq-rail .lq-evc:nth-child(3n) { animation-delay:-3.1s; }
@keyframes lqFloat { 50% { transform:translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .lq-rail .lq-evc, .deckwrap .prog i, .deckwrap .live { animation:none; } .dtrack { transition:none; } }

/* ------------------------------------------------------------ Manzillar: the showcase (v11 C2) */
.swipe { position:relative; height:min(62vh, 470px); margin:4px 0 0; }
.swipe .scard { position:absolute; inset:0; border-radius:32px; overflow:hidden; box-shadow:0 20px 40px rgba(0,0,0,.4); touch-action:pan-y; user-select:none; -webkit-user-select:none; }
.swipe .simg { position:absolute !important; inset:0; height:auto !important; border-radius:0 !important; }
.swipe .back2 { transform:translateY(-16px) scale(.9); opacity:.5; }
.swipe .back1 { transform:translateY(-8px) scale(.95); opacity:.75; }
.swipe .front { cursor:grab; }
.swipe .deal2 { position:absolute !important; top:12px; left:12px; padding:6px 11px !important; border-radius:14px !important; font-weight:800; font-size:12px; color:#b8ffd9; }
.swipe .sbody { position:absolute !important; left:10px; right:10px; bottom:10px; padding:12px 14px !important; border-radius:24px !important; }
.swipe .sbody b { font-size:26px; display:block; }
.swipe .sbody small { display:block; color:var(--dim); font-size:12.5px; }
.swipe .tbrow { display:flex; justify-content:space-between; align-items:baseline; margin-top:4px; }
.swipe .tp { font-size:28px; font-weight:800; color:var(--gold); }
.swipe .tn { color:var(--dim); font-size:12.5px; }
.swbtns { display:flex; justify-content:center; align-items:center; gap:16px; margin-top:14px; }
.swbtns .sw { width:58px; height:58px; border-radius:50% !important; display:grid; place-items:center; font-size:22px; color:#ddd; }
.swbtns .sw.yes { color:#ff8a80; }
.swbtns .sw.info svg.i { color:var(--gold); }
.swbtns .swn { color:var(--dim); font-size:12px; min-width:44px; text-align:center; }
.hint2 { text-align:center; color:var(--dim); font-size:12px; margin:10px 0 6px; }

/* ------------------------------------------------------------ the lens on the dock */
nav#nav .lq-cap { position:relative; }
nav#nav .lq-cap > button.on { background:none !important; box-shadow:none !important; }
.lq-drop { position:absolute; left:0; top:4px; height:56px; border-radius:28px; overflow:hidden; pointer-events:none; z-index:3;
  background:linear-gradient(160deg, rgba(255,255,255,.26), rgba(255,255,255,.08));
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7), inset 0 -1px 1px rgba(255,255,255,.2), 0 4px 14px rgba(0,0,0,.25);
  transition:transform .45s cubic-bezier(.3,1.5,.5,1), width .3s ease; will-change:transform; }
.lq-drop.live { transition:transform .06s linear, width .2s ease; }
.lq-drop.pressed { background:linear-gradient(160deg, rgba(255,255,255,.32), rgba(255,255,255,.1));
  box-shadow:inset 0 1px 2px rgba(255,255,255,.9), inset 0 0 18px rgba(255,255,255,.18), 0 8px 22px rgba(0,0,0,.3); }
.lq-drop-in { position:absolute; left:0; top:-4px; height:64px; display:flex; justify-content:space-around; align-items:center; padding:0 6px; }
.lq-drop-in button { background:none !important; box-shadow:none !important; color:#fff !important; }
/* the drop hides what it magnifies: a frosted inside, so the small icon under it does not show twice */
.lq-drop { -webkit-backdrop-filter:blur(8px) saturate(170%) brightness(1.1); backdrop-filter:blur(8px) saturate(170%) brightness(1.1); }
.lq-drop.pressed { background:linear-gradient(160deg, rgba(255,255,255,.34), rgba(255,255,255,.14)), rgba(30,34,46,.55); }
nav#nav .lq-cap { touch-action:none; }

/* ================================================================== premium motion (19.09.2026): nothing moves by itself */
.mo-live.mo-f, .mo-live.mo-fs, .mo-in.mo-live.mo-f, .mo-in.mo-live.mo-fs, .mo-in { animation:none !important; }
nav#nav button.on:not(.ask) svg.i, .v2-verdict.buy, .v2-verdict.big, .v2-ask, .lq-rail .lq-evc { animation:none !important; }
.deckwrap .live { animation:none; }
.deckwrap .live::before { content:""; display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:#ff6b5e; box-shadow:0 0 0 0 rgba(255,107,94,.6); animation:lqPing 2.4s cubic-bezier(.22,1,.36,1) infinite; vertical-align:1px; }
@keyframes lqPing { 0% { box-shadow:0 0 0 0 rgba(255,107,94,.55); } 70%, 100% { box-shadow:0 0 0 7px rgba(255,107,94,0); } }
/* a card appears once, from a soft blur, when it comes into view */
.pv { opacity:0; transform:translate3d(0, 16px, 0) scale(.985); filter:blur(6px);
  transition:opacity .75s cubic-bezier(.22,1,.36,1), transform .75s cubic-bezier(.22,1,.36,1), filter .75s cubic-bezier(.22,1,.36,1); }
.pv.pv-in { opacity:1; transform:none; filter:none; }
.pv.pv-done { transition:transform .5s cubic-bezier(.34,1.56,.64,1); filter:none; }
/* a press gives way and springs back */
.v2-card, .lq-evc, .tcard, .tl, .ev2, .v2-opt, .me-tile, .go-card, .st-card, .cin-tile, .v2-flt, .frow3, .lq-ds, .chip, .lq-m, .lq-d, .sw, .askpill, .dst {
  transition:transform .5s cubic-bezier(.34,1.56,.64,1), opacity .75s cubic-bezier(.22,1,.36,1), filter .75s cubic-bezier(.22,1,.36,1); }
.v2-card:active, .lq-evc:active, .tcard:active, .tl:active, .ev2:active, .v2-opt:active, .me-tile:active, .go-card:active, .st-card:active,
.cin-tile:active, .v2-flt:active, .frow3:active, .lq-ds:active, .dst:active, .askpill:active { transform:scale(.965) !important; transition-duration:.14s; }
.chip:active, .lq-m:active, .lq-d:active, .sw:active { transform:scale(.92) !important; transition-duration:.12s; }
/* the photos drift with the scroll (the image sits a little larger than its frame) */
.reason .v2-img, .tcard .tc-img, .hero .heroimg { will-change:transform; transform:scale(1.12); }
/* a list that changes crossfades through a soft blur (View Transitions); the dock and the photo behind stay put */
nav#nav { view-transition-name:lq-dock; }
.scene { view-transition-name:lq-scene; }
::view-transition-old(root) { animation:lqVtOut .28s cubic-bezier(.22,1,.36,1) both; }
::view-transition-new(root) { animation:lqVtIn .42s cubic-bezier(.22,1,.36,1) both; }
@keyframes lqVtOut { to { opacity:0; filter:blur(8px); transform:scale(.992); } }
@keyframes lqVtIn { from { opacity:0; filter:blur(8px); transform:scale(1.008); } }

/* ------------------------------------------------------------ the turning deals: a crossfading stack, the photo drifting in */
.deck { position:relative; height:112px; }
.dtrack { position:absolute; inset:0; display:block !important; transform:none !important; transition:none !important; }
.lq-ds { position:absolute !important; inset:0; opacity:0; transform:translate3d(22px, 0, 0); filter:blur(10px); pointer-events:none;
  transition:opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1), filter .8s cubic-bezier(.22,1,.36,1) !important; }
.lq-ds.on { opacity:1; transform:none; filter:none; pointer-events:auto; }
.lq-ds.out { opacity:0; transform:translate3d(-22px, 0, 0); filter:blur(10px); }
.lq-ds .dimg { transition:transform 4.2s cubic-bezier(.22,1,.36,1); transform:scale(1.14); }
.lq-ds.on .dimg { transform:scale(1); }
.lq-ds .price { transition:letter-spacing .8s cubic-bezier(.22,1,.36,1); }
.deckwrap .prog i { animation-duration:3.6s !important; }

/* ------------------------------------------------------------ the digest as a widget: four numbers on warm glass */
.lq-evc.digest2 { position:relative; display:flex; flex-direction:column; justify-content:space-between; padding:14px 12px 12px; text-align:left; overflow:hidden;
  background:linear-gradient(155deg, rgba(247,201,72,.28), rgba(255,255,255,.07) 45%, rgba(120,150,255,.14)), rgba(16,18,26,.55) !important;
  -webkit-backdrop-filter:blur(14px) saturate(180%); backdrop-filter:blur(14px) saturate(180%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7), inset 0 -1px 1px rgba(255,255,255,.18), 0 10px 28px rgba(0,0,0,.35) !important; border:1px solid rgba(255,255,255,.18); }
.digest2 .dg-glow { position:absolute; width:160px; height:160px; right:-60px; top:-70px; border-radius:50%; background:radial-gradient(circle, rgba(247,201,72,.45), rgba(247,201,72,0) 70%); pointer-events:none; }
.digest2 .dg-t { position:relative; font-size:14px; font-weight:800; letter-spacing:-.01em; }
.digest2 .dg-grid { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:8px 6px; }
.digest2 .dgc { display:flex; flex-direction:column; gap:1px; }
.digest2 .dgc svg.i { width:15px; height:15px; color:var(--gold); }
.digest2 .dgc b { font-size:22px; font-weight:800; letter-spacing:-.03em; line-height:1.05; }
.digest2 .dgc small { font-size:10.5px; color:var(--dim); }

/* ------------------------------------------------------------ the reason to travel: a photo card, the words on glass */
.v2-card.reason { position:relative; height:190px; padding:0 !important; overflow:hidden; display:block !important; }
.v2-card.reason::before { display:none; }
.v2-card.reason > .v2-img { position:absolute !important; inset:-8% 0; width:auto !important; height:auto !important; border-radius:0 !important; }
.v2-card.reason > div { position:absolute !important; left:8px; right:8px; bottom:8px; padding:10px 12px; border-radius:20px;
  background:var(--lg-bg); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); box-shadow:var(--inner); border:1px solid rgba(255,255,255,.16); }
.v2-card.reason b { font-size:17px !important; }
.v2-card.reason .v2-pill { position:absolute; right:10px; top:10px; margin:0 !important; background:var(--gold) !important; color:#15130a !important; }
.v2-card.mini2 { transition:transform .5s cubic-bezier(.34,1.56,.64,1); }

/* ------------------------------------------------------------ the dock: a spring-driven glass drop, and the bar that folds */
.lq-drop { transition:none !important; transform-origin:50% 50%; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  background:linear-gradient(160deg, rgba(255,255,255,.24), rgba(255,255,255,.06)) !important; }
.lq-drop .lq-lens { position:absolute; inset:0; overflow:hidden; border-radius:inherit; filter:url(#lq-refract); }
.lq-drop .lq-drop-in { transition:none !important; }
.lq-drop .lq-rim { position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:radial-gradient(120% 80% at 30% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 55%), radial-gradient(90% 60% at 80% 110%, rgba(160,200,255,.3), rgba(160,200,255,0) 60%);
  box-shadow:inset 0 1.5px 1px rgba(255,255,255,.85), inset 0 -1px 1px rgba(255,255,255,.25), inset 1px 0 1px rgba(255,160,200,.18), inset -1px 0 1px rgba(150,210,255,.25); mix-blend-mode:screen; }
.lq-drop.pressed { box-shadow:inset 0 1px 2px rgba(255,255,255,.95), 0 10px 26px rgba(0,0,0,.35) !important; }
nav#nav .lq-cap > button { transition:opacity .18s linear, color .2s; }
nav#nav .lq-cap, nav#nav .lq-orb, nav#nav .lq-cap button span, nav#nav .lq-cap button svg.i { transition:height .45s cubic-bezier(.34,1.3,.64,1), width .45s cubic-bezier(.34,1.3,.64,1), flex-basis .45s cubic-bezier(.34,1.3,.64,1), opacity .25s, font-size .35s; }
body.lq-mini nav#nav .lq-cap { height:52px; }
body.lq-mini nav#nav .lq-cap button span { opacity:0; font-size:0; }
body.lq-mini nav#nav .lq-orb { width:52px; height:52px; flex-basis:52px; }
body.lq-mini .lq-drop { top:4px; height:44px; }
body.lq-mini .lq-drop .lq-drop-in { height:52px; }
/* the page dissolves under the bar instead of meeting it with a line */
body::after { content:""; position:fixed; left:0; right:0; bottom:0; height:calc(120px + var(--safe-b)); pointer-events:none; z-index:9;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); -webkit-mask-image:linear-gradient(to top, #000 35%, transparent); mask-image:linear-gradient(to top, #000 35%, transparent);
  background:linear-gradient(to top, rgba(6,8,14,.55), rgba(6,8,14,0)); }
@media (prefers-reduced-motion: reduce) { .pv { opacity:1 !important; transform:none !important; filter:none !important; } }
/* the deals change in turn: the old one leaves first, the new one follows - never two texts on top of each other */
.lq-ds { filter:blur(4px); transition:opacity .45s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.22,1,.36,1), filter .45s !important; }
.lq-ds.on { transition:opacity .6s cubic-bezier(.22,1,.36,1) .28s, transform .8s cubic-bezier(.22,1,.36,1) .28s, filter .6s .28s !important; }
.lq-ds.out { filter:blur(4px); transition:opacity .28s cubic-bezier(.4,0,1,1), transform .5s cubic-bezier(.4,0,1,1), filter .28s !important; }

/* ------------------------------------------------------------ smoothness (19.09.2026): nothing blurs while it moves, nothing moves behind the glass
   Every glass layer (backdrop-filter) is recomputed whenever what lies under it changes. The photo behind drifted without
   end, so the phone re-blurred seventeen layers on every frame even when nobody touched it. It stands still now; the
   motion that stays is opacity and position only, which the phone hands to the GPU and does not repaint. */
.scene .ph.on { animation:lqSettle 1.8s cubic-bezier(.22,1,.36,1) both !important; }
@keyframes lqSettle { from { transform:scale(1.08); } to { transform:scale(1.02); } }
.scene { transform:none !important; view-transition-name:none; }
nav#nav { view-transition-name:none; }
body::after { -webkit-backdrop-filter:none !important; backdrop-filter:none !important; background:linear-gradient(to top, rgba(6,8,14,.78), rgba(6,8,14,.35) 45%, rgba(6,8,14,0)) !important; }
.pv { filter:none !important; transform:translate3d(0, 14px, 0); transition:opacity .55s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1) !important; }
.pv.pv-in { transform:none; }
.pv.pv-done { transition:transform .5s cubic-bezier(.34,1.56,.64,1) !important; }
.v2-card, .lq-evc, .tcard, .tl, .ev2, .v2-opt, .me-tile, .go-card, .st-card, .cin-tile, .v2-flt, .frow3, .chip, .lq-m, .lq-d, .sw, .askpill, .dst {
  transition:transform .5s cubic-bezier(.34,1.56,.64,1), opacity .6s cubic-bezier(.22,1,.36,1); }
.lq-ds, .lq-ds.out { filter:none !important; }
.lq-ds { transition:opacity .4s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.22,1,.36,1) !important; will-change:opacity, transform; }
.lq-ds.on { transition:opacity .55s cubic-bezier(.22,1,.36,1) .22s, transform .7s cubic-bezier(.22,1,.36,1) .22s !important; }
.lq-ds.out { transition:opacity .25s cubic-bezier(.4,0,1,1), transform .45s cubic-bezier(.4,0,1,1) !important; }
.lq-ds .dimg { transition:transform 3.4s cubic-bezier(.22,1,.36,1); }
.deckwrap .live::before { animation:none; box-shadow:none; }
/* the refraction bends the glass only under the finger; a drop that slides by itself is plain glass */
.lq-drop .lq-lens { filter:none; }
.lq-drop.bend .lq-lens { filter:url(#lq-refract); }
/* a new page rises in */
#view.lq-rise:not(.view-enter) > * { animation:lqRise .38s cubic-bezier(.22,1,.36,1) both; }
#view.lq-rise:not(.view-enter) > *:nth-child(2) { animation-delay:.03s; }
#view.lq-rise:not(.view-enter) > *:nth-child(n+3) { animation-delay:.06s; }
@keyframes lqRise { from { opacity:0; transform:translate3d(0, 10px, 0); } }
/* the reason to travel: a stack of photo cards, one leaves before the next arrives */
.sec .rs-n { margin-left:auto; font-style:normal; font-size:12.5px; color:var(--dim); font-weight:600; }
.rs-deck { position:relative; height:190px; margin-bottom:10px; }
.rs-deck .v2-card.reason.rs-s { position:absolute !important; inset:0; margin:0 !important; opacity:0; transform:translate3d(24px, 0, 0) scale(.985); pointer-events:none;
  transition:opacity .45s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.22,1,.36,1) !important; will-change:opacity, transform; }
.rs-deck .v2-card.reason.rs-s.on { opacity:1; transform:none; pointer-events:auto; transition:opacity .6s cubic-bezier(.22,1,.36,1) .25s, transform .8s cubic-bezier(.22,1,.36,1) .25s !important; }
.rs-deck .v2-card.reason.rs-s.out { opacity:0; transform:translate3d(-24px, 0, 0) scale(.985); transition:opacity .28s cubic-bezier(.4,0,1,1), transform .5s cubic-bezier(.4,0,1,1) !important; }
.rs-deck .v2-card.reason.rs-s.on:active { transform:scale(.97) !important; transition-duration:.14s !important; }
.rs-deck .rs-s > .v2-img { transition:transform 5s cubic-bezier(.22,1,.36,1); }
.rs-dots { position:absolute; left:0; right:0; top:12px; display:flex; gap:5px; justify-content:center; z-index:2; pointer-events:none; }
.rs-dots i { width:6px; height:6px; border-radius:3px; background:rgba(255,255,255,.45); transition:width .3s; }
.rs-dots i.on { width:16px; background:#fff; }
@media (prefers-reduced-motion: reduce) { #view.lq-rise:not(.view-enter) > * { animation:none; } }

/* ------------------------------------------------------------ glass belongs to the controls, not to the content (Apple HIG for Liquid Glass: the
   navigation layer floats in glass over plain content). «Bugun» carried 65 blurred layers, 53 of them on screen at once, and a
   phone re-blurs every one of them on every frame of a scroll or a switch. The cards keep their tint, rim and highlight -
   side by side on 19.09.2026 the two looks were hard to tell apart - and only the dock, the header, the ask line and the
   sheet itself stay real glass. */
#view *:not(.askpill), #sheet * { -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
#view .lq:not(.askpill), #view .v2-card.reason > div, #view .near-cat, #sheet .lq {
  background:linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 55%, rgba(255,255,255,.08)), rgba(22,24,34,.62) !important; }
#view .lq-evx { background:linear-gradient(180deg, rgba(10,12,18,0), rgba(10,12,18,.82) 45%) !important; }

/* ------------------------------------------------------------ a page opens (19.09.2026): its blocks rise in one after another, nothing blurred */
#view.view-enter { animation:none !important; }
#view.view-enter > :not(.v2), #view.view-enter > .v2 > * { animation:lqEnter .62s cubic-bezier(.2,.9,.25,1) both; animation-delay:calc(0s - var(--ve, 0ms)); }
#view.view-enter > :nth-child(2), #view.view-enter > .v2 > :nth-child(2) { animation-delay:calc(.04s - var(--ve, 0ms)); }
#view.view-enter > :nth-child(3), #view.view-enter > .v2 > :nth-child(3) { animation-delay:calc(.08s - var(--ve, 0ms)); }
#view.view-enter > :nth-child(4), #view.view-enter > .v2 > :nth-child(4) { animation-delay:calc(.12s - var(--ve, 0ms)); }
#view.view-enter > :nth-child(5), #view.view-enter > .v2 > :nth-child(5) { animation-delay:calc(.16s - var(--ve, 0ms)); }
#view.view-enter > :nth-child(6), #view.view-enter > .v2 > :nth-child(6) { animation-delay:calc(.2s - var(--ve, 0ms)); }
#view.view-enter > :nth-child(n+7), #view.view-enter > .v2 > :nth-child(n+7) { animation-delay:calc(.24s - var(--ve, 0ms)); }
@keyframes lqEnter { from { opacity:0; transform:translate3d(0, 24px, 0) scale(.985); } }
/* the drop glides to a new tab on the GPU; under the finger it follows the springs */
nav#nav .lq-cap .lq-drop.glide { transition:transform .56s cubic-bezier(.3,1.28,.5,1), width .42s cubic-bezier(.3,1.2,.5,1) !important; }
nav#nav .lq-cap .lq-drop.glide .lq-drop-in { transition:transform .56s cubic-bezier(.3,1.28,.5,1), width .42s cubic-bezier(.3,1.2,.5,1) !important; }
@media (prefers-reduced-motion: reduce) { #view.view-enter > *, #view.view-enter > .v2 > * { animation:none !important; } .scene .ph.on { animation:none !important; } }

/* ------------------------------------------------------------ an update in place: nothing moves; the page dips for a moment when the reader
   changed something, and only what is new fades in */
#view.lq-rise:not(.view-enter) > * { animation:none !important; }
#view.lq-rise:not(.view-enter) { animation:lqSoft .34s cubic-bezier(.22,1,.36,1); }
@keyframes lqSoft { from { opacity:.55; } }
#view:not(.view-enter) .lq-fadein { animation:lqFade .42s cubic-bezier(.22,1,.36,1) both; }
@keyframes lqFade { from { opacity:0; } }
@media (prefers-reduced-motion: reduce) { #view.lq-rise, #view .lq-fadein { animation:none !important; } }

/* the white logo stands where the word «AirData» stood (owner, 19.09.2026: «AirData degan yozuv o'rniga logo») */
.me-head.me-logo { margin:10px 2px 18px; }
.me-head.me-logo img { height:22px; width:auto; display:block; }
.foot-logo { height:9px; width:auto; vertical-align:0; opacity:.85; }
/* a sheet is open: the dock steps back instead of showing through the glass under the sheet's last lines */
nav#nav { transition:opacity .25s ease; }
body:has(#sheet.open) nav#nav { opacity:0; pointer-events:none; }

/* ------------------------------------------------------------ the music widget of «Bugun» */
.mw { position:relative; display:flex; align-items:center; gap:12px; padding:12px 12px 16px !important; border-radius:26px !important; margin-bottom:10px; overflow:hidden; }
.mw-art { position:relative; flex:0 0 64px; width:64px; height:64px; border-radius:16px; overflow:hidden; background:rgba(255,255,255,.08); display:grid; place-items:center;
  box-shadow:0 8px 22px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.14); color:var(--gold); }
.mw-art img { width:100%; height:100%; object-fit:cover; display:block; }
.mw-art svg.i { width:26px; height:26px; }
.mw-eq { position:absolute; left:6px; bottom:6px; display:flex; gap:2px; align-items:flex-end; height:14px; padding:3px 4px; border-radius:6px; background:rgba(0,0,0,.45); }
.mw-eq i { width:3px; border-radius:2px; background:#fff; animation:mwEq .9s ease-in-out infinite alternate; }
.mw-eq i:nth-child(2) { animation-delay:.25s; } .mw-eq i:nth-child(3) { animation-delay:.5s; }
@keyframes mwEq { from { height:3px; } to { height:11px; } }
.mw-tx { flex:1; min-width:0; text-align:left; display:flex; flex-direction:column; gap:1px; }
.mw-tx small { display:flex; align-items:center; gap:4px; font-size:11.5px; font-weight:700; color:var(--gold); }
.mw-tx small svg.i { width:12px; height:12px; }
.mw-tx b { font-size:15.5px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-.01em; }
.mw-tx span { font-size:12.5px; color:var(--dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mw-ctl { display:flex; align-items:center; gap:2px; }
.mw-ctl button { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; color:#fff; transition:transform .2s cubic-bezier(.34,1.56,.64,1); }
.mw-ctl button:active { transform:scale(.88); }
.mw-ctl button svg.i { width:20px; height:20px; }
.mw-ctl .mw-play { width:46px; height:46px; background:#fff; color:#111; box-shadow:0 6px 18px rgba(0,0,0,.35); }
.mw-ctl .mw-play svg.i { width:20px; height:20px; }
.mw-bar { position:absolute; left:14px; right:14px; bottom:7px; height:3px; border-radius:2px; background:rgba(255,255,255,.12); overflow:hidden; }
.mw-bar i { display:block; height:100%; background:var(--gold); border-radius:2px; transition:width .25s linear; }
/* the widget is the player on «Bugun»: the floating bar would show the same song twice */
body[data-tab="home"]:has(#lq-mw) #player { display:none !important; }
@media (prefers-reduced-motion: reduce) { .mw-eq i { animation:none; height:8px; } }

/* the deals just turn: no loading line under them */
.deckwrap .prog { display:none !important; }
/* a match among the reasons to travel: two crests face each other on a dark pitch */
.rs-deck .v2-card.reason.rs-fb { background:#0c1a14 !important; }
.rs-fb .fb-pitch { position:absolute; inset:0; background:
  radial-gradient(120% 70% at 50% 0%, rgba(80,200,140,.28), rgba(80,200,140,0) 60%),
  repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 38px, rgba(255,255,255,0) 38px 76px),
  linear-gradient(180deg, #123a2a, #0a1712 70%); }
.rs-fb .fb-pitch::after { content:""; position:absolute; left:50%; top:22px; width:92px; height:92px; margin-left:-46px; border-radius:50%; border:1.5px solid rgba(255,255,255,.12); }
.rs-fb .fb-vs { position:absolute; left:0; right:0; top:20px; display:flex; align-items:center; justify-content:center; gap:26px; }
.rs-fb .fb-vs img.fbc { width:62px; height:62px; object-fit:contain; filter:drop-shadow(0 8px 16px rgba(0,0,0,.5)); }
.rs-fb .fb-vs em { font-style:normal; font-weight:800; font-size:14px; letter-spacing:.12em; color:rgba(255,255,255,.75); }
.rs-fb > div b { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding-right:4px; }

/* the day's feed as a marquee: the track slides, the rail stays a rail the finger can take */
#lq-feed.lq-marq { display:block !important; }
#lq-feed .lq-track { display:flex; gap:10px; width:max-content; will-change:transform; }

/* the segmented control: the lit part is a glass pill that glides on a spring */
#view .seg.lq-segon { position:relative; isolation:isolate; }
#view .seg.lq-segon::before { content:""; position:absolute; top:4px; bottom:4px; left:0; width:var(--sw, 0); z-index:-1; border-radius:18px;
  transform:translate3d(var(--sx, 0), 0, 0); background:rgba(255,255,255,.9);
  box-shadow:0 6px 16px rgba(0,0,0,.28), inset 0 1px 1px rgba(255,255,255,.95);
  transition:transform .52s cubic-bezier(.3,1.28,.5,1), width .44s cubic-bezier(.3,1.2,.5,1); }
#view .seg.lq-segon.lq-segnt::before { transition:none; }
#view .seg.lq-segon > button { background:transparent !important; transition:color .28s ease; }
#view .seg.lq-segon > button:active { transform:scale(.94); }
/* the content of a part comes from the side the reader went */
#view.lq-slide-r .seg ~ * { animation:lqSlideR .46s cubic-bezier(.22,1,.36,1) both; }
#view.lq-slide-l .seg ~ * { animation:lqSlideL .46s cubic-bezier(.22,1,.36,1) both; }
#view.lq-slide-r .seg ~ :nth-child(n+4), #view.lq-slide-l .seg ~ :nth-child(n+4) { animation-delay:.04s; }
@keyframes lqSlideR { from { opacity:0; transform:translate3d(40px, 0, 0); } }
@keyframes lqSlideL { from { opacity:0; transform:translate3d(-40px, 0, 0); } }
@media (prefers-reduced-motion: reduce) { #view .seg.lq-segon::before { transition:none; } #view.lq-slide-r .seg ~ *, #view.lq-slide-l .seg ~ * { animation:none; } }