.reel-feed{--reel-gutter: 12px;background:#000;color:#fff}.reel-feed__bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px var(--reel-gutter);background:linear-gradient(#000000e6,#0000)}.reel-feed__tab{border:1px solid #ffffff30;background:#ffffff12;color:#fff;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;letter-spacing:-.01em;transition:background .2s,border-color .2s}.reel-feed__tab:hover{background:#ffffff24;color:#fff}.reel-feed__tab[aria-current=page]{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.reel-feed__track{height:100svh;margin-top:-61px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain}.reel-feed__track::-webkit-scrollbar{display:none}.reel{position:relative;height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;overflow:hidden}.reel__stage{position:relative;width:100%;height:100%;max-width:min(100%,56.25svh);background:#05080c}.reel__video,.reel__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel__poster{z-index:1;transition:opacity .35s ease}.reel.is-playing .reel__poster{opacity:0}.reel__scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(#0000 45%,#000000a6 88%,#000000d9);pointer-events:none}.reel__spinner{position:absolute;inset:0;z-index:2;display:grid;place-items:center;opacity:0;transition:opacity .2s;pointer-events:none}.reel.is-buffering .reel__spinner{opacity:1}.reel__spinner span{width:34px;height:34px;border:3px solid #ffffff3d;border-top-color:#fff;border-radius:50%;animation:reel-spin .8s linear infinite}@keyframes reel-spin{to{transform:rotate(360deg)}}.reel__tap{position:absolute;inset:0;z-index:3;border:0;background:none;display:grid;place-items:center;color:#fff}.reel__tap svg{width:68px;height:68px;opacity:0;filter:drop-shadow(0 4px 18px #000000a6);transform:scale(.85);transition:opacity .2s,transform .2s}.reel.is-paused .reel__tap svg{opacity:.92;transform:scale(1)}.reel__body{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:0 var(--reel-gutter) calc(20px + env(safe-area-inset-bottom,0px));display:flex;align-items:flex-end;gap:12px;pointer-events:none}.reel__body>*{pointer-events:auto}.reel__caption{flex:1;min-width:0}.reel__kind{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid #ffffff2b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.reel__title{margin:10px 0 0;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:#fff;text-shadow:0 2px 14px #000000a6}.reel__text{margin:6px 0 0;font-size:14px;line-height:1.5;color:#ffffffd6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel__text.is-open{-webkit-line-clamp:unset}.reel__more{border:0;background:none;padding:2px 0;color:#ffffff9e;font-size:13px;font-weight:600}.reel__shop{display:inline-flex;align-items:center;gap:9px;margin-top:12px;background:var(--yellow);color:var(--navy);border-radius:999px;padding:10px 16px 10px 12px;font-size:14px;font-weight:700;letter-spacing:-.01em;box-shadow:0 8px 22px #00000059;max-width:100%}.reel__shop:hover{color:var(--navy);filter:brightness(1.06)}.reel__shop span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel__shop svg{width:18px;height:18px;flex:none}.reel__rail{display:flex;flex-direction:column;gap:16px;align-items:center;padding-bottom:4px}.reel-action{border:0;background:none;color:#fff;display:grid;justify-items:center;gap:3px;font-size:12px;font-weight:600;line-height:1;text-shadow:0 2px 10px #000000a6}.reel-action svg{width:29px;height:29px;filter:drop-shadow(0 2px 10px #00000080);transition:transform .18s ease}.reel-action:hover{color:#fff}.reel-action:hover svg{transform:scale(1.08)}.reel-action[aria-pressed=true] svg{color:#ff3c5f;fill:currentColor}.reel-action--save[aria-pressed=true] svg{color:var(--yellow)}.reel-action.is-bumped svg{animation:reel-bump .35s ease}@keyframes reel-bump{40%{transform:scale(1.32)}70%{transform:scale(.94)}}.reel__sound{position:absolute;z-index:4;top:68px;right:var(--reel-gutter);width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff2b;border-radius:50%;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}.reel__sound svg{width:18px;height:18px}.reel__progress{position:absolute;z-index:4;left:0;right:0;bottom:0;height:3px;background:#ffffff24}.reel__progress i{display:block;height:100%;width:0;background:var(--yellow)}.reel__meta{display:flex;gap:12px;margin-top:10px;font-size:12px;color:#ffffff9e}.reel-sheet{border:0;padding:0;width:min(520px,100%);max-height:78svh;margin:auto auto 0;border-radius:18px 18px 0 0;background:var(--white);color:var(--ink);overflow:hidden}.reel-sheet::backdrop{background:#00000091}.reel-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.reel-sheet__head h2{margin:0;font-size:16px}.reel-sheet__close{border:0;background:none;color:var(--muted);font-size:22px;line-height:1;padding:2px 6px}.reel-sheet__list{list-style:none;margin:0;padding:8px 18px;overflow-y:auto;max-height:46svh}.reel-sheet__list li{padding:10px 0;border-bottom:1px solid var(--line)}.reel-sheet__list li:last-child{border-bottom:0}.reel-sheet__list strong{font-size:13px}.reel-sheet__list time{color:var(--muted);font-size:12px;margin-left:6px}.reel-sheet__list p{margin:3px 0 0;font-size:14px}.reel-sheet__empty{padding:26px 18px;text-align:center;color:var(--muted);font-size:14px}.reel-sheet__form{display:flex;gap:8px;padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper)}.reel-sheet__form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;padding:10px 15px;background:var(--white)}.reel-sheet__form button{border:0;border-radius:999px;padding:10px 18px;background:var(--navy);color:#fff;font-weight:700;font-size:14px}.reel-sheet__signin{padding:14px 18px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);text-align:center;font-size:14px;color:var(--muted)}.reel-sheet__signin a{color:var(--navy);font-weight:700;text-decoration:underline}.reel-end{height:100svh;scroll-snap-align:start;display:grid;place-content:center;gap:14px;text-align:center;padding:0 24px;color:#fffc}.reel-end h2{margin:0;color:#fff;font-size:22px}.reel-end a{justify-self:center;border-radius:999px;padding:11px 22px;background:var(--yellow);color:var(--navy);font-weight:700}.reel-end a:hover{color:var(--navy)}.reel-feed__empty{display:grid;place-content:center;gap:12px;text-align:center;height:70svh;padding:0 24px;color:#ffffffb3}.video-card{display:block;position:relative;border-radius:var(--radius);overflow:hidden;background:var(--navy);aspect-ratio:9 / 14;box-shadow:var(--shadow)}.video-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.video-card:hover img{transform:scale(1.05)}.video-card__scrim{position:absolute;inset:0;background:linear-gradient(#0000 40%,#000000ad 85%,#000000d4)}.video-card__play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;opacity:.92}.video-card__play svg{width:44px;height:44px;filter:drop-shadow(0 4px 14px #000000a6)}.video-card__body{position:absolute;left:0;right:0;bottom:0;padding:12px 13px;color:#fff}.video-card__body h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.015em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card__stats{margin:6px 0 0;display:flex;gap:11px;font-size:12px;color:#ffffffb8}.video-card__duration{position:absolute;top:9px;right:9px;background:#000000ad;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600;color:#fff}.home-reels{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}@media(max-width:980px){.home-reels{grid-template-columns:repeat(3,1fr)}.home-reels>:nth-child(n+4){display:none}}@media(max-width:700px){.home-reels{grid-auto-flow:column;grid-auto-columns:45vw;grid-template-columns:none;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}.home-reels>*{scroll-snap-align:start}.home-reels>:nth-child(n+4){display:block}}.reel-page{display:grid;gap:26px;grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:900px){.reel-page{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:34px}}.reel-page__stage{position:relative;border-radius:14px;overflow:hidden;background:#05080c;aspect-ratio:9 / 16;max-height:76svh}.reel-page__stage video{width:100%;height:100%;object-fit:contain;background:#05080c}.reel-page__aside h1{font-size:28px;margin-bottom:8px}.reel-page__meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:14px;margin-bottom:16px}.reel-page__actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}.reel-page__action{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--white);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--ink)}.reel-page__action svg{width:18px;height:18px}.reel-page__action[aria-pressed=true]{border-color:#ff3c5f52;background:#ff3c5f12;color:#d62a4b}.reel-page__action--save[aria-pressed=true]{border-color:#f0c400;background:#fff8d9;color:#6b5500}.reel-page__comments{border-top:1px solid var(--line);padding-top:18px}.reel-page__comments ul{list-style:none;margin:0 0 14px;padding:0}.reel-page__comments li{padding:11px 0;border-bottom:1px solid var(--line)}.reel-page__comments li:last-child{border-bottom:0}.reel-page__comments p{margin:3px 0 0}.reel-page__form{display:flex;gap:8px}.reel-page__form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;padding:10px 15px}.reel-page__form button{border:0;border-radius:999px;padding:10px 20px;background:var(--navy);color:#fff;font-weight:700}.inventory-reels{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media(prefers-reduced-motion:reduce){.video-card img,.reel-action svg,.reel__poster{transition:none}.reel-action.is-bumped svg,.reel__spinner span{animation:none}}