body.va-site{margin:0;background:#000;color:#fff;font-family:"DM Sans",Arial,sans-serif}.va{max-width:1840px;margin:auto;padding:clamp(18px,3vw,54px);box-sizing:border-box}.va *{box-sizing:border-box}.va form{margin:0 auto clamp(24px,3vw,46px);display:flex;align-items:center;border:1px solid #555;border-radius:40px;max-width:850px;padding:7px 8px 7px 20px;gap:14px}.va form label{font-weight:700;white-space:nowrap;border-right:1px solid #555;padding-right:14px}.va input{font:inherit;background:transparent;color:white;border:none;min-width:0;flex:1;padding:8px 0}.va form button{border:none;background:#c7ff28;color:black;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;cursor:pointer}.va header small{font:600 11px/1.5 monospace;letter-spacing:.12em;color:#c7ff28}.va header h1{font-weight:700;font-family:inherit;font-size:clamp(2.4rem,5.2vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:9px 0}.va header p{max-width:72ch;color:#ddd;margin:8px 0 20px}.va-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.va a{color:inherit}.va-chips>a,.va summary,#va-retry{display:inline-block;padding:9px 15px;border:1px solid #555;border-radius:24px;text-decoration:none;cursor:pointer;color:white;background:#000;font:inherit}.va summary::after{content:" ▾"}.va-chips [aria-current=page]{background:#c7ff28;color:#000;border-color:#c7ff28}.va details{position:relative}.va details div{position:absolute;right:0;top:100%;width:min(290px,85vw);z-index:4;display:grid;background:#151515;border:1px solid #555;border-radius:12px;padding:8px;box-shadow:0 10px 25px #0008}.va details div a{padding:6px 10px;border-radius:5px;text-decoration:none}.va details div a:hover{background:#333;color:white}.va-wall{columns:4;column-gap:12px}.va-tile{display:block;break-inside:avoid;position:relative;border-radius:10px;overflow:hidden;margin-bottom:12px;color:white}.va-tile img{width:100%;height:auto;display:block}.va-tile span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:24px 12px 9px;opacity:0;transition:opacity .15s}.va-tile:hover span,.va-tile:focus-visible span{opacity:1}.va-wall[data-feed]{columns:auto;display:flex;gap:12px;align-items:flex-start}.va-col{flex:1;min-width:0}.va footer{margin:30px 0;border-top:1px solid #333;padding:16px 0;font-size:.9rem}.va :focus-visible{outline:2px solid #c7ff28;outline-offset:2px}#va-retry[hidden]{display:none}#va-end{height:2px}@media(max-width:960px){.va-wall{columns:3}}@media(max-width:650px){.va-wall{columns:2;column-gap:8px}.va details div{position:fixed;top:auto;left:5%;width:90%;max-height:55vh;overflow:auto}.va form{gap:8px;padding-left:12px}.va form label{font-size:.85rem}.va-wall[data-feed]{gap:8px}.va-tile{margin-bottom:8px}.va-chips>a,.va summary{font-size:.85rem}}
.va-record{display:block;padding:12px;background:#191919;color:white;font-size:.92rem}

/* Show a soft sweep in each tile until its preview arrives. */
.va-tile.va-pending {
  background: #181818;
  isolation: isolate;
}
.va-pending img,
.va-pending span {
  visibility: hidden;
}
.va-pending img:not([width][height]) {
  aspect-ratio: 3 / 2;
}
.va-pending::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 17%, rgb(255 255 255 / 8%) 49%, transparent 81%);
  animation: archive-preview-sweep 1.8s ease-in-out infinite;
}
@keyframes archive-preview-sweep {
  from { transform: translateX(-100%); }
  to { transform: translateX(100%); }
}
@media (prefers-reduced-motion: reduce) {
  .va-pending::after { animation: none; }
}
