/* Yorqin dizayn: ranglar, gradientlar, yumshoq soyalar. Faqat ko‘rinish; mazmun va ishlash o‘zgarmaydi. */
:root{--b1:#c026d3;--b2:#12c2a5;--b3:#ffb020;--bt:#fbe9fe;--bt2:#e1faf5;
 --brand:#c026d3;--brand-d:color-mix(in srgb,#c026d3 80%,#000);--brand-l:#fbe9fe;--accent:#12c2a5;--gold:#ffb020;
 --primary:#c026d3;--soft:#fbe9fe;--design-accent:#c026d3;--design-soft:#fbe9fe;
 --rainbow:linear-gradient(90deg,#c026d3,#12c2a5,#ffb020);--grad:linear-gradient(135deg,#c026d3,#12c2a5)}
:root[data-theme="dark"],html[data-dark]{--b1:#e07bf0;--bt:color-mix(in srgb,#c026d3 22%,#141824);--bt2:color-mix(in srgb,#12c2a5 18%,#141824);
 --brand:#e07bf0;--primary:#e07bf0;--design-accent:#e07bf0;--design-soft:color-mix(in srgb,#c026d3 25%,#141824);--soft:color-mix(in srgb,#c026d3 25%,#141824);--brand-l:color-mix(in srgb,#c026d3 25%,#141824)}
@media(prefers-color-scheme:invalid){:root:not([data-theme="light"]){--b1:#e07bf0;--bt:color-mix(in srgb,#c026d3 22%,#141824);--bt2:color-mix(in srgb,#12c2a5 18%,#141824);--brand:#e07bf0;--design-accent:#e07bf0}}
body{background:radial-gradient(900px 420px at 8% -80px,var(--bt),transparent 70%),radial-gradient(800px 380px at 100% -60px,var(--bt2),transparent 70%),var(--bg,#fff);background-attachment:fixed}
.topbar,.site-header{border-bottom:0!important;box-shadow:0 4px 18px color-mix(in srgb,var(--b1) 18%,transparent)}
h1,h2{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--b1)}
.hero h1 em{background:var(--rainbow);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero{background:linear-gradient(120deg,var(--bt),var(--bt2) 70%,transparent)!important;border:2px solid color-mix(in srgb,var(--b1) 25%,transparent)!important;border-radius:28px!important}
.hero-image{background:var(--grad)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--b1) 35%,transparent)}
.btn.primary,.button.primary,button.primary,.hero .btn.primary{background:var(--grad)!important;border:0!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb,var(--b1) 38%,transparent)!important;font-weight:800}
.btn,.button,button{transition:transform .15s,box-shadow .15s,filter .15s}
@media(hover:hover){.btn:hover,.button:hover,button:hover{transform:translateY(-2px);filter:brightness(1.06)}}
.gcard,.course-card,.tile,.how-card,.card,.chapter,.navigation-card,.starter-entry,.abi-entry{background:var(--surface,var(--card,#fff))!important;border:2px solid color-mix(in srgb,var(--b1) 16%,transparent)!important;border-top:6px solid var(--b1)!important;border-radius:22px!important;box-shadow:0 10px 26px color-mix(in srgb,var(--b1) 14%,transparent)!important}
:is(.gcard,.course-card,.tile,.how-card,.navigation-card):nth-child(4n+2){border-top-color:var(--b2)!important}
:is(.gcard,.course-card,.tile,.how-card,.navigation-card):nth-child(4n+3){border-top-color:var(--b3)!important}
:is(.gcard,.course-card,.tile,.how-card,.navigation-card):nth-child(4n){border-top-color:color-mix(in srgb,var(--b1) 55%,var(--b2))!important}
@media(hover:hover){.gcard:hover,.course-card:hover,.tile:hover,.navigation-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px color-mix(in srgb,var(--b1) 28%,transparent)!important}}
.gcard,.course-card,.tile,.navigation-card{transition:transform .18s,box-shadow .18s}
.gnum,.subject-icon{background:var(--grad)!important;color:#fff!important;border-radius:16px!important}
th{background:var(--bt)!important;color:var(--b1)}
.option{border:2px solid color-mix(in srgb,var(--b1) 22%,transparent)!important;background:var(--surface,var(--card,#fff))}
@media(hover:hover){.option:hover{border-color:var(--b1)!important;background:var(--bt)!important}}
.question-box,.q-solution{border-radius:20px!important;border:2px solid color-mix(in srgb,var(--b1) 20%,transparent)!important}
progress,.progress>i,.bar>i{accent-color:var(--b1)}
a{color:var(--b1)}
.main-menu>a:hover,#menu>a:hover,.navigation-grid>a:hover{background:var(--bt)!important}
::selection{background:var(--b3);color:#000}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.hero .button:first-of-type,.hero a.button:first-child{background:var(--grad)!important;border:0!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb,var(--b1) 38%,transparent)!important}

/* ===== 2-qism: yanada jonli ko‘rinish ===== */
@keyframes brbf{0%,100%{transform:translate(0,0)scale(1)}50%{transform:translate(22px,-26px)}}
@keyframes brpop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body::before,body::after{content:"";position:fixed;z-index:-1;border-radius:50%;pointer-events:none;animation:brbf 14s ease-in-out infinite}
body::before{width:340px;height:340px;right:-90px;top:30%;background:radial-gradient(circle,color-mix(in srgb,var(--b2) 30%,transparent),transparent 70%)}
body::after{width:420px;height:420px;left:-140px;bottom:-60px;background:radial-gradient(circle,color-mix(in srgb,var(--b3) 28%,transparent),transparent 70%);animation-delay:-6s}
.gcard,.course-card,.lesson>section,.lesson section,.lesson .card{animation:brpop .5s ease both}
.hero::before{content:"";position:absolute;width:260px;height:260px;right:-60px;top:-80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b3) 45%,transparent),transparent 70%);pointer-events:none}
.hero::after{content:"";position:absolute;width:200px;height:200px;left:30%;bottom:-90px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b2) 35%,transparent),transparent 70%);pointer-events:none}
.hero>*{position:relative;z-index:1}
.gcard,.course-card{background-image:linear-gradient(160deg,color-mix(in srgb,var(--b1) 8%,transparent),transparent 55%)!important}
:is(.gcard,.course-card,.tile,.how-card,.navigation-card):nth-child(4n+2){background-image:linear-gradient(160deg,color-mix(in srgb,var(--b2) 12%,transparent),transparent 55%)!important}
:is(.gcard,.course-card,.tile,.how-card,.navigation-card):nth-child(4n+3){background-image:linear-gradient(160deg,color-mix(in srgb,var(--b3) 16%,transparent),transparent 55%)!important}
/* dars sahifasi */
.lesson section,.lesson>div[class*="idea"],.core-idea,.worked-example,.quick-check,.easy-starter,.deeper-theory,.more-examples,.learning-step,.foundation-help,.study-readiness,.lesson .card{border:2px solid color-mix(in srgb,var(--b1) 18%,transparent)!important;border-left:8px solid var(--b1)!important;border-radius:20px!important;background:linear-gradient(135deg,var(--bt),transparent 60%),var(--surface,var(--card,#fff))!important;box-shadow:0 8px 22px color-mix(in srgb,var(--b1) 11%,transparent)}
.lesson section:nth-of-type(3n+2),.learning-step:nth-child(3n+2){border-left-color:var(--b2)!important;background:linear-gradient(135deg,var(--bt2),transparent 60%),var(--surface,var(--card,#fff))!important}
.lesson section:nth-of-type(3n),.learning-step:nth-child(3n){border-left-color:var(--b3)!important}
.worked-example,.quick-check{border-left-color:var(--b2)!important}
.core-idea{background:var(--grad)!important;color:#fff!important;border:0!important}
.core-idea *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.lesson h2,.lesson h3{display:flex;align-items:center;gap:.55rem}
.lesson h2::before,.lesson section h3::before{content:"";flex:none;width:.7em;height:.7em;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px color-mix(in srgb,var(--b1) 20%,transparent)}
.lesson-toc a,.lesson-meta span,.chip,.tag,.badge,.lesson-meta>*{background:var(--bt)!important;color:var(--b1)!important;border:1.5px solid color-mix(in srgb,var(--b1) 30%,transparent)!important;border-radius:999px!important;font-weight:700}
.lesson-toc a:hover{background:var(--grad)!important;color:#fff!important}
[role=tab],.tabs button,.tab{border-radius:999px!important;border:2px solid color-mix(in srgb,var(--b1) 25%,transparent)!important;font-weight:800}
[role=tab][aria-selected=true],.tabs .active,.tab.active,[aria-current=true]{background:var(--grad)!important;color:#fff!important;border-color:transparent!important}
progress,.progress,.bar,.gprog,[class*=progress]>div{border-radius:999px}
.gprog>i,.progress>i,.bar>i,.progress-fill,[class*=progress]>i,[class*=progress]>span{background:var(--rainbow)!important;border-radius:999px}
.option{border-radius:16px!important;font-weight:700;padding:.75rem 1rem}
.option:has(input:checked),.option.selected,.option[aria-pressed=true]{background:var(--grad)!important;color:#fff!important;border-color:transparent!important}
.option.correct,.correct{background:linear-gradient(135deg,#1fb56b,#7ee08b)!important;color:#fff!important}
.option.wrong,.wrong{background:linear-gradient(135deg,#ef4d5e,#ff9a76)!important;color:#fff!important}
blockquote{border-left:6px solid var(--b2)!important;background:var(--bt2);border-radius:0 16px 16px 0;padding:.6rem 1rem}
.formula,.math-panel,.formula-display{background:var(--bt)!important;border-radius:16px!important;border:2px dashed color-mix(in srgb,var(--b1) 35%,transparent)!important}
.floating,.calc,.note{background:var(--grad)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px color-mix(in srgb,var(--b1) 40%,transparent)!important}
h1{letter-spacing:-.02em}
footer{border-top:5px solid transparent!important;border-image:var(--rainbow) 1}
@media(prefers-reduced-motion:reduce){body::before,body::after,.hero,.gcard,.course-card,.lesson section{animation:none!important}}

/* ===== 3-qism: ro‘yxatlar va tugmalar ===== */
.lesson-list{display:grid;gap:.7rem;border:0!important;background:none!important}
.lesson-row{display:flex!important;align-items:center;gap:.8rem;border:2px solid color-mix(in srgb,var(--b1) 18%,transparent)!important;border-left:8px solid var(--b1)!important;border-radius:18px!important;background:linear-gradient(135deg,var(--bt),transparent 65%),var(--surface,var(--card,#fff))!important;box-shadow:0 6px 16px color-mix(in srgb,var(--b1) 10%,transparent);transition:transform .15s,box-shadow .15s;animation:brpop .45s ease both}
.lesson-row:nth-child(3n+2){border-left-color:var(--b2)!important}
.lesson-row:nth-child(3n){border-left-color:var(--b3)!important}
@media(hover:hover){.lesson-row:hover{transform:translateX(6px);box-shadow:0 12px 26px color-mix(in srgb,var(--b1) 22%,transparent)}}
.lesson-row .num,.lesson-row b:first-child,.lesson-row>span:first-child>span:first-child{background:var(--grad)!important;color:#fff!important;border-radius:14px!important}
.chapter-section>h2,.chapter-section h2{font-size:1.5rem}
.actions .button:first-child,a.button.nav-link:first-of-type{background:var(--grad)!important;border:0!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb,var(--b1) 38%,transparent)!important;font-weight:800}
.button,button{border-radius:14px}
input[type=search],input[type=text],input:not([type]){border:2px solid color-mix(in srgb,var(--b1) 28%,transparent)!important;border-radius:14px!important}
input:focus{border-color:var(--b1)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--b1) 20%,transparent)!important;outline:none}

/* ===== 4-qism: to‘yingan ranglar, mavzuga oid bezaklar ===== */
body{background-image:radial-gradient(color-mix(in srgb,var(--b1) 13%,transparent) 1.6px,transparent 1.8px),radial-gradient(900px 420px at 8% -80px,var(--bt),transparent 70%),radial-gradient(800px 380px at 100% -60px,var(--bt2),transparent 70%)!important;background-size:26px 26px,auto,auto!important}
.hero{background:linear-gradient(125deg,var(--b1),color-mix(in srgb,var(--b1) 45%,var(--b2)) 55%,var(--b2))!important;border:0!important;box-shadow:0 22px 50px color-mix(in srgb,var(--b1) 40%,transparent)!important;color:#fff!important}
.hero h1,.hero h1 em{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important;text-shadow:0 3px 14px rgba(0,0,0,.22)}
.hero p,.hero .lead,.hero li,.hero small,.hero-facts,.hero-facts *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.hero .eyebrow,.hero .kicker,.hero [class*=eyebrow],.hero [class*=kicker]{background:#fff!important;color:var(--b1)!important;-webkit-text-fill-color:var(--b1)!important;border-radius:999px;padding:.25rem .8rem}
.hero .btn.primary,.hero .button:first-of-type,.hero a.button:first-child,.hero .btn.primary{background:#fff!important;color:var(--b1)!important;-webkit-text-fill-color:var(--b1)!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important}
.hero .button,.hero .btn{border:0!important;box-shadow:0 6px 16px rgba(0,0,0,.16)}
.hero hr,.hero [class*=divider]{border-color:rgba(255,255,255,.35)!important}
.hero-image,.hero-art,.hero-m{filter:none}
.hero-image{background:rgba(255,255,255,.95)!important}
.hero::before{width:320px!important;height:320px!important;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%)!important}
/* sinf kartalari: to‘liq rangli */
.grade-grid>*,.grade-list>*,.course-grid>*{color:#fff!important;border:0!important;border-top:0!important;background:linear-gradient(150deg,var(--b1),color-mix(in srgb,var(--b1) 40%,var(--b2)))!important;box-shadow:0 16px 34px color-mix(in srgb,var(--b1) 38%,transparent)!important}
.grade-grid>*:nth-child(4n+2),.grade-list>*:nth-child(4n+2),.course-grid>*:nth-child(4n+2){background:linear-gradient(150deg,var(--b2),color-mix(in srgb,var(--b2) 50%,var(--b1)))!important}
.grade-grid>*:nth-child(4n+3),.grade-list>*:nth-child(4n+3),.course-grid>*:nth-child(4n+3){background:linear-gradient(150deg,var(--b3),color-mix(in srgb,var(--b3) 55%,#ff5e8a))!important}
.grade-grid>*:nth-child(4n),.grade-list>*:nth-child(4n),.course-grid>*:nth-child(4n){background:linear-gradient(150deg,color-mix(in srgb,var(--b1) 60%,#ff5e8a),var(--b1))!important}
.grade-grid>* :is(h2,h3,p,span,div,small,strong,a):not(.btn):not(.button){color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:transparent}
.grade-grid>* .gnum,.grade-grid>* .subject-icon{background:rgba(255,255,255,.95)!important;color:var(--b1)!important}
.grade-grid>* :is(.gprog,.bar){background:rgba(255,255,255,.35)!important}
@media(hover:hover){.grade-grid>*:hover{transform:translateY(-6px) }}
/* mavzuga oid suzuvchi belgilar */
.hero::after{content:var(--deco)!important;width:auto!important;height:auto!important;left:auto!important;right:6%;bottom:6%;top:auto!important;font-size:2.6rem;letter-spacing:.9rem;opacity:1;background:none!important;animation:brbf 11s ease-in-out infinite}
h2{position:relative;padding-bottom:.35rem}
h2::after{content:"";display:block;width:70px;height:6px;border-radius:6px;margin-top:.3rem;background:var(--rainbow)}
.lesson h2::after{display:none}
.btn,.button{border-radius:999px!important}
.menu-toggle,#menuButton{background:var(--grad)!important;color:#fff!important;border:0!important}
.menu-toggle *,#menuButton *{color:#fff!important}
:root{--deco:"🧪 ⚗️ 🔬 💧"}
.hero::after{position:absolute!important;pointer-events:none}.hero::before{position:absolute!important}
.hero:has(>.hero-image){display:grid!important;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:center;padding:2rem 2.4rem!important}
@media(max-width:760px){.hero:has(>.hero-image){grid-template-columns:1fr;padding:1.4rem!important}}
.hero:has(>.hero-image)>:first-child{grid-column:1;grid-row:1}.hero:has(>.hero-image)>.hero-image{grid-column:2;grid-row:1;align-self:center;justify-self:center;margin:0!important;max-width:240px}@media(max-width:760px){.hero:has(>.hero-image)>.hero-image{grid-column:1;grid-row:2}}
.hero:has(>.hero-image){display:flex!important;align-items:center;gap:2rem}.hero:has(>.hero-image)>:first-child{flex:1 1 auto;min-width:0}.hero:has(>.hero-image)>.hero-image{flex:0 0 200px;width:200px;height:200px;padding:1.4rem!important;align-self:center}@media(max-width:760px){.hero:has(>.hero-image){flex-direction:column}.hero:has(>.hero-image)>.hero-image{flex-basis:auto;width:160px;height:160px}}

/* ===== 5-qism: mashq ekrani, progress, nishonlar ===== */
progress{-webkit-appearance:none;appearance:none;width:100%;height:14px;border:0;border-radius:999px;background:var(--bt);overflow:hidden}
progress::-webkit-progress-bar{background:var(--bt);border-radius:999px}
progress::-webkit-progress-value{background:var(--rainbow);border-radius:999px;transition:width .4s}
progress::-moz-progress-bar{background:var(--rainbow);border-radius:999px}
.option>b:first-child,.option .letter,.option .choice-letter{display:inline-grid;place-items:center;min-width:2.1rem;height:2.1rem;border-radius:12px;background:var(--grad)!important;color:#fff!important;font-weight:900;margin-right:.7rem}
.option{display:flex;align-items:center;text-align:left;border-width:2px!important}
.option.correct>b:first-child,.option.wrong>b:first-child{background:rgba(255,255,255,.35)!important}
@keyframes brglow{0%,100%{box-shadow:0 0 0 0 rgba(31,181,107,.55)}50%{box-shadow:0 0 0 12px rgba(31,181,107,0)}}
.option.correct,.correct.option{animation:brglow 1.2s ease 2}
.lesson section section,.lesson .card .card,.question-box .question-box{border-left-width:2px!important;box-shadow:none!important;background:var(--surface,var(--card,#fff))!important}
.question-box,.practice,.q-wrap{position:relative}
main h1::before{content:var(--emo);display:inline-block;margin-right:.45rem;-webkit-text-fill-color:initial;font-size:.85em;animation:brbf 6s ease-in-out infinite}
main>.hero h1::before,.hero h1::before{content:none}
.breadcrumbs a{font-weight:700}
.lesson-nav,.lesson-navigation{display:flex;gap:.8rem;flex-wrap:wrap}
.lesson-navigation a,.lesson-navigation button{background:var(--grad)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:.7rem 1.3rem;font-weight:800;box-shadow:0 8px 18px color-mix(in srgb,var(--b1) 35%,transparent)}
img[src*=hero],.mascot{filter:drop-shadow(0 8px 14px color-mix(in srgb,var(--b1) 35%,transparent))}
html{scroll-behavior:smooth}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--grad);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:var(--bt)}
:root{--emo:"🧪"}
@media print{body,body.guide-print{background:#fff!important}body::before,body::after,.hero::before,.hero::after,header::after,.site-header::after{display:none!important}*{animation:none!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}h1,h2,.hero h1{background:none!important;-webkit-text-fill-color:currentColor!important}}

.topbar,.site-header{border-bottom:5px solid transparent!important;border-image:var(--rainbow) 1!important}
.grade-grid>*:nth-child(4n+3) :is(h2,h3,p,span,div,small,strong,a,b):not(.btn):not(.button):not(.gnum):not(.subject-icon){color:#2b1a00!important;-webkit-text-fill-color:#2b1a00!important}.grade-grid>*:nth-child(4n+3) :is(.gprog,.bar){background:rgba(43,26,0,.2)!important}button,.btn,.button,a.btn{min-height:44px}

/* aniqlik: matn va rasmlarga hech qachon filtr/aylantirish qo‘llanmaydi */
img,svg,.katex{image-rendering:auto}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{filter:none!important}
/* ANIQLIK: tugma qirralari, yozuv va rasmlar tiniq. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-weight:500}
img,svg,canvas,video{image-rendering:auto;filter:none!important;backface-visibility:hidden}
button,.btn,.button,a.button,a.btn,select,input,textarea,.bt-btn,.settings-launcher,.search-launcher,.community-shortcut,.menu-toggle,.filter,.option,button.option{
 border-width:2px!important;border-style:solid;font-weight:600}
button:not(.primary):not(.bt-menu-btn):not(.bt-pink):not(.bt-blue):not([class*=primary]),.btn:not(.primary),.button:not(.primary),a.button:not(.primary),.bt-btn,.bt-ic,.settings-launcher,.search-launcher,.menu-toggle,select,input,textarea,.filter,button.option{
 border-color:color-mix(in srgb,currentColor 55%,transparent)!important}
.bt-pink,.community-shortcut[data-ui-icon=support]{border-color:#e08aaa!important}
.bt-blue,.community-shortcut[data-ui-icon=contact]{border-color:#7cc0e6!important}
.primary,.btn.primary,.button.primary,.bt-menu-btn,.menu-toggle{border-color:transparent!important}
.bt-home,.bt-btn,.bt-ic{font-weight:600!important;box-shadow:none}
.bt-home{font-size:14px!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffb020!important;outline-offset:2px}
input,select,textarea{font-weight:500}
small,.muted,.caption{font-weight:500}
.search input,.search input[type=search]{border:0!important}
.ilmdosh-portal-link{border:2px solid color-mix(in srgb,currentColor 55%,transparent)!important;font-weight:600!important}
/* IKONLAR: fanning o‘z ikoni sarlavhada, Ilmdosh belgisi eng yuqori chapda */
.brand img,.academy-mark{width:56px!important;height:56px!important;object-fit:contain;border-radius:16px}
.utility-bar:not(:has(.ilmdosh-portal-link))::before,.zoom-controls:not(:has(.ilmdosh-portal-link))::before{content:"";flex:none;width:40px;height:40px;order:-10;background:url("branding/ilmdosh-mark.svg") center/contain no-repeat}
/* IKONLAR-END */

.utility-bar .ilmdosh-portal-link,.zoom-controls .ilmdosh-portal-link{border:2px solid color-mix(in srgb,currentColor 55%,transparent)!important}

/* ZICH PANEL: pastga surilganda panel yashirinadi, faqat kichik qidiruv belgisi qoladi */
:is(.utility-bar,.zoom-controls),.topbar,.site-header{transition:transform .25s ease,background .2s}
html.hdr-compact :is(.utility-bar,.zoom-controls){pointer-events:none;background:transparent!important;border-color:transparent!important;box-shadow:none!important;justify-content:flex-end!important}
html.hdr-compact :is(.utility-bar,.zoom-controls)>*:not(.search-launcher){display:none!important}
html.hdr-compact :is(.utility-bar,.zoom-controls)::before{display:none!important}
html.hdr-compact .search-launcher{pointer-events:auto;width:40px!important;height:40px!important;min-height:40px!important;background:#fff;box-shadow:0 4px 14px rgba(20,30,60,.25)}
html.hdr-compact :is(.topbar,.site-header){transform:translateY(calc(-100% - 90px));box-shadow:none}
html.hdr-compact.hdr-up :is(.topbar,.site-header){transform:none;top:0!important;box-shadow:0 8px 24px rgba(20,30,60,.18)}
@media(max-width:700px){html.hdr-compact.hdr-up :is(.topbar,.site-header){padding-right:56px!important}}

.brandbar{position:fixed;top:0;left:0;right:64px;z-index:75;display:none;align-items:center;gap:10px;height:56px;padding:0 14px;background:#fff;color:#101828;text-decoration:none;border-bottom:1px solid #e3e7f0;box-shadow:0 6px 18px rgba(16,24,40,.14);font:800 20px/1 Nunito,system-ui,sans-serif;-webkit-text-fill-color:#101828}
.brandbar.on{display:flex}
.brandbar img{width:40px;height:40px;border-radius:12px;flex:none}
.brandbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brandbar:active{background:#eef0fd}
@media print{.brandbar{display:none!important}}
/* ZICH-END */

/* ===== PRO:BEGIN ===== */
html:not([data-stil="yorqin"]) body{background:#f6f7fb!important;background-image:none!important}
html:not([data-stil="yorqin"]) body::before,html:not([data-stil="yorqin"]) body::after{display:none!important}
html:not([data-stil="yorqin"]) .topbar,html:not([data-stil="yorqin"]) .site-header{box-shadow:none!important;border-bottom:1px solid #e3e7f0!important;border-image:none!important}
html:not([data-stil="yorqin"]) .utility-bar,html:not([data-stil="yorqin"]) .zoom-controls{border-bottom:1px solid #e3e7f0!important}
html:not([data-stil="yorqin"]) h2::after{display:none!important}
html:not([data-stil="yorqin"]) .hero{background:linear-gradient(135deg,var(--b1),color-mix(in srgb,var(--b1) 72%,#000))!important;box-shadow:0 14px 34px color-mix(in srgb,var(--b1) 26%,transparent)!important}
html:not([data-stil="yorqin"]) .hero::before,html:not([data-stil="yorqin"]) .hero::after{display:none!important}
html:not([data-stil="yorqin"]) .grade-grid>*,html:not([data-stil="yorqin"]) .grade-grid>*:nth-child(n){background:#fff!important;color:#101828!important;border:1px solid #e3e7f0!important;border-top:3px solid var(--gc,var(--b1))!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 26px rgba(16,24,40,.06)!important}
html:not([data-stil="yorqin"]) .grade-grid>* :is(h2,h3,p,span,div,small,strong,a,b):not(.btn):not(.button):not(.gnum):not(.subject-icon){color:#101828!important;-webkit-text-fill-color:#101828!important}
html:not([data-stil="yorqin"]) .grade-grid>* .gmeta span,html:not([data-stil="yorqin"]) .grade-grid>* .gsmall,html:not([data-stil="yorqin"]) .grade-grid>* .gblurb{color:#475467!important;-webkit-text-fill-color:#475467!important}
html:not([data-stil="yorqin"]) .grade-grid>* .gnum,html:not([data-stil="yorqin"]) .grade-grid>* .subject-icon{background:var(--gc,var(--b1))!important;color:#fff!important}
html:not([data-stil="yorqin"]) .grade-grid>* :is(.gprog,.bar){background:#e7eaf3!important}
html:not([data-stil="yorqin"]) .grade-grid>* .gprog i{background:var(--gc,var(--b1))!important}
html:not([data-stil="yorqin"]) .grade-grid>*:hover{transform:translateY(-4px)!important}
html:not([data-stil="yorqin"]) .gbadge{background:#eef0f8!important;color:#344054!important;border:0!important}
html:not([data-stil="yorqin"]) .tile{box-shadow:none!important;border:1px solid #e3e7f0!important}
html:not([data-stil="yorqin"]) .menu-toggle,html:not([data-stil="yorqin"]) .bt-menu-btn{background:var(--b1)!important;box-shadow:none!important}
html:not([data-stil="yorqin"]) .btn.primary,html:not([data-stil="yorqin"]) .button.primary,html:not([data-stil="yorqin"]) button.primary{background:var(--b1)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--b1) 28%,transparent)!important}
html:not([data-stil="yorqin"]) .pbar-t i,html:not([data-stil="yorqin"]) .tile-bar i{background:var(--b1)!important}
html:not([data-stil="yorqin"]) .pbar.a .pbar-t i,html:not([data-stil="yorqin"]) .tile-bar.acc i{background:#12a594!important}
html:not([data-stil="yorqin"]) .player-top .progress i{background:var(--b1)!important;animation:none!important}
html:not([data-stil="yorqin"]) .lesson section,html:not([data-stil="yorqin"]) .core-idea,html:not([data-stil="yorqin"]) .worked-example,html:not([data-stil="yorqin"]) .quick-check,html:not([data-stil="yorqin"]) .easy-starter,html:not([data-stil="yorqin"]) .deeper-theory,html:not([data-stil="yorqin"]) .more-examples,html:not([data-stil="yorqin"]) .learning-step,html:not([data-stil="yorqin"]) .foundation-help,html:not([data-stil="yorqin"]) .study-readiness,html:not([data-stil="yorqin"]) .lesson .card{background:#fff!important;border-left-width:4px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}
html:not([data-stil="yorqin"]) .core-idea{background:var(--b1)!important}
html:not([data-stil="yorqin"]) ::-webkit-scrollbar-thumb{background:#c3cbe3!important}
/* ===== PRO:END ===== */

/* ===== BTN:BEGIN aniq tugmalar ===== */
html,body{--bd:color-mix(in srgb,var(--b1) 74%,#000)}
html .menu-toggle,html #menuButton,html .bt-menu-btn,html .btn.primary,html button.primary,html a.btn.primary{background:var(--bd)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:2px solid color-mix(in srgb,var(--bd) 70%,#000)!important;box-shadow:0 3px 0 color-mix(in srgb,var(--bd) 60%,#000)!important}
html .hero :is(.btn,.button,a.btn),html .hero a.button{background:#fff!important;color:var(--bd)!important;-webkit-text-fill-color:var(--bd)!important;border:2px solid #fff!important;box-shadow:0 3px 0 rgba(0,0,0,.28)!important;font-weight:800!important}
html .hero :is(.btn.primary,.button.primary,a.btn.primary),html .hero a.button:first-of-type{background:#ffb020!important;color:#1b1300!important;-webkit-text-fill-color:#1b1300!important;border-color:#fff3c4!important}
html :is(.btn,.button):focus-visible,html .menu-toggle:focus-visible{outline:4px solid #ffb020!important;outline-offset:3px}
/* ===== BTN:END ===== */

/* PRACTICE-V:BEGIN mashq progressi: chapda vertikal */
progress.practice-progress{--L:clamp(90px,calc(100vh - 340px),360px);position:fixed!important;left:8px;top:calc(220px + var(--L))!important;width:var(--L)!important;height:16px!important;margin:0!important;transform-origin:0 0;transform:rotate(-90deg);z-index:40}
@media(max-width:700px){progress.practice-progress{left:4px;height:12px!important;--L:clamp(80px,calc(100vh - 380px),300px)}main,.practice,[class*=practice]{scroll-margin-left:20px}}
/* PRACTICE-V:END */

/* NOLINE:BEGIN */
html.hdr-compact:not([data-stil="x1"]):not([data-stil="x2"]):not([data-stil="x3"]) :is(.utility-bar,.zoom-controls){border:0!important;box-shadow:none!important;background:transparent!important}
html.hdr-compact:not([data-stil="x1"]):not([data-stil="x2"]):not([data-stil="x3"]) :is(.utility-bar,.zoom-controls)::after,html.hdr-compact:not([data-stil="x1"]):not([data-stil="x2"]):not([data-stil="x3"]) :is(.utility-bar,.zoom-controls)::before{display:none!important}
/* NOLINE:END */