/* shimonsir.com app stylesheet (site version ss10-v49), copied verbatim from the brand kit, 15 Nov 2026.
   Do not edit here: BITSAT-specific styles live in app.css. Brand tokens are overridden at runtime by brand.config.ts. */
/*ss-brand-fonts*/

:root{--paper:#f4f7fd;--card:#ffffff;--ink:#0b1b3f;--soft:#45547a;--faint:#66739a;--rule:#d6deef;--rule2:#e6ecf7;
--acc:#1546c8;--acc-soft:#e6edff;--bad:#b42318;--bad-soft:#fdeceb;--hl:#fff3c8;--gold:#f5b70a;--navy:#0a2a6b;--ok:#0f7a4a;--ok-soft:#e3f5ec;
--shadow:0 1px 2px rgba(11,27,63,.06),0 6px 18px rgba(11,27,63,.07);--r:14px;
--serif:'Plus Jakarta Sans','SS Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--sans:'Plus Jakarta Sans','SS Sans','IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
--head:'Plus Jakarta Sans','SS Sans',system-ui,sans-serif;
--mono:ui-monospace,'SF Mono',Menlo,Consolas,'DejaVu Sans Mono',monospace;color-scheme:light}
:root[data-theme="dark"]{--paper:#0a0e1c;--card:#121832;--ink:#eef2ff;--soft:#aeb7d6;--faint:#8792bd;--rule:#28325e;--rule2:#1a2246;
--acc:#5ce1f0;--acc-soft:#10303d;--bad:#ff7a6b;--bad-soft:#3a1e26;--hl:#2e2a12;--gold:#f7c948;--navy:#5ce1f0;--ok:#5ce1f0;--ok-soft:#10303d;
--shadow:none;--r:0px;--head:'Sora','Plus Jakarta Sans',system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
a{color:var(--acc)}
.wrap{max-width:540px;margin:0 auto;padding:0 20px calc(96px + env(safe-area-inset-bottom))}
.hide{display:none!important}
/* top bar */
.top{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 0 6px;gap:12px}
.brand{font:600 15px var(--sans);letter-spacing:.01em}.brand b{color:var(--acc);font-weight:600}
.streak{display:flex;align-items:center;gap:6px;font:500 14px var(--sans);color:var(--soft);padding:6px 2px}
.streak svg{width:15px;height:15px}.streak.on{color:var(--ink)}.streak.on svg{color:#c4572a}
.subj{display:flex;gap:22px;margin:14px 0 4px;border-bottom:1px solid var(--rule)}
.subj button{padding:8px 0 9px;font:500 16px var(--sans);color:var(--faint);border-bottom:2px solid transparent;margin-bottom:-1px}
.subj button[aria-pressed="true"]{color:var(--ink);border-color:var(--ink)}
/* home */
.today{padding:22px 0 20px;border-bottom:1px solid var(--rule)}
.eyebrow{font:500 13px var(--sans);color:var(--faint);letter-spacing:.02em}
.today h1{font:400 26px/1.25 var(--serif);margin:6px 0 4px}
.today p{margin:0;color:var(--soft);font-size:15px}
.goal{display:flex;align-items:center;gap:10px;margin:14px 0 18px;font-size:14px;color:var(--soft)}
.goal .bar{flex:1;max-width:160px}
.bar{height:3px;background:var(--rule);position:relative}.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--acc)}
.btn{display:block;width:100%;text-align:center;background:var(--ink);color:var(--paper);font:600 16px var(--sans);padding:15px 18px;border-radius:6px}
.btn:disabled{opacity:.35;cursor:default}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--rule)}
.btn.acc{background:var(--acc);color:#fff}
.btnrow{display:flex;gap:10px}.btnrow .btn{flex:1}
.link{color:var(--acc);font:500 15px var(--sans);text-decoration:none;padding:8px 0;display:inline-block}
.sec{font:600 13px var(--sans);color:var(--faint);letter-spacing:.06em;text-transform:uppercase;margin:26px 0 4px}
.list{border-top:1px solid var(--rule)}
.row{display:grid;grid-template-columns:28px 1fr auto;gap:4px 12px;align-items:center;width:100%;padding:14px 0;border-bottom:1px solid var(--rule)}
.row .n{font:500 13px var(--sans);color:var(--faint);align-self:start;padding-top:2px}
.row .t{font:400 17px/1.3 var(--serif)}
.row .r{font:500 13px var(--sans);color:var(--soft);white-space:nowrap;display:flex;align-items:center;gap:6px}
.row .sub{grid-column:2/4;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--faint)}
.row.bb .n{padding-top:0}.row.bb.lock{opacity:.55;cursor:default}
.xpl{display:flex;align-items:center;gap:10px;margin:10px 0 4px;font:500 13px var(--sans);color:var(--soft)}.xpl b{color:var(--ink);white-space:nowrap}.xpl .bar{flex:1;height:4px}.xpl span:last-child{white-space:nowrap}
.moment.big .sh{transform:scale(1.04)}.moment.bigger .sh{transform:scale(1.08)}.moment .big{font-size:28px}
.moment .ring svg{filter:drop-shadow(0 0 0 #e2ad2e);border-radius:50%;box-shadow:0 0 0 4px #e2ad2e,0 0 22px 6px rgba(226,173,46,.45)}
.moment.full{background:radial-gradient(circle at 50% 40%,rgba(226,173,46,.35),rgba(0,0,0,.72))}.moment.full .sh{max-width:420px}
.moment .glow svg{animation:cglow 2.4s ease-in-out infinite}@keyframes cglow{0%,100%{filter:drop-shadow(0 0 6px #e2ad2e)}50%{filter:drop-shadow(0 0 22px #ffe27a)}}
@media (prefers-reduced-motion: reduce){.moment .glow svg{animation:none}}
.row .sub .bar{flex:1;max-width:180px}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--rule)}
.rk1{background:#a26a3c}.rk2{background:#8e959c}.rk3{background:#c39a2a}.rk4{background:#6f8d88}.rk5{background:#2f7f86}.rk6{background:#6a52a3}.rk7{background:#1f5c46}
/* chapter */
.back{display:inline-flex;align-items:center;gap:6px;color:var(--soft);font:500 15px var(--sans);padding:6px 0}
.back svg{width:16px;height:16px}
.chhead{padding:12px 0 18px}
.chhead h1{font:400 28px/1.2 var(--serif);margin:4px 0 10px}
.rankline{display:flex;align-items:center;gap:8px;font:500 15px var(--sans)}
.next{color:var(--soft);font-size:14px;margin-top:4px}
.ticks{display:flex;gap:3px}.ticks i{width:12px;height:3px;background:var(--rule)}.ticks i.c{background:var(--ink)}.ticks i.n{background:var(--acc)}.ticks i.x{background:transparent;border-top:1px dashed var(--rule);height:0;margin-top:1px}
/* question */
.qtop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 0 0}
.qtop .back{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qtop .cnt{font:500 14px var(--sans);color:var(--soft);white-space:nowrap}
.lvl{display:flex;gap:6px;margin:14px 0 0}.lvl i{flex:1;height:3px;background:var(--rule)}.lvl i.c{background:var(--ink)}.lvl i.n{background:var(--acc);height:5px;margin-top:-1px}.lvl i.x{background:transparent;border-top:1px dashed var(--rule);height:0;margin-top:1px}
.lvlt{display:flex;justify-content:space-between;margin-top:8px;font:500 14px var(--sans);color:var(--soft)}.lvlt b{color:var(--acc);font-weight:600}
.tag{font:500 13px var(--sans);color:var(--faint)}
.q{font:400 19px/1.55 var(--serif);margin:24px 0 0}
.q p{margin:0 0 10px}.q img,.q svg{max-width:100%;height:auto}
.fig{margin:14px 0 4px;text-align:center}.fig img,.fig svg{max-width:100%;height:auto;max-height:340px}
.fig img{max-width:100%!important;width:auto;height:auto;max-height:360px;object-fit:contain}.card .fig{margin:12px 0}
pre,pre.struct{font:15px/1.35 var(--mono);margin:14px 0 4px;padding:0;background:none;white-space:pre;overflow-x:auto;color:var(--ink)}
table{border-collapse:collapse;font:15px/1.4 var(--sans);margin:10px 0;max-width:100%;display:block;overflow-x:auto}td,th{border:1px solid var(--rule);padding:5px 8px;text-align:left}
.opts{margin:22px 0 0;border-top:1px solid var(--rule)}
.opt{display:flex;gap:14px;align-items:baseline;width:100%;padding:14px 2px;border-bottom:1px solid var(--rule);font:400 17px/1.45 var(--serif)}
.opt .k{font:600 13px var(--sans);color:var(--faint);min-width:16px}
.opt .tx{flex:1}.opt .m{font:700 18px var(--sans);margin-left:auto;padding-left:8px}
.opt:not(:disabled):active{background:var(--rule2)}
.opt.sel{background:var(--acc-soft)}
.opt.ok{font-weight:600}.opt.ok .m{color:var(--acc)}
.opt.no{color:var(--bad)}.opt.no .tx{text-decoration:line-through;text-decoration-thickness:1.5px}.opt.no .m{color:var(--bad)}
.opt.miss .m{color:var(--acc)}
.opt.chk .k{width:18px;height:18px;border:1.5px solid var(--faint);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:transparent;align-self:center}
.opt.chk.sel .k{background:var(--acc);border-color:var(--acc);color:#fff}
.numrow{display:flex;gap:10px;align-items:center;margin:24px 0 0}
.numrow input{flex:1;min-width:0;font:500 20px var(--sans);padding:12px 14px;border:1px solid var(--rule);border-radius:6px;background:var(--card);color:var(--ink)}
.numrow .u{color:var(--soft);font-size:15px}
.hint{font:500 13px var(--sans);color:var(--faint);margin:18px 0 0}
.steps{margin:10px 0 0}.step{display:block;width:100%;padding:11px 12px;margin:0 0 8px;border:1px solid var(--rule);border-radius:6px;font:400 16px/1.45 var(--serif);background:var(--card)}
.step:disabled{opacity:.3}
.picked{margin:6px 0 0;padding:0;list-style:none;counter-reset:s}
.picked li{counter-increment:s;padding:9px 0 9px 30px;border-bottom:1px solid var(--rule);position:relative;font:400 16px/1.45 var(--serif)}
.picked li::before{content:counter(s);position:absolute;left:4px;top:9px;font:600 13px var(--sans);color:var(--faint)}
.picked li.ok{color:var(--acc)}.picked li.no{color:var(--bad)}
.lines .opt .k{min-width:22px}
.mrow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;width:100%;padding:12px 2px;border-bottom:1px solid var(--rule);font:400 16px/1.4 var(--serif)}
.mrow .slot{min-width:38px;height:30px;border:1px dashed var(--faint);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font:600 14px var(--sans)}
.mrow.on{background:var(--acc-soft)}.mrow .slot.f{border-style:solid;border-color:var(--ink)}
.mrow.ok .slot{border-color:var(--acc);color:var(--acc)}.mrow.no .slot{border-color:var(--bad);color:var(--bad)}
.chips{margin:18px 0 0}.chip{display:flex;gap:12px;width:100%;padding:10px 12px;margin:0 0 8px;border:1px solid var(--rule);border-radius:6px;font:400 16px/1.4 var(--serif);background:var(--card)}
.chip b{font:600 13px var(--sans);color:var(--soft)}.chip.used{opacity:.4}
.part{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--rule)}.part .pq{font:400 17px/1.5 var(--serif)}.part .pn{font:600 13px var(--sans);color:var(--faint);margin-bottom:4px}
.part .opts{margin-top:10px}.part .numrow{margin-top:10px}
.part.ok .pn{color:var(--acc)}.part.no .pn{color:var(--bad)}
/* feedback */
.fb{margin:26px 0 0;padding-top:16px;border-top:2px solid var(--ink)}
.fb h3{margin:0 0 6px;font:600 17px var(--sans)}.fb.good h3{color:var(--acc)}.fb.bad h3{color:var(--bad)}
.fb .slip{margin:0 0 10px;padding:10px 12px;background:var(--bad-soft);border-radius:6px;font-size:15px}
.fb .slip b{font-weight:600}
.fb .sol{font:400 16px/1.6 var(--serif)}.fb .sol p{margin:0 0 8px}
.fb .ans{font:500 15px var(--sans);margin:0 0 6px}
.up{margin:16px 0 0;padding:12px 14px;background:var(--acc-soft);border-radius:6px;font:600 15px var(--sans);color:var(--acc)}
.why{margin:24px 0 0;font-size:14px;color:var(--faint)}
.why a{color:var(--soft)}
/* action bar */
.act{position:fixed;left:0;right:0;bottom:0;background:linear-gradient(to top,var(--paper) 72%,transparent);padding:18px 20px calc(14px + env(safe-area-inset-bottom));z-index:5}
.act .in{max-width:500px;margin:0 auto}
/* tabs */
.tabs{position:fixed;left:0;right:0;bottom:0;background:var(--paper);border-top:1px solid var(--rule);display:flex;justify-content:center;gap:0;padding:0 0 env(safe-area-inset-bottom);z-index:5}
.tabs button{flex:1;max-width:220px;text-align:center;padding:14px 0 15px;font:500 15px var(--sans);color:var(--faint);position:relative}
.tabs button[aria-selected="true"]{color:var(--ink)}
.tabs button[aria-selected="true"]::before{content:"";position:absolute;top:-1px;left:30%;right:30%;height:2px;background:var(--ink)}
.tabs .badge{display:inline-block;min-width:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:var(--acc);color:#fff;font:600 11px/18px var(--sans);text-align:center}
/* revise + cards */
.mk{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;padding:13px 0;border-bottom:1px solid var(--rule)}
.mk .t{font:400 16px/1.35 var(--serif)}.mk .c{font:500 13px var(--sans);color:var(--bad);white-space:nowrap}.mk .s{grid-column:1/3;font-size:13px;color:var(--faint)}
.empty{color:var(--soft);font-size:15px;padding:14px 0}
.card{margin:26px 0 0;min-height:300px;border:1px solid var(--rule);border-radius:8px;background:var(--card);padding:26px 22px;display:flex;flex-direction:column;justify-content:center;width:100%;text-align:center}
.card .f{font:400 21px/1.45 var(--serif)}.card .b{font:400 18px/1.5 var(--serif);margin-top:18px;padding-top:18px;border-top:1px solid var(--rule);color:var(--ink)}
.card .tp{font:500 12px var(--sans);color:var(--faint);letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}
.card .tap{font:500 13px var(--sans);color:var(--faint);margin-top:22px}
/* moment */
.moment{position:fixed;inset:0;background:rgba(20,24,22,.35);display:flex;align-items:flex-end;justify-content:center;z-index:20}
.moment .sh{background:var(--paper);width:100%;max-width:540px;padding:28px 22px calc(20px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0}
.moment .big{font:400 30px/1.2 var(--serif);margin:6px 0 8px}
.moment p{margin:0 0 18px;color:var(--soft)}
.medal{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:600 15px var(--sans)}
/* me + teacher */
.stat{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--rule);font-size:15px}.stat b{font-weight:600}
.trow{padding:14px 0;border-bottom:1px solid var(--rule)}
.trow .h{display:flex;justify-content:space-between;gap:10px;font:500 13px var(--sans);color:var(--faint)}
.trow .nm{font:400 17px/1.35 var(--serif);margin:3px 0 2px}.trow .w{font-size:14px;color:var(--soft)}
.trow .sample{margin-top:10px;padding:12px;background:var(--card);border:1px solid var(--rule);border-radius:6px;font:400 15px/1.5 var(--serif)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.filters select,.filters input{font:15px var(--sans);padding:9px 10px;border:1px solid var(--rule);border-radius:6px;background:var(--card);color:var(--ink);min-width:0}
.filters input{flex:1 1 160px}
details{border-bottom:1px solid var(--rule);padding:12px 0}summary{font:500 15px var(--sans);cursor:pointer}
.small{font-size:13px;color:var(--faint)}
.note{margin:16px 0 0;font-size:14px;color:var(--soft);line-height:1.5}
/* figures */
.fig svg{width:100%;max-width:400px;height:auto;max-height:none;background:#fbfaf6;border-radius:6px}
.fig svg text{font-family:'IBM Plex Sans',Arial,sans-serif;font-size:13px;fill:#1a1f1c;paint-order:stroke;stroke:#fbfaf6;stroke-width:4px;stroke-linejoin:round}
.fig svg text.lbl{font-weight:700;font-size:14px}
.fig svg text.sm{font-size:11.5px}
.fig svg .ld{stroke:#59605a;stroke-width:1;fill:none}

/* ranks, points, toast */
.rkb .tw{animation:tw 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes tw{0%,100%{opacity:.15;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.rkb .tw{animation:none;opacity:.8}}

.rstrip{display:flex;align-items:center;gap:12px;width:100%;margin:6px 0 2px;padding:12px 14px;background:var(--card);border:1px solid var(--rule);border-radius:10px;text-align:left;color:var(--ink)}
.rstrip .rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font:400 13px/1.35 var(--sans);color:var(--soft)}.rstrip .rt b{font:600 17px var(--sans);color:var(--ink)}.rstrip .rt small{font:500 12px var(--sans);color:var(--faint);text-transform:uppercase;letter-spacing:.04em}.rstrip .bar{margin:3px 0 2px;max-width:200px}
.rstrip .rp{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font:400 11px/1.3 var(--sans);color:var(--soft)}.rstrip .rp b{font:600 18px var(--sans);color:var(--acc)}
.medal0{color:var(--faint)}
.rankline span{display:flex;flex-direction:column;gap:6px}.rankline .bar{width:140px}
.row .r svg{margin-right:2px}
.mrow2{display:flex;align-items:center;gap:14px}.mrow2 h1,.mrow2 .big{margin:0}
.moment .eyebrow{margin-bottom:12px}
.ladder{display:flex;flex-direction:column}
.lr{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule)}.lr div{display:flex;flex-direction:column;font-size:13px;color:var(--soft)}.lr b{font:600 15px var(--sans);color:var(--ink)}
.lr.lock svg{opacity:.28;filter:grayscale(1)}.lr.lock b{color:var(--faint)}
.stat .rr{display:flex;align-items:center;gap:8px}.stat .rr .bar{width:54px}
.pts{margin-left:10px;font:600 14px var(--sans);color:var(--acc);background:var(--acc-soft);padding:2px 8px;border-radius:10px;vertical-align:2px}
.toast{position:fixed;left:50%;top:18px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:22px;font:500 14px var(--sans);z-index:30;box-shadow:0 4px 18px rgba(0,0,0,.18);transition:opacity .4s,transform .4s}
.toast svg{width:16px;height:16px;color:#e08a2e}.toast.out{opacity:0;transform:translate(-50%,-10px)}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:21}
mjx-container{max-width:100%;overflow-x:auto;overflow-y:hidden}
@media (prefers-reduced-motion:no-preference){.moment .sh{animation:rise .22s ease-out}@keyframes rise{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}}

/* ===== Shimon Sir skin (13 Nov): Royal Blue and Gold / Night Arena, matches shimonsir.com ===== */
body{font-weight:500}
h1,.big:not(.moment),.today h1,.chhead h1,.moment .sh .big{font-family:var(--head)!important;font-weight:800!important;letter-spacing:-.02em}
.today h1{font-size:28px}.chhead h1{font-size:30px}
.brand{font:800 16px var(--sans)}.brand b{color:var(--acc);font-weight:800}
.eyebrow,.sec{font:800 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
/* subject switch = pill segmented control */
.subj{gap:4px;border:0;background:var(--rule2);padding:4px;border-radius:12px;margin:14px 0 6px}
.subj button{flex:1;text-align:center;border:0;margin:0;border-radius:9px;padding:9px 0;font:700 15px var(--sans);color:var(--soft)}
.subj button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.subj.s4 button{font-size:13.5px;padding:9px 2px;white-space:nowrap}
.rdrow.r4{grid-template-columns:repeat(2,minmax(0,1fr))}
/* buttons */
.btn{border-radius:12px;font:800 16px var(--sans);background:var(--navy);color:#fff;padding:16px 18px;transition:transform .12s,filter .12s}
.btn:not(:disabled):active{transform:scale(.98)}
.btn.acc{background:var(--acc);color:#fff}
.btn.ghost{background:var(--card);color:var(--ink);border:1.5px solid var(--rule)}
/* bars */
.bar{height:6px;border-radius:3px;background:var(--rule2);overflow:hidden}.bar i{border-radius:3px;background:var(--acc)}
.goal .bar{height:6px}
.goal .bar i{background:var(--gold)}
/* cards: rank strip, lists, topic rows */
.rstrip{border-radius:16px;box-shadow:var(--shadow);border-color:var(--rule);padding:14px 16px}
.rstrip .rp b{color:var(--navy)}
.list{border:0;display:flex;flex-direction:column;gap:10px;margin-top:8px}
.row{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow);transition:border-color .15s,transform .12s}
.row:not(.lock):hover{border-color:var(--acc)}.row:not(.lock):active{transform:scale(.99)}
.row .t{font:700 16px/1.35 var(--sans)}
.row .n{font:800 13px var(--sans);color:var(--acc)}
.row.bb{border-color:var(--gold);background:linear-gradient(135deg,var(--card) 60%,var(--hl))}
.stat{border-bottom:1px solid var(--rule2);padding:13px 4px}
.list .stat,.list details{padding-left:14px;padding-right:14px}
.list>.stat:first-child,.list>details:first-child{border-top-left-radius:var(--r);border-top-right-radius:var(--r)}
.ticks i{height:4px;border-radius:2px;width:14px;background:var(--rule)}.ticks i.c{background:var(--navy)}.ticks i.n{background:var(--gold)}
/* question */
.lvl{gap:6px}.lvl i{height:6px;border-radius:3px;background:var(--rule2)}.lvl i.c{background:var(--navy)}.lvl i.n{background:var(--gold);height:6px;margin-top:0}
.lvlt b{color:var(--navy);font-weight:800}
.tag{font:700 12px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.q{font:600 19px/1.55 var(--sans);margin-top:20px}
.opts{border:0;display:flex;flex-direction:column;gap:10px;margin-top:20px}
.opt{border:1.5px solid var(--rule);border-radius:12px;background:var(--card);padding:14px 16px;font:600 16.5px/1.45 var(--sans);align-items:center;transition:border-color .15s,background .15s}
.opt .k{font:800 13px var(--sans);color:var(--faint);width:26px;height:26px;min-width:26px;border-radius:8px;background:var(--rule2);display:inline-flex;align-items:center;justify-content:center}
.opt:not(:disabled):hover{border-color:var(--acc)}
.opt.sel{border-color:var(--acc);background:var(--acc-soft)}
.opt.ok{border:2px solid var(--ok);background:var(--ok-soft);font-weight:800}.opt.ok .k{background:var(--ok);color:#fff}.opt.ok .m{color:var(--ok)}
.opt.no{border:2px solid var(--bad);background:var(--bad-soft)}.opt.no .k{background:var(--bad);color:#fff}
.opt.miss{border:2px dashed var(--ok)}.opt.miss .m{color:var(--ok)}
.opt.chk .k{border-radius:6px;width:22px;height:22px;min-width:22px;background:transparent}
.numrow input,.step,.chip,.filters select,.filters input{border-radius:12px;border-width:1.5px}
.step,.chip{font:600 15.5px/1.45 var(--sans)}
.mrow,.picked li,.part .pq,.trow .nm,.trow .sample,.mk .t{font-family:var(--sans);font-weight:600}
/* feedback */
.fb{border:1px solid var(--rule);border-top:4px solid var(--ok);border-radius:16px;background:var(--card);padding:16px 18px;box-shadow:var(--shadow)}
.fb.bad{border-top-color:var(--bad)}
.fb h3{font:800 18px var(--head)}.fb.good h3{color:var(--ok)}
.fb .sol{font:500 15.5px/1.65 var(--sans)}
.fb .slip{border-radius:10px;border-left:4px solid var(--bad)}
.up{border-radius:12px;background:var(--hl);color:var(--ink);border-left:4px solid var(--gold);font-weight:800}
/* tabs */
.tabs{background:var(--card);box-shadow:0 -4px 18px rgba(11,27,63,.06)}
.tabs button{font:700 15px var(--sans)}
.tabs button[aria-selected="true"]{color:var(--acc)}
.tabs button[aria-selected="true"]::before{height:3px;border-radius:0 0 3px 3px;background:var(--acc);top:-1px}
.tabs .badge{background:var(--gold);color:#0b1b3f;font-weight:800}
/* revise + flashcards */
.mk{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:12px 14px;margin-bottom:8px;box-shadow:var(--shadow)}
.card{border:0;border-radius:22px;background:var(--card);box-shadow:0 2px 4px rgba(11,27,63,.06),0 18px 40px rgba(11,27,63,.12);position:relative;overflow:hidden;padding:30px 24px}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--navy),var(--acc) 60%,var(--gold))}
.card .tp{font:800 12px var(--sans);letter-spacing:.12em;color:var(--acc)}
.card .f{font:700 21px/1.45 var(--sans)}.card .b{font:500 17px/1.6 var(--sans);border-top:1.5px dashed var(--rule)}
.card .tap{font:700 13px var(--sans);color:var(--faint)}
/* points, toast, moment */
.pts{color:#7a5600;background:#fff3c8;font-weight:800}
.streak.on svg{color:#f08a1c}
.toast{background:var(--navy);color:#fff;font-weight:700;border-radius:14px}
.moment{background:rgba(5,12,35,.55)}
.moment .sh{border-radius:24px 24px 0 0;background:var(--card)}
.moment .rkb{animation:ssGlow 2.4s ease-in-out infinite;--g:rgba(21,70,200,.55)}
@keyframes ssGlow{0%,100%{filter:drop-shadow(0 0 2px var(--g))}50%{filter:drop-shadow(0 0 16px var(--g))}}
@media (prefers-reduced-motion:reduce){.moment .rkb{animation:none}}
/* ----- Night Arena (dark): cut corners, Sora, cyan ----- */
:root[data-theme="dark"] h1,:root[data-theme="dark"] .sh .big,:root[data-theme="dark"] div.big:not(.moment){text-transform:uppercase;letter-spacing:.01em}
:root[data-theme="dark"] .eyebrow,:root[data-theme="dark"] .sec{font-family:'Sora',var(--sans);letter-spacing:.22em}
:root[data-theme="dark"] .btn,:root[data-theme="dark"] .row,:root[data-theme="dark"] .rstrip,:root[data-theme="dark"] .card,:root[data-theme="dark"] .fb,:root[data-theme="dark"] .mk,:root[data-theme="dark"] .opt{border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
:root[data-theme="dark"] .btn{background:var(--acc);color:#0a0e1c;font-family:'Sora',var(--sans);letter-spacing:.06em;text-transform:uppercase;font-size:14px}
:root[data-theme="dark"] .btn.ghost{background:#1a2140;color:var(--ink);border-color:#2e3864}
:root[data-theme="dark"] .btn.acc,:root[data-theme="dark"] .tabs .badge,:root[data-theme="dark"] .opt.chk.sel .k,:root[data-theme="dark"] .opt.ok .k{color:#0a0e1c}
:root[data-theme="dark"] .subj{border-radius:0}:root[data-theme="dark"] .subj button{border-radius:0}
:root[data-theme="dark"] .subj button[aria-pressed="true"]{background:var(--acc);color:#0a0e1c}
:root[data-theme="dark"] .opt{background:#1a2246;border-color:#2e3864}
:root[data-theme="dark"] .opt .k{border-radius:0;background:#232c55}
:root[data-theme="dark"] .row.bb{background:linear-gradient(135deg,#121832 55%,#2e2a12)}
:root[data-theme="dark"] .card{box-shadow:none;border:1px solid #2e3864}
:root[data-theme="dark"] .card::before{background:linear-gradient(90deg,#5ce1f0,#7b6cff 60%,#f7c948)}
:root[data-theme="dark"] .pts{color:#f7c948;background:#2e2a12}
:root[data-theme="dark"] .toast{background:#5ce1f0;color:#0a0e1c}
:root[data-theme="dark"] .moment .sh{border-radius:0;border-top:2px solid var(--acc)}
:root[data-theme="dark"] .moment .rkb{--g:rgba(92,225,240,.9)}
:root[data-theme="dark"] .tabs{box-shadow:none}
:root[data-theme="dark"] .fig svg,:root[data-theme="dark"] .fig img{background:#fbfaf6}
:root[data-theme="dark"] .fb .slip,:root[data-theme="dark"] .up{border-radius:0}

/* ===== Energy pass (13 Nov): navy + gold light mode, league, XP pops, character moments ===== */
.tops{display:flex;align-items:center;gap:6px}
.thm{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--soft);border:1px solid var(--rule);background:var(--card)}
.thm svg{width:18px;height:18px}
/* light mode: navy banners, gold actions */
:root:not([data-theme="dark"]) body{background:radial-gradient(900px 340px at 90% -60px,rgba(245,183,10,.16),transparent 70%),radial-gradient(800px 380px at -10% -40px,rgba(21,70,200,.14),transparent 70%),#f4f7fd;background-attachment:fixed}
:root:not([data-theme="dark"]) .today,:root:not([data-theme="dark"]) .chhead,:root:not([data-theme="dark"]) .lhero{background:linear-gradient(135deg,#0a2a6b 0%,#1546c8 72%,#2f6bff 100%);color:#fff;border:0;border-radius:22px;padding:22px 20px 20px;margin:14px 0 6px;position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(10,42,107,.28)}
:root:not([data-theme="dark"]) .today::after,:root:not([data-theme="dark"]) .chhead::after,:root:not([data-theme="dark"]) .lhero::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(245,183,10,.45),transparent 65%);pointer-events:none}
:root:not([data-theme="dark"]) .today .eyebrow,:root:not([data-theme="dark"]) .chhead .eyebrow,:root:not([data-theme="dark"]) .lhero .eyebrow{color:#f5b70a}
:root:not([data-theme="dark"]) .today p,:root:not([data-theme="dark"]) .chhead .next,:root:not([data-theme="dark"]) .goal,:root:not([data-theme="dark"]) .lhero p{color:rgba(255,255,255,.86)}
:root:not([data-theme="dark"]) .chhead .rankline b{color:#fff}
:root:not([data-theme="dark"]) .today .bar,:root:not([data-theme="dark"]) .chhead .bar{background:rgba(255,255,255,.22)}
:root:not([data-theme="dark"]) .today .bar i,:root:not([data-theme="dark"]) .chhead .bar i{background:linear-gradient(90deg,#f5b70a,#ffd75e)}
:root:not([data-theme="dark"]) .today .btn,:root:not([data-theme="dark"]) .act .btn:not(.ghost),:root:not([data-theme="dark"]) .moment .btn,:root:not([data-theme="dark"]) .lpick .btn{background:linear-gradient(180deg,#ffcb2e,#f5b70a);color:#0a2a6b;box-shadow:0 6px 0 #c48d00,0 10px 22px rgba(245,183,10,.35);transform:translateY(-3px)}
:root:not([data-theme="dark"]) .today .btn:active,:root:not([data-theme="dark"]) .act .btn:not(.ghost):active{transform:translateY(0);box-shadow:0 2px 0 #c48d00}
.act .btn:disabled{transform:none!important;box-shadow:none!important;filter:grayscale(.6)}
:root:not([data-theme="dark"]) .row .n{width:28px;height:28px;border-radius:9px;background:#e6edff;color:#1546c8;display:flex;align-items:center;justify-content:center;padding:0;font-size:12px}
:root:not([data-theme="dark"]) .row:not(.lock):hover{box-shadow:0 8px 22px rgba(21,70,200,.16)}
:root:not([data-theme="dark"]) .rstrip{background:linear-gradient(90deg,#fff6d6,#ffffff 60%);border:1.5px solid #f5d36b}
:root:not([data-theme="dark"]) .rstrip .rp b{color:#b07d00}
:root:not([data-theme="dark"]) .xpl .bar i{background:linear-gradient(90deg,#1546c8,#5ce1f0)}
:root:not([data-theme="dark"]) .opt .k{background:#e6edff;color:#1546c8}
:root:not([data-theme="dark"]) .opt.sel .k{background:#1546c8;color:#fff}
:root:not([data-theme="dark"]) .lvlt b{color:#1546c8}
:root:not([data-theme="dark"]) .tabs button[aria-selected="true"]{color:#0a2a6b}
:root:not([data-theme="dark"]) .tabs button[aria-selected="true"]::after{content:"";position:absolute;inset:7px 18%;border-radius:12px;background:#e6edff;z-index:-1}
.tabs button{z-index:0}
:root:not([data-theme="dark"]) .moment .sh{background:linear-gradient(160deg,#0a2a6b,#1546c8 75%);color:#fff}
:root:not([data-theme="dark"]) .moment .sh .eyebrow{color:#f5b70a}
:root:not([data-theme="dark"]) .moment .sh p{color:rgba(255,255,255,.86)}
:root:not([data-theme="dark"]) .card .tp{color:#1546c8}
:root:not([data-theme="dark"]) .fb.good{background:linear-gradient(180deg,#eefaf3,#fff 60%)}
/* XP pop */
.xppop{position:fixed;left:50%;top:42%;z-index:31;transform:translate(-50%,0);font:800 22px var(--sans);color:#0a2a6b;background:linear-gradient(180deg,#ffd75e,#f5b70a);padding:8px 16px;border-radius:999px;box-shadow:0 10px 26px rgba(245,183,10,.45);pointer-events:none;animation:xpp 1.25s cubic-bezier(.2,.9,.3,1) forwards}
:root[data-theme="dark"] .xppop{background:#5ce1f0;color:#0a0e1c;border-radius:0;box-shadow:0 0 24px rgba(92,225,240,.6)}
@keyframes xpp{0%{opacity:0;transform:translate(-50%,20px) scale(.6)}18%{opacity:1;transform:translate(-50%,0) scale(1.08)}70%{opacity:1;transform:translate(-50%,-34px) scale(1)}100%{opacity:0;transform:translate(-50%,-70px) scale(.9)}}
@media (prefers-reduced-motion:reduce){.xppop{animation:none;opacity:0}}
/* character moments */
.moment .sh{position:relative}
.moment .msc{position:absolute;right:12px;top:-118px;width:150px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));animation:mscIn .6s cubic-bezier(.2,1.5,.4,1) both;pointer-events:none}
.moment .msc.xl{width:200px;top:-170px}
@keyframes mscIn{from{transform:translateY(60px) scale(.6);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.moment .msc{animation:none}}
.mpeek{position:fixed;left:14px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:flex-end;gap:8px;pointer-events:none;transform:translateY(130%);transition:transform .55s cubic-bezier(.2,1.4,.4,1)}
.mpeek.in{transform:none}.mpeek.out{transform:translateY(140%);transition:transform .45s ease-in}
.mpeek img{width:130px;filter:drop-shadow(0 10px 18px rgba(3,14,45,.35))}
.msay{margin-bottom:84px;max-width:200px;background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:16px 16px 16px 4px;padding:10px 14px;font:700 14px/1.35 var(--sans);box-shadow:0 10px 30px rgba(3,14,45,.18)}
:root[data-theme="dark"] .msay{border-radius:0;border-color:#2e3864}
/* league */
.lhero h1{margin:6px 0 4px}
:root[data-theme="dark"] .lhero{border:1px solid #2e3864;padding:20px;margin:14px 0 6px;background:linear-gradient(135deg,#121832,#10303d);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.lstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 12px}
.lstats div{background:rgba(255,255,255,.12);border-radius:14px;padding:10px 6px;text-align:center}.lstats b{display:block;font:800 22px var(--head)}.lstats span{font:600 12px var(--sans);opacity:.85}
:root[data-theme="dark"] .lstats div{background:#1a2246;border-radius:0}
.lnext{display:flex;align-items:center;gap:10px;font:600 14px var(--sans);background:rgba(255,255,255,.14);padding:10px 12px;border-radius:12px}
:root[data-theme="dark"] .lnext{background:#1a2246;border-radius:0}
.lboard{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.lrow{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:10px 14px;box-shadow:var(--shadow)}
.lrow.me{border:2px solid var(--gold);background:linear-gradient(90deg,var(--hl),var(--card) 70%);transform:scale(1.02)}
:root[data-theme="dark"] .lrow{border-radius:0}
.lpos{font:800 15px var(--sans);color:var(--faint);width:20px;text-align:center}
.lav{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#1546c8,#5ce1f0);color:#fff;display:flex;align-items:center;justify-content:center;font:800 14px var(--sans)}
.lnm{flex:1;min-width:0;display:flex;flex-direction:column}.lnm b{font:700 15px var(--sans)}.lnm small{font:500 12px var(--sans);color:var(--faint)}
.lxp{font:800 18px var(--head);text-align:right}.lxp small{font:600 11px var(--sans);color:var(--faint);margin-left:3px}
.lpick{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:18px;margin:16px 0 4px;box-shadow:var(--shadow)}
.lpick h2{font:800 20px var(--head);margin:4px 0 4px}
:root[data-theme="dark"] .lpick{border-radius:0}
.hchips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.hchip{padding:9px 14px;border-radius:999px;border:1.5px solid var(--rule);background:var(--paper);font:700 14px var(--sans);display:inline-flex;align-items:center;gap:6px}
.hchip svg{width:14px;height:14px}
.hchip.on{border-color:var(--acc);background:var(--acc-soft);color:var(--acc)}
.hchip.more{color:var(--soft);border-style:dashed}
:root[data-theme="dark"] .hchip{border-radius:0}
.lsel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.lsel label{display:flex;flex-direction:column;gap:6px;font:600 12px var(--sans);color:var(--soft)}
.lsel select{font:600 15px var(--sans);padding:10px;border:1.5px solid var(--rule);border-radius:12px;background:var(--paper);color:var(--ink)}
.top .brand{cursor:pointer}
.brandb{background:none;border:0;padding:0;color:var(--ink);text-align:left}
.clsw{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.clsw .chip{padding:9px 16px;border-radius:999px;border:1.5px solid var(--rule);background:var(--card);color:var(--ink);font:700 14px var(--sans);cursor:pointer}.clsw .chip.on{background:var(--acc);border-color:var(--acc);color:#fff}
.row.dm .n svg{width:16px;height:16px}.row.dm .r{color:var(--acc);font-weight:800}

/* ===== Dashboard pass (13 Nov): ring, board question, Me, leak, achievements, avatars, Lottie ===== */
.lot{display:inline-block;line-height:0}.lot svg{display:block}
.okic{width:26px;height:26px;vertical-align:-6px;margin-right:6px}
.tl{width:30px;height:30px;flex:none;margin:-4px 0}
.xc{width:26px;height:26px;vertical-align:-7px;margin-right:4px}
.sfl{width:18px;height:18px}
.mlot{width:118px;height:118px}
.moment .ovl{position:absolute;left:0;right:0;top:-160px;height:220px;pointer-events:none}
.cf{position:fixed;inset:0;pointer-events:none;z-index:22}.cf svg{width:100%!important;height:100%!important}
.novaov{position:fixed;inset:0;z-index:45;pointer-events:none;display:flex;align-items:center;justify-content:center;background:rgba(5,12,35,.35)}.novaov .lot{width:min(90vw,520px);height:min(90vw,520px)}
.mxp{font:700 13px var(--sans);color:var(--soft);margin:-2px 0 10px}
.avb{width:34px;height:34px;padding:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.avi{border-radius:50%;display:block;background:#e6edff}
.avl{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1546c8,#5ce1f0);color:#fff;font-weight:800}
/* ring */
.ringrow{display:flex;align-items:center;gap:16px;margin:14px 0 12px}
.ringw{position:relative;flex:none;display:inline-block}
.ringc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.ringc b{font:800 22px var(--head)}.ringc small{font:600 11px var(--sans);opacity:.75}
.ringt{display:flex;flex-direction:column;gap:4px;min-width:0}.ringt b{font:800 17px/1.25 var(--sans)}.ringt span{font-size:13px;opacity:.8}
.rt-blaze svg{filter:drop-shadow(0 0 8px rgba(245,183,10,.7))}
.rt-nova svg{filter:drop-shadow(0 0 10px rgba(245,183,10,.8)) drop-shadow(0 0 22px rgba(92,225,240,.6))}
@media (prefers-reduced-motion:no-preference){.rt-blaze svg,.rt-nova svg{animation:rglow 2.2s ease-in-out infinite}@keyframes rglow{50%{filter:drop-shadow(0 0 16px rgba(245,183,10,.95))}}}
:root[data-theme="dark"] .ringc b,:root[data-theme="dark"] .ringt b{color:var(--ink)}
:root[data-theme="dark"] .ringw circle:first-of-type{stroke:#232c55}
/* board question of the day */
.qodc{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:16px;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}
.qodc .qh{display:flex;justify-content:space-between;align-items:center;gap:8px}.qodc .eyebrow{color:var(--acc)}
.qodc .qp{margin:0;font:700 15.5px/1.5 var(--sans)}.qodc .qp p{margin:0 0 6px}
.btn.sm{padding:9px 14px;font-size:14px;width:auto;display:inline-block}
/* Me dashboard */
.mhead{display:flex;gap:16px;align-items:center;margin:8px 0 14px}
.avbtn{border-radius:50%;padding:0;flex:none;border:3px solid var(--gold);display:flex}
.mh{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.mnm{font:800 22px var(--head)}
.rdh{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.rdh b{font-weight:800}
.mstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--card);border:1px solid var(--rule);border-radius:16px;text-align:center}
.mstats div{padding:12px 6px;display:flex;flex-direction:column}.mstats div+div{border-left:1px solid var(--rule2)}
.mstats b{font:800 20px var(--head)}.mstats span{font-size:12px;color:var(--soft)}.mstats .gold{color:#b07d00}
:root[data-theme="dark"] .mstats .gold{color:var(--gold)}
.card2{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:14px 16px;margin:10px 0 0;color:var(--ink)}
.card2 .bar{margin:6px 0 4px;height:7px}.card2 small{font-size:12px;color:var(--soft)}
.rdr+.rdr{margin-top:12px}.lnk{font:800 13px var(--sans);color:var(--acc)}
.cgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:10px}
.cgc{height:34px;border-radius:9px;font:800 11px var(--sans);display:flex;align-items:center;justify-content:center;text-align:center}
.cg0{background:#eef1f7;color:#8a94ad}.cg1{background:#d6e1fd;color:#0a2a6b}.cg2{background:#a9c0fb;color:#0a2a6b}.cg3{background:#5c8dff;color:#fff}.cg4{background:#1546c8;color:#fff}.cg5{background:#0a2a6b;color:#fff}.cg6{background:#f5b70a;color:#0a2a6b}
:root[data-theme="dark"] .cg0{background:#1a2246;color:#8792bd}:root[data-theme="dark"] .cg1{background:#1d3270;color:#eef2ff}:root[data-theme="dark"] .cg2{background:#22489a;color:#eef2ff}:root[data-theme="dark"] .cg5{background:#5ce1f0;color:#0a0e1c}
.lkr{display:flex;align-items:center;gap:10px;font-size:13.5px;margin-top:8px}.lkr span:first-child{flex:1;min-width:0}.lkr .bar{width:80px;flex:none;height:6px}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:10px}
.cd{height:20px;border-radius:6px;background:var(--rule2)}.cd.p{background:#d6e1fd}.cd.b{background:#1546c8}.cd.g{background:#f5b70a}.cd.sh{background:transparent;border:2px dashed #1546c8}.cd.td{outline:2px solid var(--ink);outline-offset:1px}
:root[data-theme="dark"] .cd.p{background:#1d3270}:root[data-theme="dark"] .cd.b{background:#5ce1f0}:root[data-theme="dark"] .cd.sh{border-color:#5ce1f0}
.achg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.ach{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font:700 11.5px/1.25 var(--sans)}
.ach span{width:46px;height:46px;border-radius:14px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center}.ach span svg{width:22px;height:22px}
:root[data-theme="dark"] .ach span{background:#1a2246}
.ach.lk{color:var(--faint)}.ach.lk span{background:var(--rule2);color:var(--faint)}
.gear{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.gear span{font:600 12px var(--sans);padding:5px 10px;border-radius:999px;border:1px dashed var(--rule);color:var(--faint)}
.gear span.on{border:1.5px solid var(--gold);color:var(--ink);background:var(--hl)}
/* leak list */
.leaks{display:flex;flex-direction:column;gap:10px}
.leak{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.leak .lkh{display:flex;justify-content:space-between;font:700 12px var(--sans);color:var(--soft)}.leak b{font:800 16px/1.35 var(--sans)}
.leak .bar{height:6px}.leak p{margin:0;font-size:14px;color:var(--soft)}
/* achievements list */
.achl{display:flex;flex-direction:column;gap:8px}
.achr{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:10px 14px}
.achr .ai{width:40px;height:40px;border-radius:12px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;flex:none}.achr .ai svg{width:20px;height:20px}
:root[data-theme="dark"] .achr .ai{background:#1a2246}
.achr.lk .ai{background:var(--rule2);color:var(--faint)}.achr .at{flex:1;min-width:0;display:flex;flex-direction:column}.achr .at small{font-size:12.5px;color:var(--soft)}
.achr .as{font:800 13px var(--sans);color:#b07d00}:root[data-theme="dark"] .achr .as{color:var(--gold)}
/* avatar picker */
.avbig{display:flex;justify-content:center;margin:10px 0}
.avgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;margin:10px 0 14px}
@media(min-width:560px){.avgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.avpick{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;color:var(--ink)}
.avpick .avc{width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 38%,#ffffff,#e4ebfb);border:2.5px solid transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .15s}
.avpick .avc img{width:100%;height:100%;object-fit:contain;display:block}
.avpick small{font-size:11px;font-weight:700;line-height:1.2;text-align:center;color:var(--faint)}
.avpick:hover .avc{transform:scale(1.05)}
.avpick.on .avc{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,183,10,.25)}
.avpick.on small{color:var(--ink)}
.avpick.lk{cursor:default}.avpick.lk .avc{filter:grayscale(1);opacity:.4}.avpick.lk:hover .avc{transform:none}
.avf{object-fit:contain;background:radial-gradient(circle at 50% 38%,#ffffff,#e4ebfb)!important}
:root[data-theme="dark"] .avpick .avc,:root[data-theme="dark"] .avf{background:radial-gradient(circle at 50% 38%,#2a3566,#161d3d)!important}
.setb{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--rule);background:var(--card);color:var(--ink);font:700 14px var(--sans);cursor:pointer}.setb svg{width:18px;height:18px}
.meacct{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 8px;padding:14px 16px;border:1px solid var(--rule);border-radius:16px;background:var(--card);font-size:13.5px;color:var(--soft)}.meacct b{color:var(--ink);word-break:break-all}
.avcount{text-align:center;margin:6px 0 0}.avcred{text-align:center;opacity:.7}
.lnk{background:none;border:0;padding:0;color:var(--acc);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}

/* account, join form */
.acct{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.acct p{margin:0;font-size:14px;color:var(--soft)}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff!important;color:#1f1f1f!important;border:1.5px solid var(--rule)!important;box-shadow:none!important;transform:none!important}
.gg{width:22px;height:22px;border-radius:50%;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0);color:#fff;font:800 13px/22px var(--sans);text-align:center}
.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font:700 13px var(--sans);color:var(--soft)}
.form input:not([type=radio]):not([type=checkbox]),.form select{font:600 16px var(--sans);padding:11px 12px;border:1.5px solid var(--rule);border-radius:12px;background:var(--paper);color:var(--ink)}
.form small{font-weight:500;color:var(--faint)}.form fieldset{border:1px solid var(--rule);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.form legend{font:700 13px var(--sans);color:var(--soft);padding:0 4px}
.form .rad,.form .chk{flex-direction:row;align-items:flex-start;gap:10px;font:600 14px/1.4 var(--sans);color:var(--ink)}.form .rad input,.form .chk input{width:18px;height:18px;margin-top:1px;flex:none}
.err{color:var(--bad);font:700 14px var(--sans);margin:0;min-height:1em}

.ta{position:relative;display:block}.ta input{width:100%;box-sizing:border-box}
.tal{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:0 12px 30px rgba(11,27,63,.15);overflow:hidden;max-height:320px;overflow-y:auto}
.tal:empty{display:none}.tal button{display:block;width:100%;text-align:left;padding:11px 14px;font:600 14.5px var(--sans);color:var(--ink);border-bottom:1px solid var(--rule2)}
.tal button:hover,.tal button:focus{background:var(--acc-soft)}.tal .none{display:block;padding:11px 14px;font:500 13.5px var(--sans);color:var(--soft)}
:root[data-theme="dark"] .tal{border-radius:0}

/* crisp Me (13 Nov) */
.top .thm{color:var(--soft)}
.pcard{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:16px;margin:8px 0 4px}
.pc{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.pcs{font-size:13px;color:var(--soft)}
.pc .rdh{font:700 12.5px var(--sans);color:var(--soft)}.pc .rdh span:first-child{color:var(--ink);font-weight:800}
.pc .bar{height:6px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.chips span{display:inline-flex;align-items:center;gap:5px;font:700 12.5px var(--sans);padding:5px 10px;border-radius:999px;background:var(--rule2);color:var(--ink)}.chips svg{width:13px;height:13px;color:#f08a1c}
.chips .sp{background:var(--hl);color:#7a5600}:root[data-theme="dark"] .chips .sp{color:var(--gold)}
.avl{background:#0a2a6b!important;color:#f5b70a!important;font-family:var(--head)}
:root[data-theme="dark"] .avl{background:#1a2246!important;color:#5ce1f0!important}
.rdrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rdc{display:flex;align-items:center;gap:12px;min-width:0}.rdw{position:relative;flex:none;width:84px;height:84px}
.rdw b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 17px var(--head)}
.rdl{display:flex;flex-direction:column;min-width:0}.rdl b{font-weight:800}.rdl small{font-size:12px;color:var(--soft)}
@media (max-width:380px){.rdrow{grid-template-columns:minmax(0,1fr)}}
.fixn{display:flex;flex-direction:column;gap:6px}.fixn b{font:800 16px/1.35 var(--sans)}.fixn .btnrow{margin-top:6px}
.mlinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 8px}
.mlinks button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;background:var(--card);border:1px solid var(--rule);border-radius:16px;font:700 13.5px var(--sans);color:var(--ink);text-align:center}
.mlinks svg{width:22px;height:22px;color:var(--acc)}.mlinks .avm{display:flex}
:root[data-theme="dark"] .pcard,:root[data-theme="dark"] .mlinks button{border-radius:0}

/* ---- next <style> block ---- */
:root{--paper:#f4f7fd;--card:#ffffff;--ink:#0b1b3f;--soft:#45547a;--faint:#66739a;--rule:#d6deef;--rule2:#e6ecf7;
--acc:#1546c8;--acc-soft:#e6edff;--bad:#b42318;--bad-soft:#fdeceb;--hl:#fff3c8;--gold:#f5b70a;
--sans:'Plus Jakarta Sans','SS Sans','IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color-scheme:light}
:root[data-theme="dark"]{--paper:#0a0e1c;--card:#121832;--ink:#eef2ff;--soft:#aeb7d6;--faint:#8792bd;--rule:#28325e;--rule2:#1a2246;
--acc:#5ce1f0;--acc-soft:#10303d;--bad:#ff7a6b;--bad-soft:#3a1e26;--hl:#2e2a12;--gold:#f7c948;color-scheme:dark}
body{background:var(--paper)}
/* light: royal blue top bar feel, gold for points */
.pts{color:#7a5600;background:#fff3c8}
:root[data-theme="dark"] .pts{color:#f7c948;background:#2e2a12}
/* dark: cyan accents need dark text on top */
:root[data-theme="dark"] .btn.acc,:root[data-theme="dark"] .tabs .badge,:root[data-theme="dark"] .opt.chk.sel .k{color:#0a0e1c}
:root[data-theme="dark"] .btn{background:var(--acc);color:#0a0e1c}
:root[data-theme="dark"] .btn.ghost{background:transparent;color:var(--ink)}
:root[data-theme="dark"] h1,:root[data-theme="dark"] .big{font-family:'Sora',var(--sans);letter-spacing:-.01em}
:root[data-theme="dark"] .fig svg{background:#fbfaf6}
.btn{border-radius:12px}

/* rank badges glow per rank */
@keyframes ssGlow{0%,100%{filter:drop-shadow(0 0 2px var(--g))}50%{filter:drop-shadow(0 0 14px var(--g))}}
.moment .rkb{animation:ssGlow 2.4s ease-in-out infinite;--g:rgba(92,225,240,.9)}
/* wider on laptops and desktops */
@media (min-width:900px){.wrap{max-width:760px}.act .in{max-width:720px}.moment .sh{max-width:760px}.q{font-size:1.06em}}
@media (min-width:1300px){.wrap{max-width:860px}.act .in{max-width:820px}}
/* theme switch (top right) */
#ssTheme{position:fixed;top:12px;right:12px;z-index:50;width:40px;height:40px;border-radius:50%;border:1px solid var(--rule);
background:var(--card);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}
#ssTheme svg{width:20px;height:20px}
@media (max-width:1279px){#ssTheme{display:none}}
@media (min-width:1280px){.top .thm{display:none}}

/* ---- next <style> block ---- */
/* wide screens: chapters on the left, rank and week on the right */
#ssL,#ssR{display:none}
@media (min-width:1280px){
 body.ssw{padding:0 300px 0 272px}
 body.ssw .tabs{left:272px;right:300px}
 #ssL,#ssR{display:block;position:fixed;top:0;bottom:0;overflow-y:auto;background:var(--card);z-index:6;font-family:var(--sans)}
 #ssL{left:0;width:272px;border-right:1px solid var(--rule);padding:18px 14px 30px}
 #ssR{right:0;width:300px;border-left:1px solid var(--rule);padding:18px 20px 30px}
 #ssR{padding-top:72px}
 body.ssw #ssTheme{right:20px;top:18px}
}
#ssL .brand{display:flex;align-items:center;justify-content:center;gap:9px;font:800 17px var(--sans);color:var(--ink);text-decoration:none;padding:4px 8px 16px}
#ssL .brand i{font-style:normal;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#0a2a6b;box-shadow:0 0 0 2px var(--gold);display:flex}#ssL .brand i img{width:100%;height:100%;display:block}
#ssL .sw{display:flex;gap:4px;background:var(--paper);border-radius:12px;padding:4px;margin-bottom:12px}
#ssL .sw button{flex:1;text-align:center;padding:8px 0;border-radius:9px;font:600 14px var(--sans);color:var(--soft);background:transparent;border:0;cursor:pointer}
#ssL .sw button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
#ssL .ch{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:10px;border:0;background:transparent;color:var(--ink);font:500 14px/1.3 var(--sans);cursor:pointer}
#ssL .ch:hover{background:var(--paper)}#ssL .ch.on{background:var(--acc-soft);color:var(--acc);font-weight:700}
#ssL .ch b{font:700 12px var(--sans);color:var(--faint);width:18px;flex:none}#ssL .ch span{flex:1}#ssL .ch svg{flex:none}
#ssR .eb{font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:6px 0 10px}
#ssR .rk{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 10px 20px;border:1px solid var(--rule);border-radius:16px;margin-bottom:18px}
#ssR .rk .nm{font:600 13px var(--sans);color:var(--soft);margin-top:10px}#ssR .rk .r{font:800 22px var(--sans);color:var(--ink)}
#ssR .rk .pb{width:100%;height:8px;border-radius:4px;background:var(--rule);margin:12px 0 6px;overflow:hidden}#ssR .rk .pb i{display:block;height:100%;border-radius:4px}
#ssR .rk .h{font:400 13px/1.4 var(--sans);color:var(--soft)}
#ssR .st{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
#ssR .st div{border:1px solid var(--rule);border-radius:14px;padding:14px 8px 12px;text-align:center;background:var(--card);position:relative;overflow:hidden}#ssR .st div::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}#ssR .st svg{width:20px;height:20px;color:var(--c);display:block;margin:0 auto 4px}#ssR .st b{display:block;font:800 24px var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}#ssR .st span{font:600 12px var(--sans);color:var(--soft)}
#ssR .lg{border:1px solid var(--rule);border-radius:16px;padding:14px;background:var(--card)}#ssR .lg .hd{display:flex;justify-content:space-between;align-items:baseline;font:800 15px var(--sans);color:var(--ink)}#ssR .lg .hd small{font:600 12px var(--sans);color:var(--soft)}#ssR .lg .r{display:flex;align-items:center;gap:8px;padding:7px 0;font:600 13px var(--sans);color:var(--soft);border-top:1px solid var(--rule2)}#ssR .lg .r:first-of-type{border-top:0}#ssR .lg .r b{margin-left:auto;color:var(--ink)}#ssR .lg .r.me{color:var(--ink);font-weight:800}#ssR .lg .r.me b{color:var(--acc)}#ssR .lg .nx{margin:8px 0 10px;font:600 13px/1.4 var(--sans);color:var(--soft)}#ssR .lg button{width:100%;padding:10px;border-radius:10px;border:0;background:var(--acc);color:#fff;font:800 14px var(--sans);cursor:pointer;text-align:center}:root[data-theme="dark"] #ssR .lg button{color:#0a0e1c;border-radius:0}:root[data-theme="dark"] #ssR .lg{border-radius:0}
#ssR .soon{border:1px dashed var(--rule);border-radius:14px;padding:14px;font:400 13px/1.5 var(--sans);color:var(--soft)}#ssR .soon b{color:var(--ink)}
:root[data-theme="dark"] #ssR .rk,:root[data-theme="dark"] #ssR .st div,:root[data-theme="dark"] #ssR .soon{border-radius:0}
:root:not([data-theme="dark"]) #ssL{background:linear-gradient(180deg,#0a2a6b,#0f3a99 60%,#1546c8);border-right:0;color:#fff}
:root:not([data-theme="dark"]) #ssL .brand{color:#fff}
:root:not([data-theme="dark"]) #ssL .sw{background:rgba(255,255,255,.12)}:root:not([data-theme="dark"]) #ssL .sw button{color:rgba(255,255,255,.8)}:root:not([data-theme="dark"]) #ssL .sw button.on{background:#fff;color:#0a2a6b}
#ssL .sw.s4 button{font:800 15px var(--sans);letter-spacing:.02em}#ssL .swn{margin:-6px 0 12px;font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;opacity:.75;text-align:center}
:root:not([data-theme="dark"]) #ssL .ch{color:rgba(255,255,255,.92)}:root:not([data-theme="dark"]) #ssL .ch b{color:rgba(255,255,255,.5)}:root:not([data-theme="dark"]) #ssL .ch:hover{background:rgba(255,255,255,.1)}
:root:not([data-theme="dark"]) #ssL .ch.on{background:linear-gradient(180deg,#ffcb2e,#f5b70a);color:#0a2a6b}:root:not([data-theme="dark"]) #ssL .ch.on b{color:#0a2a6b}
:root:not([data-theme="dark"]) #ssR .rk{background:linear-gradient(150deg,#0a2a6b,#1546c8 75%);border:0;color:#fff;box-shadow:0 14px 30px rgba(10,42,107,.25)}:root:not([data-theme="dark"]) #ssR .rk .r{color:#fff}:root:not([data-theme="dark"]) #ssR .rk .nm,:root:not([data-theme="dark"]) #ssR .rk .h{color:rgba(255,255,255,.82)}:root:not([data-theme="dark"]) #ssR .rk .pb{background:rgba(255,255,255,.22)}
:root:not([data-theme="dark"]) #ssR{background:linear-gradient(180deg,#fff,#f4f7fd)}
#ssR .rk{text-align:center}#ssR .eb{text-align:left}

/* ---- next <style> block ---- */
.fcw{perspective:1400px;margin:22px 0 0}
.fcin{display:grid;width:100%;padding:0;border:0;background:none;text-align:center;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.75,.25,1);color:inherit;font:inherit}
.fcin.on{transform:rotateY(180deg)}
.fcin .face{grid-area:1/1;margin:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-height:300px}
.fcin .fb{transform:rotateY(180deg)}
.fcin .fq{font:600 14px/1.45 var(--sans);color:var(--soft);margin-bottom:4px}
.fcin .fb .b{margin-top:12px}
.fcnav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 0}
.fcnav .btn{display:inline-flex;align-items:center;gap:4px;width:auto;padding:9px 14px}
.fcnav .btn svg{width:16px;height:16px}
.fcnav .btn[disabled]{opacity:.4}
@media (prefers-reduced-motion:reduce){.fcin{transition:none}}

/* ---- next <style> block ---- */
.trkov{position:fixed;inset:0;z-index:9999;background:rgba(6,12,32,.6);display:flex;align-items:center;justify-content:center;padding:20px}.trkbx{background:var(--card,#fff);color:var(--ink,#0b1b3f);border-radius:20px;max-width:380px;width:100%;padding:22px 22px 16px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.trkh{font-weight:800;font-size:21px;margin:0}.trkp{margin:4px 0 8px;opacity:.75;font-size:15px}.trkb{display:block;width:100%;text-align:left;border:1.5px solid var(--rule,var(--line,#dce3f1));background:transparent;color:inherit;border-radius:14px;padding:13px 16px;margin-top:10px;font:inherit;cursor:pointer}.trkb b{display:block;font-size:17px}.trkb small{display:block;opacity:.72;font-size:13px;margin-top:2px}.trkb.live{border-color:var(--acc,#1546c8)}.trkb.live:hover,.trkb.live:focus{background:rgba(21,70,200,.08)}.trkb.soon{opacity:.5;cursor:not-allowed}.trkb .trktg{float:right;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.8}.trkx{margin-top:12px;background:none;border:0;color:inherit;opacity:.7;font:inherit;cursor:pointer;width:100%;padding:6px}

/* ---- next <style> block ---- */
.pkgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.pkb{height:58px;border-radius:14px;border:1.5px solid var(--rule,var(--line,#dce3f1));background:transparent;color:inherit;font:800 20px var(--sans,inherit);cursor:pointer}.pkb small{display:block;font:600 11px var(--sans,inherit);opacity:.65;margin-top:2px}.pkb:hover,.pkb:focus{border-color:var(--acc,#1546c8);background:rgba(21,70,200,.08)}.pkb.last{border-color:var(--acc,#1546c8)}.pkb.soon{opacity:.45;cursor:not-allowed}

/* ---- next <style> block ---- */
.fcw .face{position:relative}.fcbadge{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.fcbadge svg{width:22px;height:22px}.fcbadge.ok{background:#dcf5e5;color:#15a34a}.fcbadge.rv{background:#fde4e4;color:#dc2626}.fcbadge.pop{animation:fcpop .45s ease-out}@keyframes fcpop{0%{transform:scale(.3)}60%{transform:scale(1.25)}100%{transform:scale(1)}}.fcrow{display:flex;align-items:center;gap:10px;margin:14px 0 0}.fcarrow{flex:0 0 48px;height:48px;border-radius:50%;border:1.5px solid var(--rule);background:var(--card);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.fcarrow svg{width:22px;height:22px}.fcarrow[disabled]{opacity:.3;cursor:default}.fcrate{flex:1;display:flex;gap:10px}.fcr{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:14px;font:700 15px var(--sans);cursor:pointer;border:1.5px solid;padding:0 8px}.fcr svg{width:20px;height:20px;flex:none}.fcr.ok{background:#e6f8ec;border-color:#8bd9a6;color:#137a3a}.fcr.rv{background:#fdeded;border-color:#f2a8a8;color:#b91c1c}.fcr[disabled]{opacity:.35;cursor:default}:root[data-theme="dark"] .fcr.ok{background:#0e2a1a;border-color:#1f6b40;color:#6be3a0}:root[data-theme="dark"] .fcr.rv{background:#2c1214;border-color:#7a2a2a;color:#ff8f8f}:root[data-theme="dark"] .fcbadge.ok{background:#0e2a1a;color:#6be3a0}:root[data-theme="dark"] .fcbadge.rv{background:#2c1214;color:#ff8f8f}.fchint{text-align:center;margin:10px 0 0;color:var(--soft);font-size:13px}@media (hover:none){.fchint{display:none}}@media (max-width:600px){.fchint{display:none}}@media (max-width:420px){.fcrow{gap:8px}.fcrate{gap:8px}.fcr{gap:5px;font-size:13px;white-space:nowrap}.fcr svg{width:17px;height:17px}.fcarrow{flex-basis:40px;height:40px}}

/* ---- next <style> block ---- */
.subj button[data-s="S"]{display:none}