.swipe-popup{z-index:50;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;will-change:opacity,transform;text-align:center;background:#1e1e1ef7;border:1px solid #ffffff2e;border-radius:999px;width:100%;padding:14px 28px;font-size:1.08rem;font-weight:600;transition:opacity .32s cubic-bezier(.4,1.4,.6,1),transform .32s cubic-bezier(.4,1.4,.6,1);position:fixed;top:90px;left:50%;transform:translate(-50%)translateY(-24px)scale(.98);box-shadow:0 4px 18px #0000002e}.swipe-popup.show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.tt-hor-container{height:calc(var(--vh)*100);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;background:var(--white);outline:none;width:100%;display:flex;overflow:auto hidden}.tt-hor-header{z-index:40;pointer-events:auto;position:fixed;top:0;left:0;right:0}.tt-hor-container::-webkit-scrollbar{display:none}.tt-hor-container{scrollbar-width:none}.reel{height:calc(var(--vh)*100);scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;min-width:100vw;display:flex;position:relative}.reel-media{object-fit:cover;width:100%;height:100%}.content-frame{background:#37373705;border:1px solid #ccc;border-radius:14px;width:min(920px,90vw);height:min(82vh,720px);display:flex;overflow:hidden}.content-frame-inner{scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;-webkit-overflow-scrolling:touch;place-items:center;width:100%;height:100%;padding:10px;display:grid;position:relative;overflow-y:auto}.content-frame-inner::-webkit-scrollbar{width:8px}.content-frame-inner::-webkit-scrollbar-track{background:#ffffff14;border-radius:12px}.content-frame-inner::-webkit-scrollbar-thumb{background:#ffffff40;border:1px solid #ffffff40;border-radius:12px}.content-frame-inner::-webkit-scrollbar-thumb:hover{background:#ffffff59}.content-frame .current-part-index-text{z-index:2;pointer-events:none;background:#3737371a;border:1px solid #ffffff40;border-radius:10px;padding:6px 10px;position:absolute;top:10px;left:12px}.content-frame .post-content-view{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%}.content-frame .post-content-view .content{justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.content-frame .post-content-view img{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%}.content-frame .post-content-view iframe.video{aspect-ratio:16/9;width:100%;height:auto;max-height:100%}.content-frame .post-content-view audio{width:100%;max-width:720px}.content-frame .post-content-view .poll{flex-direction:column;gap:15px;width:100%;max-width:1080px;margin:0;padding:0;list-style:none;display:flex}.content-frame .post-content-view .poll .poll-option{border:1px solid;border-radius:5px;justify-content:space-between;align-items:center;display:flex;position:relative}.content-frame .post-content-view .poll .poll-option .color{background-color:var(--flamespark-green);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;width:0%;padding:10px 0;transition:width .4s;display:flex;overflow:visible}.content-frame .post-content-view .poll .poll-option .color span{margin-left:10px}.content-frame .post-content-view .poll .poll-option .percent{margin-right:10px;position:absolute;right:0}.content-frame .post-content-view .text-post{overflow-wrap:break-word;max-width:84ch;margin:0;line-height:1.5}.content-frame .post-content-view .links{gap:15px;width:100%;max-width:720px;margin:0;padding:0;display:grid}.content-frame .post-content-view .links li{list-style:none}.content-frame .post-content-view .links a{border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.content-frame .post-content-view .links a:hover{background:#3737371a;transform:scale(1.02)}.content-frame .post-content-view .text-post,.content-frame .post-content-view .poll,.content-frame .post-content-view .links{-webkit-overflow-scrolling:touch;max-height:100%;overflow-y:auto}.reel-ui{pointer-events:none;position:absolute;inset:0}.reel-ui .project-pill,.reel-ui .reel-actions .rating,.reel-ui .reel-actions .vote,.reel-ui .reel-actions .action-btn,.reel-ui .share-action-btn{pointer-events:auto}.ui-right{pointer-events:auto;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:96px;right:12px}.ui-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .12s,background .12s;display:grid}.ui-btn:hover{background:#ffffff40;transform:scale(1.06)}.ui-btn:active{transform:scale(.96)}.ui-bottom{pointer-events:auto;border-top:1px solid #ccc;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:18px;left:16px;right:16px}.caption{font-size:.95rem;line-height:1.35}.project-pill{color:var(--black);cursor:pointer;background:#3737371a;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:10px;width:fit-content;padding:8px 10px;text-decoration:none;transition:transform .12s,background .12s;display:flex}.project-pill:hover{background:#3737372a;transform:scale(1.02)}.project-pill:active{transform:scale(.98)}.project-pill-icon{width:32px;height:32px}.project-pill-placeholder{background:#fff3;border:1px solid #ffffff40;border-radius:6px;width:28px;height:28px}.project-pill-title{font-weight:600}.reel-actions{justify-content:flex-end;align-items:center;gap:16px;margin-top:8px;display:flex}.rating{background:#3737371a;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:8px;height:36px;padding:0 8px;display:flex}.vote{cursor:pointer;aspect-ratio:1;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;font-size:16px;transition:transform .12s,color .12s,background-color .12s;display:flex}.vote.up.selected{background-color:var(--flamespark-red);color:var(--white)}.vote.down.selected{background-color:var(--flamespark-blue);color:var(--white)}.vote:hover{transform:scale(1.15)}.vote:active{transform:scale(.95)}.vote.up:hover:not(.selected){color:#4ade80}.vote.down:hover:not(.selected){color:#f87171}.vote-count,.action-btn{text-align:center;min-width:24px;font-size:16px;font-weight:600;text-decoration:none}.action-btn.normal{font-weight:400}.action-btn,.share-action-btn .share{height:36px;color:var(--black);cursor:pointer;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:2px;padding:0 12px;transition:transform .12s,background .12s;display:flex}.share-action-btn .share{font-size:13px}.action-btn:hover,.share-action-btn .share:hover{background:#3737371a;transform:scale(1.05)}.action-btn:active,.share-action-btn .share:active{transform:scale(.96)}.arrow-btn{color:#fff;cursor:pointer;z-index:20;background:#0006;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .12s,background .12s,opacity .3s;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.arrow-btn.left{left:12px}.arrow-btn.right{right:12px}.arrow-btn:hover{background:#0000008c;transform:translateY(-50%)scale(1.06)}.arrow-btn:active{transform:translateY(-50%)scale(.96)}@media (max-width:768px){.ui-btn{width:44px;height:44px}.ui-right{bottom:88px;right:10px}.caption{font-size:.9rem}.arrow-btn{width:44px;height:44px}.arrow-btn.left{left:8px}.arrow-btn.right{right:8px}}@media (max-width:480px){.ui-btn{width:40px;height:40px}.ui-right{gap:10px;bottom:80px;right:8px}.caption{font-size:.85rem}.arrow-btn{width:40px;height:40px}}@media (max-width:768px){.content-frame{width:94vw;height:76vh}}@media (max-width:480px){.content-frame{width:95vw;height:72vh}}@media (max-width:1023px) and (pointer:coarse){.arrow-btn{display:none}}.content-frame{width:min(920px,92vw);height:min(82vh,720px)}@media (max-width:1024px){.content-frame{width:94vw;height:70vh}}@media (max-width:600px){.content-frame{width:96vw;height:calc(var(--vh)*54);margin-bottom:calc(var(--vh)*12);border-radius:12px}.project-pill{gap:8px;padding:6px 8px}.project-pill-title{font-size:.9rem}.reel-actions{gap:10px}.rating,.action-btn,.share-action-btn .share{height:32px;padding:0 10px;font-size:.85rem}.caption{white-space:normal;line-height:1.3}.reel-ui{padding-left:6px;padding-right:6px}}.caption,.creator,.project-pill-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-frame-inner{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (pointer:coarse){.project-pill:hover,.action-btn:hover,.share-action-btn .share:hover,.ui-btn:hover{transform:none}}@media (max-width:425px){.reel-options{flex-direction:column}.reel-options .reel-post-info{margin-right:auto}.reel-options .reel-actions{margin-left:auto}}@media (max-width:375px){.reel-options .reel-actions{margin:0 auto}}