.reels-section{padding:115px 0 80px;background:radial-gradient(ellipse at 50% 55%,#7738d329,transparent 65%),var(--page-bg);color:var(--page-text)}
.reels-section .horizontal>p{color:#bcb8ce}
.reels-row{display:flex;justify-content:center;align-items:center;gap:40px;padding:45px 12px 65px;direction:ltr}
.reel-phone{position:relative;flex:0 0 270px;width:270px;background:#09090d;color:#fff;border:5px solid #44414c;border-radius:44px;padding:7px;box-shadow:0 0 0 2px #17141e,0 35px 65px #0005,0 0 35px #9562ec25;overflow:hidden;transition:transform .35s;isolation:isolate}
.reel-phone:nth-child(1){transform:rotate(-5deg) translateY(18px)}.reel-phone:nth-child(3){transform:rotate(5deg) translateY(18px)}.reel-phone:hover{transform:translateY(-8px)}
.reel-status{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:600 12px Arial}.reel-status>span:last-child{display:flex;gap:4px;align-items:center}.reel-status i{position:absolute;width:80px;height:21px;background:#000;top:9px;left:50%;transform:translateX(-50%);border-radius:20px}
.reel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 12px;font:700 21px Arial}
.reel-screen{position:relative;aspect-ratio:9/16;background:#08080b;border-radius:8px 8px 26px 26px;overflow:hidden}
.reel-screen video{width:100%;height:100%;object-fit:contain;display:block}.reel-screen:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000c);pointer-events:none}
.reel-toolbar{position:absolute;right:9px;bottom:112px;z-index:2;display:grid;gap:15px}.reel-toolbar>span{display:grid;gap:20px;padding:0 8px;pointer-events:none}.reel-toolbar svg{width:23px;height:23px;filter:drop-shadow(0 2px 5px #0007)}
.reel-phone button{border:0;background:#0005;color:#fff;display:grid;place-items:center;cursor:pointer;min-width:40px;min-height:40px;border-radius:50%}.reel-phone button:focus-visible{outline:3px solid #d2a6ff;outline-offset:2px}.reel-phone .is-loved{color:#ff4585}
.reel-caption{position:absolute;bottom:55px;left:12px;right:48px;z-index:2;text-align:left}.reel-account{display:flex;align-items:center;gap:8px;font:600 14px Arial}.reel-avatar{background:linear-gradient(130deg,#af79ff,#783aba);border:2px solid white;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-family:inherit}.reel-caption p{font-size:12px;margin:8px 0;color:#fff}.reel-views{display:flex;gap:5px;align-items:center;font-size:12px;white-space:nowrap}.reel-views small{font-size:10px;padding:2px 4px;border-radius:4px;background:#0009;color:#e2d6ed}
.reel-playback{position:absolute;bottom:8px;left:10px;right:10px;display:flex;justify-content:space-between;z-index:3}.reel-home{width:90px;height:4px;border-radius:5px;background:#eee;margin:9px auto 3px}
.reel-hearts{position:absolute;right:35px;bottom:100px;z-index:3;pointer-events:none}.reel-hearts svg{position:absolute;bottom:0;width:27px;height:27px;color:#ff4f99;opacity:0;animation:reelHearts 4.8s var(--heart-delay) infinite ease-out;animation-play-state:paused}.reel-running .reel-hearts svg{animation-play-state:running}
.reel-love-burst{position:absolute;top:35%;left:33%;width:34%;height:auto;color:white;filter:drop-shadow(0 3px 14px #0005);z-index:4;pointer-events:none;animation:reelLove .85s both}
.reels-note{text-align:center;color:#aaa5bc;font-size:13px;line-height:1.8;max-width:600px;margin:auto}
@keyframes reelHearts{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:.9}100%{opacity:0;transform:translate(var(--heart-x),-220px) scale(1.3) rotate(18deg)}}
@keyframes reelLove{0%{transform:scale(.2) rotate(-15deg);opacity:0}30%{transform:scale(1.15);opacity:1}65%{transform:scale(1);opacity:1}100%{transform:scale(1.2);opacity:0}}
[data-theme='light'] .reels-section .horizontal>p,[data-theme='light'] .reels-note{color:#575b72}[data-theme='light'] .reels-section h2 em{background-image:linear-gradient(105deg,#7138bf,#aa287d)}
@media(max-width:1000px){.reels-row{gap:24px}.reel-phone{flex-basis:245px;width:245px}}
@media(max-width:800px){.reels-section{padding:80px 0 55px}.reels-row{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding:24px 16px 45px}.reel-phone{flex-basis:270px;width:270px;scroll-snap-align:center}.reel-phone:nth-child(n){transform:none}.reels-section .horizontal{display:block}.reels-section .horizontal>p{width:auto}}
@media(prefers-reduced-motion:reduce){.reel-hearts{display:none}.reel-love-burst{animation:none;display:none}.reel-phone{transition:none}}