.kin-thread-shell,.kin-activity-shell{background:var(--kin-bg);min-height:100svh;color:var(--kin-text)}.kin-thread-header{z-index:45;border-bottom:1px solid var(--kin-line);background:color-mix(in srgb, var(--kin-bg) 24%, transparent);-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;min-height:3.8rem;display:grid;position:sticky;top:0}.kin-thread-header>button{width:2.75rem;height:2.75rem;color:var(--kin-text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-self:center;place-items:center;padding:0;display:grid}.kin-thread-header>button:hover{background:color-mix(in srgb, var(--kin-text) 7%, transparent)}.kin-thread-header>button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.25rem;height:1.25rem}.kin-thread-header>div{justify-items:center;gap:.08rem;min-width:0;display:grid}.kin-thread-header strong{font-size:.75rem}.kin-thread-header div span{max-width:100%;color:var(--kin-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.kin-thread-column,.kin-activity-column{width:min(100%,46rem);min-height:calc(100svh - 3.8rem);padding-bottom:calc(var(--kin-social-nav-height) + var(--kin-bottom-reserve) + 1rem);border-right:1px solid var(--kin-line);border-left:1px solid var(--kin-line);margin:0 auto}.thread-state,.activity-empty{text-align:center;align-content:center;place-items:center;min-height:min(60svh,32rem);padding:2rem 1.25rem;display:grid}.thread-state h1,.activity-empty h1{font-family:var(--serif);margin:0 0 .45rem;font-size:1.6rem;font-weight:500}.thread-state p,.activity-empty p{max-width:42ch;color:var(--kin-muted);margin:0 0 1rem;font-size:.7rem;line-height:1.6}.thread-state a,.thread-state button{border:1px solid var(--kin-line);min-height:2.45rem;color:var(--kin-text);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:0 .9rem;font-size:.66rem;line-height:2.45rem;text-decoration:none}.thread-skeleton,.activity-skeleton{display:grid}.thread-skeleton span,.activity-skeleton span{border-bottom:1px solid var(--kin-line);background:linear-gradient(100deg, transparent 18%, color-mix(in srgb, var(--kin-text) 5%, transparent) 34%, transparent 50%);background-size:220% 100%;min-height:8rem;animation:1.25s ease-in-out infinite feedPulse}.activity-list{display:grid}.activity-item{border-bottom:1px solid var(--kin-line);color:inherit;grid-template-columns:2.7rem minmax(0,1fr) .7rem;gap:.75rem;padding:.9rem 1rem;text-decoration:none;display:grid;position:relative}.activity-item:hover{background:color-mix(in srgb, var(--kin-text) 3%, transparent)}.activity-item.is-unread{background:color-mix(in srgb, var(--kin-primary-soft) 4%, transparent)}.activity-avatar img,.activity-avatar i,.activity-avatar>span{border:1px solid var(--kin-line);object-fit:cover;width:2.7rem;height:2.7rem;color:var(--kin-primary-soft);border-radius:50%;place-items:center;font-size:.75rem;font-style:normal;font-weight:750;display:grid}.activity-copy{min-width:0;color:var(--kin-muted);gap:.28rem;font-size:.7rem;line-height:1.45;display:grid}.activity-copy strong{color:var(--kin-text)}.activity-copy q{color:var(--kin-subtle);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.64rem;display:-webkit-box;overflow:hidden}.activity-copy time{color:var(--kin-subtle);font-size:.56rem}.activity-unread-dot{background:var(--kin-primary-soft);border-radius:50%;align-self:center;width:.45rem;height:.45rem}.activity-empty svg{fill:none;width:1.7rem;height:1.7rem;stroke:var(--kin-subtle);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;margin-bottom:.8rem}@media (width<=768px){.kin-thread-column,.kin-activity-column{border-left:0;border-right:0}.thread-root .kin-post-card,.thread-replies .kin-post-card{padding-inline:.85rem}}@media (prefers-reduced-transparency:reduce){.kin-thread-header{background:var(--kin-bg);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.thread-skeleton span,.activity-skeleton span{animation:none}}.kin-thread-shell .kin-thread-header{background:var(--kin-bg);grid-template-columns:3.25rem minmax(0,1fr) 3.25rem;min-height:60px}.kin-thread-shell .kin-thread-header strong{font-size:14px}.kin-thread-shell .kin-thread-header div span{font-size:11px}.kin-thread-shell .kin-thread-column{padding-bottom:calc(var(--reply-dock-height,76px) + 20px);border:0}.thread-jump{min-width:44px;min-height:44px;color:var(--kin-muted);justify-content:center;align-items:center;gap:3px;font-size:10px;text-decoration:none;display:flex}.thread-jump svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.kin-thread-shell .thread-root .kin-post-card{border:0;border-bottom:1px solid var(--kin-line);background:0 0;border-radius:0;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px 16px 12px}.thread-root .kin-post-main{display:contents}.thread-root .kin-post-author{grid-column:2;min-width:0}.thread-root :is(.kin-post-document,.kin-post-actions,.kin-post-replying,.kin-post-pending,.kin-post-pinned,.kin-post-edited){grid-column:1/-1}.kin-thread-shell .kin-post-author-copy strong{font-size:14px}.kin-thread-shell .kin-post-author-copy span{font-size:11px}.thread-root .kin-post-avatar>img,.thread-root .kin-post-avatar>span{width:40px;height:40px}.thread-root .kin-post-actions{border-top:1px solid var(--kin-line);margin-top:4px;padding-top:8px}.thread-root .kin-photo-gallery>.kin-post-media{border:0;padding:0}.thread-replies{background:0 0;margin:0;scroll-margin-top:70px}.thread-replies>header{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex}.thread-replies>header strong{font-size:14px;font-weight:650}.thread-replies>header span{color:var(--kin-subtle);font-size:12px}.thread-reply{border-top:1px solid var(--kin-line);outline:none;scroll-margin-block:80px}.thread-reply.is-reply-target{background:color-mix(in srgb,var(--kin-primary-soft) 5%,var(--kin-bg));box-shadow:inset 2px 0 var(--kin-primary-soft)}.thread-replies .kin-post-card{background:0 0;border:0;border-radius:0;padding:14px 16px}.thread-empty{max-width:46ch;color:var(--kin-muted);margin:0;padding:4px 16px 24px;font-size:13px;line-height:1.6}.thread-root{outline:none;scroll-margin-top:70px}.thread-composer{z-index:46;left:0;right:0;bottom:calc(var(--reply-inset,0px) + env(safe-area-inset-bottom,0px) - var(--kin-bottom-reserve));width:min(100%,46rem);padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + var(--kin-bottom-reserve)) max(12px,env(safe-area-inset-left,0px));border-top:1px solid var(--kin-line);background:var(--kin-bg);margin:0 auto;position:fixed;box-shadow:0 -8px 24px #00000014}.thread-compose-row{align-items:flex-end;gap:8px;display:flex}.thread-compose-avatar{flex:0 0 32px;align-self:center}.thread-compose-avatar img,.thread-compose-avatar span{object-fit:cover;background:var(--kin-panel);width:32px;height:32px;color:var(--kin-primary-soft);border-radius:50%;place-items:center;font-size:12px;display:grid}.thread-composer textarea{resize:none;border:1px solid var(--kin-line);background:var(--kin-panel);min-width:0;min-height:44px;max-height:144px;color:var(--kin-text);font:inherit;border-radius:14px;flex:1;padding:10px 12px;font-size:16px;line-height:22px;display:block;overflow-y:auto}.thread-composer textarea::placeholder{color:var(--kin-subtle)}.thread-composer textarea:focus-visible{outline:2px solid var(--kin-primary-soft);outline-offset:2px}.thread-send{border:1px solid var(--kin-primary-soft);background:var(--kin-primary-soft);width:44px;height:44px;color:var(--kin-bg);cursor:pointer;border-radius:14px;flex:0 0 44px;place-items:center;padding:0;display:grid}.thread-send:disabled{border-color:var(--kin-line);background:var(--kin-panel);color:var(--kin-subtle);cursor:default}.thread-send svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.thread-sending{font-size:20px}.thread-reply-target{justify-content:space-between;align-items:center;gap:8px;margin:-4px 0 2px 40px;display:flex}.thread-reply-target button{min-width:0;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px}.thread-target-link{text-overflow:ellipsis;white-space:nowrap;color:var(--kin-muted);overflow:hidden}.thread-target-link strong{color:var(--kin-primary-soft);font-weight:600}.thread-target-reset{color:var(--kin-subtle);flex:none}.thread-character-count{text-align:right;color:var(--kin-muted);margin-top:4px;padding-right:52px;font-size:11px;display:block}.thread-message{color:var(--kin-muted);margin:6px 0 0;padding-left:40px;font-size:12px;line-height:1.4}.thread-login-prompt{min-height:44px;color:var(--kin-muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.thread-login-prompt a{border:1px solid var(--kin-line);min-height:44px;color:var(--kin-text);border-radius:12px;flex:none;place-items:center;padding:0 14px;text-decoration:none;display:grid}.kin-thread-shell .thread-state h1{font-size:22px}.thread-composer :is(button,a):focus-visible,.thread-jump:focus-visible{outline:2px solid var(--kin-primary-soft);outline-offset:2px}@media (width<=340px){.thread-compose-avatar{display:none}.thread-reply-target{margin-left:0}.thread-message{padding-left:0}.thread-composer textarea{padding-inline:10px}}
