.crumb{margin:0 0 10px;font-size:13px}
.crumb a{text-decoration:none}

.stats{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 14px}
.stats div{display:flex;flex-direction:column}
.stats dt{font-size:11px;color:var(--dim);margin:0;letter-spacing:.2px}
.stats dd{margin:0;font-variant-numeric:tabular-nums;font-weight:650;font-size:17px}
.stats dd.s{font-size:13px;font-weight:500}
.stats .u{font-size:11px;color:var(--dim);font-weight:400;margin-left:3px}
.stats.sm2 dd{font-size:14px}
.arch{margin:0 0 14px;padding:9px 11px;border-radius:8px;background:var(--bg);
  border:1px solid var(--line);font-size:12px;color:var(--dim);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.7}
.arch b{color:var(--fg);font-family:inherit}

.accs{display:flex;flex-wrap:wrap;gap:10px}
.acc{flex:1 1 150px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:10px 12px}
.acc.big{border-color:color-mix(in srgb,var(--ok) 45%,transparent);
  background:color-mix(in srgb,var(--ok) 10%,transparent)}
.acc .k{display:block;font-size:11px;color:var(--dim)}
.acc b{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.acc .u{font-size:11px;color:var(--dim);margin-left:6px}

.ctl{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 14px}
.ctl label{font-size:12.5px;color:var(--dim);display:flex;align-items:center;gap:6px}
.ctl select,.ctl button,.ctl input[type=file]{font:inherit;font-size:13px;color:var(--fg);
  background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:5px 9px}
.ctl button{cursor:pointer;font-weight:600}
.ctl button:hover{border-color:var(--acc)}
.chk b{color:var(--fg)}

.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.sm{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:12px 13px;
  display:flex;flex-direction:column;gap:9px}
.sm.ok{border-left:3px solid var(--ok)} .sm.no{border-left:3px solid var(--no)}
.sm .hd{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sm .mark{font-size:11px;font-weight:700;letter-spacing:.3px}
.sm.ok .mark{color:var(--ok)} .sm.no .mark{color:var(--no)}
.sm .who{font-size:11px;color:var(--dim)}
.sm .pair{display:flex;gap:14px;font-size:12.5px;color:var(--dim)}
.sm .pair b{color:var(--fg);font-size:14px;margin-left:3px}
.sm audio{width:100%;height:32px}

.bars{display:flex;flex-direction:column;gap:2px}
.bar{display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:6px;font-size:11px}
.bar .lb{color:var(--dim)}
.bar .tr{height:7px;background:var(--line);border-radius:99px;overflow:hidden}
.bar .tr i{display:block;height:100%;background:var(--dim);border-radius:99px}
.bar .vl{text-align:right;font-variant-numeric:tabular-nums;color:var(--dim)}
.bar.pred .tr i{background:var(--acc)}
.bar.pred .lb,.bar.pred .vl{color:var(--fg);font-weight:650}
.bar.truth .lb{color:var(--ok);font-weight:650}
.bar.truth.pred .tr i{background:var(--ok)}

.cm{font-size:12.5px}
.cm th{text-transform:none;font-size:12px;color:var(--fg);font-weight:600}
.cm .cnr{color:var(--dim);font-weight:400;font-size:11px}
.cm .cell{background:color-mix(in srgb,var(--acc) calc(var(--a)*70%),transparent);
  font-variant-numeric:tabular-nums}
.cm .diag{background:color-mix(in srgb,var(--ok) calc(var(--a)*70%),transparent);font-weight:650}
.cm .rec{font-weight:650}

.upres{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:6px}
.upres h3{font-size:13px;margin:0 0 8px}
.top{margin:0 0 9px;font-size:13px}
.top b{font-size:16px}

.dur{font-size:10.5px;margin-top:-3px}
.dur.warn{color:var(--warn)}

.pick{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));margin:0 0 14px}
.pick .m{display:flex;align-items:flex-start;gap:8px;background:var(--bg);cursor:pointer;
  border:1px solid var(--line);border-radius:9px;padding:10px 12px}
.pick .m:has(:checked){border-color:var(--acc);background:color-mix(in srgb,var(--acc) 9%,transparent)}
.pick .m span{display:flex;flex-direction:column;font-size:13px}
.pick .m i{font-style:normal;font-size:11px;color:var(--dim);margin-top:2px}
.vnpick{border:1px solid var(--line);border-radius:9px;padding:11px 13px;margin:0 0 14px;background:var(--bg)}
.dims{display:flex;flex-wrap:wrap;gap:5px 7px;max-height:168px;overflow:auto}
.dims .d{font-size:11.5px;border:1px solid var(--line);border-radius:99px;padding:3px 9px;
  cursor:pointer;display:flex;align-items:center;gap:5px;background:var(--panel)}
.dims .d:has(:checked){border-color:var(--acc);color:var(--acc);font-weight:600}
.dims .d.un{opacity:.5}
.dims .d input{margin:0;width:11px;height:11px}
.no2{color:var(--no)}