.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-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:calc(var(--random-frame-height) + 84px);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{border-color:rgb(255 255 255/.14);border-radius:12px;background:linear-gradient(180deg,#2c2f34,#232629);color:rgb(242 233 220/.88);box-shadow:inset 0 1px 0 rgb(255 255 255/.07),0 2px 6px rgb(0 0 0/.35)}.random-image-viewer__controls .toggle-button--icon:hover{border-color:color-mix(in srgb,var(--toggle-accent) 48%,transparent);color:color-mix(in srgb,var(--toggle-accent) 80%,rgb(242 233 220))}.random-image-viewer__controls .toggle-button--icon[aria-pressed=true]{border-color:color-mix(in srgb,var(--toggle-accent) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--toggle-accent) 26%,#2c2f34) 0,color-mix(in srgb,var(--toggle-accent) 18%,#232629) 100%);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-frame-height) + 84px - 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-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-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}