.sns-page{--sns-accent:var(--accent-gold);--sns-accent-glow:var(--accent-gold-glow);--sns-accent-subtle:var(--accent-gold-subtle);--sns-accent-border:var(--accent-gold-border);--sns-banner-text:"MirrorLine"}.sns-page.hunter-mode{--sns-accent:#b040a0;--sns-accent-glow:#b040a04d;--sns-accent-subtle:#b040a01a;--sns-accent-border:#b040a059;--sns-banner-text:"HUNTER//NET — SECURE CHANNEL"}.sns-layout{gap:var(--space-md);grid-template-columns:200px 1fr 260px;max-width:1200px;min-height:calc(100vh - 120px);margin:0 auto;display:grid}.sns-nav{top:var(--space-xl);padding:var(--space-md) 0;align-self:flex-start;position:sticky}.sns-nav__item{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-family:var(--font-body);background:0 0;border:none;display:flex}.sns-nav__item:hover{color:var(--text-heading);background:#ffffff08}.sns-nav__item--active{color:var(--sns-accent);border-left:3px solid var(--sns-accent);background:var(--sns-accent-subtle)}.sns-nav__icon{text-align:center;width:20px;font-size:var(--font-size-md)}.sns-main{border-left:var(--border-subtle);border-right:var(--border-subtle);min-height:100%}.sns-sidebar{top:var(--space-xl);padding:var(--space-md);align-self:flex-start;position:sticky}.sns-banner{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-subtle);background:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.sns-banner__title{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--sns-accent);letter-spacing:.08em;font-weight:700}.sns-banner__subtitle{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.1em}.hunter-banner{padding:6px var(--space-lg);text-align:center;background:#b040a014;border-bottom:1px solid #b040a040;display:none}.hunter-mode .hunter-banner{display:block}.hunter-banner__text{font-family:var(--font-mono);font-size:var(--font-size-xs);color:#b040a0;letter-spacing:.15em;animation:3s ease-in-out infinite hunterPulse}@keyframes hunterPulse{0%,to{opacity:.7}50%{opacity:1}}.post-composer{padding:var(--space-lg);border-bottom:var(--border-subtle);background:var(--bg-card)}.post-composer__header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.post-composer__avatar{background:var(--bg-tertiary);border:1px solid var(--sns-accent-border);width:40px;height:40px;font-size:var(--font-size-lg);color:var(--sns-accent);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.post-composer__avatar img{object-fit:cover;width:100%;height:100%}.post-composer__textarea{background:var(--bg-primary);border:var(--border-subtle);width:100%;min-height:80px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-md);padding:var(--space-md);resize:vertical;line-height:1.7}.post-composer__textarea:focus{border-color:var(--sns-accent-border);box-shadow:0 0 8px var(--sns-accent-glow);outline:none}.post-composer__textarea::placeholder{color:var(--text-muted)}.post-composer__footer{margin-top:var(--space-md);justify-content:space-between;align-items:center;display:flex}.post-composer__char-count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.post-composer__char-count--over{color:var(--accent-danger)}.post-composer__submit{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.08em;background:var(--sns-accent-subtle);border:1px solid var(--sns-accent-border);color:var(--sns-accent);cursor:pointer;transition:all var(--transition-fast);padding:8px 24px;font-weight:500}.post-composer__submit:hover:not(:disabled){box-shadow:0 0 8px var(--sns-accent-glow);background:#d4af3733}.post-composer__submit:disabled{opacity:.4;cursor:not-allowed}.post-card{padding:var(--space-lg);border-bottom:var(--border-subtle);transition:background var(--transition-fast)}.post-card:hover{background:#ffffff04}.post-card--reply{padding-left:calc(var(--space-lg) + 48px);background:#ffffff03}.post-card__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.post-card__avatar{background:var(--bg-tertiary);width:36px;height:36px;font-size:var(--font-size-md);border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.post-card__avatar img{object-fit:cover;width:100%;height:100%}.post-card__meta{flex-direction:column;min-width:0;display:flex}.post-card__name{font-weight:700;font-size:var(--font-size-sm);color:var(--text-heading);align-items:center;gap:var(--space-xs);display:flex}.post-card__affiliation{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.post-card__time{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0;margin-left:auto}.post-card__content{color:var(--text-primary);font-size:var(--font-size-md);margin-bottom:var(--space-md);white-space:pre-wrap;word-break:break-word;line-height:1.8}.post-card__hashtag{color:var(--sns-accent);font-weight:500}.post-card__actions{gap:var(--space-xl);display:flex}.post-card__action{align-items:center;gap:var(--space-xs);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px 8px;display:flex}.post-card__action:hover{color:var(--sns-accent)}.post-card__action--liked{color:var(--accent-danger)}.bot-badge{font-family:var(--font-mono);color:var(--accent-blue);letter-spacing:.05em;vertical-align:middle;background:#3a6ea51f;border:1px solid #3a6ea540;align-items:center;gap:2px;padding:1px 6px;font-size:.6rem;display:inline-flex}.hunter-mode .bot-badge{color:#b040a0;background:#b040a01f;border-color:#b040a040}.post-type-badge{font-family:var(--font-mono);letter-spacing:.05em;vertical-align:middle;padding:1px 6px;font-size:.6rem;display:inline-flex}.post-type-badge--rumor{color:var(--resonance-thirst);background:#7030a01f;border:1px solid #7030a04d}.post-type-badge--intel{color:var(--accent-blue);background:#3a6ea51f;border:1px solid #3a6ea54d}.post-type-badge--alert{background:var(--accent-danger-subtle);border:1px solid var(--accent-danger-border);color:var(--accent-danger)}.post-type-badge--npc_chatter{border:var(--border-subtle);color:var(--text-muted);background:#ffffff0a}.char-selector{position:relative}.char-selector__button{align-items:center;gap:var(--space-sm);background:var(--bg-tertiary);border:var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast);min-width:160px;padding:6px 12px;display:flex}.char-selector__button:hover{border-color:var(--sns-accent-border)}.char-selector__dropdown{background:var(--bg-card);border:1px solid var(--sns-accent-border);z-index:50;max-height:240px;box-shadow:var(--shadow-card);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.char-selector__option{align-items:center;gap:var(--space-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left;width:100%;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);background:0 0;border:none;padding:8px 12px;display:flex}.char-selector__option:hover{background:#ffffff0a}.char-selector__option--selected{background:var(--sns-accent-subtle);color:var(--sns-accent)}.thread-list__item{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-subtle);transition:background var(--transition-fast);color:inherit;text-decoration:none;display:block}.thread-list__item:hover{background:#ffffff05}.thread-list__title{font-weight:700;font-size:var(--font-size-md);color:var(--text-heading);margin-bottom:var(--space-xs)}.thread-list__meta{align-items:center;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--text-muted);display:flex}.thread-list__category{font-family:var(--font-mono);background:var(--sns-accent-subtle);border:1px solid var(--sns-accent-border);color:var(--sns-accent);letter-spacing:.05em;padding:1px 6px}.thread-list__pinned{color:var(--accent-gold)}.thread-detail__header{padding:var(--space-lg);border-bottom:var(--border-subtle)}.thread-detail__title{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);font-weight:700}.thread-detail__body{padding:var(--space-lg);border-bottom:var(--border-subtle);color:var(--text-primary);white-space:pre-wrap;line-height:1.9}.thread-reply{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-subtle)}.thread-reply__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.thread-reply__content{color:var(--text-primary);white-space:pre-wrap;line-height:1.8}.chat-room-list__item{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-subtle);cursor:pointer;transition:background var(--transition-fast);color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.chat-room-list__item:hover{background:#ffffff05}.chat-room__messages{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-message{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);display:flex}.chat-message__avatar{background:var(--bg-tertiary);width:28px;height:28px;font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.chat-message__avatar img{object-fit:cover;width:100%;height:100%}.chat-message__body{flex:1;min-width:0}.chat-message__name{font-weight:700;font-size:var(--font-size-xs);color:var(--sns-accent);margin-bottom:2px}.chat-message__text{font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-word;line-height:1.6}.chat-message__time{font-family:var(--font-mono);color:var(--text-muted);font-size:.6rem}.chat-input{gap:var(--space-sm);padding:var(--space-md);border-top:var(--border-subtle);background:var(--bg-card);display:flex}.chat-input__field{background:var(--bg-primary);border:var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);flex:1;padding:8px 12px}.chat-input__field:focus{border-color:var(--sns-accent-border);outline:none}.chat-input__send{background:var(--sns-accent-subtle);border:1px solid var(--sns-accent-border);color:var(--sns-accent);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px}.chat-input__send:hover{background:#d4af3733}.trending-section{margin-bottom:var(--space-xl)}.trending-section__title{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.1em;padding-bottom:var(--space-sm);border-bottom:var(--border-subtle);margin-bottom:var(--space-md)}.trending-item{padding:var(--space-sm) 0;cursor:pointer;transition:color var(--transition-fast)}.trending-item:hover{color:var(--sns-accent)}.trending-item__tag{font-weight:700;font-size:var(--font-size-sm);color:var(--text-heading)}.trending-item__count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}@keyframes glitchIn{0%{filter:hue-rotate()invert(0);transform:translate(0)}20%{filter:hue-rotate(90deg)invert(.8);transform:translate(-2px,1px)}40%{filter:hue-rotate(180deg)invert(.3);transform:translate(2px,-1px)}60%{filter:hue-rotate(270deg)invert(.6);transform:translate(-1px,2px)}80%{filter:hue-rotate(360deg)invert(.1);transform:translate(1px,-2px)}to{filter:hue-rotate()invert(0);transform:translate(0)}}.sns-page--glitch{animation:.6s ease-out glitchIn}.sns-new-posts-banner{padding:8px var(--space-lg);text-align:center;background:var(--sns-accent-subtle);border-bottom:1px solid var(--sns-accent-border);cursor:pointer;transition:background var(--transition-fast)}.sns-new-posts-banner:hover{background:#d4af3726}.sns-new-posts-banner__text{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--sns-accent);letter-spacing:.05em}.sns-empty{padding:var(--space-3xl);text-align:center;color:var(--text-muted)}.sns-empty__icon{margin-bottom:var(--space-md);opacity:.3;font-size:2rem}.sns-empty__text{font-size:var(--font-size-sm)}.sns-loading{padding:var(--space-xl);text-align:center;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.1em}.sns-tabs{border-bottom:var(--border-subtle);display:flex}.sns-tab{text-align:center;color:var(--text-muted);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px}.sns-tab:hover{color:var(--text-primary);background:#ffffff05}.sns-tab--active{color:var(--sns-accent);border-bottom-color:var(--sns-accent)}@media (max-width:1024px){.sns-layout{grid-template-columns:1fr}.sns-nav{border-bottom:var(--border-subtle);padding:0;display:flex;position:static;overflow-x:auto}.sns-nav__item{white-space:nowrap;padding:10px var(--space-md);border-left:none}.sns-nav__item--active{border-left:none;border-bottom:2px solid var(--sns-accent)}.sns-sidebar{display:none}}@media (max-width:768px){.post-composer__header{flex-wrap:wrap}.post-card__actions{gap:var(--space-md)}}