#reelCommentsOverlay{position:fixed;inset:0;z-index:10020;background:rgba(0,0,0,.48);display:none;align-items:flex-end}#reelCommentsOverlay.is-open{display:flex}.reel-comments-sheet{width:100%;max-height:78dvh;background:var(--card,#fff);color:var(--text,#111);border-radius:22px 22px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:reelCommentsUp .22s ease-out}@keyframes reelCommentsUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.reel-comments-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(128,128,128,.18);flex:0 0 auto}.reel-comments-head strong{font-size:16px}.reel-comments-close{border:0;background:rgba(128,128,128,.12);width:36px;height:36px;border-radius:50%;font-size:20px}.reel-comments-list{overflow:auto;padding:8px 14px 14px;min-height:120px;flex:1}.reel-comment{display:flex;gap:10px;align-items:flex-start;padding:10px 2px}.reel-comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 40px;background:#e8ebf0;display:flex;align-items:center;justify-content:center;font-weight:900}.reel-comment-main{min-width:0;flex:1}.reel-comment-name{font-weight:900;font-size:13px;margin-bottom:3px}.reel-comment-body{font-size:14px;line-height:1.55;overflow-wrap:anywhere}.reel-comment-time{font-size:10px;opacity:.55;margin-top:3px}.reel-comment-replies{margin-top:7px;margin-right:12px;padding-right:10px;border-right:2px solid rgba(128,128,128,.18)}.reel-comment-reply{border:0;background:none;font-size:11px;font-weight:800;opacity:.7;padding:4px 0;cursor:pointer}.reel-comments-compose{display:flex;gap:8px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(128,128,128,.18);background:var(--card,#fff)}.reel-comments-compose input{flex:1;min-width:0;border:1px solid rgba(128,128,128,.3);border-radius:999px;padding:11px 14px;background:transparent;color:inherit;outline:none}.reel-comments-compose button{border:0;border-radius:50%;width:42px;height:42px;background:#1877f2;color:#fff;font-size:18px}.reel-comments-empty{text-align:center;padding:45px 15px;opacity:.6;font-size:14px}@media(min-width:700px){#reelCommentsOverlay{align-items:center;justify-content:center}.reel-comments-sheet{width:min(560px,94vw);max-height:75vh;border-radius:22px}}