.media-video-player{border:0;padding:0;margin:0;min-width:0;position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#080b09;color:white}.media-video-player video{position:relative;display:block;width:100%;height:100%;object-fit:contain}.media-video-player-backdrop{position:absolute;inset:-40px;background-position:50%;background-size:cover;filter:blur(40px) brightness(.35);pointer-events:none}.media-video-player-surface{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;cursor:pointer}.media-video-player-surface>svg{box-sizing:content-box;padding:20px;border-radius:50%;background:rgb(0 0 0/40%);filter:drop-shadow(0 1px 3px rgb(0 0 0/25%))}.media-video-player[data-controls-visible=false] .media-video-player-controls{opacity:0;pointer-events:none}.media-video-player[data-controls-visible=false] .media-video-player-surface{cursor:none}.media-video-player-controls{position:absolute;inset:auto 0 0;padding:32px 16px max(12px,env(safe-area-inset-bottom));transition:opacity .16s ease;background:linear-gradient(transparent,rgb(0 0 0/85%))}.media-video-player input[type=range]{display:block;height:24px;min-width:0;margin:0;accent-color:var(--motion-highlight,#e4f589);cursor:pointer}.media-video-player-seek{flex:1;width:100%;appearance:none;background:transparent}.media-video-player-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--motion-highlight,#e4f589) var(--played),rgb(255 255 255/30%) var(--played))}.media-video-player-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--motion-highlight,#e4f589)}.media-video-player-seek::-moz-range-track{height:4px;border-radius:4px;background:rgb(255 255 255/30%)}.media-video-player-seek::-moz-range-progress{height:4px;background:var(--motion-highlight,#e4f589)}.media-video-player-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--motion-highlight,#e4f589)}.media-video-player-toolbar,.media-video-player-volume{display:flex;align-items:center;gap:8px}.media-video-player-toolbar button{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;color:inherit;cursor:pointer}.media-video-player-toolbar button:hover{background:rgb(255 255 255/12%);color:var(--motion-highlight,#e4f589)}.media-video-player input:focus-visible,.media-video-player-toolbar button:focus-visible{outline:2px solid var(--motion-highlight,#e4f589);outline-offset:2px}.media-video-player-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.media-video-player-volume{flex-shrink:0}.media-video-player-volume input{width:72px}.media-video-player-error{position:absolute;inset:40% 20px auto;text-align:center;font-size:14px}@media (max-width:767px){.media-video-player-controls{padding-inline:12px}.media-video-player-volume input{width:52px}.media-video-player-toolbar{flex-wrap:wrap;gap:4px 8px}.media-video-player-seek{order:-1;flex-basis:100%}.media-video-player-volume{margin-left:auto}}@media (prefers-reduced-motion:reduce){.media-video-player-controls{transition:none}}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,calc((100% - 12px) / 2)),1fr));align-items:start;gap:16px 12px}.media-thumbnail{min-width:0}.media-thumbnail-media{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--muted)}.media-thumbnail-media>img{height:100%;width:100%;object-fit:contain}.media-thumbnail time{display:block;margin-top:7px;color:var(--muted-foreground);font-size:11px}.media-thumbnail-open{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;border-radius:inherit}.media-thumbnail-open:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.media-thumbnail-status{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--muted-foreground);font-size:13px;font-weight:500;line-height:1.4;text-align:center;cursor:pointer}.media-thumbnail-status:hover{color:var(--foreground)}.media-thumbnail-status:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}