.content-card{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:16px}.content-card--dark{--glass-filter:var(--glass-blur-strong);pointer-events:auto;background:var(--on-media-surface-strong);border:1px solid var(--on-media-border);--content-card-dark-shadow:0 18px 48px rgba(0,0,0,0.55),0 0 0 1px var(--on-media-border-faint),0 6px 28px color-mix(in srgb,var(--color-accent-blue) 12%,transparent),0 2px 14px color-mix(in srgb,var(--color-accent-amber-light) 8%,transparent);box-shadow:var(--content-card-dark-shadow);transform-origin:center bottom;animation:content-card-in .28s cubic-bezier(.22,1,.36,1)}@media (max-width:767px),(pointer:coarse){.content-card--dark{background:var(--surface-solid)}}@keyframes content-card-in{0%{opacity:0;transform:translateY(10px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}.content-card--surface{background:var(--color-card);border:1px solid var(--glass-border-subtle);box-shadow:var(--shadow-card);transition:border-color .14s var(--ease-standard),box-shadow .14s var(--ease-standard)}.content-card--surface:hover{border-color:var(--glass-border-medium);box-shadow:var(--shadow-raised)}.content-card__top{display:flex;flex-direction:column}.content-card__media{position:relative;width:100%;aspect-ratio:16/10;max-height:230px;flex:0 0 auto;overflow:hidden}.content-card__media--contain{aspect-ratio:auto;display:flex;align-items:center;justify-content:center}.content-card__media--contain img{width:auto;height:auto;max-width:100%;max-height:var(--content-card-media-max-height,220px);object-fit:contain}.content-card--dark .content-card__media{background:var(--on-media-veil)}.content-card--surface .content-card__media{background:var(--glass-bg-subtle)}.content-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease 60ms}.content-card--surface .content-card__media img{transition:transform .22s var(--ease-standard),opacity .2s ease 60ms}.content-card--surface:hover .content-card__media img{transform:scale(1.04)}.content-card--portrait .content-card__top{flex-direction:row;align-items:flex-start}.content-card--portrait .content-card__media{width:130px;flex:0 0 130px;max-height:220px}.content-card--portrait .content-card__body{flex:1 1 auto;min-width:0;padding-right:30px}.content-card__media-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.6rem}.content-card--dark .content-card__media-fallback{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--color-accent-blue) 18%,transparent),transparent 70%)}.content-card--surface .content-card__media-fallback{background:var(--glass-bg-subtle);color:var(--text-muted-2)}.content-card__close{--glass-filter:blur(6px);position:absolute;top:8px;right:8px;z-index:3;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:var(--on-media-surface);color:var(--on-media-text);font-size:.85rem;line-height:1;cursor:pointer;transition:background .14s ease,transform .14s ease}.content-card__close:focus-visible,.content-card__close:hover{background:var(--on-media-surface-strong);transform:scale(1.06)}.content-card__media--zoomable{cursor:zoom-in}.content-card__zoom{--glass-filter:blur(6px);position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:var(--on-media-surface);color:var(--on-media-text);cursor:zoom-in;opacity:.85;transition:background .14s ease,transform .14s ease,opacity .14s ease}.content-card__zoom:focus-visible,.content-card__zoom:hover{background:var(--on-media-surface-strong);opacity:1;transform:scale(1.06)}.content-card__media-play{--glass-filter:blur(8px);position:absolute;left:50%;top:50%;z-index:2;width:52px;height:52px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:1px solid var(--on-media-border-bright);border-radius:var(--radius-full);background:var(--on-media-surface);color:var(--on-media-text);cursor:pointer;box-shadow:var(--shadow-disc),inset 0 0 0 1px var(--on-media-border-faint);transition:background .14s ease,border-color .14s ease,transform .14s ease}.content-card__media-play:focus-visible,.content-card__media-play:hover{border-color:var(--on-media-text);background:var(--on-media-surface-strong);transform:translate(-50%,-50%) scale(1.05)}.content-card__media-play--radio{color:var(--color-status-success);border-color:color-mix(in srgb,var(--color-status-success) 72%,transparent);background:var(--on-media-surface)}.content-card__media-play--radio:hover{border-color:color-mix(in srgb,var(--color-status-success) 95%,transparent);background:var(--on-media-surface-strong)}.content-card:not(.content-card--portrait) .content-card__zoom{right:46px;left:auto}@media (hover:hover){.content-card__zoom{opacity:0}.content-card__media:hover .content-card__zoom,.content-card__zoom:focus-visible{opacity:.9}}.content-card__body{display:flex;flex-direction:column;gap:6px;padding:11px 13px 6px}.content-card--dark .content-card__body{animation:content-card-body-in .24s ease .1s both}@keyframes content-card-body-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content-card__footer{padding:4px 13px 12px}.content-card__badge{display:flex;align-items:center}.content-card:has(.content-card__close) .content-card__badge{padding-right:30px}.content-card__title{font-size:.95rem;font-weight:600;line-height:1.28;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-card--title-clamp-2 .content-card__title{-webkit-line-clamp:2}.content-card--video-pin .content-card__title{font-size:.82rem;font-weight:400;line-height:1.4}.content-card--dark .content-card__title{color:var(--on-media-text)}.content-card--surface .content-card__title{color:var(--color-text)}.content-card__title--button{display:-webkit-box;border:none;background:none;padding:0;margin:0;text-align:left;cursor:pointer;transition:color .14s var(--ease-standard)}.content-card__title--button:focus-visible,.content-card__title--button:hover{color:var(--color-primary)}.content-card__summary{font-size:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card--dark .content-card__summary{color:var(--on-media-text-faint)}.content-card--surface .content-card__summary{color:var(--text-soft)}.content-card__attribution{margin-top:1px;font-size:.68rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.content-card--dark .content-card__attribution{color:var(--on-media-text-faint)}.content-card--surface .content-card__attribution{color:var(--text-faint)}.content-card--book-pin-preview.content-card--portrait .content-card__media{width:84px;flex:0 0 84px;max-height:124px}.content-card--book-pin-preview .content-card__title{font-size:.85rem}.content-card--book-pin-preview .content-card__summary{font-size:.72rem;-webkit-line-clamp:1}.content-card--map-pin-card.content-card--portrait{min-width:320px}.content-card--map-pin-card.content-card--portrait .content-card__top{align-items:center}.content-card--map-pin-card .content-card__badge,.content-card--map-pin-card .pin-badge-row{flex-wrap:nowrap}.content-card--map-pin-card .pin-badge-row__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card--dark.glow-surface{--glow-color:var(--pin-accent,var(--color-secondary));--glow-scale:0.3;--glow-bg:var(--on-media-surface-strong);--glow-bg-mix:12%;--glow-rest-opacity:1;--glow-border:var(--on-media-border);--glow-border-active:var(--on-media-border);--glow-drop:transparent;--glow-drop-active:transparent;background:var(--glow-surface-fill);border-color:var(--glow-border-active);box-shadow:var(--content-card-dark-shadow),var(--glow-shadow-active);transition:box-shadow .4s cubic-bezier(.4,0,.2,1),background .4s ease}.content-card--dark.glow-surface.content-card--book-pin-preview,.content-card--dark.glow-surface.content-card--map-pin-card{--glow-scale:0.22;--glow-bg-mix:5%;--glow-deep-strength:34%;--glow-edge-alpha:22%;--glow-high-alpha:0.2;--glow-tint-alpha:8%;--glow-veil-alpha:0.08;box-shadow:var(--content-card-dark-shadow),var(--glow-shadow-rest)}@media (max-width:767px),(pointer:coarse){.content-card--dark.glow-surface{--glow-bg:var(--surface-solid)}}@media (prefers-reduced-motion:reduce){.content-card,.content-card__body{animation:none}.content-card__img{transition:none}}