.reel{--reel-accent:#5b7eff;height:var(--reel-height,calc(calc(100svh / var(--page-zoom,1)) - 110px));scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:flex-end;gap:14px;padding:10px 0;display:flex;position:relative}.reel-stage{aspect-ratio:9/16;background:radial-gradient(ellipse 90% 55% at 50% 0%, color-mix(in srgb, var(--reel-accent) 26%, transparent), transparent 70%), radial-gradient(ellipse 80% 45% at 50% 100%, color-mix(in srgb, var(--reel-accent) 18%, transparent), transparent 70%), #07080b;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff12;border-radius:20px;max-width:calc(100% - 72px);height:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.reel-stage video{object-fit:contain;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.reel-stage video.is-fill{object-fit:cover}.reel-stage:after{content:"";pointer-events:none;background:linear-gradient(#00000073,#0000 18% 55%,#000000d1);position:absolute;inset:0}.reel-paused{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;background:#080a0e8c;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-paused svg{width:26px;margin-left:3px}.reel-burst{z-index:3;color:#ff4d6d;pointer-events:none;filter:drop-shadow(0 8px 24px #ff4d6d80);animation:.8s cubic-bezier(.2,1.4,.4,1) both reel-burst;position:absolute;top:50%;left:50%}.reel-burst svg{width:96px;height:96px}@keyframes reel-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(.9)}}.reel-error{z-index:2;color:#ffb3bf;text-align:center;font-size:12px;position:absolute;inset:auto 20px 50%}.reel-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:12px;right:12px}.reel-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dfe5f5;font:650 9px var(--font-geist-mono), monospace;letter-spacing:.06em;background:#080a0e8c;border-radius:999px;padding:5px 9px}.reel-controls{align-items:center;gap:6px;display:flex}.reel-top button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#080a0e8c;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.reel-top button svg{width:15px}.reel-volume{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0e8c;border-radius:999px;align-items:center;gap:4px;padding-right:7px;display:flex}.reel-volume button{background:0 0}.reel-volume label{color:#ffffffb8;font:700 9px var(--font-geist-mono), monospace;align-items:center;gap:5px;display:flex}.reel-volume input{width:68px;height:4px;accent-color:var(--reel-accent);cursor:pointer;margin:0}.reel-caption{z-index:2;cursor:default;position:absolute;bottom:18px;left:14px;right:14px}.reel-author{align-items:center;gap:9px;display:flex}.reel-author>a:nth-child(2){min-width:0;display:grid}.reel-author b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reel-author small{color:#ffffffb3;font-size:10px}.reel-author button{color:#fff;background:0 0;border:1px solid #ffffff80;border-radius:7px;margin-left:4px;padding:5px 11px;font-size:10px;font-weight:700}.reel-author button.is-following{background:#ffffff29;border-color:#0000}.reel-author button.reel-message{background:#ffffff29;border-color:#0000;align-items:center;gap:4px;margin-left:0;display:inline-flex}.reel-author button.reel-message svg{width:11px}.reel-caption h3{color:#fff;letter-spacing:-.01em;margin:10px 0 0;font-size:14px;font-weight:700}.reel-caption p{color:#ffffffd9;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:5px 0 0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.reel-route{background:color-mix(in srgb, var(--reel-accent) 30%, #080a0e99);color:#fff;border-radius:999px;margin-top:8px;padding:4px 9px;font-size:10px;font-weight:600;display:inline-block}.reel-progress{z-index:2;background:#ffffff1f;height:3px;position:absolute;bottom:0;left:0;right:0}.reel-progress i{background:var(--reel-accent);transform-origin:0;height:100%;transition:transform .25s linear;display:block}.reel-rail{flex:none;justify-items:center;gap:18px;width:58px;padding-bottom:24px;display:grid}.reel-rail-avatar{margin-bottom:6px;position:relative}.reel-rail-avatar>span[role=button]{background:var(--reel-accent);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.reel-rail-avatar>span[role=button] svg{width:12px}.reel-rail button,.reel-rail-stat{color:#e6e9f0;background:0 0;justify-items:center;gap:5px;font-size:10px;font-weight:650;display:grid}.reel-rail button svg,.reel-rail-stat svg{background:#ffffff0f;border-radius:50%;width:46px;height:46px;padding:12px;transition:background .16s,transform .16s,color .16s}.reel-rail button:hover svg{background:#ffffff1f;transform:scale(1.05)}.reel-rail button.is-liked{color:#ff4d6d}.reel-rail button.is-liked svg{background:#ff4d6d24;animation:.35s reel-pop}.reel-rail-stat{color:#9aa2b1}@keyframes reel-pop{50%{transform:scale(1.2)}}.reel-share-backdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#030509b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.reel-share-dialog{color:#edf1f8;background:#11141a;border:1px solid #ffffff21;border-radius:16px;width:min(340px,100%);padding:22px;position:relative;box-shadow:0 24px 70px #0000007a}.reel-share-dialog>span{color:#8591a7;font:700 9px var(--font-geist-mono), monospace;letter-spacing:.13em;display:block}.reel-share-dialog h4{color:#fff;margin:6px 0 3px;font-size:17px}.reel-share-dialog p{color:#9ca7b9;text-overflow:ellipsis;white-space:nowrap;margin:0 0 17px;font-size:12px;overflow:hidden}.reel-share-dialog>div{gap:8px;display:grid}.reel-share-dialog>div button{color:#eef2fa;background:#ffffff14;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;font-size:12px;font-weight:700;display:flex}.reel-share-dialog>div button:first-child{background:var(--reel-accent);color:#fff}.reel-share-dialog svg{width:15px}.reel-share-close{color:#b8c0cf;background:0 0;border-radius:8px;width:28px;height:28px;font-size:21px;line-height:1;position:absolute;top:9px;right:10px}@media (max-width:700px){.reel{gap:0;padding:0}.reel-stage{aspect-ratio:auto;border:0;border-radius:0;width:100%;max-width:100%}.reel-rail{z-index:3;gap:14px;width:auto;padding:0;position:absolute;bottom:90px;right:8px}.reel-rail button svg,.reel-rail-stat svg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0e73;width:42px;height:42px;padding:11px}.reel-caption{right:72px}.reel-volume input{width:52px}.reel-volume label span{display:none}}@media (prefers-reduced-motion:reduce){.reel-burst,.reel-rail button.is-liked svg{animation:none}}