.lv{position:fixed;inset:0;background:#000;z-index:50;display:flex;flex-direction:column}.lv-progress{position:absolute;top:0;left:0;right:0;z-index:40;height:3px;background:#ffffff1a}.lv-progress-fill{height:100%;background:#ff3e6a;box-shadow:0 0 8px #ff3e6a99;transition:width .3s ease;width:0%}.lv-hd{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:12px;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top,0px));background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%)}.lv-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;flex-shrink:0}.lv-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff}.lv-dot{width:7px;height:7px;border-radius:50%;background:#ff3e6a;box-shadow:0 0 8px #ff3e6acc;animation:lvblink 2s ease-in-out infinite}@keyframes lvblink{0%,to{opacity:1}50%{opacity:.3}}.lv-ctr{margin-left:auto;font-family:var(--font-mono);font-size:9px;color:#ffffff26}.lv-body{flex:1;display:flex;position:relative;overflow:hidden}.lv-scroll{flex:1;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lv-scroll::-webkit-scrollbar{display:none}.lv-side{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:32px;align-items:center}@media(min-width:768px){.lv-side{position:relative;right:auto;top:auto;transform:none;width:88px;justify-content:center;padding:0 24px;flex-shrink:0}}.side-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:#ffffff80;padding:0;transition:color .2s ease,transform .2s ease}.side-btn:hover{color:#fff;transform:scale(1.12)}.side-btn:active{transform:scale(.88)}.side-btn.is-on{color:#ff3e6a}.side-lbl{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.lv-slide{width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;background:#000;flex-shrink:0}.lv-frame{position:relative;width:100%;height:100%;overflow:hidden}@media(min-width:768px){.lv-frame{width:auto;height:94%;aspect-ratio:9 / 16;border-radius:16px;box-shadow:0 0 40px #0006}}.lv-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.lv-grad{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 10%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.6) 100%)}.lv-tag{position:absolute;top:56px;right:12px;z-index:5;padding:3px 8px;border-radius:4px;background:#0006;backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:9px;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em}.lv-vidprog{position:absolute;bottom:0;left:0;right:0;z-index:8;height:3px;background:#ffffff26}.lv-vidprog-fill{height:100%;background:#fff;width:0%;transition:width .1s linear}.lv-likes{position:absolute;right:20px;top:50%;margin-top:80px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px}.like-btn{background:none;border:none;cursor:pointer;color:#ffffffb3;padding:0;transition:transform .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.like-btn:hover{transform:scale(1.15)}.like-btn:active{transform:scale(.85)}.like-btn.is-liked{color:#ff3e6a}.like-btn.like-pop{animation:heart-pop .4s ease}@keyframes heart-pop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.like-count{font-family:var(--font-mono);font-size:12px;font-weight:600;color:#ffffffb3;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.lv-cta{position:absolute;bottom:24px;left:0;right:0;z-index:10;display:flex;justify-content:center;padding:0 16px;bottom:calc(24px + env(safe-area-inset-bottom,0px))}.lv-pill{padding:12px 24px;border-radius:999px;background:#ff3e6ae0;backdrop-filter:blur(8px);color:#fff;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:14px;box-shadow:0 4px 20px #ff3e6a66;transition:all .2s ease}.lv-pill:hover{background:#ff3e6a;transform:translateY(-2px);box-shadow:0 8px 28px #ff3e6a80;color:#fff;text-decoration:none}@media(prefers-reduced-motion:reduce){.lv-dot{animation:none}}