:root{--bg:#f5f7fb;--card:#ffffff;--ink:#172033;--muted:#65708a;--line:#dfe5ef;--blue:#2563eb;--blue2:#dbeafe;--gold:#f4b942;--green:#108a55;--red:#c92a2a;--shadow:0 10px 26px rgba(23,32,51,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app-shell{max-width:760px;margin:0 auto;min-height:100vh;padding-bottom:24px}.topbar{position:sticky;top:0;z-index:5;background:rgba(245,247,251,.95);backdrop-filter:blur(10px);padding:14px 14px 10px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.logo{width:44px;height:44px;border-radius:14px;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:900;border:3px solid var(--gold)}h1{font-size:20px;line-height:1;margin:0}h2{font-size:18px;margin:0 0 8px}.brand p,.muted{color:var(--muted);margin:4px 0 0;font-size:13px}.ghost,.primary,button{border:0;border-radius:14px;padding:10px 12px;font-weight:800;cursor:pointer}.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.primary{background:var(--blue);color:#fff;width:100%;margin-top:12px}.status-card{margin:14px;padding:12px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:3px}.status-card.ok{border-left:6px solid var(--green)}.status-card.err{border-left:6px solid var(--red)}.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0 14px 12px}.tab{background:#fff;border:1px solid var(--line);padding:10px 6px;font-size:12px;color:var(--ink)}.tab.active{background:#0f172a;color:#fff;border-color:#0f172a}.panel{display:none;padding:0 14px 18px}.active-panel{display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;margin:0 0 12px;box-shadow:var(--shadow)}label{display:block;font-size:12px;font-weight:900;color:#39445d;margin:11px 0 5px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:11px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:72px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row{display:flex;gap:8px;align-items:center}.check{display:flex;gap:8px;align-items:center;margin:10px 0}.check input{width:auto}.mini-list{display:grid;gap:8px}.mini-card{border:1px solid var(--line);border-radius:16px;padding:10px;background:#fafcff}.mini-card strong{display:block}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.chip{font-size:11px;border-radius:999px;background:var(--blue2);color:#15366f;padding:5px 8px;font-weight:800}.chip.special{background:#fff1c7;color:#6b4a00}.chip.bad{background:#ffe3e3;color:#8f1414}.class-review{display:grid;gap:12px}.class-box{border:1px solid var(--line);border-radius:18px;background:#fbfcff;padding:10px}.driver-row{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;padding:8px 10px;margin:6px 0}.driver-row[draggable=true]{cursor:grab}.small{font-size:12px;color:var(--muted)}.danger{background:#fff0f0;color:#a61b1b;border:1px solid #ffc9c9}.inline-btn{padding:7px 9px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:12px}@media(max-width:430px){.app-shell{max-width:100%}.tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.tab{font-size:11px;padding:9px 3px}.grid2{grid-template-columns:1fr}.topbar{align-items:flex-start}.brand p{max-width:230px}.ghost{padding:9px}.card{border-radius:18px}.driver-row{align-items:flex-start;flex-direction:column}.driver-row .inline-btn{width:100%}}

.special-card{background:#fff7e6;border-color:#f4c46b;}

.big-textarea{min-height:180px}.article-admin-card p{line-height:1.35}.row-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.row-actions .inline-btn{flex:1;min-width:88px}@media(max-width:430px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr));}.row-actions .inline-btn{width:100%;}}

/* v60 settings */
#settings textarea{min-height:84px}.status-card.err{background:#fef2f2;border-color:#fecaca}.status-card.ok{background:#ecfdf5;border-color:#bbf7d0}

/* v72 preview-only LiveRC import */
.import-actions-v72{margin-top:12px}
.preview-results-v72{margin-top:12px}
.preview-card-v72{border:1px solid #c7d2fe;background:#eef2ff;border-radius:16px;padding:14px}
.preview-card-v72 h3{margin:0 0 4px}
.preview-card-v72 h4{margin:12px 0 4px}
.preview-card-v72 details{margin-top:10px}
.preview-card-v72 summary{cursor:pointer;font-weight:800}

/* v79 safe admin */
.small{font-size:.82rem}

/* v82: article publishing no LiveRC link required */
.notice{
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#7c2d12;
  border-radius:12px;
  padding:10px 12px;
  font-weight:700;
}

/* v84: article manual display order */

/* v85 website stats */
.stats-grid-v85{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.mini-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.stats-table-v85{width:100%;border-collapse:collapse;margin-top:8px;font-size:.88rem}.stats-table-v85 td{padding:6px 4px;border-bottom:1px solid #e2e8f0}.stats-table-v85 td:last-child{text-align:right;font-weight:800}.stats-table-v85.wide td:last-child{text-align:left;font-weight:600}

/* v86: stats render fix */
#statsPanel .ghost{
  margin:8px 0 12px;
}

/* v87 stats diagnostics */
#statsPanel .row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}

/* v88 stats totals and bar graph */
.stat-total-grid-v88{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr));
  gap:10px;
  margin:12px 0;
}
.stat-total-card-v88{
  background:#0f172a;
  color:#fff;
  border-radius:16px;
  padding:13px 14px;
  box-shadow:0 10px 25px rgba(15,23,42,.12);
}
.stat-total-card-v88 span{
  display:block;
  font-size:.72rem;
  color:#cbd5e1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.stat-total-card-v88 strong{
  display:block;
  font-size:1.55rem;
  line-height:1.15;
  margin-top:4px;
}
.visit-bars-v88{
  min-height:230px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(38px,1fr));
  align-items:end;
  gap:9px;
  padding:14px 6px 2px;
}
.visit-bar-item-v88{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  min-width:0;
}
.visit-bar-track-v88{
  height:150px;
  width:100%;
  max-width:42px;
  border-radius:999px 999px 8px 8px;
  background:#e2e8f0;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  border:1px solid #cbd5e1;
}
.visit-bar-fill-v88{
  width:100%;
  border-radius:999px 999px 8px 8px;
  background:linear-gradient(180deg,#38bdf8,#2563eb);
  min-height:5px;
}
.visit-bar-num-v88{
  font-weight:900;
  color:#0f172a;
  font-size:.82rem;
}
.visit-bar-label-v88{
  font-size:.72rem;
  color:#64748b;
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:520px){
  .visit-bars-v88{gap:5px}
  .visit-bar-track-v88{height:120px;max-width:32px}
  .stat-total-card-v88 strong{font-size:1.35rem}
}