.mimsy-ugc-section{padding-block:var(--ugc-padding-top,40px) var(--ugc-padding-bottom,40px)}
mimsy-ugc{display:block;min-width:0;color:var(--st-ink,#3a3158)}
.mimsy-ugc__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.mimsy-ugc__heading{margin:0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.2}
.mimsy-ugc__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#6b5ca5 #e7e1f3;padding:3px 2px 14px}
.mimsy-ugc__track>.mimsy-ugc__card{flex:0 0 clamp(190px,23vw,270px);scroll-snap-align:start}
.mimsy-ugc__track[data-ugc-infinite]{overflow-anchor:none;scrollbar-width:none}
.mimsy-ugc__track[data-ugc-infinite]::-webkit-scrollbar{display:none}
.mimsy-ugc__track--repositioning{scroll-snap-type:none;scroll-behavior:auto}
.mimsy-ugc__card{min-width:0;border-radius:20px;overflow:hidden;background:#f1eef8}
.mimsy-ugc__play{display:block;position:relative;width:100%;padding:0;border:0;aspect-ratio:9/16;border-radius:inherit;overflow:hidden;background:#e9e4f3;color:#3a3158;cursor:pointer}
.mimsy-ugc__poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.mimsy-ugc__play-icon{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;color:#6b5ca5;box-shadow:0 4px 20px #3a31582b;transition:transform .15s}
.mimsy-ugc__play:hover .mimsy-ugc__play-icon{transform:translate(-50%,-50%) scale(1.06)}
.mimsy-ugc__play-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);border-radius:999px;background:#fff;color:#3a3158;padding:6px 12px;font-size:.8rem;font-weight:700;white-space:nowrap}
.mimsy-ugc__arrows{display:flex;gap:10px;flex:none;visibility:hidden}
.mimsy-ugc[data-ready] .mimsy-ugc__arrows{visibility:visible}
.mimsy-ugc__arrows button,.mimsy-ugc__close{display:grid;place-items:center;min-width:44px;min-height:44px;padding:6px;border:1px solid #d8cfe9;border-radius:50%;background:#fff;color:#3a3158;font-size:1.4rem;cursor:pointer}
.mimsy-ugc__arrows button:disabled{opacity:.35;cursor:default}
.mimsy-ugc__hint{margin:12px 0 0;color:var(--st-muted,#625675);font-size:.9rem}
.mimsy-ugc--compact{margin-block:4px 6px}
.mimsy-ugc--compact .mimsy-ugc__heading{font-size:1.1rem;margin-bottom:12px}
.mimsy-ugc__compact-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mimsy-ugc--compact .mimsy-ugc__card{border-radius:14px}
.mimsy-ugc--compact .mimsy-ugc__play-icon{width:40px;height:40px}
.mimsy-ugc--compact .mimsy-ugc__play-label{font-size:.68rem;padding:5px 8px;bottom:8px}
.mimsy-ugc__dialog{padding:0;width:min(540px,94vw);max-width:94vw;max-height:94dvh;border:0;border-radius:20px;background:#f1eef8;color:#3a3158;box-shadow:0 20px 80px #0004;overflow:auto}
.mimsy-ugc__dialog::backdrop{background:#241d38d9}
.mimsy-ugc__dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px}
.mimsy-ugc__dialog-header p{margin:0;font-size:1rem;font-weight:800}
.mimsy-ugc__close{font-size:1.8rem;line-height:1;flex:none}
.mimsy-ugc__player{background:#17131f;line-height:0}
.mimsy-ugc__player video{display:block;width:100%;height:min(76dvh,800px);max-height:calc(94dvh - 66px);object-fit:contain;background:#17131f}
.mimsy-ugc__fallback video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#e9e4f3}
.mimsy-ugc :is(button,[tabindex]):focus-visible{outline:3px solid #6b5ca5;outline-offset:-3px}
html:has(.mimsy-ugc__dialog[open]){overflow:hidden}
@media(max-width:749px){.mimsy-ugc__header{gap:12px;margin-bottom:18px}.mimsy-ugc__track{gap:12px}.mimsy-ugc__track>.mimsy-ugc__card{flex-basis:62vw;max-width:250px}.mimsy-ugc__arrows{gap:6px}.mimsy-ugc__heading{font-size:1.55rem}.mimsy-ugc__compact-list{gap:8px}.mimsy-ugc__dialog{width:94vw}.mimsy-ugc__player video{height:73dvh}.mimsy-ugc__arrows button{min-width:40px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.mimsy-ugc__play-icon{transition:none}}
