.lf-comments-popup{z-index:900;inset-inline-end:max(24px, env(safe-area-inset-right));bottom:calc(100px + var(--lf-comments-keyboard-offset,0px));width:min(420px,100vw - 32px);max-height:min(640px, calc(var(--lf-comments-viewport-height,100dvh) - 132px));border:1px solid hsl(var(--border));background:hsl(var(--lightflix-void) / .94);color:hsl(var(--foreground));text-align:start;touch-action:pan-y;border-radius:8px 24px 8px 8px;outline:none;flex-direction:column;animation:.18s ease-out lf-comments-appear;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 80px #0006}@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.lf-comments-popup{background:hsl(var(--lightflix-void) / .86);-webkit-backdrop-filter:blur(16px)}}.lf-comments-popup-header{border-bottom:1px solid hsl(var(--border));flex-shrink:0;align-items:center;gap:12px;padding:16px;display:flex}.lf-comments-popup-mark{background:hsl(var(--primary) / .12);width:40px;height:40px;color:hsl(var(--lightflix-cyan));border-radius:5px 12px 5px 5px;flex-shrink:0;place-items:center;display:grid}.lf-comments-popup-header>div{flex:1;min-width:0}.lf-comments-popup-header h2{letter-spacing:-.03em;margin:0;font-size:17px;font-weight:600}.lf-comments-popup-header p{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;overflow:hidden}.lf-comments-popup-header button{width:44px;height:44px;color:hsl(var(--muted-foreground));border-radius:8px;flex-shrink:0;place-items:center;display:grid}.lf-comments-popup-header button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.lf-comments-popup button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px}.lf-comments-popup-body{flex-direction:column;min-height:0;display:flex}.lf-comments-popup-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent;min-height:0;padding:16px;overflow-y:auto}.lf-comments-popup .lf-comments-popup-thread{color:hsl(var(--foreground));font-size:13px}.lf-comments-popup [data-comment-form]{background:hsl(var(--lightflix-surface) / .6);border-color:hsl(var(--border));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px;padding:12px}.lf-comments-popup [data-comment-form]>div:first-child{border-color:hsl(var(--border));background:hsl(var(--lightflix-void) / .35);border-radius:6px}.lf-comments-popup textarea{min-height:88px;max-height:180px;color:hsl(var(--foreground));padding:10px;font-size:16px}.lf-comments-popup textarea::placeholder{color:hsl(var(--muted-foreground))}.lf-comments-popup [data-comment-form] button[type=submit]{background:hsl(var(--primary));min-width:80px;min-height:44px;color:hsl(var(--primary-foreground));box-shadow:none;border-radius:6px;padding:8px 14px;transform:none}.lf-comments-popup [data-comment-empty]{min-height:140px;color:hsl(var(--muted-foreground));background:0 0;border:0}.lf-comments-popup [data-comment-entry]{border:0;border-bottom:1px solid hsl(var(--border));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;padding:14px 0}.lf-comments-popup [data-comment-entry] img{max-width:100%}@keyframes lf-comments-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px),(max-height:500px){.lf-comments-popup{inset-inline-end:max(12px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + var(--lf-comments-keyboard-offset,0px));width:min(420px,100vw - 24px);max-height:calc(var(--lf-comments-viewport-height,100dvh) - 32px)}.lf-comments-popup-header{padding:10px 12px}.lf-comments-popup-scroll{padding:12px}}@media (prefers-reduced-motion:reduce){.lf-comments-popup{animation:none}}