/* Shared look for /test-series/*.html — matches the main Aitakshila site (header, colours, fonts, width). */
html:root{--base:#0B0D12;--surface:#12151D;--elev:#1A1E28;--tp:#ECEEF4;--ts:#B4BACB;--tm:#9AA2B6;--orange:#E9663A;--orange-h:#CE522C;--gold:#C9A14A;--border:rgba(255,255,255,.08);--border-a:rgba(233,102,58,.38)}
html body h1,html body h2,html body h3{font-family:"Space Grotesk","Plus Jakarta Sans",Inter,system-ui,sans-serif;letter-spacing:-.01em}
html body .wrap{max-width:1280px}
html body .btn.pri{box-shadow:0 0 20px rgba(233,102,58,.22)}
/* header */
#sxHeader .sx-nav{position:sticky;top:0;z-index:60;background:rgba(11,13,18,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.07)}
#sxHeader .sx-in{max-width:1152px;margin:0 auto;height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#sxHeader .sx-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--tp);flex:none}
#sxHeader .sx-logo{width:36px;height:36px;border-radius:12px;background:var(--orange);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 0 20px rgba(233,102,58,.25)}
#sxHeader .sx-name{font-family:"Space Grotesk",Inter,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.02em}
#sxHeader .sx-beta{font-size:9px;font-weight:700;color:var(--orange);background:rgba(233,102,58,.15);border:1px solid rgba(233,102,58,.25);padding:2px 6px;border-radius:999px}
#sxHeader .sx-links{display:none;align-items:center;gap:4px;font-size:14px;white-space:nowrap}
#sxHeader .sx-links a,#sxHeader .sx-links button.sx-dd{color:var(--ts);text-decoration:none;background:none;border:0;padding:8px 12px;border-radius:8px;font:inherit;cursor:pointer;display:flex;align-items:center;gap:4px}
#sxHeader .sx-links a:hover,#sxHeader .sx-links button.sx-dd:hover,#sxHeader .sx-item:focus-within>button{color:var(--tp);background:rgba(255,255,255,.05)}
#sxHeader .sx-item{position:relative}
#sxHeader .sx-menu{display:none;position:absolute;left:0;top:100%;padding-top:8px;width:280px}
#sxHeader .sx-menu>div{background:var(--elev);border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.45)}
#sxHeader .sx-item:hover .sx-menu,#sxHeader .sx-item:focus-within .sx-menu{display:block}
#sxHeader .sx-menu a{display:block;padding:10px 12px;border-radius:8px;white-space:normal}
#sxHeader .sx-menu a b{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tp)}
#sxHeader .sx-menu a small{display:block;font-size:12px;color:var(--tm);margin-top:2px}
#sxHeader .sx-new{font-size:9px;font-weight:700;background:var(--orange);color:#fff;padding:2px 6px;border-radius:4px}
#sxHeader .sx-cta{display:none;align-items:center;gap:8px}
#sxHeader .sx-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;border:1px solid var(--border);color:var(--tp);background:var(--elev)}
#sxHeader .sx-btn.pri{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 0 20px rgba(233,102,58,.22)}
#sxHeader .sx-burger{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:none;color:var(--tp);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}
#sxHeader .sx-panel{display:none;position:fixed;inset:64px 0 0 0;background:rgba(11,13,18,.97);overflow-y:auto;padding:12px 16px 32px;z-index:59}
#sxHeader .sx-panel.open{display:block}
#sxHeader .sx-panel h4{margin:16px 12px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tm);font-family:Inter,sans-serif}
#sxHeader .sx-panel a.row{display:block;padding:12px;border-radius:12px;text-decoration:none;color:var(--tp)}
#sxHeader .sx-panel a.row small{display:block;font-size:12px;color:var(--tm)}
#sxHeader .sx-panel .two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
@media(min-width:1024px){#sxHeader .sx-links{display:flex}#sxHeader .sx-cta{display:flex}#sxHeader .sx-burger{display:none}#sxHeader .sx-panel{display:none!important}}
@media(max-width:480px){#sxHeader .sx-beta{display:none}}

#sxHeader .sx-mega{left:50%;transform:translateX(-50%);width:min(660px,92vw)}
#sxHeader .sx-mega>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}
#sxHeader .sx-mega h5{margin:0 0 4px 8px;font:700 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
#sxHeader .sx-mega a.sx-g{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;font-size:13px;font-weight:600;color:var(--tp)}
#sxHeader .sx-mega a.sx-g.soon{font-weight:400;color:var(--tm)}
#sxHeader .sx-mega a.sx-g em{font-style:normal;font-size:9px;color:#6b7385}
#sxHeader .sx-mega a.sx-g:hover{background:rgba(255,255,255,.05)}

#sxHeader .sx-panel{position:fixed;top:64px;left:0;right:0;bottom:0;background:#0B0D12;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:59}

/* simple call controls */
#duoBox .duoBigJoin{width:100%;padding:16px 14px;border-radius:14px;border:1px solid #2fa35f;background:#1f7a46;color:#fff;font-size:17px;font-weight:700;cursor:pointer}
#duoBox .duoBigJoin:active{transform:scale(.99)}
#duoBox .duoLink{display:block;width:100%;margin-top:8px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:transparent;color:inherit;font-size:14px;cursor:pointer}
#duoBox .duoCtl3{display:flex;gap:8px}
#duoBox .duoCtl3 .duoMic{flex:1 1 0;padding:12px 6px;font-size:14px}
#duoBox .duoCtl3 .duoLeaveB{flex:0 0 auto;padding:12px 14px}
#duoBox .duoMore{margin-top:10px}
#duoBox .duoMore summary{cursor:pointer;font-size:12px;opacity:.7;list-style:none}

.shGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shB{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 10px;border-radius:12px;border:1px solid var(--border);background:var(--elev);color:var(--tp);font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}
.shB.pri{background:var(--orange);border-color:var(--orange);color:#fff;grid-column:1/-1}
.shB.wa{background:#1f7a46;border-color:#2fa35f;color:#fff}

/* quick call bar */
#duoQuick{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:70;gap:6px;padding:6px;background:rgba(18,21,29,.96);border:1px solid var(--border-a);border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.5);max-width:96vw}
#duoQuick .dq{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:58px;padding:7px 10px;border-radius:12px;border:1px solid var(--border);background:var(--elev);color:var(--tp);font:inherit;cursor:pointer}
#duoQuick .dq i{font-style:normal;font-size:19px;line-height:1}
#duoQuick .dq span{font-size:11px;font-weight:600}
#duoQuick .dq.join{background:#1f7a46;border-color:#2fa35f;color:#fff;min-width:96px}
#duoQuick .dq.on{background:#1f7a46;border-color:#2fa35f;color:#fff}
#duoQuick .dq.mut{background:#7a3a1f;border-color:#c0562b;color:#fff}
#duoQuick .dq.red{color:#ff8a7a;border-color:rgba(255,120,100,.4)}
body.hasDq{padding-bottom:84px}

/* v2: clean icon controls + panel layout fix */
.duoFull>*{flex-shrink:0}
#duoQuick{gap:8px;padding:8px 10px;border-radius:999px}
#duoQuick .dq{flex-direction:row;min-width:0;width:46px;height:46px;padding:0;border-radius:50%;background:rgba(255,255,255,.08);border:0}
#duoQuick .dq svg{display:block}
#duoQuick .dq.joinpill{width:auto;padding:0 18px;border-radius:999px;gap:8px;background:#1f7a46;color:#fff;font-weight:700;font-size:15px}
#duoQuick .dq.joinpill span{font-size:15px}
#duoQuick .dq.on{background:#1f7a46;color:#fff}
#duoQuick .dq.mut{background:#c0562b;color:#fff}
#duoQuick .dq.red{background:#d64545;color:#fff;border:0}
#duoCall .duoCallCtl{display:flex;justify-content:center;gap:12px;padding:8px}
#duoCall .duoCallCtl button.dqi{width:42px;height:42px;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center}
#duoCall .duoCallCtl button.dqi.on{background:#1f7a46}
#duoCall .duoCallCtl button.dqi.mut{background:#c0562b}

/* ===== study together: pro skin (p26) ===== */
#modal{z-index:300!important}
#duoBox{z-index:80}
#duoBox .duoFull{background:linear-gradient(180deg,rgba(19,24,36,.98),rgba(9,11,17,.99));border:1px solid rgba(110,225,255,.32);border-radius:18px;box-shadow:0 0 0 1px rgba(233,102,58,.12),0 20px 54px rgba(0,0,0,.7),0 0 46px rgba(70,200,255,.09)}
#duoBox .duoHd b{font-family:'Space Grotesk',system-ui,sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#7fe3ff}
#duoBox .duoHdB .btn.pri{display:inline-flex;align-items:center;gap:6px;border-radius:12px;background:linear-gradient(135deg,#E9663A,#d4482a);border:0;color:#fff;font-weight:700;padding:8px 13px}
#duoBox .duoHdB svg{width:15px;height:15px}
#duoBox .duoX{border-radius:12px;width:34px;height:34px}
.dkHead{font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.22em;color:#7fe3ff;opacity:.85;margin:2px 0 8px}
.dkRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dk{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#ECEEF4;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;min-width:0}
.dk:active{transform:scale(.98)}
.dk .dkI{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);flex:none}
.dk .dkT{min-width:0}.dk .dkT b{display:block;font-size:13px;font-weight:700}.dk .dkT small{display:block;font-size:11px;line-height:1.25;color:#9AA2B6}
.dk.on{border-color:rgba(60,225,150,.65);background:rgba(40,200,120,.1);box-shadow:0 0 20px rgba(40,200,120,.18)}.dk.on .dkI{background:#1f9a5d;color:#fff}
.dk.mut{border-color:rgba(233,102,58,.7);background:rgba(233,102,58,.1)}.dk.mut .dkI{background:#c0562b;color:#fff}
.dkLeave{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:11px;border-radius:12px;border:1px solid rgba(255,110,100,.45);background:rgba(214,69,69,.12);color:#ff9a8c;font-weight:700;font-size:14px;cursor:pointer}
.dkLeave svg{width:18px;height:18px}
.dkHint{font-size:12px;color:#9AA2B6;margin-top:8px;line-height:1.4}.dkHint b{color:#ECEEF4}
#duoQuick{border-color:rgba(110,225,255,.3);box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 24px rgba(70,200,255,.1)}
#duoStart{position:fixed;right:14px;bottom:18px;z-index:70;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:16px;border:1px solid rgba(110,225,255,.45);background:linear-gradient(135deg,rgba(20,28,42,.96),rgba(12,14,22,.97));color:#ECEEF4;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 26px rgba(70,200,255,.18);animation:dsGlow 2.8s ease-in-out infinite;text-align:left}
#duoStart svg{width:30px;height:30px;padding:7px;border-radius:10px;background:linear-gradient(135deg,#E9663A,#d4482a);color:#fff;flex:none;box-sizing:border-box}
#duoStart b{display:block;font-size:14px;font-family:'Space Grotesk',system-ui,sans-serif}#duoStart small{display:block;font-size:11px;color:#9AA2B6}
@keyframes dsGlow{50%{box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 38px rgba(70,200,255,.38)}}
@media(max-width:900px){#duoStart{bottom:78px;right:10px}}
.duoInv{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#E9663A,#d4482a)!important;border:0!important;color:#fff!important}
.duoInv svg{width:15px;height:15px}
@media(max-width:560px){.duoInv span{display:none}}
#duoCall{z-index:90!important;border:1px solid rgba(110,225,255,.4);box-shadow:0 14px 40px rgba(0,0,0,.7),0 0 30px rgba(70,200,255,.15)}
#duoCall .duoCallHd{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;min-height:38px;padding:4px 8px 4px 10px;background:rgba(110,225,255,.1);border-bottom:1px solid rgba(110,225,255,.25);color:#cfeffa}
#duoCall .duoCallHd:active{cursor:grabbing}
.dgHandle{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.04em}
.dgGrip{display:inline-block;width:14px;height:18px;background:radial-gradient(circle,#7fe3ff 1.5px,transparent 1.8px) 0 0/7px 6px}
@media(max-width:900px){#duoCall{top:74px!important}#duoCall.big{top:74px!important}}

/* p28 */
.duoHaveB{margin-top:10px;background:none;border:0;color:#7fe3ff;font-weight:600;font-size:14px;padding:6px 0;text-decoration:underline;cursor:pointer}
#duoStart{padding:8px 14px 8px 8px;gap:8px;border-radius:999px;animation:none;box-shadow:0 8px 22px rgba(0,0,0,.55),0 0 18px rgba(70,200,255,.22)}
#duoStart small{display:none}
#duoStart b{font-size:13px;white-space:nowrap}
#duoStart svg{width:28px;height:28px}
@media(max-width:900px){#duoStart{bottom:70px;right:10px}}
@media(max-width:560px){.duoInv span{display:inline!important;font-size:11px}}

#duoStart{display:none!important}

/* p30 mobile call window: small, no overlap with panel */
@media(max-width:900px){
#duoCall{width:138px!important;right:8px!important}
#duoCall .duoCallCtl{display:none}
#duoCall #duoPopB{display:none}
#duoCall .duoCallHd{flex-wrap:nowrap;min-height:34px;padding:3px 6px}
#duoCall .duoCallHd button{font-size:10px;padding:2px 6px;margin-left:3px}
#duoCall .dgHandle{font-size:0}
#duoCall .dgHandle::after{content:"Move";font-size:11px;color:#cfeffa}
#duoCall .duoAvB{width:36px;height:36px;font-size:16px}
#duoCall.big{width:96vw!important;right:auto!important}
#duoCall.big .duoCallCtl{display:flex}
#duoCall.big .dgHandle{font-size:11px}#duoCall.big .dgHandle::after{content:""}
}

@media(max-width:900px){#duoCall{width:172px!important}#duoCall .duoCallHd>span:last-child{display:flex;gap:3px;flex-wrap:nowrap;white-space:nowrap}}

#duoCall{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}#duoCall:active{cursor:grabbing}

/* ===== p35: calmer, flatter look (replaces the neon skin) ===== */
#duoBox .duoFull{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
#duoBox.duoMin{display:none}
#duoBox .duoHd b{font-family:"Space Grotesk",Inter,sans-serif;font-size:16px;letter-spacing:0;text-transform:none;color:var(--tp)}
#duoBox .duoHdB .btn.pri{background:var(--orange);border:1px solid var(--orange);box-shadow:none;border-radius:10px;font-weight:600}
#duoBox .duoX{border-radius:10px}
.dkHead{font:600 12px Inter,sans-serif;letter-spacing:0;color:var(--tm);opacity:1;margin:2px 0 6px;text-transform:none}
.dk{border-radius:12px;background:var(--elev);border:1px solid var(--border);color:var(--tp)}
.dk .dkI{background:var(--surface);border:1px solid var(--border);border-radius:10px}
.dk .dkT small{color:var(--tm)}
.dk.on{border-color:var(--ok);background:var(--elev);box-shadow:none}.dk.on .dkI{background:var(--ok);color:#fff;border-color:var(--ok)}
.dk.mut{border-color:var(--orange);background:var(--elev)}.dk.mut .dkI{background:var(--orange);color:#fff;border-color:var(--orange)}
.dkLeave{border-radius:10px;background:transparent;border:1px solid var(--border);color:var(--bad)}
.dkHint{color:var(--tm)}.dkHint b{color:var(--tp)}
#duoQuick{display:flex;align-items:center;gap:6px;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,.28);left:auto;right:16px;transform:none;bottom:16px}
#duoQuick .dq{width:42px;height:42px;border-radius:10px;background:var(--elev);border:1px solid var(--border);color:var(--tp)}
#duoQuick .dq.on{background:var(--ok);border-color:var(--ok);color:#fff}
#duoQuick .dq.mut{background:var(--orange);border-color:var(--orange);color:#fff}
#duoQuick .dq.red{background:transparent;border:1px solid var(--border);color:var(--bad)}
#duoQuick .dqOpen{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:10px;background:var(--orange);border:1px solid var(--orange);color:#fff;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
#duoQuick .dqDot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55)}#duoQuick .dqDot.on{background:#fff}
@media(max-width:900px){#duoQuick{left:8px;right:8px;bottom:10px;justify-content:space-between}#duoQuick .dq{width:40px}}
.duoInv{background:var(--orange)!important;border:1px solid var(--orange)!important;color:#fff!important;box-shadow:none!important}
#duoCall{border:1px solid var(--border);box-shadow:0 12px 32px rgba(0,0,0,.4);background:#0b0d12;width:360px}
#duoCall .duoCallHd{background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);color:#d8dce8}
.dgGrip{background:radial-gradient(circle,#9aa2b6 1.5px,transparent 1.8px) 0 0/7px 6px}
#duoCall .duoGrid{position:relative}
#duoCall.n1 .duoT2,#duoCall.n2 .duoT2:not(.me){aspect-ratio:16/10}
#duoCall.n2 .duoGrid{grid-template-columns:1fr}
#duoCall.n2 .duoT2.me{position:absolute;right:10px;bottom:10px;width:34%;aspect-ratio:4/3;z-index:3;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 10px rgba(0,0,0,.5)}
#duoCall .duoT2 span{background:rgba(0,0,0,.55);font-size:11px}
#duoCall .duoAvB{width:64px;height:64px;font-size:26px;background:#2a2f3d;border:0}
#duoCall .duoCallCtl button.dqi{background:rgba(255,255,255,.12)}
#duoCall .duoCallCtl button.dqi.on{background:var(--ok)}#duoCall .duoCallCtl button.dqi.mut{background:var(--orange)}
@media(max-width:900px){#duoCall{width:172px!important}#duoCall.n2 .duoT2.me{width:38%;right:6px;bottom:6px}}

/* p35b dock bottom-left on desktop so it never sits under the call window */
#duoQuick{left:16px!important;right:auto!important}
@media(max-width:900px){#duoQuick{left:8px!important;right:8px!important}}


/* ===== p36: follow the main site theme (ait-theme: light by default) ===== */
html[data-theme="light"],html[data-theme="minimal"]{color-scheme:light;--base:#F5F7FA;--surface:#FFFFFF;--elev:#F1F5F9;--tp:#0F172A;--ts:#475569;--tm:#64748B;--orange:#EA580C;--orange-h:#C2410C;--gold:#B08A3A;--ok:#15803D;--bad:#DC2626;--info:#2563EB;--border:rgba(15,23,42,.12);--border-a:rgba(234,88,12,.45)}
html[data-theme="light"] .btn.pri,html[data-theme="minimal"] .btn.pri,html[data-theme="light"] #sxHeader .sx-btn.pri,html[data-theme="light"] #sxHeader .sx-logo{box-shadow:none}
html[data-theme="light"] .card{box-shadow:0 4px 16px rgba(15,23,42,.06)}
html[data-theme="light"] a{color:var(--orange)}
html[data-theme="light"] #sxHeader .sx-nav{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(15,23,42,.08)}
html[data-theme="light"] #sxHeader .sx-links a:hover,html[data-theme="light"] #sxHeader .sx-links button.sx-dd:hover,html[data-theme="light"] #sxHeader .sx-item:focus-within>button{background:rgba(15,23,42,.05)}
html[data-theme="light"] #sxHeader .sx-menu>div{border:1px solid rgba(15,23,42,.1);box-shadow:0 12px 32px rgba(15,23,42,.14)}
html[data-theme="light"] #sxHeader .sx-burger,html[data-theme="light"] #sxHeader .sx-theme{border-color:rgba(15,23,42,.14)}
html[data-theme="light"] #sxHeader .sx-panel{background:#fff!important}
html[data-theme="light"] #sxHeader .sx-beta{background:rgba(234,88,12,.1);border-color:rgba(234,88,12,.25)}
html[data-theme="light"] .opt.sel{background:#FFEDD5!important;border-color:var(--orange)!important;color:#7C2D12!important}
html[data-theme="light"] .opt .k{background:#E2E8F0!important;color:#0F172A!important}
html[data-theme="light"] .opt.sel .k{background:var(--orange)!important;color:#fff!important}
html[data-theme="light"] .case,html[data-theme="light"] .note{background:#F1F5F9!important;color:#334155!important}
html[data-theme="light"] .tiny,html[data-theme="light"] .muted{color:#64748B!important}
html[data-theme="light"] .pb.an{background:#DCFCE7;border-color:#16A34A;color:#14532D}
html[data-theme="light"] .pb.na{background:#FEE2E2;border-color:#DC2626;color:#7F1D1D}
html[data-theme="light"] .pb.mr{background:#EDE9FE;border-color:#7C3AED;color:#4C1D95}
html[data-theme="light"] .legend i[style*="166534"]{background:#16A34A!important}
html[data-theme="light"] .legend i[style*="7a2020"]{background:#DC2626!important}
html[data-theme="light"] .legend i[style*="5b21b6"]{background:#7C3AED!important}
html[data-theme="light"] #modal{background:rgba(15,23,42,.45)}
html[data-theme="light"] #duoBox .duoFull,html[data-theme="light"] #duoQuick{box-shadow:0 10px 30px rgba(15,23,42,.16)}
html[data-theme="light"] .duoInv{color:#fff!important}
html[data-theme="light"] .opt{background:var(--surface)}
html[data-theme="light"] .timer{color:var(--tp)}
html[data-theme="light"] .scorebig{color:var(--tp)}
#sxHeader .sx-theme{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:none;color:var(--tp);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
#duoCall .duoCallCtl button.dqi{flex:none;width:42px;height:42px;border-radius:50%}
#duoCall .duoCallCtl{gap:12px}

/* p37 */
html[data-theme="light"] a.shB{color:var(--tp);text-decoration:none}
html[data-theme="light"] a.shB.wa{color:#fff}
.shB{text-decoration:none}
body.hasDq{padding-bottom:78px}

#sxHeader .sx-split{width:230px;left:0}
#sxHeader .sx-split>div.sp-cats{position:relative;padding:6px}
#sxHeader .sp-g{position:static}
#sxHeader .sp-c{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--tp);cursor:pointer}
#sxHeader .sp-c b{opacity:.5;font-size:16px}
#sxHeader .sp-g:hover>.sp-c,#sxHeader .sp-g:focus-within>.sp-c{background:rgba(255,255,255,.07)}
#sxHeader .sp-g.off>.sp-c{opacity:.55}
#sxHeader .sp-p{width:max-content;display:none;position:absolute;left:calc(100% + 2px);top:0;min-width:240px;background:var(--elev);border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.45)}
#sxHeader .sp-p::before{content:"";position:absolute;left:-10px;top:0;width:10px;height:100%}
#sxHeader .sp-g:hover>.sp-p,#sxHeader .sp-g:focus-within>.sp-p{display:block}
#sxHeader .sp-a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--tp);white-space:nowrap}
#sxHeader .sp-a:hover{background:rgba(255,255,255,.07)}
#sxHeader .sp-soon{display:block;padding:9px 12px;font-size:13px;color:var(--tm)}
html[data-theme="light"] #sxHeader .sp-p{border:1px solid rgba(15,23,42,.1);box-shadow:0 12px 32px rgba(15,23,42,.14)}
html[data-theme="light"] #sxHeader .sp-g:hover>.sp-c,html[data-theme="light"] #sxHeader .sp-a:hover{background:rgba(15,23,42,.06)}