.hw-social-post{gap:var(--hw-space-sm);padding:var(--hw-space-md) var(--hw-space-lg);border:1px solid var(--hw-border);border-radius:var(--hw-radius-lg);background:var(--hw-elevated);color:var(--hw-text);box-sizing:border-box;flex-direction:column;min-width:0;max-width:100%;display:flex;position:relative;overflow:visible}.hw-social-post__reason{color:var(--hw-accent);margin:0;font-weight:600}.hw-social-post__main{align-items:flex-start;gap:var(--hw-space-md);display:flex}.hw-social-post__content{gap:var(--hw-space-sm);flex-direction:column;flex:1;min-width:0;display:flex}.hw-social-vote{flex-direction:column;flex-shrink:0;align-items:center;gap:.15rem;padding-top:.15rem;display:flex}.hw-social-vote__btn{appearance:none;color:var(--hw-muted);cursor:pointer;border-radius:var(--hw-radius-sm);transition:color var(--hw-duration-fast) var(--hw-ease-out), background-color var(--hw-duration-fast) var(--hw-ease-out);background:0 0;border:1px solid #0000;padding:.15rem .3rem;font-size:.85rem;line-height:1}.hw-social-vote__btn:hover:not(:disabled){color:var(--hw-accent);background:color-mix(in srgb, var(--hw-accent) 10%, transparent)}.hw-social-vote__btn:disabled{cursor:default;opacity:.55}.hw-social-vote__btn--up.is-active{color:var(--hw-accent)}.hw-social-vote__btn--down.is-active{color:var(--hw-genre-scifi)}.hw-social-vote__score{font-family:var(--hw-font-ui);font-weight:700;font-size:var(--hw-type-sm);color:var(--hw-text);text-align:center;min-width:1.5rem}.hw-social-vote--sm .hw-social-vote__btn{padding:.1rem .25rem;font-size:.75rem}.hw-social-vote--sm .hw-social-vote__score{font-size:var(--hw-type-xs);min-width:1.25rem}.hw-social-post__header{align-items:center;gap:var(--hw-space-sm);display:flex}.hw-social-post__avatar{object-fit:cover;background:var(--hw-card-2);border-radius:999px;flex-shrink:0;width:2.5rem;height:2.5rem}.hw-social-post__header .hw-flair-avatar.hw-social-post__avatar{background:0 0;border-radius:0;align-self:center;overflow:visible}.hw-social-post__header .hw-flair-avatar.hw-social-post__avatar.hw-cosmetic-pack{margin-block:.1rem}.hw-social-post__header .hw-flair-avatar.hw-social-post__avatar>img{object-fit:cover;border-radius:999px;width:100%;height:100%}.hw-social-post__header:has(.hw-flair-avatar.hw-cosmetic-pack){align-items:center;gap:.55rem}.hw-social-post__avatar--fallback{font-family:var(--hw-font-display);color:var(--hw-accent);place-items:center;font-weight:700;display:inline-grid}.hw-social-post__byline{flex:1;min-width:0}.hw-social-post__author{font-size:var(--hw-type-md);margin:0}.hw-social-post__author a{color:inherit;text-decoration:none}.hw-social-post__author a:hover{color:var(--hw-accent)}.hw-social-post__when{color:var(--hw-muted);margin:0}.hw-social-post__when a{color:var(--hw-text-soft);text-decoration:none}.hw-social-post__when a:hover{color:var(--hw-accent)}.hw-social-post__menu{z-index:2;flex-shrink:0;position:relative}.hw-social-post__menu-btn{appearance:none;color:var(--hw-muted);cursor:pointer;border-radius:var(--hw-radius-sm);background:0 0;border:1px solid #0000;padding:.2rem .5rem;font-size:1.1rem;line-height:1}.hw-social-post__menu-btn:hover{color:var(--hw-text);background:var(--hw-panel-soft)}.hw-social-post__menu-list{z-index:40;border:1px solid var(--hw-border);border-radius:var(--hw-radius-md);background:var(--hw-panel-solid);min-width:8rem;box-shadow:var(--hw-shadow-lg);flex-direction:column;padding:.35rem;display:flex;position:absolute;top:calc(100% + .25rem);right:0}.hw-social-post__menu-item{appearance:none;color:var(--hw-text);text-align:left;border-radius:var(--hw-radius-sm);font:inherit;cursor:pointer;background:0 0;border:0;padding:.45rem .6rem}.hw-social-post__menu-item:hover{background:var(--hw-panel-soft)}.hw-social-post__menu-item--danger{color:var(--hw-error)}.hw-social-post__body{white-space:pre-wrap;text-align:left;margin:0;line-height:1.55;display:block}.hw-social-post__body-btn{appearance:none;cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;margin:0;padding:0}.hw-social-post__body-btn:hover,.hw-social-post__body-btn:focus,.hw-social-post__body-btn:active{color:inherit;box-shadow:none;background:0 0}.hw-social-post__body-btn:disabled{cursor:default}.hw-social-post.is-collapsed{cursor:default}.hw-social-post__expand-btn.hw-btn{font-weight:650}.hw-social-post__tags{gap:var(--hw-space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hw-social-post__tag{border-radius:var(--hw-radius-pill);border:1px solid var(--hw-border);background:var(--hw-panel-soft);color:var(--hw-text-soft);font-size:var(--hw-type-xs);padding:.2rem .6rem;font-weight:600}.hw-social-post__story{padding:var(--hw-space-xs) var(--hw-space-sm);border-radius:var(--hw-radius-sm);border:1px solid var(--hw-border);background:var(--hw-panel-soft);color:var(--hw-text);font-size:var(--hw-type-sm);align-self:flex-start;text-decoration:none}.hw-social-post__story:hover{border-color:var(--hw-border-strong);color:var(--hw-accent)}.hw-social-post__footer{align-items:center;gap:var(--hw-space-md);flex-wrap:wrap;display:flex}.hw-social-post__comments{color:var(--hw-muted)}.hw-social-post__composer{gap:var(--hw-space-xs);padding:var(--hw-space-sm);border:1px solid var(--hw-border);border-radius:var(--hw-radius-md);background:var(--hw-panel-soft);flex-direction:column;display:flex}.hw-social-post__composer-target{align-items:center;gap:var(--hw-space-sm);color:var(--hw-text-soft);margin:0;display:flex}.hw-social-post__composer-cancel{appearance:none;color:var(--hw-accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:600}.hw-social-post__composer-input{box-sizing:border-box;border:1px solid var(--hw-border);border-radius:var(--hw-radius-sm);background:var(--hw-elevated);width:100%;color:var(--hw-text);font-family:var(--hw-font-body);font-size:var(--hw-type-sm);padding:var(--hw-space-sm);resize:vertical}.hw-social-post__composer-actions{gap:var(--hw-space-sm);display:flex}.hw-social-post__thread{gap:var(--hw-space-sm);margin-top:var(--hw-space-xs);flex-direction:column;display:flex}.hw-social-comment{border-radius:var(--hw-radius-sm)}.hw-social-comment.is-reply-target{background:color-mix(in srgb, var(--hw-accent) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hw-accent) 30%, transparent)}.hw-social-comment__row{align-items:flex-start;gap:var(--hw-space-sm);padding:var(--hw-space-xs) var(--hw-space-xs) var(--hw-space-xs) 0;display:flex}.hw-social-comment__body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.hw-social-comment__head{align-items:center;gap:var(--hw-space-sm);flex-wrap:wrap;display:flex}.hw-social-comment__head:has(.hw-flair-avatar.hw-cosmetic-pack){align-items:center;gap:.45rem}.hw-social-comment__avatar{--hw-avatar-box:1.65rem}.hw-social-comment__head .hw-flair-avatar.hw-social-comment__avatar.hw-cosmetic-pack{margin-block:.05rem;position:relative;top:-.12rem}.hw-social-comment__author{color:var(--hw-text);font-weight:650;font-size:var(--hw-type-sm);text-decoration:none}.hw-social-comment__author:hover{color:var(--hw-accent)}.hw-social-comment__when{color:var(--hw-muted)}.hw-social-post__delete-btn.hw-btn{color:var(--hw-error)}.hw-social-comment__delete{appearance:none;color:var(--hw-muted);cursor:pointer;font:inherit;font-size:var(--hw-type-xs);background:0 0;border:0;margin-left:auto;padding:0}.hw-social-comment__delete:hover{color:var(--hw-error)}.hw-social-comment__text{white-space:pre-wrap;line-height:1.5;font-size:var(--hw-type-sm);margin:0}.hw-social-comment__reply{appearance:none;color:var(--hw-muted);cursor:pointer;font:inherit;font-size:var(--hw-type-xs);background:0 0;border:0;align-self:flex-start;padding:0;font-weight:650}.hw-social-comment__reply:hover{color:var(--hw-accent)}.hw-social-comment__children{padding-left:var(--hw-space-sm);border-left:2px solid color-mix(in srgb, var(--hw-border) 85%, var(--hw-accent));gap:var(--hw-space-xs);flex-direction:column;margin-left:1.1rem;display:flex}.hw-social-post--room{padding:var(--hw-space-sm) var(--hw-space-md)}.hw-social-post--room .hw-social-post__author{font-size:var(--hw-type-md)}.hw-social-post__confirm{z-index:80;padding:var(--hw-space-lg);background:color-mix(in srgb, var(--hw-text) 28%, transparent);place-items:center;display:grid;position:fixed;inset:0}.hw-social-post__confirm-panel{gap:var(--hw-space-md);width:min(24rem,100%);padding:var(--hw-space-lg);border:1px solid var(--hw-border);border-radius:var(--hw-radius-lg);background:var(--hw-elevated);box-shadow:var(--hw-shadow-lg);color:var(--hw-text);flex-direction:column;display:flex}.hw-social-post__confirm-panel h2{margin:0}.hw-social-post__confirm-panel p{color:var(--hw-text-soft);margin:0}.hw-social-post__confirm-actions{justify-content:flex-end;gap:var(--hw-space-sm);flex-wrap:wrap;display:flex}.hw-social-post__confirm-danger.hw-btn{background:var(--hw-error);border-color:var(--hw-error);color:var(--hw-ambient-cream,#f4ead8)}@media (width<=720px){.hw-social-vote{flex-direction:row;align-items:center;gap:.15rem;padding-top:0}.hw-social-vote__btn,.hw-social-vote--sm .hw-social-vote__btn,.hw-social-comment__reply{min-width:44px;min-height:44px;padding:.35rem .55rem}}@media (width<=640px){.hw-social-post{padding:var(--hw-space-md)}.hw-social-post__main{gap:var(--hw-space-sm)}.hw-social-comment__children{padding-left:var(--hw-space-xs);margin-left:.5rem}}.hw-social-side-nav{top:calc(var(--hw-global-nav-h,4.5rem) + var(--hw-space-md));width:100%;max-width:none;min-height:calc(100vh - var(--hw-global-nav-h,4.5rem) - var(--hw-space-xl));align-self:stretch;gap:var(--hw-space-lg);box-sizing:border-box;padding:var(--hw-space-md);border-radius:var(--hw-radius-xl);border:1px solid var(--hw-border);background:color-mix(in srgb, var(--hw-elevated) 94%, transparent);box-shadow:var(--hw-shadow-sm);z-index:20;flex-direction:column;display:flex;position:sticky}.hw-social-side-nav__list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.hw-social-side-nav__link{align-items:center;gap:var(--hw-space-sm);border-radius:var(--hw-radius-md);color:var(--hw-text);font-family:var(--hw-font-ui);font-size:var(--hw-type-sm);letter-spacing:.01em;transition:background-color var(--hw-duration-fast) var(--hw-ease-out), color var(--hw-duration-fast) var(--hw-ease-out);flex-direction:row;padding:.7rem .85rem;font-weight:650;text-decoration:none;display:flex}.hw-social-side-nav__link:hover{background:color-mix(in srgb, var(--hw-accent) 8%, var(--hw-elevated));color:var(--hw-text)}.hw-social-side-nav__link.is-active{background:color-mix(in srgb, var(--hw-accent) 14%, var(--hw-elevated));color:var(--hw-text);box-shadow:inset 3px 0 0 var(--hw-accent)}.hw-social-side-nav__link:active,.hw-social-side-nav__link:focus-visible{background:color-mix(in srgb, var(--hw-accent) 10%, var(--hw-elevated));color:var(--hw-text);outline:none}.hw-social-side-nav__icon{width:1.2rem;height:1.2rem;color:var(--hw-accent-strong,var(--hw-accent));flex-shrink:0}.hw-social-side-nav__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hw-social-side-nav__mine{gap:var(--hw-space-sm);min-height:0;padding-top:var(--hw-space-sm);border-top:1px solid var(--hw-border);flex-direction:column;flex:1;display:flex}.hw-social-side-nav__mine-head{justify-content:space-between;align-items:baseline;gap:var(--hw-space-sm);display:flex}.hw-social-side-nav__mine-title{font-family:var(--hw-font-display);font-size:var(--hw-type-sm);color:var(--hw-text);margin:0;font-weight:700}.hw-social-side-nav__mine-all{font-size:var(--hw-type-xs);color:var(--hw-accent-strong,var(--hw-accent));white-space:nowrap;font-weight:650;text-decoration:none}.hw-social-side-nav__mine-all:hover{text-decoration:underline}.hw-social-side-nav__mine-empty{color:var(--hw-muted);font-size:var(--hw-type-sm);margin:0;line-height:1.4}.hw-social-side-nav__mine-list{flex-direction:column;gap:.15rem;max-height:min(28rem,50vh);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.hw-social-side-nav__mine-link{align-items:center;gap:var(--hw-space-sm);border-radius:var(--hw-radius-md);color:var(--hw-text);font-size:var(--hw-type-sm);padding:.45rem .5rem;font-weight:550;text-decoration:none;display:flex}.hw-social-side-nav__mine-link:hover{background:color-mix(in srgb, var(--hw-accent) 8%, transparent)}.hw-social-side-nav__mine-link.is-active{background:color-mix(in srgb, var(--hw-accent) 12%, var(--hw-elevated));box-shadow:inset 3px 0 0 var(--hw-accent)}.hw-social-side-nav__mine-icon{border-radius:var(--hw-radius-sm);object-fit:cover;background:var(--hw-surface,var(--hw-card));flex-shrink:0;width:1.75rem;height:1.75rem}.hw-social-side-nav__mine-icon--fallback,.hw-social-side-nav__mine-icon.hw-social-side-nav__mine-icon--fallback{box-sizing:border-box;font-family:var(--hw-font-display);letter-spacing:0;text-align:center;text-transform:none;color:var(--hw-accent);background:color-mix(in srgb, var(--hw-accent) 12%, var(--hw-elevated));justify-content:center;align-items:center;margin:0;padding:.06em 0 0;font-size:.85rem;font-weight:700;line-height:1;text-decoration:none;display:flex}.hw-social-side-nav__mine-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=960px){.hw-social-side-nav{border-radius:var(--hw-radius-md);gap:.45rem;width:100%;min-width:0;max-width:100%;min-height:0;padding:.4rem;position:static}.hw-social-side-nav__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid}.hw-social-side-nav__link{white-space:normal;text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.15rem;min-width:0;min-height:2.75rem;padding:.4rem .2rem}.hw-social-side-nav__link.is-active{box-shadow:inset 0 -3px 0 var(--hw-accent)}.hw-social-side-nav__label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.68rem;line-height:1.15;overflow:hidden}.hw-social-side-nav__mine{display:none}}@media (width<=640px){.hw-social-side-nav__icon{display:none}}.hw-post-focus__main{gap:var(--hw-space-md);flex-direction:column;min-width:0;display:flex}.hw-post-focus__back{appearance:none;color:var(--hw-muted);font-family:var(--hw-font-ui);font-size:var(--hw-type-sm);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-weight:650}.hw-post-focus__back:hover{color:var(--hw-accent)}.hw-post-focus__status{color:var(--hw-muted);margin:0}.hw-post-focus__context{margin:0}.hw-post-focus__context a{color:var(--hw-text);font-weight:650;text-decoration:none}.hw-post-focus__context a:hover{color:var(--hw-accent)}.hw-social-post--focus{padding:var(--hw-space-lg)}.hw-social-post__body-link{color:inherit;text-decoration:none;display:block}.hw-social-post__body-link:hover .hw-social-post__body{color:var(--hw-text)}