.reactions ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.reactions button,.reactions .sticker-static{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:.88rem;display:inline-flex}.reactions button{cursor:pointer;transition:transform .14s,background .14s,border-color .14s}.reactions button:hover img{transform:rotate(-8deg)scale(1.08)}.reactions button:active{transform:scale(.95)}.reactions button.on{background:color-mix(in srgb, var(--accent,#ff6b35) 12%, var(--card));border-color:var(--accent,#ff6b35)}.reactions img{filter:drop-shadow(0 2px 3px #0000001f);transition:transform .18s cubic-bezier(.2,1.4,.4,1);display:block}.reactions img.pop{animation:.6s cubic-bezier(.2,1.6,.4,1) sticker-pop}@keyframes sticker-pop{0%{transform:scale(.6)rotate(-20deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1)rotate(0)}}.reactions b{font-variant-numeric:tabular-nums;font-weight:600}.reactions p{margin:8px 0 0}@media (prefers-reduced-motion:reduce){.reactions img,.reactions img.pop{transition:none;animation:none}}.comments{gap:12px;display:grid}.comments-h{margin:0;font-size:1.15rem}.comment-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.comment-list li{grid-template-columns:32px minmax(0,1fr);gap:10px;display:grid}.comment-list li.held{opacity:.75}.comment-avatar{background:var(--paper-2);width:32px;height:32px;color:var(--ink-2);border-radius:50%;place-items:center;font-weight:600;text-decoration:none;display:grid;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%;display:block}.comment-meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:.88rem;display:flex}.comment-meta a{color:var(--ink);text-decoration:none}.comment-held{background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:1px 8px}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0;line-height:1.5}.comment-form{gap:8px;display:grid}.comment-form textarea{resize:vertical;border:1px solid var(--line);background:var(--card);width:100%;min-height:72px;color:var(--ink);font:inherit;border-radius:12px;padding:10px 12px}.comment-form-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-form-btns{gap:8px;margin-left:auto;display:inline-flex}.comment-form.small-form{margin-top:8px}.comment-form.small-form textarea{min-height:56px}.comment-list li{border-radius:14px;scroll-margin-top:90px;transition:background .6s,box-shadow .6s;position:relative}.comment-list li.reply{grid-template-columns:26px minmax(0,1fr);margin-top:-4px;margin-left:42px}.comment-list li.reply:before{content:"";border-left:2px solid var(--line);border-bottom:2px solid var(--line);border-bottom-left-radius:10px;width:16px;height:24px;position:absolute;top:-10px;left:-26px}.comment-list li.flash{background:color-mix(in srgb, var(--accent,#ff6b35) 10%, transparent);box-shadow:0 0 0 8px color-mix(in srgb, var(--accent,#ff6b35) 10%, transparent)}.comment-main{min-width:0}.comment-reply-box{grid-column:2}.comment-badge.team{background:var(--ink,#1a1a1a);color:var(--paper,#fff)}.comment-avatar.team{background:color-mix(in srgb, var(--accent,#ff6b35) 12%, #fff);place-items:center;display:grid}.comment-avatar.team img{object-fit:contain;width:64%;height:64%}.comment-badge{letter-spacing:.02em;background:color-mix(in srgb, var(--accent,#ff6b35) 16%, transparent);color:var(--accent,#ff6b35);border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:600}.comment-time{text-decoration:none}.comment-time:hover{text-decoration:underline}.comment-actions{align-items:center;gap:14px;min-height:24px;margin-top:4px;display:flex}.comment-link{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:2px 0;font-size:.8rem;display:inline-flex}.comment-link:hover{color:var(--ink)}.comment-link svg{width:13px;height:13px}.comment-more{position:relative}.comment-icon{width:24px;height:24px;color:var(--ink-2);cursor:pointer;opacity:.55;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.comment-list li:hover .comment-icon,.comment-icon:focus-visible,.comment-icon[aria-expanded=true]{opacity:1}.comment-icon:hover{background:var(--paper-2);color:var(--ink)}.comment-icon svg{width:16px;height:16px}.comment-menu{z-index:20;border:1px solid var(--line);background:var(--card);border-radius:14px;min-width:220px;padding:6px;display:grid;position:absolute;top:28px;left:0;box-shadow:0 12px 32px #00000038}.comment-menu p{margin:4px 8px 6px}.comment-menu button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:8px;font-size:.88rem;display:flex}.comment-menu button:hover,.comment-menu button:focus-visible{background:var(--paper-2)}.comment-menu svg{width:14px;height:14px;color:var(--ink-2)}.comment-nudge{margin:-4px 0 0}.comment-skeleton{background:linear-gradient(90deg, var(--paper-2), var(--card), var(--paper-2));background-size:200% 100%;border-radius:12px;height:72px;animation:1.4s linear infinite comment-shimmer}@keyframes comment-shimmer{to{background-position:-200% 0}}@media (max-width:560px){.comment-list li.reply{margin-left:24px}.comment-list li.reply:before{width:10px;left:-16px}}@media (prefers-reduced-motion:reduce){.comment-list li,.comment-skeleton{transition:none;animation:none}}.community{border:1px solid var(--line);background:var(--card);border-radius:22px;gap:22px;padding:22px;display:grid}.community-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding-bottom:18px;display:flex}.community-stats{color:var(--ink-2);flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.community-stats li{align-items:center;gap:6px;display:inline-flex}.community-stats svg{width:16px;height:16px;color:var(--accent,#ff6b35)}.community-first{color:var(--ink-2);align-items:center;gap:8px;max-width:34ch;margin:0;font-size:.92rem;display:inline-flex}.community-first svg{width:18px;height:18px;color:var(--accent,#ff6b35);flex:none}.reactions-note{margin:6px 0 0}.community-stats b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1rem}.community-actions{flex-wrap:wrap;gap:8px;display:flex}.community-actions .ui-btn{align-items:center;gap:6px;display:inline-flex}.community-actions .ui-btn svg{width:15px;height:15px}.community-actions .ui-btn.on{background:color-mix(in srgb, var(--ok,#16a34a) 14%, var(--card));border-color:var(--ok,#16a34a);color:var(--ink)}.community .reactions ul{gap:8px}.community .reactions button,.community .reactions .sticker-static{padding:4px 12px 4px 4px}.community .reactions img{width:36px;height:36px}.community-remixes{gap:10px;display:grid}.remix-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.remix-card{border:1px solid var(--line);background:var(--paper-2);color:var(--ink);border-radius:14px;gap:4px;padding:8px;text-decoration:none;transition:transform .14s,border-color .14s;display:grid}.remix-card:hover{border-color:var(--accent,#ff6b35);transform:translateY(-2px)}.remix-card img{aspect-ratio:4/3;object-fit:cover;background:var(--card);border-radius:10px;width:100%;height:auto}.remix-card b{font-size:.88rem;line-height:1.3}.community .comments{border-top:1px solid var(--line);padding-top:18px}@media (max-width:560px){.community{border-radius:18px;padding:16px}.community-actions{width:100%}.community-actions .ui-btn{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.remix-card{transition:none}.remix-card:hover{transform:none}}.reactions a.sticker-static{cursor:pointer;text-decoration:none;transition:border-color .14s}.reactions a.sticker-static:hover{border-color:var(--accent,#ff6b35)}.community-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.community-foot .comment-menu{inset:auto 0 30px auto}.community-mine{align-items:center;gap:6px;display:inline-flex}.community-mine svg{width:14px;height:14px;color:var(--accent,#ff6b35)}
