/* DOYSE v6 «X — Seminar markazi» (10.10.2026, dizayn/v6f/toplam.html, v6d/TOKENS.md palitra 1 «Zumrad + Marjon»).
   Oxirgi qatlam: barcha qoidalar html.x ostida (eski qatlamlar va JS ichidagi <style> lardan ustun). Faqat transform/opacity animatsiya. */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/bricolage-latin.woff2?v=1) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/bricolage-latin-ext.woff2?v=1) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/golos-latin.woff2?v=1) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/golos-latin-ext.woff2?v=1) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/golos-cyrillic.woff2?v=1) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

/* eski sahifa ichidagi 'Exo 2' / 'Inter' nomlari — o'zimizdagi Bricolage / Golos fayllariga (Google Fonts so'rovisiz) */
@font-face{font-family:'Exo 2';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/bricolage-latin.woff2?v=1) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/bricolage-latin-ext.woff2?v=1) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-latin.woff2?v=1) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-latin-ext.woff2?v=1) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-cyrillic.woff2?v=1) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

/* ---------- tokenlar (yorug' / Telegram tungi) ---------- */
html.x{--fd:'Bricolage Grotesque','Golos Text',system-ui,sans-serif;--fb:'Golos Text',system-ui,-apple-system,sans-serif;
 --x-bg:#F1F4F2;--x-card:#FDFEFD;--x-ink:#1D3833;--x-mute:#586E6A;--x-hint:#6A7F7B;--x-line:#E0EAE7;--x-sf:#EEF4F2;--x-soft:#E3F7F1;
 --x-em:#1A9E89;--x-emd:#00735F;--x-emdd:#004A3D;--x-emt:#00806B;--x-co:#F57A5D;--x-cod:#CC5940;--x-coi:#3A0E00;--x-cosf:#FFF3EE;
 --x-ok:#0E9F6E;--x-oksf:#D7F5E5;--x-okink:#145A3C;--x-no:#DC4E5C;--x-nosf:#FFE3E6;--x-noink:#7A1B27;--x-fire:#E2541F;--x-gold:#E9A20F;--x-skel:#EDF3F2;
 --x-sh:0 1px 2px rgba(11,42,38,.06),0 8px 20px -10px rgba(11,42,38,.17);
 /* eski o'zgaruvchilar → X */
 --bg:var(--x-bg);--glass:var(--x-card);--glass2:var(--x-sf);--line:var(--x-line);--txt:var(--x-ink);--dim:var(--x-mute);--gold:var(--x-emt);--gold2:var(--x-emt);--cyan:var(--x-emt);
 --ok:var(--x-ok);--bad:var(--x-no);--amb:var(--x-co);--ambd:var(--x-cod);--hf:var(--fd);--sf:var(--fd);--mf:var(--fb);--r:20px;
 --v3a:var(--x-em);--v3d:var(--x-emd);--v3t:#fff;--v3s:var(--x-soft);color-scheme:light}
html.x.dk{--x-bg:#172220;--x-card:#1E2C2A;--x-ink:#DCE6E2;--x-mute:#A3B8B3;--x-hint:#86A09A;--x-line:#24403B;--x-sf:#1C2E2B;--x-soft:#173A33;--x-emt:#74D1BD;--x-cosf:#3A1E16;
 --x-oksf:#123A2A;--x-okink:#9BF0C8;--x-nosf:#3E1A20;--x-noink:#FFC2C9;--x-skel:#223040;--x-sh:0 1px 2px rgba(0,0,0,.4),0 10px 24px -12px rgba(0,0,0,.8);color-scheme:dark}
html.x.xt,html.x.xt body{background:var(--x-bg)!important;color:var(--x-ink);font-family:var(--fb)}
html.x body::before{display:none!important}
html.x h1,html.x h2,html.x h3,html.x h4{font-family:var(--fd);letter-spacing:-.01em}html.x.xt h1,html.x.xt h2,html.x.xt h3,html.x.xt h4{color:var(--x-ink)}
html.x h2{font-weight:800;font-size:24px}
html.x .dim{color:var(--x-mute)}
html.x a{color:var(--x-emt)}

/* ---------- ikonkalar ---------- */
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:-.2em}
.ic.sm{width:16px;height:16px}.ic.lg{width:24px;height:24px}.ic.xl{width:28px;height:28px}
.ic.e{width:1.12em;height:1.12em;vertical-align:-.18em}
.ic.fill{fill:currentColor}
.f-fire{color:#E2541F}.f-gold{color:#E9A20F}.f-silver{color:#8C99A6}.f-bronze{color:#C0773C}.f-ok{color:#0E9F6E}.f-no{color:#DC4E5C}.f-warn{color:#D98A00}.f-mute{color:var(--x-hint,#8a98a0)}
svg.xlg{display:block;flex-shrink:0}

/* ---------- Doysecha harakati (#39): nafas + ko'z qisish, faqat .live va ko'rinib turganda ---------- */
svg.xd{display:block;overflow:visible}
svg.xd.live .xbr{transform-box:fill-box;transform-origin:50% 100%;animation:xbr 3.2s ease-in-out infinite}
svg.xd.live .xey{transform-box:fill-box;transform-origin:50% 50%;animation:xbl 5s infinite}
@keyframes xbr{50%{transform:scaleY(1.025)}}
@keyframes xbl{0%,93%,100%{transform:none}96%{transform:scaleY(.08)}}
svg.xd.still .xbr,svg.xd.still .xey,svg.xd.off .xbr,svg.xd.off .xey,html.lite svg.xd .xbr,html.lite svg.xd .xey{animation:none!important}
html.paused *,html.paused *::before,html.paused *::after{animation-play-state:paused!important}
html.lite *,html.lite *::before,html.lite *::after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}

/* ---------- toast, sheet, tasdiq ---------- */
#xToast{position:fixed;left:16px;right:16px;top:calc(12px + env(safe-area-inset-top));max-width:480px;margin:0 auto;z-index:300;display:flex;align-items:center;gap:10px;background:#1D3833;color:#DCE6E2;border-radius:16px;padding:12px 14px;font:600 14px/1.35 var(--fb,system-ui);box-shadow:0 12px 30px -12px rgba(0,0,0,.55);transform:translateY(-140%);opacity:0;transition:transform .25s cubic-bezier(.2,.9,.3,1),opacity .2s;pointer-events:none}
#xToast.on{transform:none;opacity:1}#xToast .ic{color:#74D1BD}#xToast.k-warn .ic,#xToast.k-err .ic{color:#FF9A85}#xToast.k-ok .ic{color:#74D1BD}
#xDim{position:fixed;inset:0;background:rgba(11,42,38,.42);opacity:0;pointer-events:none;transition:opacity .2s;z-index:250}#xDim.on{opacity:1;pointer-events:auto}
#xSh{position:fixed;left:0;right:0;bottom:0;margin:0 auto;max-width:560px;max-height:86vh;overflow:auto;z-index:251;background:var(--x-card,#fff);color:var(--x-ink,#1D3833);border-radius:26px 26px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.9,.3,1);font-family:var(--fb,system-ui)}
#xSh.on{transform:none}#xSh .gr,#sheetIn::before,#v3Sh .gr{display:block;width:40px;height:5px;border-radius:5px;background:var(--x-line,#D9E3E0);margin:0 auto 12px}
.xcf p{font:600 16px/1.5 var(--fb,system-ui);margin:6px 2px 16px}.xcfi{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--x-cosf,#FFF3EE);color:var(--x-cod,#CC5940);margin:4px 0 6px}
.xbtns{display:flex;gap:10px}.xb{flex:1;height:52px;border:0;border-radius:16px;background:var(--x-co,#F57A5D);color:var(--x-coi,#3A0E00);font:800 15px var(--fd,system-ui);letter-spacing:.02em;box-shadow:0 5px 0 var(--x-cod,#CC5940);cursor:pointer;transition:transform .08s}
.xb:active{transform:translateY(4px);box-shadow:0 1px 0 var(--x-cod,#CC5940)}.xb.ghost{background:var(--x-card,#fff);color:var(--x-ink,#1D3833);border:2px solid var(--x-line,#E0EAE7);box-shadow:0 4px 0 var(--x-line,#E0EAE7)}.xb.danger{background:#DC4E5C;color:#fff;box-shadow:0 5px 0 #A92332}
.xin{width:100%;height:50px;border:2px solid var(--x-line,#E0EAE7);border-radius:14px;padding:0 14px;font:600 16px var(--fb,system-ui);background:var(--x-sf,#EEF4F2);color:var(--x-ink,#1D3833);margin:0 0 14px;box-sizing:border-box}

/* ---------- skelet (#45) ---------- */
.xskw{text-align:left!important;padding:6px 2px}.xsk{background:var(--x-skel,#EDF3F2);border-radius:14px;animation:xsk 1.4s ease-in-out infinite}
@keyframes xsk{50%{opacity:.55}}

/* ======================= TALABA ILOVASI (html.x.xt) ======================= */
html.x.xt #app{max-width:520px;padding-bottom:96px}
html.x.xt .glass,html.x.xt .card.glass{background:var(--x-card)!important;border:0!important;border-radius:20px!important;box-shadow:var(--x-sh)!important;color:var(--x-ink)}
html.x.xt .card{padding:14px 16px}
html.x.xt .btn{background:var(--x-co)!important;color:var(--x-coi)!important;border:0!important;border-radius:16px;font:800 15.5px var(--fd);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 5px 0 var(--x-cod)!important;padding:15px 16px;min-height:52px}
html.x.xt .btn:active{transform:translateY(4px)!important;box-shadow:0 1px 0 var(--x-cod)!important}
html.x.xt .btn.ghost{background:var(--x-card)!important;color:var(--x-ink)!important;border:2px solid var(--x-line)!important;box-shadow:0 4px 0 var(--x-line)!important;text-transform:none;letter-spacing:0;font:700 15px var(--fd)}
html.x.xt .btn.small{min-height:0;padding:9px 14px;font-size:13.5px}
html.x.xt .btn .ic.e{color:inherit}
html.x.xt .pill{background:var(--x-card);border:2px solid var(--x-line);color:var(--x-ink);border-radius:14px;font:700 14.5px var(--fd)}
html.x.xt .pill.on{background:var(--x-em)!important;border-color:var(--x-em)!important;color:#fff!important;box-shadow:0 4px 0 var(--x-emd)!important}
html.x.xt input,html.x.xt select,html.x.xt .field input,html.x.xt #roomIn,html.x.xt .numin,html.x.xt textarea{background:var(--x-sf)!important;color:var(--x-ink)!important;border:2px solid var(--x-line)!important;border-radius:14px!important;font-family:var(--fb)}
html.x.xt #roomIn{font:800 26px var(--fd)!important;letter-spacing:.3em!important}
html.x.xt input:focus,html.x.xt textarea:focus{outline:0;border-color:var(--x-em)!important;box-shadow:0 0 0 3px rgba(0,163,137,.18)}
html.x.xt .rowline{border-bottom:1px solid var(--x-line)}
html.x.xt .meRow{background:var(--x-soft)!important;border-radius:10px}
html.x.xt .bar,html.x.xt .barA,html.x.xt #pbar,html.x.xt .gauge{background:var(--x-sf)!important}
html.x.xt .bar i,html.x.xt .barA b,html.x.xt #pbarIn{background:linear-gradient(90deg,var(--x-em),#5FD6C1)!important}
html.x.xt .gauge i{background:linear-gradient(90deg,#FF9A85,var(--x-em))!important}
html.x.xt .badge{background:var(--x-co);color:var(--x-coi)!important;font-family:var(--fd)}
html.x.xt .tagA{background:var(--x-soft);color:var(--x-emt);font:800 11px var(--fd);letter-spacing:.1em}
html.x.xt .qtag,html.x.xt #qtag{font:800 12px var(--fd);letter-spacing:.08em;color:var(--x-emt)}
html.x.xt .qtxt,html.x.xt #qtxt{font:700 19px/1.38 var(--fd);color:var(--x-ink)}
html.x.xt .qsrc{color:var(--x-emt)}
html.x.xt #netbar{background:var(--x-no)}
html.x.xt .secH,html.x.xt .v3H{font:800 18px var(--fd);letter-spacing:-.01em;text-transform:none;color:var(--x-ink);margin:20px 2px 8px;display:flex;justify-content:space-between;align-items:baseline}
html.x.xt .v3H span{font:700 13px var(--fb);color:var(--x-mute)}

/* pastki menyu (Bosh · Tayyorlov · [DOYSE] · Dars · Profil) */
html.x.xt #navIn{background:var(--x-card)!important;border-top:1px solid var(--x-line)!important;padding:8px 6px calc(10px + env(safe-area-inset-bottom));gap:0}
html.x.xt .nbt{color:var(--x-hint)!important;font:600 11px var(--fb)!important;letter-spacing:0;background:transparent!important;padding:4px 2px}
html.x.xt .nbt .i{height:24px;display:flex;justify-content:center;margin-bottom:2px}
html.x.xt .nbt .i svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none;stroke-width:2!important}
html.x.xt .nbt.on{color:var(--x-emt)!important}html.x.xt .nbt.on .i span{background:var(--x-soft)}
html.x.xt .nbt .i span{display:grid;place-items:center;width:46px;height:28px;border-radius:14px}
html.x.xt #navIn .v3Em{width:auto!important;height:auto!important;margin:-6px auto 0!important;padding:0!important;background:none!important;box-shadow:none!important}
html.x.xt #navIn .v3Em>span:first-child{background:none!important;width:auto;height:auto}
html.x.xt #navIn .v3Em svg{width:34px!important;height:34px!important}html.x.xt #navIn .v3Em svg path,html.x.xt #navIn .v3Em svg rect{stroke:#1D3833!important}
html.x.xt #navIn .v3Em>.v3Bd{width:auto!important;height:20px!important;min-width:20px;border-radius:10px!important;top:-4px;right:-12px;border:2px solid var(--x-card);background:var(--x-co)!important;color:var(--x-coi);font:800 11px/16px var(--fd);padding:0 5px;display:grid}

/* sheet / modal (eski #sheet, v30 #v3Sh, #modal) */
html.x.xt #sheet,html.x.xt #v3Dim{background:rgba(11,42,38,.42)!important}
html.x.xt #sheetIn,html.x.xt #v3Sh{background:var(--x-card)!important;color:var(--x-ink)!important;border:0!important;border-radius:26px 26px 0 0!important;padding:10px 18px calc(22px + env(safe-area-inset-bottom))!important}
html.x.xt #sheetIn::before{content:''}
html.x.xt #modal,html.x.xt #introW,html.x.xt #editW{background:rgba(11,42,38,.45)!important}
html.x.xt #modalIn,html.x.xt #introCard,html.x.xt #editCard{background:var(--x-card)!important;color:var(--x-ink)!important;border:0!important;border-radius:26px 26px 0 0!important}
html.x.xt #introCard{border-radius:26px!important}
html.x.xt .stgrow{background:var(--x-card)!important;border:2px solid var(--x-line)!important;border-radius:16px!important;box-shadow:0 3px 0 var(--x-line)}
html.x.xt .stgrow .ic{font-size:inherit}
html.x.xt .stgrow .st{color:var(--x-gold)}
html.x.xt #v3Sh h5{font:800 12px var(--fd);letter-spacing:.12em;color:var(--x-hint)}
html.x.xt .v3It.cur{background:var(--x-soft)}html.x.xt .v3It .ic{border-radius:14px}
html.x.xt .v3It .ic .ic{width:22px;height:22px;color:#fff}
html.x.xt .v3Pb{border-color:var(--x-line);background:var(--x-card);color:var(--x-ink)}html.x.xt .v3Pb.on{background:var(--x-oksf);border-color:var(--x-ok);color:var(--x-okink)}
html.x.xt .v3Cta{border-radius:16px;font-family:var(--fd)}
html.x.xt #v3Toast{display:none!important}

/* savol variantlari */
html.x.xt .opt{background:var(--x-card)!important;border:2px solid var(--x-line)!important;border-radius:16px!important;box-shadow:0 4px 0 var(--x-line)!important;color:var(--x-ink)!important;font:600 15.5px/1.35 var(--fb)}
html.x.xt .opt:active{transform:translateY(3px);box-shadow:0 1px 0 var(--x-line)!important}
html.x.xt .opt.sel{background:var(--x-soft)!important;border-color:var(--x-em)!important;box-shadow:0 4px 0 var(--x-emd)!important}
html.x.xt .opt.ok{background:var(--x-oksf)!important;border-color:var(--x-ok)!important;box-shadow:0 4px 0 #0A7549!important}
html.x.xt .opt.bad{background:var(--x-nosf)!important;border-color:var(--x-no)!important;box-shadow:0 4px 0 #A92332!important}
html.x.xt .opt.miss{border-color:var(--x-ok)!important;border-style:dashed!important}
html.x.xt .opt.sel::after,html.x.xt .opt.ok::after,html.x.xt .opt.bad.sel::after,html.x.xt #lvQ .opts.kt .opt.bad::after{content:''!important;width:26px;height:26px;border-radius:50%;background:var(--x-em)!important;-webkit-mask:none;box-shadow:none}
html.x.xt .opt.ok::after{background:var(--x-ok)!important}
html.x.xt .opt.sel::after,html.x.xt .opt.ok::after,html.x.xt .opt.bad.sel::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")!important;background-size:15px!important;background-repeat:no-repeat!important;background-position:center!important}
html.x.xt .opt.bad.sel::after,html.x.xt #lvQ .opts.kt .opt.bad::after{background-color:var(--x-no)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")!important;background-size:14px!important;background-repeat:no-repeat!important;background-position:center!important}
html.x.xt #qbox .opts>.opt:not(.tcat):not(:has(.ck)):not(:has(.evopt))::before{background:var(--x-sf)!important;color:var(--x-ink)!important;border:1.5px solid var(--x-line);border-radius:9px;font:800 13px var(--fd)}
html.x.xt #qbox .opts>.opt.sel::before{background:var(--x-em)!important;color:#fff!important;border-color:var(--x-em)}
html.x.xt #qbox .opts>.opt.ok::before{background:var(--x-ok)!important;color:#fff!important;border-color:var(--x-ok)}
html.x.xt #qbox .opts>.opt.bad::before{background:var(--x-no)!important;color:#fff!important;border-color:var(--x-no)}
html.x.xt .opt .ck{border-color:var(--x-line)}html.x.xt .opt.sel .ck{background:var(--x-em);border-color:var(--x-em)}
html.x.xt .frag{background:var(--x-soft);border-color:var(--x-em);color:var(--x-ink)}html.x.xt .frag.sel{background:var(--x-co);border-color:var(--x-cod);color:var(--x-coi);box-shadow:none}
html.x.xt .pk.sel{background:var(--x-em);color:#fff}
html.x.xt .izb{background:var(--x-nosf)!important;border:0!important;border-left:5px solid var(--x-no)!important;color:var(--x-ink)!important;border-radius:16px!important}
html.x.xt .izb.g{background:var(--x-oksf)!important;border-left-color:var(--x-ok)!important}
html.x.xt .izb .cr{color:var(--x-ok)}

/* yakka mashq sarlavhasi */
html.x.xt #phead{gap:12px}
html.x.xt #lives{display:flex;gap:2px;color:var(--x-no)}
html.x.xt #combo{font:800 14px var(--fd);color:var(--x-fire)}
html.x.xt #pbar{height:12px;border-radius:8px}
html.x.xt #tmr .tt{font:800 14px var(--fd)}
html.x.xt #tmr circle:first-child{stroke:var(--x-line)}
html.x.xt #qcard{box-shadow:var(--x-sh)}

/* mashq javob varag'i (#xFb) — Doysecha bilan */
#xFb{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;z-index:60;border-radius:26px 26px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));max-height:62vh;overflow:auto;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.9,.3,1);box-shadow:0 -10px 30px -12px rgba(11,42,38,.35)}
#xFb.on{transform:none}#xFb.ok{background:var(--x-oksf);color:var(--x-okink)}#xFb.no{background:var(--x-nosf);color:var(--x-noink)}
#xFb .xfh{display:flex;align-items:center;gap:10px;font:800 23px/1.1 var(--fd);padding-right:96px}
#xFb .xfh .ic{width:30px;height:30px}
#xFb .xfm{position:absolute;right:12px;top:-38px}
#xFb .izb{background:transparent!important;border:0!important;padding:8px 0 0!important;margin:0!important;color:inherit!important;font-size:14.5px}
#xFb .izb>b:first-of-type,#xFb .izb>svg.ic.e:first-child{display:none}
#xFb .xb{width:100%;flex:none;margin-top:14px;text-transform:uppercase;letter-spacing:.06em}
#xFb.ok .xb{background:var(--x-ok);color:#fff;box-shadow:0 5px 0 #0A7549}
#xFb.no .xb{background:var(--x-no);color:#fff;box-shadow:0 5px 0 #A92332}
html.x.xt #play #nextBtn{display:none!important}
html.x.xt #play{padding-bottom:40vh}

/* jonli seminar plitalari: 4 rang + shakl (▲◆●■), 6 px qirra */
html.x.xt #lvQ .opts.kt .opt{color:#fff!important;border:0!important;border-radius:20px!important;font:700 15px/1.28 var(--fd)!important;padding-left:48px}
html.x.xt #lvQ .opts.kt .opt::before{content:''!important;width:22px;height:22px;background:currentColor;opacity:.95;-webkit-mask:var(--shp) center/contain no-repeat;mask:var(--shp) center/contain no-repeat}
html.x.xt #lvQ .opts.kt .opt:nth-child(4n+1){background:#DC4E5C!important;box-shadow:0 6px 0 #A92332!important;--shp:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 22 20H2z'/%3E%3C/svg%3E")}
html.x.xt #lvQ .opts.kt .opt:nth-child(4n+2){background:#1D9BF0!important;box-shadow:0 6px 0 #1474B5!important;--shp:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 22 12 12 22 2 12z'/%3E%3C/svg%3E")}
html.x.xt #lvQ .opts.kt .opt:nth-child(4n+3){background:#FFC94D!important;color:#3A2600!important;box-shadow:0 6px 0 #C9941A!important;--shp:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3C/svg%3E")}
html.x.xt #lvQ .opts.kt .opt:nth-child(4n+4){background:#16A34A!important;box-shadow:0 6px 0 #0E7535!important;--shp:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3C/svg%3E")}
html.x.xt #lvQ .opts.kt.k2{gap:12px}
html.x.xt #lvQ .opts.kt.k2 .opt{min-height:128px;padding:44px 12px 12px!important;align-items:flex-end}
html.x.xt #lvQ .opts.kt.k2 .opt::before{left:14px;top:14px}
html.x.xt #lvQ .opts.kt .opt.sel{outline:4px solid var(--x-ink)!important;outline-offset:3px}
html.x.xt #lvQ .opts.kt .opt.sel::after{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2A26' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")!important}
html.x.xt #lvQ .opts.kt .opt.ok{outline:4px solid var(--x-ok)!important}
html.x.xt #lvT{font:800 26px var(--fd)!important;color:var(--x-co)!important}

/* seminar holat kartalari */
html.x.xt .stepbar span{background:var(--x-sf);height:6px}html.x.xt .stepbar span.on{background:var(--x-co)}html.x.xt .stepbar span.done{background:var(--x-em)}
html.x.xt .tmrow.me{color:var(--x-emt)}
html.x.xt .doc{background:#FFFDF8;color:#1D3833;border-radius:16px;box-shadow:var(--x-sh)}
html.x.xt .doc .dh{color:var(--x-emd);font-family:var(--fd)}html.x.xt .doc .ds{font-family:var(--fd)}
html.x.xt .doc.lock{background:var(--x-sf);color:var(--x-mute);border:2px dashed var(--x-line)}
html.x.xt .stampM,html.x.xt .doc .stamp{border-color:var(--x-co)!important;color:var(--x-cod)!important}
html.x.xt .stampX{border-color:var(--x-em);color:var(--x-emt);font-family:var(--fd)}
html.x.xt #lvIntro{background:linear-gradient(160deg,#1A9E89,#004A3D)!important}
html.x.xt #lvIntro .li-nm,html.x.xt #lvIntro .li-cd{font-family:var(--fd)}html.x.xt #lvIntro .li-cd{color:#FFD2C7}
html.x.xt #lvIntro .li-ic .ic{width:72px;height:72px}
html.x.xt .lvDuel{background:var(--x-cosf);border-color:#FFC2B3}
html.x.xt .soyaB{background:var(--x-cosf);color:var(--x-cod);border-color:var(--x-co)}

/* eski yo'l tuguni va kartalar */
html.x.xt .folder{background:var(--x-sf)!important;box-shadow:0 4px 0 var(--x-line)!important}
html.x.xt .mnode.cur .folder{background:var(--x-co)!important;box-shadow:0 4px 0 var(--x-cod)!important}
html.x.xt .mqB{border-radius:16px!important;font:700 12px var(--fd)!important}
html.x.xt .mqB .ic.e{width:24px;height:24px}
html.x.xt .mqG .mqB{color:var(--x-ink)!important;background:var(--x-card)!important;box-shadow:var(--x-sh)!important;border:0!important}
html.x.xt .mqG .mqB span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--x-soft);color:var(--x-emt);font-size:20px}
html.x.xt .mqG .mqB:nth-child(3n+2) span{background:var(--x-cosf);color:var(--x-cod)}
html.x.xt .mqG .mqB:nth-child(3n) span{background:#FFF4D6;color:#B07A00}
html.x.dk.xt .mqG .mqB:nth-child(3n) span{background:#3A3010;color:#FFD066}
html.x.xt .mqX{background:var(--x-card)!important}
html.x.xt #center .caseC{background:linear-gradient(135deg,#1D3833,#1F4740)!important;box-shadow:var(--x-sh)!important;color:#DCE6E2}
html.x.xt #center .caseC .tagA{background:var(--x-co)!important;color:var(--x-coi)!important}
html.x.xt #center .caseC .cdnA{color:#FFB4A3!important}html.x.xt #center .caseC .dim{color:#BFEDE3!important}
html.x.xt .stampM{border-color:var(--x-co)!important;color:#FF9A85!important}
html.x.xt .ring b{background:var(--x-card)!important;color:var(--x-ink);font-family:var(--fd)}

/* v30: DOYSE markaz tabi */
html.x.xt .v3Ns{border-radius:24px;box-shadow:var(--x-sh)}html.x.xt .v3Ns h3{font-family:var(--fd);font-weight:800;color:#fff!important}
html.x.xt .v3Ns .bg{opacity:.18}html.x.xt .v3Ns .bg .ic{width:120px;height:120px;stroke-width:1.4}
html.x.xt .v3Ns button{border-radius:12px;font:800 13.5px var(--fd);color:#1D3833}
html.x.xt .v3Cd i{background:var(--x-line)}html.x.xt .v3Cd i.on{background:var(--x-em)}
html.x.xt .v3Nw{background:var(--x-card)!important;border:0!important;box-shadow:var(--x-sh)!important;border-radius:18px}
html.x.xt .v3Nw .ni{background:var(--x-soft);color:var(--x-emt)}html.x.xt .v3Nw b{font-family:var(--fd)}html.x.xt .v3Nw.new::after{background:var(--x-co)}
html.x.xt .v3Ad{border-radius:20px;box-shadow:var(--x-sh)}html.x.xt .v3Ad b{font-family:var(--fd)}
html.x.xt .v3Ad .hk{font-family:var(--fd);letter-spacing:.1em}
html.x.xt .v3Top .r{border-bottom-color:var(--x-line)}html.x.xt .v3Top .r.me{background:var(--x-soft)}html.x.xt .v3Top .x{color:var(--x-emt);font-family:var(--fd)}
html.x.xt .v3Top .p{font-family:var(--fd)}
html.x.xt .v3Prem{background:linear-gradient(150deg,#1A9E89,#004A3D)!important;border-radius:22px}
html.x.xt .v3Soc{background:var(--x-card)!important;border:0!important;box-shadow:var(--x-sh)!important;color:var(--x-ink)!important;border-radius:18px}
html.x.xt .v3Fc{border-radius:6px 18px 18px 18px;box-shadow:0 10px 18px -10px rgba(0,0,0,.55)}
html.x.xt .v3Fc .i .ic{width:30px;height:30px}
html.x.xt .v3Fc.soon{background:var(--x-sf)!important;color:var(--x-hint);box-shadow:none}
html.x.xt .v3Fc.cur{outline:3px solid var(--x-ink)}
html.x.xt #v3Cur i .ic{width:56px;height:56px}
html.x.xt #v3On{background:#04211D}html.x.xt #v3On .big .ic{width:92px;height:92px;stroke-width:1.5;color:#fff}
html.x.xt #v3On h1{font-family:var(--fd)}html.x.xt #v3On .octa{font-family:var(--fd)}

/* ===== X ekranlari (xt.js) ===== */
.xhdr{display:flex;align-items:center;justify-content:space-between;padding:6px 0 2px}
.xhdr .lg{display:flex;align-items:center;gap:8px;cursor:pointer}
.xwm{display:inline-flex;flex-direction:column}.xwm b{font:800 27px/1 var(--fd);letter-spacing:-.03em;color:var(--x-ink)}
.xwm i{display:flex;gap:2px;margin-top:3px}.xwm u{flex:1;height:4px;border-radius:2px;display:block}
.xpill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:99px;background:var(--x-card);box-shadow:var(--x-sh);font:800 14px var(--fd);color:var(--x-ink);border:0;cursor:pointer}
.xpill .ic{color:var(--x-fire)}
.xh{margin:12px 0 0;border-radius:28px;background:linear-gradient(160deg,#1A9E89 0%,#1B8270 100%);color:#fff;overflow:hidden;position:relative;box-shadow:0 14px 30px -18px rgba(0,80,66,.9)}
.xh .top{padding:16px 16px 14px}
.xlv{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:99px;background:rgba(255,255,255,.18);font:700 11.5px var(--fd);letter-spacing:.06em;text-transform:uppercase;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xlv i{width:8px;height:8px;border-radius:50%;background:#FFD2C7;box-shadow:0 0 0 3px rgba(255,107,74,.6);flex-shrink:0}
.xlv.xlive i{animation:xpul 1.6s ease-in-out infinite}@keyframes xpul{50%{transform:scale(.7);opacity:.6}}
.xlv.idle i{background:#BFEDE3;box-shadow:none}
.xh h2{font:800 25px/1.08 var(--fd)!important;margin:10px 0 4px;letter-spacing:-.02em;color:#fff!important}
.xh p{font:500 13.5px/1.4 var(--fb);color:#DDFBF3;margin:0}
.xh .code{font:800 15px var(--fd);letter-spacing:.18em;background:rgba(0,0,0,.18);padding:3px 8px;border-radius:7px;color:#fff}
.xh .row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.xgo{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border:0;border-radius:14px;background:var(--x-co);color:var(--x-coi);font:800 15.5px var(--fd);box-shadow:0 5px 0 var(--x-cod);cursor:pointer;white-space:nowrap}
.xgo:active{transform:translateY(4px);box-shadow:0 1px 0 var(--x-cod)}
.xgo.w{background:#fff;color:#1D3833;box-shadow:0 5px 0 rgba(0,0,0,.18)}
.xct{background:#FFF3EE;color:#5A1A08;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer}
html.x.dk .xct{background:#2B1912;color:#FFD9CC}
.xct>.ic{width:28px;height:28px;color:#C9401F;flex-shrink:0}
.xct b{font:800 15px var(--fd);display:block}.xct small{font:600 12px var(--fb);color:#8A3417}html.x.dk .xct small{color:#FFB4A3}
.xprz{display:flex;gap:4px;margin-top:4px}.xprz i{font-style:normal;font:800 11px var(--fd);padding:2px 6px;border-radius:6px}
.xtm{display:flex;gap:4px;margin-left:auto}
.xtm span{background:var(--x-co);color:var(--x-coi);border-radius:8px;min-width:36px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 15px/1 var(--fd);font-variant-numeric:tabular-nums}
.xtm span small{font:700 8.5px var(--fb);opacity:.8;margin-top:2px}
.xsec{display:flex;justify-content:space-between;align-items:baseline;padding:18px 2px 6px}
.xsec b{font:800 18px var(--fd);color:var(--x-ink)}.xsec span{font:700 13px var(--fb);color:var(--x-mute);cursor:pointer}.xsec span.l{color:var(--x-emt)}
.xdeck{position:relative;height:152px;overflow:hidden;margin:0 -16px;padding-left:16px}
.xdc{position:absolute;top:18px;width:96px;height:120px;border-radius:6px 16px 16px 16px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 10px 18px -10px rgba(0,0,0,.55);transform-origin:50% 130%;cursor:pointer;border:0;text-align:left;font-family:var(--fd);transition:transform .2s}
.xdc::before{content:"";position:absolute;left:0;top:-9px;width:44px;height:10px;border-radius:6px 8px 0 0;background:inherit}
.xdc b{font:800 14px/1.1 var(--fd);display:block}.xdc small{font:600 10.5px var(--fb);opacity:.95;display:block;margin-top:2px}
.xdc .ic{width:22px;height:22px}.xdc .sm2{position:absolute;right:8px;top:10px}.xdc:not(.on) .txt{display:none}
.xdc.on{top:0;box-shadow:0 0 0 3px var(--x-bg),0 0 0 6px var(--x-ink),0 16px 24px -12px rgba(0,0,0,.6)}
.xdc.soon{filter:saturate(.7) brightness(.97)}
.xdc .lk{position:absolute;right:8px;bottom:10px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.3);display:grid;place-items:center}.xdc .lk .ic{width:12px;height:12px}
.xgv{border-radius:22px;background:var(--x-card);box-shadow:var(--x-sh);display:flex;overflow:hidden;cursor:pointer}
.xgv .lft{width:108px;flex-shrink:0;background:repeating-linear-gradient(135deg,rgba(0,163,137,.08) 0 6px,transparent 6px 12px),var(--x-sf);display:grid;place-items:center;border-right:2px dashed var(--x-line)}
.xgv .rt{flex:1;padding:12px 14px;min-width:0}
.xno{font:700 10.5px var(--fd);letter-spacing:.14em;color:var(--x-emt);text-transform:uppercase}
.xgv h3{font:800 20px/1.1 var(--fd);margin:2px 0;color:var(--x-ink)}
.xgv .m{font:500 12.5px var(--fb);color:var(--x-mute)}
.xbar{height:10px;border-radius:6px;background:var(--x-sf);overflow:hidden;margin:8px 0 4px}
.xbar b{display:block;height:100%;background:linear-gradient(90deg,#1A9E89,#5FD6C1);transform-origin:left;border-radius:6px}
.xmini{display:flex;gap:12px;margin-top:8px;font:700 12.5px var(--fd);color:var(--x-ink);flex-wrap:wrap}.xmini span{display:flex;align-items:center;gap:4px}.xmini .l{color:var(--x-emt)}
.xrow{display:flex;align-items:center;gap:12px;background:var(--x-card);border-radius:18px;padding:12px 14px;box-shadow:var(--x-sh);margin-top:10px;cursor:pointer}
.xrow .ti{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;flex-shrink:0}
.xrow b{font:800 15px/1.2 var(--fd);display:block;color:var(--x-ink)}.xrow small{font:500 12.5px/1.35 var(--fb);color:var(--x-mute);display:block;margin-top:1px}
.xrow .gx{margin-left:auto;color:var(--x-hint)}
.xrow .rg{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.xrow .rg i{width:34px;height:34px;border-radius:50%;background:var(--x-card);display:grid;place-items:center;font:800 11.5px var(--fd);font-style:normal;color:var(--x-ink)}
/* Tayyorlov: missiyalar */
.xml{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.xms{display:flex;align-items:center;gap:10px;background:var(--x-card);border-radius:14px;padding:9px 11px;box-shadow:var(--x-sh);color:var(--x-hint);cursor:pointer;border:0;width:100%;text-align:left;font-family:inherit}
.xms .tx{flex:1;min-width:0}
.xms b{display:block;font:700 13.5px/1.2 var(--fd);color:var(--x-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xms .mn{width:30px;height:30px;border-radius:9px;background:var(--x-sf);display:grid;place-items:center;font:800 13px var(--fd);color:var(--x-ink);flex-shrink:0}
.xms.d .mn{background:var(--x-oksf);color:#0A7549}.xms.d>.ic{color:#0A7549}
.xms.c{box-shadow:0 0 0 2.5px var(--x-gold),var(--x-sh)}.xms.c .mn{background:var(--x-gold);color:#fff}
.xms.l{opacity:.55}
.xd5{display:flex;gap:3px;margin-top:5px}.xd5 i{width:22px;height:5px;border-radius:3px;background:var(--x-line)}.xd5 i.f{background:var(--x-ok)}.xd5 i.n{background:var(--x-co)}
.xms .go{width:30px;height:30px;border-radius:50%;background:var(--x-co);color:var(--x-coi);display:grid;place-items:center;flex-shrink:0}
/* Seminar */
.xsh{border-radius:26px;background:linear-gradient(160deg,#1A9E89,#1B8270);color:#fff;padding:16px;box-shadow:0 14px 30px -18px rgba(0,80,66,.9)}
.xsh h2{color:#fff!important;font:800 24px/1.1 var(--fd)!important;margin:10px 0 4px}.xsh p{color:#DDFBF3;font:500 13px/1.4 var(--fb);margin:0}
.xsh .cd{display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px}
.xsh .cd small{font:600 12px var(--fb);color:#DDFBF3;display:block}.xsh .cd b{font:800 36px/1 var(--fd);letter-spacing:.14em}
.xsh .cd .n{text-align:right}.xsh .cd .n b{letter-spacing:0;font-size:34px}
.xtms{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xtm2{display:flex;align-items:center;gap:10px;background:var(--x-card);border-radius:16px;padding:11px;box-shadow:var(--x-sh);position:relative;border:2.5px solid transparent;min-width:0}
.xtm2.on{border-color:var(--tc)}
.xtm2 b{display:block;font:800 15px var(--fd);letter-spacing:.03em;color:var(--x-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xtm2 small{font:600 12px var(--fb);color:var(--x-mute)}
.xtm2 .okc{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;background:var(--tc);color:#fff;display:grid;place-items:center}.xtm2 .okc .ic{width:14px;height:14px}
.xshd{flex-shrink:0;display:grid;place-items:center;color:#fff;font:800 14px var(--fd);clip-path:polygon(50% 0,100% 16%,100% 58%,50% 100%,0 58%,0 16%)}
.xready{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:16px;background:var(--x-co);color:var(--x-coi);font:800 15.5px var(--fd);box-shadow:0 5px 0 var(--x-cod);margin-top:16px}
.xwait{text-align:center;font:600 13px var(--fb);color:var(--x-mute);margin-top:10px}
.xqh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.xstp{height:28px;padding:0 10px;border-radius:99px;background:var(--x-soft);color:var(--x-emd);font:800 12px var(--fd);letter-spacing:.06em;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;white-space:nowrap}
html.x.dk .xstp{color:var(--x-emt)}
.xtb2{height:10px;border-radius:6px;background:var(--x-line);overflow:hidden;margin-top:8px}.xtb2 b{display:block;height:100%;background:var(--x-co);transform-origin:left;border-radius:6px;transition:transform 1s linear}
.xwt{background:var(--x-card);border-radius:20px;box-shadow:var(--x-sh);padding:14px;margin-top:12px}
.xwt .hd{display:flex;align-items:center;gap:12px}
.xwt .hd b{font:800 15px var(--fd);display:block;color:var(--x-ink)}.xwt .hd small{font:500 12.5px var(--fb);color:var(--x-mute)}
.xst{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;font:700 13px var(--fd);margin-top:9px;color:var(--x-ink)}
.xst .bb{height:8px;border-radius:5px;background:var(--x-sf);overflow:hidden}.xst .bb i{display:block;height:100%;border-radius:5px;transform-origin:left}
.xst.me{color:var(--x-emt)}
.xnx{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:14px;background:var(--x-cosf);color:#5A1A08;font:600 13px var(--fb)}html.x.dk .xnx{color:#FFD9CC}
.xnx b{font:800 20px var(--fd);color:var(--x-cod);font-variant-numeric:tabular-nums;margin-left:auto}
.xpod{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:78px 0 14px}
.xpd{width:31%;max-width:110px;border-radius:18px 18px 0 0;color:#fff;display:flex;flex-direction:column;align-items:center;padding:10px 4px 8px;text-align:center}
.xpd b{font:800 34px/1 var(--fd)}.xpd span{font:800 13px var(--fd);letter-spacing:.04em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xpd small{font:600 12px var(--fb)}
.xpd.me{box-shadow:0 0 0 3px var(--x-bg),0 0 0 6px var(--x-ink)}
.xqrow{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:12px}
.xqrow i{height:32px;border-radius:8px;background:var(--x-oksf);color:#0A7549;display:grid;place-items:center;font:800 11px var(--fd);font-style:normal}.xqrow i.x{background:var(--x-nosf);color:#C8303F}
/* Profil: guvohnoma, unvonlar, nishonlar */
.xidc{background:var(--x-card);border-radius:20px;box-shadow:var(--x-sh);overflow:hidden;border:2px solid var(--x-gold)}
.xidt{background:var(--x-em);color:#fff;display:flex;justify-content:space-between;padding:8px 14px;font:800 11.5px var(--fd);letter-spacing:.12em}
.xidc .bd{display:flex;gap:14px;padding:14px}
.xph{width:96px;height:96px;border-radius:16px;background:repeating-linear-gradient(135deg,rgba(0,163,137,.1) 0 6px,transparent 6px 12px),var(--x-sf);display:grid;place-items:center;flex-shrink:0}
.xidc h3{font:800 22px/1.1 var(--fd);margin:4px 0 2px;color:var(--x-ink);overflow-wrap:anywhere}
.xrk{display:inline-flex;align-items:center;gap:5px;margin-top:6px;height:28px;padding:0 10px;border-radius:99px;background:var(--x-cosf);color:#8A3417;font:800 13px var(--fd)}html.x.dk .xrk{color:#FFB4A3}
.xidc .ft{padding:0 14px 14px}
.xidc .ft .r{display:flex;justify-content:space-between;font:600 12.5px var(--fb);color:var(--x-mute)}
.xlad{display:flex;flex-wrap:wrap;gap:6px}
.xlad span{height:26px;padding:0 9px;border-radius:99px;background:var(--x-sf);color:var(--x-hint);font:700 12px var(--fd);display:flex;align-items:center}
.xlad span.d{background:var(--x-oksf);color:#0A7549}.xlad span.c{background:var(--x-em);color:#fff}
.xbdg{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px}
.xbdg div{display:flex;flex-direction:column;align-items:center;gap:4px;font:600 10.5px/1.15 var(--fb);color:var(--x-hint);text-align:center}
.xbdg i{width:40px;height:44px;display:grid;place-items:center;background:var(--x-line);color:#fff;font-style:normal;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.xbdg .g{color:var(--x-ink)}.xbdg .g i{background:var(--x-gold)}.xbdg .g:nth-child(2n) i{background:var(--x-em)}.xbdg .g:nth-child(3n) i{background:var(--x-co)}
/* Premium */
.xpr{border-radius:24px;background:linear-gradient(150deg,#1A9E89,#00735F);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 0 #004A3D;margin-bottom:12px}
.xpr h2{color:#fff!important;font:800 26px/1 var(--fd)!important;margin:0}.xpr p{margin:4px 0 0;font:600 13px var(--fb);color:#DDFBF3}
.xof{display:flex;align-items:center;gap:12px;border-radius:18px;background:var(--x-cosf);border:2px solid #FFC2B3;padding:12px 14px;color:#5A1A08;margin-bottom:10px}html.x.dk .xof{color:#FFD9CC;border-color:#6A2E1E}
.xof b{font:800 15px var(--fd);display:block}.xof small{font:600 12px var(--fb)}.xof .t{margin-left:auto;font:800 18px var(--fd);color:var(--x-cod)}
.xft{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.xft span{display:flex;align-items:center;gap:8px;background:var(--x-sf);border-radius:14px;padding:10px 12px;font:700 13px/1.2 var(--fd);color:var(--x-ink)}.xft .ic{color:var(--x-emt)}
.xpl{display:flex;align-items:center;gap:12px;border:2px solid var(--x-line);border-radius:18px;padding:14px;margin-top:10px;cursor:pointer;box-shadow:0 4px 0 var(--x-line);background:var(--x-card)}
.xpl.on{border-color:var(--x-em);box-shadow:0 4px 0 var(--x-emd);background:var(--x-soft)}
.xpl .rd{width:24px;height:24px;border-radius:50%;border:2.5px solid var(--x-line);flex-shrink:0;display:grid;place-items:center}.xpl.on .rd{border-color:var(--x-em)}.xpl.on .rd::after{content:'';width:12px;height:12px;border-radius:50%;background:var(--x-em)}
.xpl b{font:800 16px var(--fd);display:block;color:var(--x-ink)}.xpl small{font:600 12.5px var(--fb);color:var(--x-mute)}
.xpl .pr{margin-left:auto;text-align:right}.xpl .pr b{font-size:21px}.xpl .pr s{font:600 12px var(--fb);color:var(--x-hint)}
.xok{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:var(--x-oksf);color:var(--x-okink);font:700 14px var(--fb);margin-bottom:10px}

/* ======================= USTOZ PULTI (panel.html, html.x.xp) ======================= */
html.x.xp body.tch{--txt:var(--x-ink);--dim:var(--x-mute);--line:var(--x-line);--card:var(--x-card);--bg:var(--x-bg);--acc:var(--x-em);--acc2:#1B8270;--accD:var(--x-emd);--ok:#0E9F6E;--bad:#DC4E5C;background:var(--x-bg)!important;font-family:var(--fb)}
html.x.xp body.adm{--x-ink:#DCE6E2;--x-mute:#A3B8B3;--x-hint:#86A09A;--x-line:#24403B;--x-card:#1E2C2A;--x-sf:#1C2E2B;--x-soft:#173A33;--x-emt:#74D1BD;--txt:#DCE6E2;--dim:#A3B8B3;--line:#24403B;--card:#1E2C2A;--bg:#172220;--acc:var(--x-co);--acc2:#F0532F;--accD:var(--x-cod);--gold:var(--x-co);background:#172220!important;font-family:var(--fb)}
html.x.xp body{font-family:var(--fb)}
html.x.xp h2,html.x.xp h3{font-family:var(--fd)}
html.x.xp .hd,html.x.xp body.tch .hd{background:var(--bg)!important}
html.x.xp .logo{display:inline-flex;align-items:center;gap:8px;letter-spacing:0}
html.x.xp .card,html.x.xp .met{border:0;border-radius:20px;box-shadow:var(--x-sh)}
html.x.xp body.adm .card,html.x.xp body.adm .met{box-shadow:0 1px 2px rgba(0,0,0,.4),0 10px 24px -12px rgba(0,0,0,.8)}
html.x.xp .met b,html.x.xp .rm,html.x.xp .code4{font-family:var(--fd)}
html.x.xp .btn{font-family:var(--fd);border-radius:14px}
html.x.xp body.tch .badge{background:var(--x-soft);color:var(--x-emd)}html.x.xp body.adm .badge{background:var(--x-co);color:var(--x-coi)}
html.x.xp .hero{background:linear-gradient(160deg,#1A9E89,#1B8270)!important;border-radius:24px}
html.x.xp body.adm .hero{background:linear-gradient(160deg,#F57A5D,#CC5940)!important;color:#3A0E00}
html.x.xp .hero b{font-family:var(--fd)}html.x.xp .hero .dim{color:inherit;opacity:.85}
html.x.xp .pgo{font-family:var(--fd);background:var(--x-co)!important;color:var(--x-coi)!important;box-shadow:0 6px 0 var(--x-cod)!important;border-radius:22px;letter-spacing:.02em}
html.x.xp .pgo:active{box-shadow:0 2px 0 var(--x-cod)!important}
html.x.xp .rm{color:var(--acc)}
html.x.xp .nav{border-top:1px solid var(--line)}html.x.xp .nav div i{filter:none;opacity:1}html.x.xp .nav div i .ic{width:22px;height:22px}html.x.xp .nav div.on{color:var(--x-emt)}
html.x.xp body.adm .nav div.on{color:var(--x-co)}
html.x.xp .seg b.on{background:var(--acc);color:#fff}html.x.xp .pill.on{background:var(--acc);border-color:var(--acc);color:#fff}
html.x.xp .tag{background:var(--x-soft);color:var(--x-emd)}
html.x.xp .sh>div{border-radius:26px 26px 0 0}

/* ======================= PROYEKTOR / SHTAB (shtab.html, html.x.xs) — uzoqdan o'qiladigan kontrast ======================= */
html.x.xs{--bg:#F1F4F2;--glass:#FFFFFF;--glass2:#EEF4F2;--line:#E0EAE7;--txt:#1D3833;--dim:#586E6A;--gold:#00806B;--cyan:#00806B;--ok:#0E9F6E;--bad:#DC4E5C;--amb:#F57A5D;--ambd:#CC5940}
html.x.xs,html.x.xs body{background:var(--x-bg)!important;color:var(--x-ink);font-family:var(--fb)}
html.x.xs h1,html.x.xs h2,html.x.xs h3,html.x.xs #qbig,html.x.xs #timerBig,html.x.xs #roomBig,html.x.xs .tab,html.x.xs .btn,html.x.xs #gIntro .nm,html.x.xs .rrow .nm,html.x.xs .duelT .p{font-family:var(--fd)}
html.x.xs .glass{border:0!important;border-radius:22px!important;box-shadow:var(--x-sh)!important;background:var(--x-card)!important}
html.x.xs .btn{background:var(--x-co)!important;color:var(--x-coi)!important;box-shadow:0 5px 0 var(--x-cod)!important;border-radius:16px;letter-spacing:.02em}
html.x.xs .btn.ghost{background:var(--x-card)!important;color:var(--x-ink)!important;border:2px solid var(--x-line)!important;box-shadow:0 4px 0 var(--x-line)!important}
html.x.xs .tab.on,html.x.xs .pill.on{background:var(--x-em)!important;border-color:var(--x-em)!important;color:#fff!important;box-shadow:0 4px 0 var(--x-emd)!important}
html.x.xs #hdr .logo{display:inline-flex;align-items:center;gap:10px;letter-spacing:0}
html.x.xs #qbig{color:var(--x-ink);font-weight:800;letter-spacing:-.01em}
html.x.xs #timerBig{color:var(--x-co)!important;font-size:72px;font-weight:800}
html.x.xs #roomBig{color:var(--x-ink)!important;font-size:48px;letter-spacing:.18em;animation:none!important}
html.x.xs #qr img,html.x.xs #qr canvas{box-shadow:0 0 0 3px var(--x-em),var(--x-sh)}
html.x.xs .lopt{border-radius:20px!important;font-weight:700}
html.x.xs .lopt .lt{background:var(--x-sf);font-family:var(--fd)}
html.x.xs .lopt .cnt{color:var(--x-emt);font-family:var(--fd)}
html.x.xs .lopt .fill{background:linear-gradient(90deg,rgba(0,163,137,.22),rgba(0,163,137,.08))!important}
html.x.xs .tchip .bar i,html.x.xs .gauge i{background:linear-gradient(90deg,#FF9A85,var(--x-em))!important}
html.x.xs #stBar span.on{background:var(--x-co);color:var(--x-coi)}html.x.xs #stBar span.done{background:var(--x-oksf);color:#0A7549}
html.x.xs #gIntro{background:linear-gradient(160deg,#1A9E89,#004A3D)!important}html.x.xs #gIntro .nm{color:#fff;text-shadow:none}html.x.xs #gIntro .gi .tg{color:#DDFBF3}
html.x.xs #gIntro .ic .ic{width:1em;height:1em;color:#fff}
html.x.xs #race,html.x.xs #uiWrap{background:rgba(246,248,247,.97)!important}
html.x.xs #uiBox{background:var(--x-card)!important;border:0;box-shadow:var(--x-sh)}
html.x.xs .doc{background:#FFFDF8;font-family:var(--fd)}html.x.xs .doc .dh{color:var(--x-emd);font-family:var(--fd)}
html.x.xs .planChip.g,html.x.xs .mvpBox{border-color:var(--x-co);color:var(--x-cod)}
html.x.xs .duelT .p{color:var(--x-co)}
html.x .recap div::before{content:''!important;display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--x-co,#F57A5D);margin:0 8px 2px 0;vertical-align:middle}

/* 10.10 kech: Bosh — dasta/guvohnoma/seminar kartasi olib tashlandi; musobaqa yolg'iz karta, logo tagida joriy fan */
.xct.solo{border-radius:22px;margin-top:12px;box-shadow:var(--x-sh)}
.xfl{font:600 12px/1.2 var(--fb);color:var(--x-mute);padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xsh .row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.xsh .code{font:800 15px var(--fd);letter-spacing:.18em;background:rgba(0,0,0,.18);padding:3px 8px;border-radius:7px;color:#fff}
.xsh .rin{width:100%;box-sizing:border-box;background:rgba(255,255,255,.94);border:0;border-radius:16px;padding:14px;font-size:22px;letter-spacing:6px;text-align:center;color:#1D3833;text-transform:uppercase;margin-top:14px}
.xsh .rer{color:#FFE3E6;font:600 13px var(--fb);min-height:18px;margin-top:6px}
.xsh .xgo.w{width:100%;justify-content:center}