:root{
  --bg:#0a0d10; --panel:#12161c; --panel2:#171c23; --border:#232b35;
  --text:#eaeef4; --muted:#8b95a3; --muted2:#5c6672;
  --green:#00d18f; --green-dim:rgba(0,209,143,.14);
  --red:#ff5b6a; --red-dim:rgba(255,91,106,.14);
  --accent:#4a9eff;
  --radius:14px; --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;font-size:14px}
a{color:inherit;text-decoration:none}
.mono{font-family:var(--mono)}
.up{color:var(--green)} .down{color:var(--red)}

/* header */
header{position:sticky;top:0;z-index:20;background:rgba(10,13,16,.85);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.hwrap{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:18px;
  padding:14px 20px}
.logo{font-weight:800;font-size:18px;letter-spacing:-.02em;cursor:pointer}
.logo span{color:var(--green)}
.search{flex:1;max-width:520px;position:relative}
.search input{width:100%;background:var(--panel);border:1px solid var(--border);
  color:var(--text);padding:11px 14px;border-radius:11px;font-size:14px;outline:none}
.search input:focus{border-color:var(--accent)}
.navlink{color:var(--muted);font-weight:600;font-size:13px}
.navlink:hover{color:var(--text)}

.wrap{max-width:1100px;margin:0 auto;padding:22px 20px 60px}

/* stats strip */
.stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;
  padding:12px 16px;flex:1;min-width:130px}
.stat .v{font-size:20px;font-weight:700;letter-spacing:-.02em}
.stat .l{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-top:3px}

/* controls */
.controls{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.chip{background:var(--panel);border:1px solid var(--border);color:var(--muted);
  padding:7px 13px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer}
.chip:hover{color:var(--text)}
.chip.active{background:var(--text);color:#0a0d10;border-color:var(--text)}
.spacer{flex:1}
.count{color:var(--muted2);font-size:12px}
/* ---- filter toolbar ----
   One selection language: neutral. Green is reserved for price-up / brand /
   live-dot only, so it never doubles as "selected". */
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;
  margin:2px 0 16px;flex-wrap:wrap}
.tb-left{display:flex;gap:8px;flex-wrap:wrap}
.tb-right{display:flex;align-items:center;gap:20px}
/* binary segmented toggles (realm / mode): recessed track, lifted neutral thumb */
.seg{display:inline-flex;background:var(--bg);border:1px solid var(--border);
  border-radius:11px;padding:3px;gap:2px}
.segbtn{background:transparent;border:0;color:var(--muted);font-family:inherit;font-weight:600;
  font-size:12.5px;letter-spacing:.01em;padding:7px 15px;border-radius:8px;cursor:pointer;
  white-space:nowrap;transition:color .14s,background .14s}
.segbtn:hover{color:var(--text)}
.segbtn.active{background:var(--panel2);color:var(--text);
  box-shadow:0 1px 2px rgba(0,0,0,.4),inset 0 0 0 1px var(--border)}
/* season badge */
.sbadge{display:inline-flex;align-items:center;gap:7px;background:var(--panel);
  border:1px solid var(--border);border-radius:9px;padding:6px 12px;font-size:12px;
  font-weight:600;color:var(--text);white-space:nowrap}
.sbadge .sdot{width:7px;height:7px;border-radius:50%;background:var(--green);
  box-shadow:0 0 0 3px var(--green-dim)}
.sbadge-n{color:var(--muted)}
/* sort = underline text tabs; active underline is neutral white, not green */
.stabs{display:flex;gap:20px}
.stab{background:0;border:0;padding:6px 0;font-family:inherit;font-size:13px;font-weight:600;
  color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .14s}
.stab:hover{color:var(--text)}
.stab.active{color:var(--text);border-bottom-color:var(--text)}
/* category tabs = wrapping pill strip. Wraps to as many rows as needed so every
   category is reachable without scrolling (a hidden-scrollbar strip left the
   off-screen pills unreachable by mouse). Neutral at rest with a small
   category-colored dot; the rainbow lives in the dots, not the whole pill. */
.cattabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ctab{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;
  background:var(--panel);border:1px solid var(--border);color:var(--muted);
  padding:7px 14px 7px 12px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;
  white-space:nowrap;font-family:inherit;text-transform:capitalize;
  transition:color .14s,border-color .14s,background .14s}
.cdot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;
  background:var(--cc,var(--muted2))}
.ctab:hover{color:var(--text);border-color:color-mix(in srgb,var(--cc,var(--muted)) 45%,var(--border))}
.ctab.active{color:var(--text);border-color:color-mix(in srgb,var(--cc,var(--text)) 55%,var(--border));
  background:color-mix(in srgb,var(--cc,var(--text)) 15%,var(--panel))}
/* coming-soon state */
.coming{text-align:center;padding:60px 22px;background:var(--panel);
  border:1px solid var(--border);border-radius:14px;margin-top:4px}
.coming-i{font-size:32px;color:var(--green);opacity:.45;margin-bottom:12px}
.coming-t{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}
.coming-s{color:var(--muted);font-size:13px;max-width:430px;margin:0 auto;line-height:1.65}
.coming-s b{color:var(--green)}
/* ---- admin panel ---- */
.admintag{color:var(--muted);font-weight:600;font-size:13px}
.apanel{display:flex;gap:20px;align-items:flex-start}
.anav{flex:0 0 176px;display:flex;flex-direction:column;gap:4px;position:sticky;top:16px}
.anavb{text-align:left;background:transparent;border:1px solid transparent;color:var(--muted);
  font-family:inherit;font-weight:600;font-size:13px;padding:9px 13px;border-radius:9px;cursor:pointer;transition:color .12s,background .12s}
.anavb:hover{color:var(--text);background:var(--panel)}
.anavb.active{color:var(--text);background:var(--panel);border-color:var(--border)}
.amain{flex:1;min-width:0}
.ahead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.ahead h2{margin:0;font-size:17px;font-weight:700}
.asub2{color:var(--muted);font-size:12.5px;max-width:540px;line-height:1.5}
.acards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.acard{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}
.acard.span2{grid-column:span 2}
.acard.hi{border-color:color-mix(in srgb,var(--green) 40%,var(--border))}
.acard .al{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.acard .av{font-size:22px;font-weight:800;margin-top:6px;font-family:var(--mono)}
.acard .asub{color:var(--muted2);font-size:11.5px;margin-top:5px;line-height:1.5}
.atable{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:16px}
.atable .tbl{width:100%}
.arow-act{white-space:nowrap;text-align:right}
/* Block rate above the healthy band on the Progress fleet table. */
.atable .tbl td.warn{color:var(--red);font-weight:700}
.minib{background:var(--panel2);border:1px solid var(--border);color:var(--muted);font-family:inherit;
  font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:7px;cursor:pointer;margin-left:6px}
.minib:hover{color:var(--text)}
.minib.danger:hover{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,transparent)}
.pill{font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}
.pill.live{background:var(--green-dim);color:var(--green)}
/* Workers alive but not yet writing posts — healthy, just not producing. */
.pill.warm{background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}
.sform{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px}
.sform h3{margin:0 0 14px;font-size:14px;font-weight:700}
.sfrow{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.sfrow label{display:flex;flex-direction:column;gap:5px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.sfrow input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:inherit;
  font-size:13px;padding:8px 11px;border-radius:8px;min-width:150px}
.sfrow input:focus{outline:none;border-color:var(--green)}
.btn{background:var(--green);color:#04140f;border:0;font-family:inherit;font-weight:700;font-size:13px;
  padding:9px 18px;border-radius:9px;cursor:pointer}
.btn:hover{filter:brightness(1.05)}

/* item list */
.list{display:flex;flex-direction:column;border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.row{display:grid;grid-template-columns:1fr 120px 92px 96px;align-items:center;
  gap:10px;padding:13px 18px;border-bottom:1px solid var(--border);cursor:pointer;
  transition:background .12s}
.row:last-child{border-bottom:none}
.row:hover{background:var(--panel2)}
.row .nm{font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:9px}
.cat{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted2);
  border:1px solid var(--border);padding:2px 7px;border-radius:6px;font-weight:700;
  white-space:nowrap}
/* Per-category identity color, defined once as --cc and reused by BOTH the item
   tags and the filter chips above the list. Hues loosely follow D2 item color
   conventions (uniques gold, sets green, runes orange). */
.cat-rune{--cc:#e0913c} .cat-runeword{--cc:#b58ce6} .cat-unique{--cc:#c8a866}
.cat-set{--cc:#4ec06a} .cat-charm{--cc:#e274b0} .cat-skiller{--cc:#3bb9cc}
.cat-jewel{--cc:#2fbfa0} .cat-amulet{--cc:#d98fd0} .cat-ring{--cc:#c0a3e6} .cat-circlet{--cc:#e6b3c8} .cat-boots{--cc:#b0a58f} .cat-gloves{--cc:#c9b58a} .cat-base{--cc:#8a9cb2} .cat-key{--cc:#e2645f}
.cat-shard{--cc:#5aa9e6} .cat-statue{--cc:#caa04f} .cat-essence{--cc:#9a86e0}
.cat-token{--cc:#d7b64a} .cat-consumable{--cc:#6bbf8a} .cat-gem{--cc:#cdd6e0}
.cat-helm{--cc:#d08a6a} .cat-weapon{--cc:#a8b0bd}
.cat-service{--cc:#8b95a3} .cat-misc{--cc:#7f8998}
/* class tag (e.g. skillers): neutral slate, sits next to the category tag */
.cat-class{--cc:#8b95a3}

/* Colored item-row tags: subtle text + border + faint tint, driven by --cc.
   Scoped to .cat (the little tags next to item names in rows and the detail
   header) so the category color stays where it reads as identity. The filter
   pills above the list carry their color only in the leading dot. */
.cat[class*="cat-"]{color:var(--cc);border-color:color-mix(in srgb,var(--cc) 45%,transparent);
  background:color-mix(in srgb,var(--cc) 8%,transparent)}
.row .px{text-align:right;font-weight:700;font-family:var(--mono);font-size:14.5px}
.row .ch{text-align:right;font-weight:700;font-size:13px}
.row .sub{color:var(--muted2);font-size:11.5px;margin-top:2px;font-weight:500}
.spark{width:92px;height:34px}

/* detail */
.back{color:var(--muted);font-weight:600;font-size:13px;cursor:pointer;margin-bottom:16px;
  display:inline-flex;gap:6px;align-items:center}
.back:hover{color:var(--text)}
.dhead{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}
.dtitle{font-size:26px;font-weight:800;letter-spacing:-.02em}
.dtitle .cat{vertical-align:middle;margin-left:10px}
/* value-roll schema shown under the item name */
.rolls{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:9px}
.rr{font-size:12px;display:inline-flex;align-items:baseline;gap:6px}
.rr .rrn{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:10.5px}
.rr .rrv{font-family:var(--mono);font-weight:600;color:var(--text)}
.rr .rra{color:var(--muted2);margin:0 2px}
.rollcell{font-family:var(--mono);font-weight:600;color:var(--muted)}
/* class-variant chips (torches) */
.vchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.vchip{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px;cursor:pointer;
  background:var(--panel);border:1px solid var(--border);color:var(--muted)}
.vchip:hover{color:var(--text);border-color:var(--muted2)}
.vchip.active{background:var(--accent);border-color:var(--accent);color:#04121f}
/* help "?" on the parse-coverage stat card */
.qhelp{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;
  border-radius:50%;border:1px solid var(--muted2);color:var(--muted);font-size:9px;font-weight:700;
  cursor:pointer;vertical-align:middle;margin-left:3px;text-transform:none}
.qhelp:hover{color:var(--accent);border-color:var(--accent)}
/* parse-coverage doc page */
.doc{max-width:760px;margin:0 auto}
.doc h1{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:6px 0 10px}
.doc h2{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);
  margin:26px 0 10px}
.doc .lead{font-size:15px;line-height:1.6;color:var(--text)}
.doc p{line-height:1.6;color:var(--muted);font-size:13.5px}
.doc ul{margin:0;padding-left:18px;line-height:1.9;color:var(--muted);font-size:13.5px}
.doc code{font-family:var(--mono);background:var(--panel2);padding:1px 5px;border-radius:4px;
  font-size:12px;color:var(--text)}
.doc .fmt{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;
  font-family:var(--mono);font-size:13px;line-height:1.7;color:var(--green);white-space:pre;overflow-x:auto}
.doc .tips{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.doc .tip{font-size:13.5px;color:var(--text);display:flex;gap:9px;align-items:baseline}
.doc .tip .ok{color:var(--green);font-weight:700}
.doc .tip .no{color:var(--red);font-weight:700}
.doc .fine{font-size:12px;color:var(--muted2);margin-top:24px;border-top:1px solid var(--border);padding-top:14px}
/* roll-quality tier chips */
.tier{font-size:11px;font-weight:700;text-transform:capitalize;padding:1px 8px;border-radius:5px;
  border:1px solid var(--border)}
.tier-perfect{color:#e0b64d;border-color:rgba(224,182,77,.5);background:rgba(224,182,77,.1)}
.tier-high{color:#4ec06a;border-color:rgba(78,192,106,.5);background:rgba(78,192,106,.1)}
.tier-mid{color:#5aa9e6;border-color:rgba(90,169,230,.45);background:rgba(90,169,230,.1)}
.tier-low{color:#8b95a3;border-color:rgba(139,149,163,.4)}
.tier-unknown{color:#5c6672;border-color:var(--border)}
/* clickable roll-quality rows */
.tierrow{cursor:pointer;transition:background .12s}
.tierrow:hover{background:var(--panel2)}
.tierrow.sel{background:rgba(74,158,255,.10);box-shadow:inset 3px 0 0 var(--accent)}
.section-title .hint{font-weight:500;font-size:11.5px;color:var(--muted2);text-transform:none;letter-spacing:0}
.recnote{font-weight:500;font-size:12px;color:var(--muted);text-transform:none;letter-spacing:0;margin-left:6px}
.recnote .tier{margin:0 2px}
.clearf{cursor:pointer;color:var(--accent);font-weight:600}
.clearf:hover{text-decoration:underline}
.dprice{font-size:40px;font-weight:800;letter-spacing:-.03em;font-family:var(--mono)}
.dchange{font-size:15px;font-weight:700;margin-top:2px}
.fgunit{font-size:16px;color:var(--muted);font-weight:600;margin-left:6px}

.chartbox{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:18px;margin:20px 0}
.bigchart{width:100%;height:260px;display:block}
/* interactive chart overlay */
.chartwrap{position:relative;width:100%;height:260px;cursor:crosshair}
.chmark{position:absolute;top:2px;transform:translateX(-50%);font-size:10px;font-weight:700;
  color:var(--muted);background:var(--panel);border:1px solid var(--border);
  border-radius:5px;padding:1px 6px;white-space:nowrap;pointer-events:none;letter-spacing:.02em}
.chline{position:absolute;top:0;bottom:0;width:1px;background:var(--muted2);opacity:.55;
  pointer-events:none;display:none}
.chdot{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid var(--panel);
  transform:translate(-50%,-50%);pointer-events:none;display:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.chtip{position:absolute;pointer-events:none;display:none;z-index:5;min-width:92px;
  background:var(--panel2);border:1px solid var(--border);border-radius:9px;padding:7px 11px;
  box-shadow:0 8px 24px rgba(0,0,0,.45)}
.chtip .tipd{color:var(--muted2);font-size:11px;margin-bottom:3px}
.chtip .tipp{font-weight:700;font-family:var(--mono);font-size:15px;margin-top:1px}
.chtip .tipn{color:var(--muted);font-size:10.5px}
/* tooltip row: one per Sold/FT/ISO line that has a value that day */
.chtip .tipr{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;white-space:nowrap}
.chtip .tipr b{font-family:var(--mono);font-weight:700}
/* multi-line legend above the chart */
.chartlegend{display:flex;gap:16px;margin-bottom:8px;flex-wrap:wrap}
.chleg{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:600}
.chlegd{display:inline-block;width:10px;height:3px;border-radius:2px;flex:0 0 auto}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}
.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}
.card h4{margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.krow{display:flex;justify-content:space-between;padding:5px 0;font-size:13px}
.krow .k{color:var(--muted)} .krow .val{font-family:var(--mono);font-weight:600}

table.tbl{width:100%;border-collapse:collapse;font-size:13px}
table.tbl th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;
  text-transform:uppercase;letter-spacing:.04em;padding:9px 10px;border-bottom:1px solid var(--border)}
table.tbl td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}
table.tbl tr:hover td{background:var(--panel2)}
.tag{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:5px;text-transform:uppercase}
.tag.sale{background:var(--green-dim);color:var(--green)}
.tag.ask{background:rgba(74,158,255,.14);color:var(--accent)}
.tag.bid{background:var(--red-dim);color:var(--red)}
.raw{color:var(--muted);font-size:12px;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tlink{color:var(--accent);font-size:12px}

.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted);margin:26px 0 10px}
.empty{color:var(--muted2);text-align:center;padding:40px;font-size:14px}

/* admin */
.tabs{display:flex;gap:6px;margin-bottom:16px}
.tab{padding:9px 16px;border-radius:10px;background:var(--panel);border:1px solid var(--border);
  color:var(--muted);font-weight:600;cursor:pointer;font-size:13px}
.tab.active{background:var(--text);color:#0a0d10;border-color:var(--text)}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:16px;color:var(--muted)}
.pager button{background:var(--panel);border:1px solid var(--border);color:var(--text);
  padding:7px 14px;border-radius:9px;cursor:pointer;font-weight:600}
.pager button:disabled{opacity:.4;cursor:default}
.wide td,.wide th{font-family:var(--mono);font-size:12px}
.nullv{color:var(--muted2);font-style:italic}

/* ===================================================================
   RESPONSIVE — the site was desktop-only (no media queries at all).
   Two breakpoints: tablet (<=720) relaxes the fixed grids; phone
   (<=460) goes single-column with full-width, touch-sized controls.
   =================================================================== */
@media (max-width:720px){
  .hwrap{gap:12px;padding:12px 16px}
  .search{max-width:none}
  .wrap{padding:18px 16px 56px}
  /* stats: let cards pack 2-3 per row instead of stretching one wide */
  .stat{min-width:calc(33.333% - 8px)}
  .stat .v{font-size:18px}
  /* item rows: drop the sparkline column, keep name / price / change */
  .row{grid-template-columns:1fr auto auto;gap:14px;padding:13px 15px}
  .row .spark{display:none}
  .tb-right{width:100%;justify-content:space-between}
  .dtitle{font-size:22px}
  .dprice{font-size:34px}
  .chartbox{padding:14px}
  /* admin: unstick the side nav, let it scroll horizontally on top */
  .apanel{flex-direction:column}
  .anav{flex:0 0 auto;flex-direction:row;overflow-x:auto;position:static;width:100%;
    gap:6px;padding-bottom:4px;scrollbar-width:none}
  .anav::-webkit-scrollbar{display:none}
  .anavb{white-space:nowrap}
  .raw{max-width:180px}
}
@media (max-width:460px){
  .hwrap{flex-wrap:wrap;gap:10px}
  .logo{font-size:17px}
  /* 16px input font stops iOS from zooming on focus */
  .search{order:3;flex-basis:100%}
  .search input{font-size:16px}
  .stats{gap:8px}
  .stat{min-width:calc(50% - 4px);padding:11px 13px}
  /* filters go full-width and touch-sized: each toggle its own row */
  .tb-left{flex-direction:column;width:100%}
  .seg{width:100%}
  .segbtn{flex:1;text-align:center;padding:9px 12px}
  .stabs{gap:16px}
  .stab{font-size:13px}
  .ctab{padding:8px 14px 8px 12px}
  .dhead{gap:10px}
  .dprice{font-size:30px}
}

/* ---- admin: crawl progress ---- */
.pbar{height:10px;background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;margin:14px 0 10px}
.pbar-fill{height:100%;background:var(--green);transition:width .6s ease}
.pspk{display:flex;align-items:flex-end;gap:2px;height:72px;padding:8px;background:var(--panel);
  border:1px solid var(--border);border-radius:10px}
.pspk-b{flex:1;min-width:2px;background:color-mix(in srgb,var(--green) 62%,transparent);border-radius:2px 2px 0 0}
.pspk-b:hover{background:var(--green)}