.random-image-viewer{position:relative;width:100%;max-width:600px;margin:0 auto}.random-image-viewer__overlay{position:absolute;inset:0 0 auto 0;height:var(--random-card-height,100%);pointer-events:none}.random-image-viewer__container{position:relative;border-radius:.75rem;overflow:hidden;background:var(--color-neutral-100);box-shadow:var(--shadow-card)}html.dark .random-image-viewer__container{background:var(--color-neutral-900)}.random-image-viewer__image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.random-image-viewer__image-wrapper--clickable{appearance:none;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer}.random-image-viewer__image-wrapper--clickable:focus-visible{outline:2px solid var(--control-focus-ring);outline-offset:-3px}.random-image-viewer__backdrop{--blur-backdrop-opacity:0.45;--blur-backdrop-blur:26px;--blur-backdrop-saturate:1.3;--blur-backdrop-scale:1.16;--random-backdrop-scrim:linear-gradient(180deg,rgb(255 255 255/0.34),rgb(255 255 255/0.08) 50%,rgb(255 255 255/0.3));position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.random-image-viewer__backdrop:after{content:"";position:absolute;inset:0;background:var(--random-backdrop-scrim)}:where(html.dark,.desktop-docked-flow,.force-dark-tokens) .random-image-viewer__backdrop{--blur-backdrop-opacity:0.55;--random-backdrop-scrim:linear-gradient(180deg,rgb(6 8 12/0.42),rgb(6 8 12/0.16) 50%,rgb(6 8 12/0.46))}.random-image-viewer__image{position:relative;z-index:1;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.random-image-viewer__image[data-fit=cover]{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.random-image-viewer__controls{margin-top:1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:1.75rem}.random-image-viewer__controls-slot{display:flex;min-width:0;align-items:center;gap:.75rem}.random-image-viewer__controls-slot--lead{justify-content:flex-end}.random-image-viewer__controls-slot--trail{justify-content:flex-start}.random-image-viewer__empty{padding:3rem 1rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.random-image-viewer__text{display:block;width:100%;padding:9px 14px;text-align:left}.random-image-viewer__text--clickable{appearance:none;color:inherit;font:inherit;cursor:pointer}.random-image-viewer__text--clickable:focus-visible{outline:2px solid var(--control-focus-ring);outline-offset:-3px}.random-image-viewer__text.glow-surface{--glow-color:var(--random-type-color,var(--color-secondary));--glow-scale:0.25;--glow-bg-mix:8%;--glow-deep-strength:40%;--glow-edge-alpha:22%;--glow-veil-alpha:0.18;--glow-rest-opacity:1;--glow-drop:transparent;border-inline:0;border-bottom:0}:where(html.dark,.desktop-docked-flow,.force-dark-tokens) .random-image-viewer__text.glow-surface{--glow-deep-strength:70%;--glow-edge-alpha:34%;--glow-veil-alpha:0.1}.random-image-viewer__title{font-size:.8125rem;line-height:1.3;font-weight:600;color:var(--color-text)}.random-image-viewer__summary,.random-image-viewer__title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.random-image-viewer__summary{margin-top:.25rem;font-size:.6875rem;line-height:1.35;color:var(--color-text-muted)}.random-feature{container-type:inline-size;display:grid;gap:8px;min-width:0;width:100%;margin-inline:auto;max-width:520px;--random-frame-height:clamp(180px,44cqi,260px);--random-caption-height:84px;--random-card-height:calc(var(--random-frame-height) + 84px)}.random-feature--hidden{display:none}.random-feature__eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary-dim)}.random-feature .random-image-viewer{max-width:none;margin:0;--random-media-ratio:99}.random-feature .random-image-viewer__container{display:grid;height:var(--random-card-height);grid-template-rows:minmax(0,1fr) var(--random-caption-height);border:1px solid var(--glass-border-medium);border-radius:var(--radius-lg)}.random-feature .random-image-viewer__image-wrapper{height:100%;min-height:0;background:var(--glass-bg-subtle)}.random-feature .random-image-viewer__image{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.random-feature .random-image-viewer__text{display:flex;flex-direction:column;justify-content:center;height:100%;min-width:0;overflow:hidden}.random-image-viewer__controls .toggle-button--icon,.random-image-viewer__controls .toggle-button--icon:hover,.random-image-viewer__controls .toggle-button--icon[aria-pressed=true]{border-color:transparent;background:none;box-shadow:none}.random-image-viewer__controls .toggle-button--icon{color:rgb(242 233 220/.82)}.random-image-viewer__controls .toggle-button--icon:hover{color:color-mix(in srgb,var(--toggle-accent) 80%,rgb(242 233 220))}.random-image-viewer__controls .toggle-button--icon[aria-pressed=true]{color:color-mix(in srgb,var(--toggle-accent) 88%,#fff)}.random-feature .random-image-viewer__controls{margin-top:14px}.random-feature__hint{margin:0;text-align:center;font-size:var(--text-xs);color:var(--text-soft)}.random-feature__placeholder{display:grid;gap:8px;justify-items:center}.random-feature__placeholder-frame{display:block;width:100%;height:calc(var(--random-frame-height) + var(--random-caption-height));border:1px dashed var(--glass-border-medium);border-radius:var(--radius-lg);background:var(--glass-bg-subtle)}.random-feature__placeholder-text{font-size:var(--text-xs);color:var(--text-soft)}.random-image-viewer__typed-placeholder{display:grid;place-items:center;width:100%;height:100%;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.random-feature .random-image-viewer__summary,.random-feature .random-image-viewer__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.random-feature .random-image-viewer__text:has(.random-image-viewer__summary) .random-image-viewer__title{-webkit-line-clamp:1}.random-feature .random-image-viewer--glyph-only{--random-caption-height:132px;--random-media-ratio:0.8}.random-feature .random-image-viewer--glyph-only .random-image-viewer__summary{-webkit-line-clamp:5}.random-feature .random-image-viewer--tight-caption{--random-caption-height:56px}.random-feature .random-image-viewer__container{--random-media-height:calc(var(--random-card-height) - var(--random-caption-height));max-width:clamp(240px,calc(var(--random-media-height) * var(--random-media-ratio)),100%);margin-inline:auto;opacity:1;transition:opacity .12s var(--ease-standard,ease)}.random-feature .random-image-viewer--measuring .random-image-viewer__container{opacity:0;transition:none}.random-viewer-skeleton{--random-skeleton-ratio:1.34;--random-media-height:calc(var(--random-card-height) - var(--random-caption-height));display:grid;grid-template-rows:minmax(0,1fr) var(--random-caption-height);height:100%;max-width:clamp(240px,calc(var(--random-media-height) * var(--random-skeleton-ratio)),100%);margin-inline:auto;border:1px solid var(--glass-border-medium);border-radius:var(--radius-lg);background:var(--glass-bg-subtle);opacity:1;animation:random-skeleton-in .16s var(--ease-standard,ease) .14s backwards}@keyframes random-skeleton-in{0%{opacity:0}}.random-viewer-skeleton--video{--random-skeleton-ratio:1.7778}.random-viewer-skeleton--cover{--random-skeleton-ratio:0.75}.random-viewer-skeleton__media{position:relative;display:grid;place-items:center;min-height:0;padding:10px}.random-viewer-skeleton__block{display:grid;place-items:center;width:100%;height:100%;border-radius:var(--radius-md)}.random-viewer-skeleton--cover .random-viewer-skeleton__block{width:auto;height:86%;aspect-ratio:3/4;border-radius:12px}.random-viewer-skeleton__caption{display:grid;align-content:center;min-height:0;padding:0 14px}.random-viewer-skeleton__line{height:11px;width:62%;border-radius:var(--radius-pill,999px)}.random-viewer-skeleton__block,.random-viewer-skeleton__line{position:relative;overflow:hidden;background:color-mix(in srgb,var(--color-text) 8%,transparent)}.random-viewer-skeleton__block:after,.random-viewer-skeleton__line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-text) 10%,transparent),transparent);transform:translateX(-100%);animation:random-skeleton-shimmer 1.5s var(--ease-standard,ease) infinite}@keyframes random-skeleton-shimmer{to{transform:translateX(100%)}}.random-viewer-skeleton__play{position:relative;z-index:1;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);border-radius:var(--radius-pill,999px);background:color-mix(in srgb,var(--color-text) 6%,transparent)}.random-viewer-skeleton__play:before{content:"";position:absolute;top:50%;left:53%;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent color-mix(in srgb,var(--color-text) 22%,transparent);transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.random-viewer-skeleton__block:after,.random-viewer-skeleton__line:after{animation:none;opacity:0}}.random-image-viewer__zoom{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--glass-border-medium);border-radius:var(--radius-md);background:var(--glass-bg-blur);color:var(--color-text);cursor:pointer}.random-image-viewer__cover-card{display:grid;place-items:center;align-content:center;gap:8px;height:86%;aspect-ratio:3/4;border:1px solid var(--glass-border-medium);border-radius:12px;background:color-mix(in srgb,currentColor 12%,transparent)}.random-image-viewer--device .random-image-viewer__container{border-color:transparent;background:none;box-shadow:none}.random-feature .random-image-viewer--device .random-image-viewer__container,.random-feature .random-image-viewer--display .random-image-viewer__container{max-width:460px}html.dark .random-image-viewer--device .random-image-viewer__container{background:none}.random-image-viewer--device .random-image-viewer__image-wrapper{height:auto;padding:0 0 12px}.random-image-viewer__radio{position:relative;z-index:1;width:100%}.random-feature .random-image-viewer--device .random-image-viewer__image-wrapper{grid-row:1/-1;height:100%;background:none}.random-image-viewer--display .random-image-viewer__image-wrapper{height:100%}.random-image-viewer--device .random-image-viewer__image-wrapper{display:flex;align-items:center;padding:0}.random-image-viewer__display{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;width:100%;height:100%;padding:12px 14px 14px;background:var(--hw-display-grille),var(--hw-display);box-shadow:inset 0 2px 10px rgb(0 0 0/.7),inset 0 0 0 1px rgb(0 0 0/.55),0 1px 0 var(--hw-edge-hi)}.random-image-viewer__display-body{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.random-image-viewer__display-body:disabled{cursor:default}.random-feature .random-image-viewer__display-cover{width:clamp(64px,22cqi,104px);aspect-ratio:1;border-radius:10px;object-fit:cover;box-shadow:inset 0 1px 0 rgb(255 255 255/.1),0 4px 12px rgb(0 0 0/.45)}.random-image-viewer__display-label{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hw-display-amber)}.random-image-viewer__display-title{font-size:var(--text-sm);letter-spacing:.06em;text-wrap:balance;color:var(--hw-display-text)}.random-image-viewer__display-meta,.random-image-viewer__display-title{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;text-align:center}.random-image-viewer__display-meta{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.1em;color:var(--hw-text-dim)}.random-image-viewer__display-flag{width:16px;height:12px;border-radius:2px}.random-image-viewer__display-play{width:100%;max-width:320px;margin-top:2px}.random-image-viewer__display[data-playing=true]{justify-content:center;gap:6px;padding:10px 18px;overflow:hidden}.random-image-viewer__display[data-playing=true] .random-image-viewer__display-body{display:none}.random-image-viewer__display[data-playing=true] .random-image-viewer__display-play{margin-top:0}.random-image-viewer__display-panel{padding:0;background:none;box-shadow:none;color:var(--hw-display-text)}.random-image-viewer__display-panel .apple-preview__title{color:var(--hw-display-text)}.random-image-viewer__display-panel .apple-preview__artist,.random-image-viewer__display-panel .apple-preview__eyebrow,.random-image-viewer__display-panel .apple-preview__time{color:var(--hw-display-dim)}.random-image-viewer__type-badge{position:absolute;z-index:2;top:8px;left:8px;padding:2px 8px;border-radius:var(--radius-pill,999px);border:1px solid color-mix(in srgb,var(--random-type-color) 45%,transparent);background:var(--glass-bg-strong,rgb(0 0 0/.45));color:var(--random-type-color);font-size:var(--text-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}