/* Admin panel v2 views (admin-x.js): editors, QR, magazine, quizzes, mail */
.xact{display:flex;gap:8px;flex-wrap:wrap}
.xbtns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.xt{font-weight:600}
.mono-n{font-family:var(--fm);font-variant-numeric:tabular-nums}
.xurl{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--fm);font-size:12px}
.tag.ok{background:var(--ok-bg);color:var(--ok)}
.tag.sch{background:var(--warn-bg);color:var(--warn-ink)}
.zdot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}
td.act{white-space:nowrap;text-align:right}

/* chips + filters */
.xchip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:12.5px;font-weight:600;background:color-mix(in srgb,var(--tc,#888) 14%,var(--panel));color:color-mix(in srgb,var(--tc,#888) 70%,var(--ink));white-space:nowrap}
.xchip svg,.xchips svg,.tpick svg{width:15px;height:15px;flex:none}
.xfilters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.xfilters select{width:auto;min-width:160px}
.xfilters input{width:220px;flex:1;max-width:320px}
.xchips{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 100%}
.xchips button,.tpick button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-2);font:600 13px var(--f);cursor:pointer}
.xchips button:hover,.tpick button:hover{border-color:var(--tc,var(--ink-2));color:var(--ink)}
.xchips button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--panel)}
.tpick{display:flex;gap:8px;flex-wrap:wrap}
.tpick button[aria-checked="true"]{background:var(--tc,var(--acc));border-color:var(--tc,var(--acc));color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--tc,var(--acc)) 35%,transparent)}

/* tabs + segmented */
.xtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}
.xtabs button,.ltabs button{position:relative;background:none;border:0;padding:10px 14px;font:600 14px var(--f);color:var(--ink-2);cursor:pointer;white-space:nowrap}
.xtabs button small,.ltabs button small{font-family:var(--fm);font-size:11px;color:var(--ink-3);margin-left:4px}
.xtabs button[aria-selected="true"],.ltabs button[aria-selected="true"]{color:var(--ink)}
.xtabs button[aria-selected="true"]::after,.ltabs button[aria-selected="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--acc)}
.xtabs.wide{padding:0 max(20px,calc(50% - 440px));margin:0;background:var(--panel)}
.ltabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}
.xseg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:var(--panel-2)}
.xseg.wrap{display:flex}
.xseg button{height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;font:600 13px var(--f);color:var(--ink-2);cursor:pointer}
.xseg button[aria-pressed="true"],.xseg button:hover{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #0000001f}

/* icon picker */
.iconpick{display:flex;flex-wrap:wrap;gap:6px}
.iconpick label{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--line-2);cursor:pointer;color:var(--ink-2)}
.iconpick.big label{width:56px;height:56px}
.iconpick input{position:absolute;opacity:0;pointer-events:none}
.iconpick svg{width:22px;height:22px}
.iconpick.big svg{width:34px;height:34px}
.iconpick label:has(input:checked){border-color:var(--acc);background:color-mix(in srgb,var(--acc) 14%,var(--panel));color:var(--ink);box-shadow:0 0 0 2px var(--acc)}
.iconpick label:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}

/* ---------- full-screen editor shell ---------- */
body.xed-open{overflow:hidden}
.xed{position:fixed;inset:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;animation:xedIn .22s ease-out}
@keyframes xedIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.xed-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);position:relative;z-index:2}
.xed-top::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:linear-gradient(90deg,var(--acc) 0 33.3%,var(--pop) 33.3% 66.6%,#FFE600 66.6%)}
.xstate{font-family:var(--fm);font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}
.xed-body{flex:1;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding:28px max(20px,calc(50% - 620px)) 80px;align-items:start}
.xed-main{display:grid;gap:14px;min-width:0}
.xed-side{display:grid;gap:14px;position:sticky;top:0}
.xed-one{flex:1;overflow:auto;padding:24px max(20px,calc(50% - 440px)) 80px;align-content:start}
@media (max-width:980px){
  .xed-body{grid-template-columns:minmax(0,1fr);padding:18px 14px 80px}
  .xed-side{position:static}
  .xstate{display:none}
  .xed-top .btn{height:36px;padding:0 12px}
}

/* title / summary as page text */
.xt-title,.xt-sum{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;resize:none;min-height:0!important;overflow:hidden}
.xt-title{font:800 clamp(30px,4vw,44px)/1.08 var(--fd);letter-spacing:-.025em;color:var(--ink);margin-top:6px}
.xt-sum{font-size:19px;line-height:1.5;color:var(--ink-2)}
.xt-title::placeholder,.xt-sum::placeholder{color:var(--ink-3)}

/* cover */
.xcover{position:relative}
.xcover>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block}
.xcover-a{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}
.xcover-a .btn{background:var(--panel)}
.xcover-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:120px;border:2px dashed var(--line-2);border-radius:14px;background:transparent;color:var(--ink-2);font:600 14px var(--f);cursor:pointer;padding:16px}
.xcover-add small{font-weight:400;color:var(--ink-3);font-size:12.5px}
.xcover-add:hover{border-color:var(--acc);color:var(--ink);background:color-mix(in srgb,var(--acc) 6%,transparent)}

/* blocks */
.blocks{display:grid;gap:12px}
.bk{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:border-color .15s,box-shadow .15s}
.bk:focus-within{border-color:color-mix(in srgb,var(--acc) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 14%,transparent)}
.bk.dragging{opacity:.4}
.bk.over-t{box-shadow:0 -3px 0 var(--acc)}
.bk.over-b{box-shadow:0 3px 0 var(--acc)}
.bk-bar{display:flex;align-items:center;gap:4px;padding:6px 8px 0 6px;color:var(--ink-3)}
.bk-bar button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--ink-3);cursor:pointer;font-size:14px}
.bk-bar button:hover:not([disabled]){background:var(--panel-2);color:var(--ink)}
.bk-bar button[disabled]{opacity:.3;cursor:default}
.bk-bar [data-rm]:hover{color:var(--bad)!important}
.bk-h{cursor:grab;padding:4px 6px;letter-spacing:-3px;font-weight:700;user-select:none}
.bk-h:active{cursor:grabbing}
.bk-t{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.bk-t i,.addbar i,.bmenu i{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--panel-2);color:var(--ink);font-size:12px;font-family:var(--f);letter-spacing:0;text-transform:none}
.bk-b{padding:6px 14px 14px;display:grid;gap:8px}
.bk-b textarea{min-height:0;resize:none;overflow:hidden}
.bk-b textarea.xp{border-color:transparent;font-size:17px;line-height:1.65;padding:6px 8px}
.bk-b textarea.xp:focus{border-color:transparent;box-shadow:none}
.bk-b .xh{font:700 22px var(--fd);letter-spacing:-.01em;height:48px}
.bk-b textarea.xq{font:500 20px/1.35 var(--fd);border-left:4px solid var(--pop);border-radius:0 10px 10px 0}
.bk-ins{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);z-index:2;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-2);cursor:pointer;opacity:0;transition:opacity .15s;font:700 15px/1 var(--f)}
.bk:hover .bk-ins,.bk-ins:focus-visible{opacity:1}
.bk-ins:hover{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}
@media (hover:none){.bk-ins{opacity:1}}
.row2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.row2 select{width:auto}
.bimg{width:100%;max-height:360px;object-fit:cover;border-radius:10px;display:block}
.bgals{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bgals figure{margin:0;position:relative;display:grid;gap:6px}
.bgals img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}
.bgals input{height:34px;font-size:13px}
.bgals [data-grm]{position:absolute;top:6px;right:6px;background:var(--panel)}
.bgals .xcover-add{min-height:0;aspect-ratio:1}
.addbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:14px;border:1px dashed var(--line-2);border-radius:14px}
.addbar button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 6px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:500 13px var(--f);cursor:pointer}
.addbar button:hover{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,var(--panel))}
.bmenu{position:fixed;z-index:80;width:290px;max-height:min(420px,70vh);overflow:auto;padding:6px;border-radius:14px;background:var(--panel);border:1px solid var(--line-2);box-shadow:0 18px 50px #0000003a;animation:xedIn .12s ease-out}
.bmenu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:14px var(--f)}
.bmenu button i{width:28px;height:28px;flex:none;font-size:14px}
.bmenu button span{display:grid}
.bmenu button small{color:var(--ink-3);font-size:12px}
.bmenu button:hover,.bmenu button:focus,.bmenu button.on:not(:focus-within){background:var(--panel-2);outline:none}
.slug{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);overflow:hidden}
.slug span{padding:0 4px 0 12px;font-family:var(--fm);font-size:13px;color:var(--ink-3);white-space:nowrap}
.slug span:last-child{padding:0 12px 0 4px}
.slug input{border:0!important;box-shadow:none!important;padding-left:2px;min-width:0}
.slug:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 25%,transparent)}

/* preview (site prose with admin tokens) */
.xprev{--f-display:var(--fd);--f-mono:var(--fm);--accent:var(--acc);--accent-text:var(--acc-text);--paper:var(--panel);--tape:#FFE600;--screen:#111;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,4vw,44px);display:grid;gap:14px;justify-items:start}
.xp-title{font:800 clamp(30px,4vw,48px)/1.05 var(--fd);letter-spacing:-.025em}
.xp-lead{font-size:20px;color:var(--ink-2);margin:0;max-width:720px}
.xp-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px}
.xprev .prose{font-size:17.5px;line-height:1.72;max-width:720px;width:100%}
.xprev .prose>*{margin:0 0 1.1em}
.xprev .prose h2{font:800 30px/1.1 var(--fd);letter-spacing:-.02em;margin:1.4em 0 .5em}
.xprev .prose h3{font:700 22px/1.2 var(--fd);margin:1.3em 0 .4em}
.xprev .prose ul li::marker{color:var(--pop)}
.xprev .prose blockquote{margin:1.4em 0;padding:4px 0 4px 22px;border-left:4px solid var(--pop);font:500 24px/1.3 var(--fd)}
.xprev .prose blockquote p{margin:0}
.xprev .prose blockquote cite{display:block;margin-top:10px;font:500 12px var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-style:normal}
.xprev .callout{display:flex;gap:12px;padding:16px 18px;border-radius:14px;background:color-mix(in srgb,var(--acc) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);font-size:16px}
.xprev .callout.warn{background:var(--warn-bg);border-color:#E5C400}
.xprev .callout.pop{background:color-mix(in srgb,var(--pop) 12%,var(--panel));border-color:color-mix(in srgb,var(--pop) 45%,transparent)}
.xprev .callout svg{width:20px;height:20px;flex:none;margin-top:3px}
.xprev .fig{margin:1.4em 0}
.xprev .fig img,.xprev .bgal img{width:100%;border-radius:14px;display:block}
.xprev .fig figcaption,.xprev .bgal figcaption,.xprev .vid figcaption{font:500 12.5px var(--fm);color:var(--ink-2);margin-top:8px}
.xprev .bgal{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.xprev .bgal.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.xprev .bgal.n1{grid-template-columns:1fr}
.xprev .bgal figure{margin:0}
.xprev .bgal img{aspect-ratio:1;object-fit:cover}
.xprev .vid-f,.xprev .vid iframe{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;overflow:hidden;background:#111;padding:0;cursor:pointer}
.xprev .vid-f img{width:100%;height:100%;object-fit:cover;opacity:.85}
.xprev .vid-f .play{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:var(--pop)}
.xprev .vid-f .play::after{content:"";position:absolute;left:28px;top:22px;border-left:20px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent}
.xprev .vid-f .vk{position:absolute;left:12px;bottom:10px;color:#fff;background:#0008;padding:4px 8px;border-radius:6px}
.xprev .sep{border:0;height:4px;width:96px;margin:2em 0!important;background:linear-gradient(90deg,var(--acc) 0 33.3%,var(--pop) 33.3% 66.6%,#FFE600 66.6%)}
.xev{display:grid;gap:4px;padding:16px 18px;border-radius:14px;background:var(--panel-2);border-left:4px solid var(--pop);font-size:15px}
.xev b{font-family:var(--fd);font-size:18px}

/* QR */
.xqr{background:repeating-conic-gradient(var(--panel-2) 0 25%,transparent 0 50%) 0 0/16px 16px;border-radius:12px;padding:12px;display:grid;place-items:center}
.xqr svg{width:100%;height:auto;max-width:260px;display:block}
.xqr.big svg{max-width:360px}
.qdgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.qd{display:grid;gap:6px;text-align:left;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font:15px var(--f);transition:transform .15s,box-shadow .15s,border-color .15s}
.qd:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0000001c;border-color:var(--line-2)}
.qd-art{border-radius:10px;padding:12px;background:repeating-conic-gradient(var(--panel-2) 0 25%,transparent 0 50%) 0 0/14px 14px;margin-bottom:6px}
.qd-art svg{width:100%;height:auto;display:block}
.xed-body.qr2{grid-template-columns:minmax(0,1fr) 420px}
.qopts{display:flex;flex-wrap:wrap;gap:8px}
.qopts button{display:grid;justify-items:center;gap:4px;width:92px;padding:8px 6px;border-radius:12px;border:1px solid var(--line-2);background:var(--panel);font:500 12px var(--f);color:var(--ink-2);cursor:pointer}
.qopts button span{display:block;width:62px;height:62px}
.qopts button svg{width:100%;height:100%;display:block}
.qopts button[aria-pressed="true"]{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc);color:var(--ink)}
.qopts button:hover{border-color:var(--ink-2)}
.qprev{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;gap:12px}
.qp-art{border-radius:12px;padding:18px;background:repeating-conic-gradient(var(--panel-2) 0 25%,transparent 0 50%) 0 0/18px 18px;display:grid;place-items:center}
.qp-art svg{width:100%;max-width:380px;height:auto;display:block}
input[type=color]{height:42px;padding:3px;cursor:pointer}
input[type=color][disabled]{opacity:.35;cursor:not-allowed}
input[type=datetime-local]{width:100%;height:42px;border-radius:10px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink);font:15px var(--f);padding:0 12px}
@media (max-width:980px){.xed-body.qr2{grid-template-columns:minmax(0,1fr)}.qprev{order:-1;position:static}}

/* magazine */
.igrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.icard2{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.ic-cv{aspect-ratio:1/1.3;background:var(--panel-2);display:grid;place-items:center;color:var(--ink-3);overflow:hidden}
.ic-cv img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.icard2:hover .ic-cv img{transform:scale(1.03)}
.ic-b{padding:14px;display:grid;gap:8px}
.ic-b b{font:700 17px/1.2 var(--fd)}
.drop{display:grid;gap:6px;justify-items:center;text-align:center;padding:34px 18px;border:2px dashed var(--line-2);border-radius:16px;cursor:pointer;color:var(--ink-2);transition:background .15s,border-color .15s}
.drop b{font:700 18px var(--fd);color:var(--ink)}
.drop:hover,.drop.on{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,transparent)}
.pbar{height:10px;border-radius:99px;background:var(--panel-2);overflow:hidden}
.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),var(--pop));border-radius:99px;transition:width .25s}
.pthumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.pthumbs figure{margin:0;position:relative;display:grid;gap:4px}
.pthumbs img{width:100%;aspect-ratio:1/1.3;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block;background:var(--panel-2)}
.pthumbs figcaption{position:absolute;top:6px;left:6px;font:600 11px var(--fm);background:var(--panel);padding:1px 6px;border-radius:6px}
.pthumbs button{border:0;background:transparent;color:var(--ink-3);font:500 11.5px var(--f);cursor:pointer;padding:2px}
.pthumbs button:hover{color:var(--acc-text)}
.pthumbs figure.cover img{border:2px solid var(--pop);box-shadow:0 0 0 2px color-mix(in srgb,var(--pop) 30%,transparent)}
.pthumbs figure.cover button{color:var(--pop);font-weight:700}
.toced{display:grid;gap:8px}
.toced>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) 76px auto;gap:8px;align-items:center}
@media (max-width:640px){.toced>div{grid-template-columns:minmax(0,1fr) 70px auto}.toced>div>input:nth-child(2){grid-column:1/-1;order:5}}

/* quizzes */
.zres{border-left:5px solid var(--rc,var(--acc))}
.zic{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--rc,var(--acc)) 18%,var(--panel));vertical-align:middle;margin-right:4px}
.zic svg{width:24px;height:24px}
.zq .answers{display:grid;gap:10px}
.ans{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--panel-2);position:relative}
.ans>.btn{position:absolute;top:8px;right:8px}
.ans>.pair{padding-right:40px}
.pts{display:flex;flex-wrap:wrap;gap:6px}
.pts label{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel);font-size:12.5px;color:var(--ink-2)}
.pts label.on{border-color:var(--rc);background:color-mix(in srgb,var(--rc) 16%,var(--panel));color:var(--ink);font-weight:600}
.pts input{width:52px;height:28px;padding:0 6px;border-radius:999px;font-size:13px;text-align:center}
.bal{display:grid;grid-template-columns:minmax(90px,180px) minmax(0,1fr) 48px auto;gap:10px;align-items:center;font-size:14px}
.dbar2{height:10px;border-radius:99px;background:var(--panel-2);overflow:hidden}
.dbar2 i{display:block;height:100%;border-radius:99px}

/* mail */
.xtest{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.xtest input{flex:1}
.cmd{margin:0;padding:14px 16px;border-radius:12px;background:#0D0E11;color:#7CE0A3;font:500 15px var(--fm);overflow-x:auto}
.cmd::before{content:"$ ";color:#5B606B}
.steps2{margin:0;padding-left:1.3em;display:grid;gap:8px;color:var(--ink-2)}
.steps2 li::marker{font-family:var(--fm);color:var(--acc-text)}
.cred{display:grid;gap:6px;margin-bottom:16px}
.cred code{font:600 15px var(--fm);background:var(--panel);padding:3px 8px;border-radius:6px;color:var(--ink);user-select:all}

/* print a QR on its own */
#printArea{display:none}
@media print{
  body.printing>*:not(#printArea){display:none!important}
  body.printing #printArea{display:block}
  .pa-in{display:grid;justify-items:center;gap:12px;padding:20mm 10mm;text-align:center;font-family:var(--fd)}
  .pa-qr{width:120mm}
  .pa-qr svg{width:100%;height:auto}
  .pa-in h1{font-size:28pt;margin:8mm 0 0}
  .pa-in p{font:14pt var(--fm);margin:0}
}
@media (prefers-reduced-motion:reduce){.xed,.bmenu{animation:none}.qd,.ic-cv img{transition:none}}
@media (max-width:640px){.xfilters input{max-width:none}.xfilters select{flex:1}td .thumb,td .ph-thumb{width:36px;height:36px}}

/* statistics */
.stat em{font-style:normal;font-weight:700;margin-right:4px}
.stat em.up{color:var(--ok)}.stat em.down{color:var(--bad)}
.dchart{width:100%;height:auto;display:block}
.dchart .gl{stroke:var(--line);stroke-width:1}
.dchart .ax{fill:var(--ink-3);font:10.5px var(--fm)}
.dchart .hit{fill:transparent}
.dchart .dcol:hover .hit{fill:var(--panel-2)}
.dchart .bv{fill:color-mix(in srgb,var(--acc) 70%,transparent)}
.dchart .bq{fill:var(--pop)}
.dchart .lu{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.dchart .cu{fill:var(--panel);stroke:var(--ink);stroke-width:1.5}
.lgd{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2)}
.lgd span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.lgd .lv::before{background:color-mix(in srgb,var(--acc) 70%,transparent)}
.lgd .lu2::before{height:3px;border-radius:2px;background:var(--ink);vertical-align:3px}
.lgd .lq::before{background:var(--pop)}
.sbar{display:grid;grid-template-columns:minmax(80px,150px) minmax(0,1fr) 56px;gap:10px;align-items:center;font-size:14px}
.sbar-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sbar-t{height:12px;border-radius:99px;background:var(--panel-2);overflow:hidden}
.sbar-t i{display:block;height:100%;border-radius:99px}
.sbar b{text-align:right;font-family:var(--fm);font-size:13px;font-variant-numeric:tabular-nums}
.hgrid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;height:150px;align-items:end}
.hgrid span{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:16px}
.hgrid i{display:block;min-height:2px;border-radius:3px 3px 0 0;background:linear-gradient(var(--acc),color-mix(in srgb,var(--acc) 55%,transparent))}
.hgrid small{position:absolute;bottom:0;left:0;right:0;text-align:center;font:10px var(--fm);color:var(--ink-3)}
.spark{width:120px;height:26px;display:block}
.spark rect{fill:var(--pop)}
.spark line{stroke:var(--line-2)}
.list a{color:var(--ink);text-decoration:none}.list a:hover{text-decoration:underline}
.list .xt{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list .mono-n{flex:none}
.stack>.list,.stack>.tbl-wrap{min-width:0}