.dm-sec { margin-top: var(--s5); }
.dm-sec[hidden] { display: none; }
.dm-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); height: 28px; padding: 0 0 0 var(--s2); }
.dm-head h3 { color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); font-weight: 500; }
.dm-add { width: 28px; height: 28px; }
.dm-add svg { width: 16px; height: 16px; }
.dm-list { display: grid; gap: 2px; }
.dm-row, .dm-veil { height: 40px; }
.dm-row .pic.s24 { font-size: 11px; }
.dm-row .chan-name, .dm-veil .chan-name { display: flex; flex-direction: column; justify-content: center; line-height: var(--lh-small); }
.dm-row .chan-name bdi, .dm-veil .chan-name bdi { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: var(--lh-body); }
.dm-sub { color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); font-weight: 400; }
.dm-group { border-radius: var(--radius-small); background: var(--active); color: var(--muted); }
.dm-group svg { width: 14px; height: 14px; }

.rail-home { position: relative; }

.sealed-mark { display: inline-flex; align-items: center; gap: var(--s1); }
.sealed-mark svg { width: 14px; height: 14px; color: var(--muted); flex: none; }
.lock-btn[aria-expanded="true"] { background: var(--active); color: var(--text); }
.sealed-start { display: flex; align-items: flex-start; gap: var(--s2); }
.sealed-start svg { width: 16px; height: 16px; margin-top: 2px; flex: none; color: var(--muted); }

.m-sys { display: flex; align-items: baseline; gap: var(--s3); margin: var(--s2) var(--pad-x); padding-left: calc(40px + var(--s4)); color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
.m-sys span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.m-sys time { flex: none; color: var(--faint); font-variant-numeric: tabular-nums; }
.m-sys.locked, .m-sys.gap { color: var(--pill-warning-ink); }

.m.sealed .m-unverified { color: var(--pill-warning-ink); font-weight: 500; }
.m.locked .m-locked { color: var(--muted); }
.m.locked .m-locked-why { color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
.m.sealed .confirm { margin-right: var(--s4); }

.sealed-files { display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s2); white-space: normal; }
.sf-pic { display: grid; place-items: center; max-width: 100%; padding: 0; overflow: hidden; border: 0; border-radius: var(--radius-small); background: var(--active); cursor: default; }
.sf-pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sf-bad { padding: var(--s2); color: var(--pill-warning-ink); font-size: var(--fs-small); line-height: var(--lh-small); }
.sf-row { display: flex; align-items: center; gap: var(--s3); min-width: 0; max-width: 420px; padding: var(--s2) var(--s3); border-radius: var(--radius-small); background: var(--panel); }
.sf-row > svg { width: 16px; height: 16px; flex: none; color: var(--muted); }
.sf-text { display: flex; flex: 1; min-width: 0; flex-direction: column; }
.sf-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.sf-sub { color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }

.m-proof.proof-line { container-type: inline-size; }
.m-proof.proof-line > .rv-in { padding-top: 4px; padding-bottom: 4px; }
.m-proof.proof-line > .rv-in > .chain { margin-top: var(--s3); }
.m-proof.proof-line > .rv-in > :last-child { margin-bottom: var(--s2); }
.proof-line .step.bad { --line: var(--warning); }
.proof-line .step.bad .v, .proof-line .step.bad .s { color: var(--pill-warning-ink); }
@container (max-width: 699px) {
  .proof-line ol.chain { grid-template-columns: minmax(0, 1fr); }
  .proof-line .step { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: var(--s3); align-items: baseline; padding: var(--s1) 0 var(--s3) var(--s4); border-left: 2px solid var(--line); }
  .proof-line .step:last-child { padding-bottom: var(--s1); }
  .proof-line .step::before { left: -2px; top: calc(var(--s1) + 9px); width: 12px; height: 2px; }
  .proof-line .step .k { grid-row: 1 / span 2; }
  .proof-line .step .v, .proof-line .step:last-child .v { margin: 0; padding: 0; border: 0; }
  .proof-line .step .s { grid-column: 2; margin-top: 0; }
}
@container (min-width: 700px) and (max-width: 819px) {
  .proof-line ol.chain.c5 { grid-template-columns: minmax(0, 1fr); }
  .proof-line .c5 .step { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: var(--s3); align-items: baseline; padding: var(--s1) 0 var(--s3) var(--s4); border-left: 2px solid var(--line); }
  .proof-line .c5 .step:last-child { padding-bottom: var(--s1); }
  .proof-line .c5 .step::before { left: -2px; top: calc(var(--s1) + 9px); width: 12px; height: 2px; }
  .proof-line .c5 .step .k { grid-row: 1 / span 2; }
  .proof-line .c5 .step .v, .proof-line .c5 .step:last-child .v { margin: 0; padding: 0; border: 0; }
  .proof-line .c5 .step .s { grid-column: 2; margin-top: 0; }
}
.proof-line .proof-when { margin-top: var(--s2); color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); font-variant-numeric: tabular-nums; }

.m-seal { display: inline-grid; place-items: center; flex: none; align-self: center; width: 20px; height: 20px; margin-left: calc(-1 * var(--s1)); padding: 0; border: 0; border-radius: var(--radius-small); background: none; color: var(--muted); cursor: pointer; transition: color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out); }
.m-seal svg { width: 12px; height: 12px; }
.m-seal:hover { background: var(--active); color: var(--text); }
.m-seal[aria-expanded="true"] { color: var(--text); }
@media (prefers-reduced-motion: reduce) { .m-seal { transition: none; } }
.proof-more { margin-top: var(--s3); }
details.disclosure.proof-more:not(.ext-export)::details-content, details.disclosure.proof-more:not(.ext-export)[open]::details-content { block-size: auto; transition: none; }
.proof-more > .rv > .rv-in > :first-child { margin-top: 0; }
.proof-more > .rv > .rv-in > :last-child { margin-bottom: var(--s3); }
@media (prefers-reduced-motion: no-preference) {
  html[data-motion] .disclosure > .rv { transition: grid-template-rows var(--t-slow) var(--ease-out), opacity var(--t-slow) var(--ease-out), translate var(--t-slow) var(--ease-out); }
}
.proof-raw { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
.proof-raw .bad { color: var(--pill-warning-ink); }
.proof-held-h { margin-top: var(--s3); font-size: var(--fs-small); line-height: var(--lh-small); font-weight: 600; }
.proof-held-p { color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
.sealed-proof .bytes { max-height: 280px; overflow-y: auto; }

.lock-panel h2 { padding-right: 40px; }
.lock-panel .answer.warn { color: var(--pill-warning-ink); }
.lock-line { margin-top: var(--s4); }
.lock-line .step .s { grid-column: 2; margin-top: 0; }
.lock-line .step.bad { --line: var(--warning); }
.lock-jump { padding: 0; font-size: var(--fs-small); line-height: var(--lh-small); text-decoration: underline; text-decoration-color: var(--control); text-underline-offset: 3px; }
.lock-people { display: grid; gap: var(--s4); margin: 0; padding: 0; list-style: none; }
.lp-head { display: flex; align-items: center; gap: var(--s2); min-width: 0; }
.lp-name { min-width: 0; padding: 0; overflow: hidden; border: 0; background: none; color: var(--text); font: 600 var(--fs-body)/var(--lh-body) var(--font); text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.lp-name.ok bdi { color: var(--accent); }
.lp-name:hover bdi { text-decoration: underline; text-underline-offset: 3px; }
.lp-you { color: var(--muted); font-weight: 400; }
.lp-role { flex: none; margin-left: auto; color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
.lp-devs { margin-top: var(--s1); }
.lp-devs .t, .lp-devs .s, .lock-chain .t, .lock-chain .s { display: block; }
.lp-devs > li { min-height: 40px; }
.lp-this { color: var(--muted); font-weight: 400; }
.dev-ok { color: var(--accent); }
.dev-bad { color: var(--pill-warning-ink); }
.lp-key { display: block; font-family: var(--mono); font-size: 12px; }
.lp-none { margin-top: var(--s1); color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
.lp-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s4); margin-top: var(--s2); }
.lock-chain > li.bad .t { color: var(--pill-warning-ink); }
.lock-chain .s.mono { font-family: var(--mono); font-size: 12px; }
.lock-head { display: flex; flex-direction: column; gap: 2px; margin-top: var(--s3); }
.lock-head .s { color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
.lock-fp { font-family: var(--mono); font-size: var(--fs-small); line-height: var(--lh-small); letter-spacing: 0.02em; }
.lock-panel .finding { max-width: 60ch; }
.lock-panel .row-form { margin-top: var(--s3); }
.pick-form { display: grid; gap: var(--s3); margin-top: var(--s4); }
.pick-form .fld + .fld { margin-top: 0; }
.pick-form .pk.inline .pk-sel.on { padding-top: var(--s3); }
.pick-form .pk-list.inline { --pk-rows: 6; }
@media (max-width: 760px) { .pick-form .pk-list.inline { --pk-rows: 4; } }
.pick-count { color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); font-variant-numeric: tabular-nums; }

.dm-veil-mark { display: grid; place-items: center; border-radius: 50%; background: var(--active); color: var(--text); }
.dm-veil-mark svg { width: 13px; height: 10px; }
.m-av.vn-av { cursor: default; background: var(--active); color: var(--text); }
.m-av.vn-av svg { width: 20px; height: 16px; }
.m-name.vn-name { cursor: default; }
.m-name.vn-name:hover { text-decoration: none; }
.vn-body { white-space: normal; }
.vn-what { color: var(--text); max-width: 72ch; }
.vn-facts, .vn-signed-dl { display: grid; grid-template-columns: minmax(88px, max-content) minmax(0, 1fr); gap: 2px var(--s3); margin-top: var(--s1); font-size: var(--fs-small); line-height: var(--lh-small); }
.vn-facts dt, .vn-signed-dl dt { color: var(--muted); }
.vn-facts dd, .vn-signed-dl dd { min-width: 0; color: var(--text); overflow-wrap: anywhere; }
.vn-facts dd.vn-text { max-width: 72ch; white-space: pre-wrap; }
.vn-facts dd { font-size: var(--fs-body); line-height: var(--lh-body); }
.vn-facts dt { line-height: var(--lh-body); }
.m.vn-cont { margin-top: var(--s3); }
.vn-links { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s4); margin-top: var(--s1); }
.vn-appeal { margin-top: var(--s1); color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
.vn-signed { margin-top: var(--s2); color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
details.disclosure.vn-signed:not(.ext-export)::details-content, details.disclosure.vn-signed:not(.ext-export)[open]::details-content { block-size: auto; transition: none; }
.vn-signed > .rv > .rv-in > :first-child { margin-top: 0; }
.vn-signed > .rv > .rv-in > :last-child { margin-bottom: var(--s3); }
.vn-mono { font-family: var(--mono); word-break: break-all; }
.vn-signed-p { max-width: 60ch; margin-top: var(--s1); }
.vn-top .vn-mark { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: var(--s3); border-radius: 50%; background: var(--active); color: var(--text); }
.vn-top .vn-mark svg { width: 32px; height: 25px; }
.vn-top .vn-none, .vn-top .vn-failed { margin-top: var(--s2); }
.vn-failed { color: var(--pill-warning-ink); }
.vn-quiet .comp-closed .grow { min-width: 0; }

@media (max-width: 760px) {
  .m-sys { padding-left: 0; }
  .dm-row, .dm-veil { height: 44px; }
  .vn-signed-dl { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .vn-signed-dl dd + dt { margin-top: var(--s1); }
}

#pickPanel { z-index: 27; }