#reelsOverlay{position:fixed;inset:0;z-index:2000;background:#fff;display:none;overscroll-behavior:contain}#reelsOverlay.reels-open{display:block}body.reels-lock{overflow:hidden}.reels-track{height:100%;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fff}.reels-track::-webkit-scrollbar{display:none}.reel{position:relative;height:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;padding:72px 20px 118px;box-sizing:border-box;color:#1f2937;background:#fff;overflow:hidden}.reel[data-subject=physics] .reel-tag{background:#dbeafe;color:#1e40af}.reel[data-subject=chemistry] .reel-tag{background:#ede9fe;color:#6d28d9}.reel[data-subject=biology] .reel-tag{background:#d1fae5;color:#047857}.reel[data-subject=math] .reel-tag{background:#ffedd5;color:#b45309}.reel-watermark{position:absolute;right:-20px;top:44px;font-size:11rem;opacity:.05;pointer-events:none;user-select:none;line-height:1}.reel-inner{position:relative;max-width:620px;margin:0 auto;width:100%;z-index:1;padding-right:62px;box-sizing:border-box}.reel-emoji{font-size:3rem;margin-bottom:14px}.reel-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#eef2f7;color:#475569;margin-bottom:14px}.reel-title{font-size:1.6rem;line-height:1.25;font-weight:800;margin:0 0 14px;color:#111827}@media (min-width:600px){.reel-title{font-size:2rem}}.reel-body{font-size:1.05rem;line-height:1.6;color:#374151;margin:0 0 16px}.reel-punch{font-size:.98rem;font-weight:600;padding:12px 14px;border-left:3px solid #94a3b8;background:#f3f4f6;color:#111827;border-radius:6px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}.reel-chapter{margin-top:18px;font-size:.85rem;color:#6b7280}.reel-chapter a{color:#2563eb;text-decoration:underline;text-underline-offset:3px;font-weight:600}.reel-actions{position:absolute;right:12px;bottom:128px;display:flex;flex-direction:column;gap:14px;z-index:2}.reel-act-label{font-size:.7rem;font-weight:700;line-height:1}.reel-act{background:0 0;border:none;color:#374151;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;padding:0}.reel-act-icon{width:50px;height:50px;border-radius:50%;background:#f1f5f9;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform .12s,background .12s}.reel-act:active .reel-act-icon{transform:scale(.86)}.reel-act-count{font-size:.78rem;font-weight:700;color:#374151}.reel-act.liked .reel-act-icon{background:#ef4444;border-color:#ef4444}.reel-act.saved .reel-act-icon{background:#f59e0b;border-color:#f59e0b}.reels-topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid #eef1f5}.reels-title-label{font-weight:800;color:#111827;font-size:1.05rem;flex:1}.reels-close,.reels-mute{background:#f1f5f9;border:1px solid #e5e7eb;color:#111827;width:38px;height:38px;border-radius:50%;font-size:1.2rem;cursor:pointer;line-height:1}.reels-mute{margin-right:4px}.reels-hint{position:absolute;bottom:40px;left:0;right:0;text-align:center;color:#6b7280;font-size:.85rem;z-index:3;animation:1.6s ease-in-out infinite reelBounce;pointer-events:none}@keyframes reelBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.reels-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:rgba(17,24,39,.95);color:#fff;padding:10px 18px;border-radius:999px;font-size:.88rem;z-index:2100;opacity:0;transition:opacity .2s;pointer-events:none}.reels-toast.show{opacity:1}.reel-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.reel-media-shade{position:absolute;inset:0;z-index:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0,rgba(0,0,0,.15) 45%,rgba(0,0,0,.25) 100%)}.reel.has-media{justify-content:flex-end;padding-bottom:132px;color:#fff;background:#000}.reel.has-media .reel-inner{margin-bottom:0}.reel.has-media .reel-title{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.reel.has-media .reel-body{color:#fff}.reel.has-media .reel-tag{background:rgba(255,255,255,.22);color:#fff}.reel.has-media .reel-punch{background:rgba(255,255,255,.15);color:#fff;border-left-color:rgba(255,255,255,.85)}.reel.has-media .reel-chapter{color:rgba(255,255,255,.9)}.reel.has-media .reel-act,.reel.has-media .reel-chapter a{color:#fff}.reel.has-media .reel-act-icon{background:rgba(0,0,0,.4);border-color:rgba(255,255,255,.25)}.reel.has-media .reel-act-count{color:#fff}.reel-audio{display:none}