.ui-glance{gap:var(--ui-space-4);display:grid}.ui-glance[data-live]{grid-template-columns:minmax(0,400px) minmax(0,1fr)}.ui-glance .ui-site-shot{min-height:180px;position:relative}.ui-glance .ui-site-shot .ui-site-picture{aspect-ratio:auto;position:absolute;inset:0}.ui-site-shot-cover{position:absolute;inset:0}.ui-site-shot-caption{align-items:flex-end;gap:var(--ui-space-3);padding:var(--ui-space-7) var(--ui-space-4) var(--ui-space-4);color:#fff;pointer-events:none;background:linear-gradient(#0000,#00000080 50%,#000000d6);flex-wrap:wrap;display:flex;position:absolute;inset:auto 0 0}.ui-site-shot-title{text-shadow:0 1px 2px #00000059;flex:9rem;gap:2px;min-width:0;display:grid}.ui-site-shot-title strong{font-size:var(--ui-text-lg);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.ui-site-shot-title span{color:#ffffffbd;font-size:var(--ui-text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-site-shot-actions{gap:var(--ui-space-2);pointer-events:auto;display:flex}.ui-site-shot-actions .ui-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-color:#ffffff52}.ui-site-shot-actions .ui-button[data-variant=primary]{color:#111;background:#fff;border-color:#fff}.ui-site-shot-actions .ui-button:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (hover:hover) and (pointer:fine){.ui-site-shot-actions .ui-button:hover:not(:disabled){background:#ffffff42;border-color:#fff9}.ui-site-shot-actions .ui-button[data-variant=primary]:hover:not(:disabled){background:#ffffffdb;border-color:#fff}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ui-site-shot .ui-site-picture>*{transition:transform .4s var(--ui-ease-out)}.ui-site-shot:hover .ui-site-picture>*{transform:scale(1.02)}}.ui-glance-figures{border:1px solid var(--ui-line);border-radius:var(--ui-radius-md);background:var(--ui-surface);grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.ui-glance-figures li+li{border-top:1px solid var(--ui-line)}.ui-glance-figures a{align-content:center;align-items:center;column-gap:var(--ui-space-6);box-sizing:border-box;height:100%;padding:var(--ui-space-4) var(--ui-space-5);color:var(--ui-ink);transition:background-color var(--ui-duration) var(--ui-ease-out);grid-template-columns:minmax(0,1fr) minmax(96px,40%);row-gap:2px;text-decoration:none;display:grid}@media (hover:hover) and (pointer:fine){.ui-glance-figures a:hover{background:var(--ui-wash)}}.ui-glance-name{align-items:center;gap:var(--ui-space-2);color:var(--ui-muted);font-size:var(--ui-text-sm);display:flex}.ui-glance-name .ui-badge{height:18px;margin-block:-2px}.ui-glance-value{align-items:baseline;column-gap:var(--ui-space-3);flex-wrap:wrap;min-width:0;display:flex}.ui-glance-value strong{font-size:var(--ui-text-xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600}.ui-glance-value .ui-hint{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ui-glance-value .ui-hint:only-child{color:var(--ui-ink)}.ui-glance-wait{border-radius:var(--ui-radius-sm);background:var(--ui-sunken);color:#0000}.ui-glance .ui-spark{grid-area:1/2/span 2;height:44px}.ui-spark{color:var(--ui-ink);display:block;position:relative}.ui-spark svg{width:100%;height:100%;display:block;overflow:visible}.ui-spark-before{stroke-opacity:.35}.ui-spark-now{width:7px;height:7px;box-shadow:0 0 0 2px var(--ui-surface);background:currentColor;border-radius:50%;position:absolute;right:0;transform:translate(50%,-50%)}.ui-spark:empty:not([data-waiting]):after{border-top:1px dashed var(--ui-line);content:"";position:absolute;inset:auto 0 4px}.ui-spark[data-waiting]{border-radius:var(--ui-radius-sm);background:var(--ui-sunken)}@media (prefers-reduced-motion:no-preference){:is(.ui-spark[data-waiting],.ui-glance-wait){animation:1.4s ease-in-out infinite alternate ui-glance-wait}.ui-spark svg{animation:ui-glance-in var(--ui-duration) var(--ui-ease-out)}}@keyframes ui-glance-wait{to{opacity:.5}}@keyframes ui-glance-in{0%{opacity:0}}@media (width<=640px){.ui-glance[data-live]{grid-template-columns:minmax(0,1fr)}.ui-glance .ui-site-shot .ui-site-picture{aspect-ratio:8/5;position:static}}