html,body{margin:0;padding:0;height:100%;height:100dvh;overflow:hidden;background:#08080c;color:#e8f6ff;font-family:DM Sans,sans-serif}.shorts-nav{position:fixed;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(to bottom,rgba(8,8,12,.95),transparent);z-index:100}.shorts-nav-logo{display:flex;align-items:center;text-decoration:none}.shorts-nav-logo img{height:28px;width:auto;filter:invert(0)}.shorts-nav-back{font-family:var(--mono);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:#ffffff80;text-decoration:none;transition:color .15s;display:flex;align-items:center;gap:6px}.shorts-nav-back:hover{color:#fff}.state-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff6;font-family:var(--mono);font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;z-index:50}.state-screen i{font-size:2rem;opacity:.3}.spinner-ring{width:28px;height:28px;border:3px solid rgba(0,191,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scroll-hint{position:fixed;bottom:80px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;color:#fff6;display:flex;flex-direction:column;align-items:center;gap:6px;animation:fadeHint 3s ease forwards;z-index:200;pointer-events:none}@keyframes fadeHint{0%,70%{opacity:.6}to{opacity:0}}#unmuteBtn{position:fixed;bottom:110px;left:50%;transform:translate(-50%);z-index:150;background:#08080cd1;backdrop-filter:blur(10px);border:1px solid rgba(0,191,255,.35);border-radius:999px;color:#e8f6ff;font-family:var(--mono);font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;cursor:pointer;gap:8px;align-items:center;display:none}.ms-reels{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ms-reels::-webkit-scrollbar{display:none}.ms-reel{height:100dvh;scroll-snap-align:start;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.ms-reel-media{position:absolute;inset:0}.ms-reel-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(22px) brightness(.35) saturate(1.2);transform:scale(1.12);pointer-events:none}.ms-reel-video{position:relative;z-index:1;height:100%;width:auto;max-width:100%;object-fit:contain}.ms-reel-placeholder{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff6}.ms-reel-placeholder i{font-size:2.5rem;opacity:.35}.ms-reel-overlay{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:32px 20px 90px;background:linear-gradient(to top,rgba(0,0,0,.88)0,rgba(0,0,0,.3) 60%,transparent 100%);display:flex;align-items:flex-end;gap:12px}.ms-reel-info{flex:1;min-width:0}.ms-reel-title{font-family:var(--display);font-size:1.1rem;letter-spacing:1px;color:#fff;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ms-reel-meta{font-family:var(--mono);font-size:.6rem;letter-spacing:1px;text-transform:uppercase;color:#ffffff59}.ms-reel-actions{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:4px;flex-shrink:0}.ms-reel-btn{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;background:0 0;border:0;color:inherit;padding:0;text-decoration:none}.ms-reel-btn-icon{width:46px;height:46px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;transition:background .2s,transform .15s,border-color .2s}.ms-reel-btn:hover .ms-reel-btn-icon{background:#00bfff2e;border-color:#00bfff59;transform:scale(1.08)}.ms-reel-btn span{font-family:var(--mono);font-size:.6rem;letter-spacing:1px;text-transform:uppercase;color:#ffffff73}.ms-reel-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);opacity:.55;transition:width .1s linear;z-index:11;border-radius:0 2px 2px 0}.ms-reel-dots{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:50;pointer-events:none}.ms-reel-dot{width:3px;height:3px;border-radius:999px;background:#ffffff40;transition:all .3s ease}.ms-reel-dot.active{background:var(--accent);height:18px;border-radius:2px;box-shadow:0 0 6px #00bfff80}@media (min-width:600px){.ms-reels{display:flex;flex-direction:column;align-items:center;padding:0;gap:0;background:#08080c}.ms-reel{height:100dvh;width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;overflow:visible;background:0 0;box-shadow:none;border-radius:0;flex-shrink:0}.ms-reel-media{position:relative;flex-shrink:0;height:90dvh;width:50.625dvh;max-width:90vw;border-radius:14px;overflow:hidden;box-shadow:0 8px 48px #000000b3}.ms-reel-overlay{position:static;background:0 0;padding:0 0 80px;width:72px;flex-direction:column;align-items:center;justify-content:flex-end;gap:20px;align-self:flex-end}.ms-reel-info{display:none}.ms-reel-actions{flex-direction:column;padding-bottom:0;gap:20px;align-items:center}.ms-reel-btn-icon{width:52px;height:52px;font-size:1.2rem}.ms-reel-dots{display:none}}