.mobile-reels-shell{display:none}
  body.mobile-reels-active{margin:0;background:#000;overflow:hidden}
  body.mobile-reels-active>.topbar,
  body.mobile-reels-active>.watch-shell,
  body.mobile-reels-active>footer{display:none!important}
  body.mobile-reels-active .mobile-reels-shell{position:fixed;inset:0;z-index:70;display:block;background:#000;color:#fff}
  .mobile-reels-top{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 14px 12px;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent)}
  .mobile-reels-brand{color:#fff;text-decoration:none;font-weight:950;letter-spacing:-.04em;font-size:15px}.mobile-reels-brand span{opacity:.65;margin-left:3px}
  .mobile-reels-modes{display:flex;gap:6px;padding:4px;background:rgba(20,20,20,.42);border:1px solid rgba(255,255,255,.12);border-radius:999px;backdrop-filter:blur(10px)}
  .mobile-reels-modes button{border:0;background:transparent;color:rgba(255,255,255,.68);padding:7px 11px;border-radius:999px;font:850 11px/1 system-ui;white-space:nowrap}.mobile-reels-modes button.active{background:#fff;color:#111}
  .mobile-reels-list{color:#fff;text-decoration:none;font:850 11px/1 system-ui;padding:8px 10px;border-radius:999px;background:rgba(20,20,20,.46);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
  .mobile-reels-feed{height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#000}
  .mobile-reels-feed::-webkit-scrollbar{display:none}
  .mobile-reel{position:relative;height:100dvh;min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#000;isolation:isolate}
  .mobile-reel-stage{position:absolute;inset:0;background:#000}
  .mobile-reel-backdrop{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:blur(24px) brightness(.38) saturate(.9);transform:scale(1.04)}
  .mobile-reel-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent}
  .mobile-reel-player{position:absolute;inset:0;z-index:2;background:#000;opacity:0;transition:opacity .12s ease}.mobile-reel.active.player-ready .mobile-reel-player{opacity:1}
  .mobile-reel-player iframe{width:100%;height:100%;border:0;display:block;background:#000}
  .mobile-reel-gesture{position:absolute;inset:0;z-index:4;touch-action:pan-y;background:transparent}
  .mobile-reel-shade{position:absolute;z-index:5;pointer-events:none;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0,transparent 25%,transparent 53%,rgba(0,0,0,.72) 84%,rgba(0,0,0,.88) 100%)}
  .mobile-reel-meta{position:absolute;z-index:8;left:16px;right:76px;bottom:calc(env(safe-area-inset-bottom) + 24px);text-shadow:0 2px 12px rgba(0,0,0,.75)}
  .mobile-reel-artist{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;margin-bottom:10px}.mobile-reel-artist img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.6);background:#222}.mobile-reel-artist b{font-size:14px}.mobile-reel-artist small{display:block;margin-top:2px;font-size:9px;color:rgba(255,255,255,.72)}
  .mobile-reel-meta h2{font-size:16px;line-height:1.34;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.02em}.mobile-reel-meta p{font-size:10px;line-height:1.45;margin:0;color:rgba(255,255,255,.72)}
  .mobile-reel-actions{position:absolute;z-index:10;right:10px;bottom:calc(env(safe-area-inset-bottom) + 28px);display:grid;gap:12px;justify-items:center}
  .mobile-reel-action{appearance:none;border:0;background:rgba(15,15,15,.42);color:#fff;text-decoration:none;width:50px;min-height:50px;border-radius:17px;display:grid;place-items:center;padding:6px;backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.11);font:800 9px/1.1 system-ui;text-align:center}
  .mobile-reel-action strong{display:block;font-size:20px;line-height:1;margin-bottom:3px}.mobile-reel-action.sound-on{background:rgba(255,255,255,.9);color:#111}
  .mobile-reel-hint{position:absolute;z-index:9;left:50%;bottom:calc(env(safe-area-inset-bottom) + 5px);transform:translateX(-50%);font-size:9px;color:rgba(255,255,255,.58);pointer-events:none;white-space:nowrap}
  .mobile-reel-state{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.58);font:800 11px/1 system-ui;opacity:0;pointer-events:none;transition:opacity .15s}.mobile-reel-state.show{opacity:1}
  .mobile-reels-loading{height:100dvh;display:grid;place-items:center;scroll-snap-align:start;color:rgba(255,255,255,.66);font:800 12px/1.4 system-ui;text-align:center;padding:20px}
  .mobile-reels-error button{margin-top:12px;border:0;border-radius:999px;padding:9px 13px;font-weight:900}
  .comment-signin-gate{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);margin:12px 0}.comment-signin-gate b,.comment-signin-gate span{display:block}.comment-signin-gate span{margin-top:5px;color:#9b9ba3;font-size:11px}.comment-signin-gate button{margin-top:11px;border:0;border-radius:999px;padding:9px 13px;background:#fff;color:#111;font-weight:900}
@media(prefers-reduced-motion:reduce){.mobile-reel-player,.mobile-reel-state{transition:none}}

@media(min-width:901px) and (pointer:fine){
  body.mobile-reels-active .mobile-reels-top{padding:16px 22px 18px}
  body.mobile-reels-active .mobile-reel-meta{left:34px;right:124px;bottom:36px;max-width:min(760px,62vw)}
  body.mobile-reels-active .mobile-reel-meta h2{font-size:22px}
  body.mobile-reels-active .mobile-reel-artist b{font-size:16px}
  body.mobile-reels-active .mobile-reel-actions{right:24px;bottom:38px;gap:14px}
  body.mobile-reels-active .mobile-reel-action{width:58px;min-height:58px;border-radius:18px}
  body.mobile-reels-active .mobile-reel-hint{bottom:12px;font-size:10px}
}

.reel-topkku.busy{opacity:.55;pointer-events:none}
.reel-topkku-preview{position:absolute;inset:0;z-index:40;background:#000;overflow:hidden}
.reel-topkku-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.reel-topkku-preview-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:10px;padding:52px 14px 16px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.88));color:#fff}
.reel-topkku-preview-copy{display:grid;gap:3px}
.reel-topkku-preview-copy strong{font:900 13px/1.3 system-ui}
.reel-topkku-preview-copy span{color:rgba(255,255,255,.7);font:700 9px/1.3 system-ui;font-variant-numeric:tabular-nums}
.reel-topkku-preview-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}
.reel-topkku-preview-actions button{min-height:44px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(10,12,16,.72);color:#fff;font:900 10px/1 system-ui}
.reel-topkku-preview-actions button.confirm{background:#f4eaff;color:#231626;border-color:#f4eaff}