/* Reels carries the current Gram chrome over its full-height film stage. */
.reels-page{background:#0c1012;color:#f5f6f7;--gram-bg:#0c1012;--gram-ink:#f5f6f7;--gram-muted:#a0a5aa;--gram-line:#252a2d;--gram-panel:#262c30;--gram-glass:#22292de0}
.reels-feed,.reel-card{height:100dvh}
.reel-card{background:#0c1012}
.reel-media,.reel-poster{inset:calc(58px + env(safe-area-inset-top)) 0 calc(89px + env(safe-area-inset-bottom));height:calc(100% - 147px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;background:#000}
.reel-card:after{background:linear-gradient(#0c1012b3,transparent 22%,transparent 55%,#0c1012b3 89%);}
.reels-top{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;gap:8px}
.reels-top .reels-brand{display:flex;align-items:center;justify-content:center;gap:0;margin:0;color:#f5f6f7;width:auto;height:36px;min-width:0;white-space:nowrap}
.reels-brand-prefix{font:italic 600 27px/1 "Brush Script MT","Segoe Script",cursive;letter-spacing:-1px;margin-right:1px}
.reels-top .social-wordmark{width:132px;height:32px}
.reels-top a,.reels-top button{flex:none;width:36px;height:36px;min-width:36px;border:1px solid #ffffff20;border-radius:50%;background:#22292d8f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.reels-top svg{width:23px;height:23px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reels-app-nav{position:fixed;inset:auto 18px max(12px,env(safe-area-inset-bottom));height:57px;width:auto;padding:4px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #ffffff38;border-radius:999px;background:var(--gram-glass);box-shadow:inset 0 1px 0 #ffffff70,0 5px 18px #0003;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);isolation:isolate}
.reels-app-nav>a{position:relative;width:100%;height:47px;min-width:0;border-radius:999px;color:#f5f6f7;background:none;padding:0}
.reels-app-nav svg{width:26px;height:26px;stroke-width:1.8}
.reels-app-nav [aria-current] svg{stroke-width:2.2}
.reels-app-nav .glass-tab-lens{background:#ffffff30;border-color:#ffffff18;box-shadow:inset 0 1px 0 #ffffff35}
.reels-app-profile img{width:25px;height:25px;object-fit:contain;padding:0;border:0;background:#0c1012;border-radius:50%}
.reel-info{bottom:calc(110px + env(safe-area-inset-bottom));left:14px;right:70px}
.reel-info .social-identity-link img{width:34px;height:34px}
.reel-info .social-identity-link strong{font-size:14px}
.reel-info p{font-size:14px;line-height:1.4}
.reel-actions{right:8px;bottom:calc(206px + env(safe-area-inset-bottom));gap:16px;width:48px}
.reel-actions .social-action-set{gap:16px}
.reel-actions .viele-like svg,.reel-actions .social-action svg{width:29px;height:29px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reel-project{font-size:11px;line-height:1.3;min-height:44px}
.reel-progress{bottom:calc(80px + env(safe-area-inset-bottom));left:14px;right:14px}
.reel-progress span{font-size:11px}
.reel-toggle-area{inset:calc(58px + env(safe-area-inset-top)) 62px calc(175px + env(safe-area-inset-bottom)) 0}
.reels-page .social-identity-link:focus-visible,.reels-app-nav>a:focus-visible{outline:2px solid #b7b5fb;outline-offset:2px}
@media(min-width:701px){.reels-feed,.reels-top{max-width:440px;margin:auto}.reels-app-nav{left:calc(50% - 202px);right:auto;width:404px;max-width:none;margin:0}.reels-page{background:#0c1012}}
@media(max-width:350px){.reels-top{padding-inline:8px;gap:4px}.reels-brand-prefix{font-size:24px}.reels-top .social-wordmark{width:117px;height:30px}.reels-app-nav{left:12px;right:12px}}
@media(prefers-reduced-transparency:reduce){.reels-app-nav,.reels-top a,.reels-top button{background:#22292d;backdrop-filter:none;-webkit-backdrop-filter:none}}