.profile-photo-editor{display:flex;align-items:center;flex-direction:column;gap:10px}.profile-photo-editor .avatar{width:86px;height:86px;font-size:28px}.photo-pick{color:var(--blue);cursor:pointer;font-size:13px;margin:0}.profile-handle{color:#65738a;font-size:12px}.profile-website{display:flex;align-items:center;gap:6px;color:#2e5bff;font-size:12px;overflow-wrap:anywhere}.profile-website .icon{width:15px;height:15px}.profile-library .tile-caption{display:none}.profile-library .tile-kind{top:auto;bottom:7px;left:7px;right:auto;background:transparent;font-weight:650;text-shadow:0 1px 4px #000}.profile-library .profile-tile{border-radius:0}.tile-pin{position:absolute;top:7px;right:7px;color:white;text-shadow:0 1px 4px #000;font-size:22px}.social-comment{display:flex;gap:10px;padding:13px 0;margin-left:calc(var(--reply-depth)*16px);align-items:flex-start}.social-comment>.avatar{width:32px;height:32px;font-size:11px}.social-comment-copy{min-width:0;flex:1}.social-comment-copy>b{font-size:12px}.social-comment-copy>p{font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.comment-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#8a95a5;font-size:10px}.comment-tools button{font-size:10px;font-weight:600;padding:4px 0}.comment-heart{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;min-width:36px;font-size:10px}.comment-heart .icon{width:17px;height:17px}.comment-heart.liked{color:#ff375e}.comment-heart.liked .icon{fill:currentColor}.social-comment-form{position:sticky;bottom:-24px;background:white;padding:10px 0 18px;border-top:1px solid #eee;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.social-comment-form textarea{min-height:42px;height:42px;max-height:120px;flex:1;width:auto;font-size:13px;resize:none;border-radius:20px}.social-comment-form .primary{padding:11px 14px;border-radius:20px}.social-comment-form #reply-context,.social-comment-form .form-error{width:100%;margin:0}.comments-empty{text-align:center;padding:45px 12px;color:#7b8797}.comments-empty>b{color:#1a1a2e;font-size:18px}.sheet-grip{display:none}.composer-filmstrip{display:flex;gap:2px;border-radius:7px;overflow:hidden;min-height:60px;margin:10px 0}.composer-filmstrip:empty{background:linear-gradient(90deg,#e9edf4,#f5f7fa,#e9edf4)}.composer-filmstrip button{position:relative;flex:1;min-width:0;padding:0}.composer-filmstrip img{width:100%;height:64px;object-fit:cover;display:block}.composer-filmstrip span{position:absolute;bottom:2px;left:2px;color:white;font-size:8px;text-shadow:0 1px 3px black}.reel-like-burst{position:absolute;z-index:4;top:38%;left:calc(50% - 38px);pointer-events:none;color:white;animation:reel-heart .8s ease-out both}.reel-like-burst .icon{width:76px;height:76px;fill:white;filter:drop-shadow(0 3px 12px #0005)}@keyframes reel-heart{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.15);opacity:1}65%{transform:scale(1);opacity:1}100%{transform:scale(1.4);opacity:0}}
@media(max-width:650px){dialog.comments-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:calc(88dvh - env(safe-area-inset-top));border-radius:18px 18px 0 0;border:0}.comments-sheet .modal-head{padding:15px 18px}.comments-sheet #modal-body{padding:0 16px max(10px,env(safe-area-inset-bottom))}.sheet-grip{display:block;width:36px;height:4px;background:#cfd5dd;border-radius:4px;margin:8px auto 12px}.social-comment-form{bottom:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}.profile-library .profile-grid{gap:3px}}
@media(prefers-reduced-motion:reduce){.reel-like-burst{animation-duration:.01s}}
.social-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.social-comment-form textarea{width:100%;min-width:0}.social-comment-form #reply-context,.social-comment-form .form-error{grid-column:1/-1}.social-comment-form .primary{width:auto;grid-column:2;grid-row:3}.social-comment-form textarea{grid-column:1;grid-row:3}