#up-visio-discover{margin:28px 0;padding:clamp(16px,2.5vw,26px);border:1px solid rgba(122,232,249,.4);border-radius:22px;background:linear-gradient(130deg,rgba(5,35,54,.94),rgba(8,27,55,.9));color:#eafaff;box-shadow:0 15px 42px rgba(0,0,0,.2)}
#up-visio-discover *{box-sizing:border-box}
.up-visio-discover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.up-visio-discover-identity{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1 1 350px}
.up-visio-discover-identity>div{min-width:0}
.up-visio-discover-logo{width:clamp(46px,6vw,66px);height:clamp(46px,6vw,66px);flex:none;filter:drop-shadow(0 0 14px rgba(88,233,255,.5))}
.up-visio-discover-head h2{margin:4px 0 8px;font-size:clamp(1.25rem,2.7vw,1.8rem)}
.up-visio-discover-head p{margin:0;color:#b7d8e5;line-height:1.5}
.up-visio-discover-kicker{color:#80eaf3;font-size:.72rem;letter-spacing:.18em;font-weight:800}
.up-visio-discover-actions{display:flex;gap:8px;flex-wrap:wrap}
.up-visio-discover-actions a,.up-visio-discover-actions button,.up-visio-public-controls button{min-height:40px;padding:9px 13px;border:1px solid rgba(127,226,240,.55);border-radius:11px;background:#10465d;color:#fff;font:inherit;text-decoration:none;cursor:pointer}
.up-visio-discover-actions button:disabled{opacity:.55;cursor:not-allowed}
.up-visio-public-row{display:flex;align-items:center;gap:8px;margin-top:16px;min-width:0}
.up-visio-public-controls{flex:none}
#up-visio-public-belt{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;min-width:0;flex:1;padding:3px 2px 12px}
.up-visio-public-card{display:flex;flex:0 0 clamp(230px,28vw,320px);flex-direction:column;gap:10px;min-height:145px;padding:17px;border:1px solid rgba(112,221,235,.32);border-radius:16px;background:rgba(12,65,80,.7);color:#f5fdff;text-decoration:none;scroll-snap-align:start}
.up-visio-public-visual{position:relative;display:grid;place-items:center;min-height:105px;border-radius:12px;background:radial-gradient(circle at 50% 45%,rgba(116,229,246,.34),rgba(10,43,75,.9) 65%);overflow:hidden}
.up-visio-public-visual img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(112,239,255,.7));animation:up-visio-public-preview 4s ease-in-out infinite}
.up-visio-public-visual img.is-cover{width:100%;height:100%;min-height:135px;object-fit:cover;filter:none;animation:up-visio-public-cover 9s ease-in-out infinite}
@keyframes up-visio-public-cover{50%{transform:scale(1.055)}}
.up-visio-public-sequence{position:absolute;inset:auto 0 0;display:block;height:26px;background:linear-gradient(transparent,rgba(3,18,35,.9));overflow:hidden}
.up-visio-public-frame{position:absolute;inset:0;display:grid;place-items:center;color:#e6fdff;font-size:.67rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;opacity:0;animation:up-visio-public-frame 9s ease-in-out infinite}
.up-visio-public-frame-2{animation-delay:3s}.up-visio-public-frame-3{animation-delay:6s}
@keyframes up-visio-public-frame{0%,5%{opacity:0;transform:translateY(8px)}10%,28%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes up-visio-public-preview{50%{transform:scale(1.08);filter:drop-shadow(0 0 24px rgba(112,239,255,.95))}}
.up-visio-public-card:hover,.up-visio-public-card:focus-visible{border-color:#8bf3f5;background:rgba(20,85,100,.8)}
.up-visio-public-card strong{font-size:1.05rem;line-height:1.35;overflow-wrap:anywhere}
.up-visio-public-card span:last-child{margin-top:auto;color:#b9dbe3;font-size:.79rem}
.up-visio-public-live,.up-visio-public-scheduled{align-self:flex-start;padding:4px 8px;border-radius:100px;background:rgba(64,226,172,.18);color:#a7f8d8;font-size:.72rem;font-weight:800}
.up-visio-public-scheduled{background:rgba(113,203,239,.16);color:#b1e8fa}
#up-visio-public-state{margin:10px 0 0;color:#b7d8e5;font-size:.88rem}
@media(max-width:600px){.up-visio-public-controls{display:none}.up-visio-public-card{flex-basis:min(82vw,300px)}.up-visio-discover-actions{width:100%}.up-visio-discover-actions a,.up-visio-discover-actions button{flex:1;text-align:center}}
@media(prefers-reduced-motion:reduce){.up-visio-public-visual img,.up-visio-public-frame{animation:none}.up-visio-public-frame-1{opacity:1;transform:none}}