.reels-page{--reel-width:min(100vw, 56.25dvh );position:relative;display:flex;flex:1;min-height:0;min-width:0;flex-direction:column;overflow:hidden;background:#101312;color:#fff}.reels-page :is(a,button,input):focus-visible,.reel-sheet :is(a,button,input,select,textarea):focus-visible{outline:2px solid #f05a28;outline-offset:4px}.reels-header{position:absolute;z-index:5;top:0;left:50%;transform:translate(-50%);width:var(--reel-width);display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 14px) 12px 24px;background:linear-gradient(#0009,transparent);pointer-events:none}.reels-header>*{pointer-events:auto}.reels-brand{display:flex;flex-direction:column;line-height:1.1;margin-right:auto;text-shadow:0 1px 8px #0008}.reels-brand span{font-size:11px;letter-spacing:.04em;font-weight:600;opacity:.85}.reels-brand h1{font-size:22px;font-weight:750;margin-top:2px}.reel-icon-button{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#161b1a65;border:1px solid #ffffff20;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reel-icon-button svg{width:22px;height:22px}.reel-icon-button:hover{background:#ffffff30}.reel-icon-button:disabled{opacity:.25;cursor:default}.reel-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}.reel-scroll::-webkit-scrollbar{display:none}.reel-card{height:100%;width:var(--reel-width);scroll-snap-align:start;scroll-snap-stop:always;position:relative;margin:0 auto;overflow:hidden;background:#080a09;isolation:isolate}.reel-card:after{content:"";position:absolute;z-index:1;inset:40% 0 0;background:linear-gradient(transparent 20%,#0003 50%,#000b);pointer-events:none}.reel-player{position:relative;width:100%;height:100%;aspect-ratio:9/16;max-height:85dvh;min-height:0;background:#000;color:#fff}.reel-card .reel-player{max-height:none}.reel-media,.reel-poster{width:100%;height:100%;object-fit:cover;display:block}.reel-media.is-landscape{object-fit:contain}.offer-reel{width:100%;margin-inline:auto}.offer-reel-stage{position:relative;aspect-ratio:9/16;max-height:75dvh;background:#000;color:#fff}.offer-reel-stage>.reel-player,.offer-reel-preview{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto}.offer-reel-preview{cursor:pointer}.offer-reel-stage .reel-media,.offer-reel-preview img{display:block;width:100%;height:100%;object-fit:contain}@media(min-width:768px){.offer-reel{max-width:min(960px,calc(70dvh * 16 / 9))}.offer-reel-stage{aspect-ratio:16/9}}.reel-play-toggle{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;cursor:pointer;touch-action:pan-y}.reel-play-symbol{display:flex;flex-direction:column;align-items:center;gap:12px;text-shadow:0 2px 8px #0008}.reel-play-symbol>svg{width:64px;height:64px;padding:15px;border:1px solid #ffffff40;border-radius:50%;background:#0004;fill:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reel-sound{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,calc(-100% - 44px));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility 0s .12s}.reel-sound.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.reel-sound:disabled{opacity:0}.reel-progress{position:absolute;z-index:4;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);left:16px;right:16px;display:flex;align-items:center;gap:10px;font-size:10px;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #000}.reel-progress input{appearance:none;box-sizing:content-box;min-width:0;flex:1;height:3px;border-block:12px solid transparent;background-clip:padding-box!important;cursor:pointer;border-radius:2px;touch-action:pan-x}.reel-progress input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#fff}.reel-progress input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff}.reel-buffering{position:absolute;left:calc(50% - 18px);top:calc(50% - 18px);width:36px;height:36px;border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;pointer-events:none;animation:reel-spin .8s linear infinite}@keyframes reel-spin{to{transform:rotate(360deg)}}.reel-player-error{position:absolute;z-index:5;inset:35% 24px auto;padding:20px;background:#172b25ed;border:1px solid #ffffff25;border-radius:16px;text-align:center;font-size:14px}.reel-player-error button{display:block;margin:12px auto 0;padding:10px 16px;background:#fff;color:#17382d;border-radius:8px;cursor:pointer}.reel-caption{position:absolute;z-index:3;left:18px;right:88px;bottom:calc(env(safe-area-inset-bottom,0px) + 55px);text-shadow:0 1px 6px #0009;pointer-events:none}.reel-caption>*{pointer-events:auto}.reel-caption h2{font-size:18px;line-height:1.35;font-weight:700;margin:9px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.reel-caption small{display:block;font-size:10px;opacity:.7;margin-top:7px}.reel-author{display:flex;gap:9px;align-items:center;font-size:13px;line-height:1.3}.reel-author strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-author img,.reel-avatar{width:30px;height:30px;flex-shrink:0;border:1px solid #ffffff70;border-radius:50%;object-fit:cover}.reel-avatar{display:grid;place-items:center;background:#31483e;color:#fff;font-size:13px;font-weight:700}.reel-description-preview{display:flex;align-items:baseline;gap:6px;max-width:100%;font-size:12px;text-align:left;cursor:pointer}.reel-description-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-description-preview b{font-size:11px;font-weight:600;white-space:nowrap}.reel-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.reel-action-rail{position:absolute;z-index:3;right:9px;bottom:calc(env(safe-area-inset-bottom,0px) + 66px);display:flex;flex-direction:column;align-items:center;gap:14px;width:64px}.reel-action-rail>a,.reel-action-rail>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:64px;min-height:44px;text-align:center;font-size:10px;font-weight:650;line-height:1.2;text-shadow:0 1px 5px #000;cursor:pointer}.reel-action-rail svg{width:29px;height:29px;filter:drop-shadow(0 2px 4px #0007)}.reel-action-rail [aria-pressed=true]{color:#ff6b64}.reel-action-rail [aria-pressed=true] svg{fill:currentColor}.reel-action-rail :disabled{opacity:.5}.reel-action-rail .reel-offer-action svg{width:42px;height:42px;padding:9px;border-radius:13px;background:#f05a28;filter:none}.reel-feedback{position:absolute;z-index:6;left:24px;right:24px;top:25%;text-align:center;padding:12px 16px;border-radius:12px;background:#10251eee;font-size:13px}.reel-navigation{position:absolute;right:max(24px,calc((100vw - 56.25dvh)/2 - 76px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px}.reel-navigation .reel-icon-button{width:48px;height:48px;background:#ffffff12}.reel-sheet{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#19382c;overflow:hidden}.reel-sheet[open]{display:flex;align-items:flex-end;justify-content:center}.reel-sheet::backdrop{background:#0008;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.reel-sheet-content{width:min(100%,540px);max-height:85dvh;display:flex;flex-direction:column;background:#fff;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -12px 60px #0004}.reel-sheet-content>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #e1e8e3}.reel-sheet h2{font-size:18px;font-weight:700}.reel-sheet .reel-icon-button{background:#eff3f0;border:0}.reel-sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:20px;min-height:0}.reel-panel{font-size:14px}.reel-panel article{padding:16px 0;border-bottom:1px solid #e1e8e3;overflow-wrap:anywhere}.reel-panel time{font-size:11px;color:#64766b;margin-right:10px}.reel-panel textarea,.reel-panel select{color:#132d28;background:#f7f9f7;border:1px solid #c5d1c8;border-radius:9px;width:100%;padding:10px;display:block}.reel-panel textarea{min-height:88px}.reel-panel label{display:block;margin-bottom:12px}.reel-panel button,.reel-more-options a{border:1px solid #c8d6cc;border-radius:9px;padding:9px 12px;margin:4px 5px 4px 0;cursor:pointer}.reel-panel button:disabled{opacity:.45}.reel-more-options{display:flex;flex-direction:column;align-items:stretch;gap:8px}.reel-more-options :is(a,button){text-align:left;margin:0;padding:14px}.reel-panel .reel-comment{display:flex;gap:12px;padding:10px 0;border-bottom:0}.reel-comment img,.reel-comment .reel-avatar{width:34px;height:34px;border:0;border-radius:50%;object-fit:cover;flex-shrink:0}.reel-comment>div{flex:1;min-width:0}.reel-comment-head{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.3}.reel-comment-head>a,.reel-comment-head>strong{font-weight:700;color:#19382c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-panel .reel-comment-head time{font-size:12px;color:#64766b;margin:0;flex-shrink:0}.reel-comment-text{font-size:14px;line-height:1.4;margin-top:2px;white-space:pre-line;overflow-wrap:anywhere}.reel-panel .reel-comment-actions{display:flex;gap:16px;margin-top:4px}.reel-panel .reel-comment-actions button,.reel-panel .reel-comments-page{border:0;padding:0;margin:0;background:none;font-size:12px;font-weight:600;color:#64766b}.reel-panel .reel-comments-page{display:block;margin:6px 0 6px 46px}.reel-details:has(.reel-comment-form),.reel-sheet-body:has(.reel-comment-form){padding-bottom:0}.reel-details .reel-comment-form{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.reel-details.is-comments{display:flex;flex-direction:column}.reel-details.is-comments>.reel-comments{flex:1;display:flex;flex-direction:column}.reel-details.is-comments .reel-comment-form{margin-top:auto}.reel-comments-empty{padding:24px 0;text-align:center;color:#64766b}.reel-comment-form{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 0;background:#fff;border-top:1px solid #e1e8e3}.reel-panel .reel-comment-form textarea{flex:1;min-height:0;height:40px;resize:none;border-radius:20px;padding:9px 16px;font-size:16px;line-height:20px}.reel-panel .reel-comment-form button{border:0;padding:0 4px;margin:0;background:none;color:#f05a28;font-weight:700}.reel-refresh{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-top:12px;font-size:14px;cursor:pointer}.reel-refresh svg{width:18px;height:18px}.reel-message{flex:1;min-height:0;padding:100px 28px 50px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px;font-size:14px;background:radial-gradient(ellipse at 50% 35%,#233e31,#0c1712 75%)}.reel-message>*{position:relative;z-index:2}.reel-message>svg{width:44px;height:44px;color:#c6ddcd;margin-bottom:8px}.reel-message h2{font-size:25px;line-height:1.25;font-weight:700;max-width:320px}.reel-message p{max-width:320px;color:#d2dbd5}.reel-message a,.reel-message button{padding:12px 22px;border-radius:12px;background:#f05a28;color:#fff;font-weight:650;cursor:pointer}.reel-feed-end{gap:16px}.reel-message .reel-replay-hint{display:flex;align-items:center;gap:8px;margin-top:6px;color:#a7b9ad;font-size:12px}.reel-replay-hint svg{width:18px;height:18px;flex-shrink:0}.reel-manager{overflow:auto;flex:1;padding:24px 20px calc(var(--mobile-nav-height,0px) + 24px);background:#f4f7f3;color:#17382d}.reel-manager-inner{max-width:860px;margin:auto}.reel-manager h1{font-size:28px;font-weight:700;margin-bottom:16px}.reel-manager h2{font-size:20px;font-weight:600;margin:10px 0}.reel-manager section,.reel-manager article{background:#fff;border:1px solid #d5dfd8;border-radius:12px;padding:18px;margin:16px 0}.reel-manager label{display:block;margin:10px 0}.reel-manager input,.reel-manager select,.reel-manager textarea{display:block;padding:9px;border:1px solid #aebfb4;border-radius:6px;width:100%;background:#fff}.reel-manager button,.reel-manager a{display:inline-block;margin:5px 8px 5px 0;padding:9px 14px;border-radius:7px;background:#216b48;color:#fff;cursor:pointer}.reel-manager button:disabled{opacity:.5;cursor:default}.reel-manager progress{width:100%;display:block}.reel-error{color:#a12020}.reel-manager small{display:block;color:#53675c}.reel-scroll:has(.reel-card.is-expanded){overflow:hidden}.reel-card.is-expanded{display:flex;flex-direction:column;background:#fff}.reel-card.is-expanded:after{display:none}.reel-card.is-expanded .reel-player{height:50%;flex-shrink:0}.reel-card.is-expanded .reel-media{object-fit:contain}.reel-details{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 18px calc(env(safe-area-inset-bottom,0px) + 24px);background:#fff;color:#19382c}.reel-details>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.reel-details .reel-icon-button{width:36px;height:36px;background:#eff3f0;border:0}.reel-details .reel-author img{border-color:#e1e8e3}.reel-details h2{font-size:17px;font-weight:700;line-height:1.35;margin:12px 0 6px;overflow-wrap:anywhere}.reel-details h3{font-size:15px;font-weight:700;margin:22px 0 4px}.reel-details .reel-description{margin-top:8px}.reel-offer-card{display:flex;align-items:center;gap:12px;margin-top:16px;padding:10px;border:1px solid #e1e8e3;border-radius:12px}.reel-offer-thumbnail{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#eff3f0}.reel-offer-card span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.reel-offer-card strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-offer-card small{font-size:12px;color:#64766b}.reel-offer-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.reel-details-login{display:inline-block;margin-top:8px;color:#f05a28;font-weight:600;font-size:14px}@media(max-width:767px){.reels-page{--reel-width:100%}.reel-navigation{display:none}}@media(max-height:650px){.reel-action-rail{gap:6px;bottom:48px}.reel-action-rail svg{width:25px;height:25px}.reel-caption{bottom:46px}.reel-caption h2{font-size:16px}.reel-caption small{display:none}}@media(prefers-reduced-motion:reduce){.reel-buffering{animation:none}.reel-sound{transition:none}}.reel-end-logo{width:48px;height:48px;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:8px}.reel-manage-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;margin-top:10px;padding:8px 12px;border:1px solid #ffffff80;border-radius:10px;background:#17382de6;color:#fff;font-size:12px;font-weight:650;text-shadow:none;cursor:pointer}.reel-manage-button svg{width:16px;height:16px;flex-shrink:0}.reel-manage-button:hover{background:#24523f}.reel-details .reel-manage-button{border-color:#17382d}.reel-management h3{font-weight:700;margin-bottom:8px;overflow-wrap:anywhere}.reel-management p{line-height:1.6;margin-bottom:16px}.reel-management .reel-delete{background:#b42318;border-color:#b42318;color:#fff;min-height:44px;width:100%;margin:0}