.csn-app,.wan-app{min-height:100dvh;display:grid;grid-template-columns:1fr;background:transparent;transition:background-color var(--motion-dur-base) ease;position:relative;z-index:1}.csn-sidebar,.wan-sidebar{display:none}.csn-main,.wan-main{min-width:0;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 1.35rem)}.csn-page,.wan-page{width:min(var(--page-max),100%);margin:0 auto;padding:var(--content-pad-y) max(var(--content-pad-x),env(safe-area-inset-right,0px)) calc(var(--content-pad-y) + .35rem) max(var(--content-pad-x),env(safe-area-inset-left,0px))}.csn-page--profile,.wan-page--profile{padding-left:0;padding-right:0;padding-top:0}.csn-page-title,.wan-page-title{font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.55rem);font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:.2rem .1rem .85rem}.csn-brand,.wan-brand{font-family:var(--font-display);font-weight:600;letter-spacing:.12em;font-size:15px;color:var(--primary-strong);transition:color .45s ease;display:flex;align-items:center;min-height:2.75rem;min-width:0}.csn-topbar .csn-brand,.wan-topbar .wan-brand{min-height:0;flex:1 1}.csn-topbar-title,.wan-topbar-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:16px;line-height:1.2;color:var(--foreground)}.csn-brand-text,.wan-brand-text{color:var(--primary-strong)}.csn-logo,.wan-logo{display:block;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:transparent;border-radius:6px}.csn-logo--topbar{width:2.65rem;height:2.65rem;max-width:none}.csn-logo--sidebar{width:4.35rem;height:4.35rem;max-width:none;border-radius:6px}.csn-logo--auth{width:8.75rem;height:8.75rem;max-width:none;margin:0 auto;border-radius:.75rem}.csn-auth-brand{display:flex;justify-content:center;margin-bottom:.85rem}.csn-avatar--profile-edit{width:100%;height:100%;border-radius:0;object-fit:contain;object-position:center;box-shadow:none}.csn-profile-edit-sheet{display:flex;flex-direction:column;gap:0;max-height:min(90dvh,44rem);overflow:hidden;padding:0}.csn-profile-edit-sheet .csn-sheet-head{padding:.85rem 1rem .65rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-profile-edit-scroll{flex:1 1;min-height:0;overflow:auto;padding:.85rem 1rem 1rem;display:grid;gap:.85rem}.csn-profile-edit-sheet .csn-sheet-actions{padding:.7rem 1rem calc(.7rem + var(--safe-bottom, 0px));border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.csn-profile-info-inline{display:grid;gap:.75rem;grid-template-rows:minmax(0,1fr) auto;min-height:0}.csn-profile-info-inline-scroll{display:grid;gap:.85rem;min-height:0}.csn-profile-info-inline-actions{display:flex;justify-content:flex-end;gap:.45rem}.csn-profile-info-inline-list{display:grid;gap:0}.csn-profile-info-inline-block{display:grid;gap:.55rem;padding:.85rem 0;border:0;border-radius:0;background:transparent;border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-profile-info-inline-block:last-child{border-bottom:0;padding-bottom:.2rem}.csn-profile-info-inline-block-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.csn-profile-info-inline-drag{flex-shrink:0;border:0;background:transparent;color:var(--muted-foreground);cursor:grab;padding:.15rem .25rem;letter-spacing:-.12em;line-height:1;touch-action:none}.csn-profile-info-inline-drag:active{cursor:grabbing}.csn-profile-info-inline-block-head strong{flex:1 1;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--muted-foreground);text-transform:none}.csn-profile-info-inline-block-actions{display:inline-flex;align-items:center;gap:.2rem;flex-shrink:0}.csn-profile-info-inline-icon-btn{display:inline-grid;place-items:center;width:1.85rem;height:1.85rem;border:0;border-radius:6px;background:transparent;color:var(--muted-foreground);cursor:pointer}.csn-profile-info-inline-icon-btn svg{width:.95rem;height:.95rem}.csn-profile-info-inline-icon-btn:hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 6%,transparent);color:var(--foreground)}.csn-profile-info-inline-icon-btn:disabled{opacity:.28;cursor:default}.csn-profile-info-inline-remove{border:0;background:transparent;color:color-mix(in srgb,#c0392b 78%,var(--foreground));font:inherit;font-size:12px;font-weight:600;padding:.25rem .4rem;border-radius:6px;cursor:pointer}.csn-profile-info-inline-remove:hover{background:color-mix(in srgb,#c0392b 10%,transparent)}.csn-profile-info-inline-menu{position:relative;flex-shrink:0}.csn-profile-info-inline-menu-trigger{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:var(--card);color:var(--muted-foreground);font-size:16px;font-weight:600;letter-spacing:.04em;line-height:1;cursor:pointer}.csn-profile-info-inline-menu-trigger span{transform:translateY(-.12rem)}.csn-profile-info-inline-menu.is-open .csn-profile-info-inline-menu-trigger{color:var(--primary-strong);border-color:color-mix(in srgb,var(--primary) 35%,transparent);background:color-mix(in srgb,var(--primary) 10%,var(--card))}.csn-profile-info-inline-menu-panel{position:absolute;top:calc(100% + .3rem);right:0;z-index:8;min-width:11rem;padding:.3rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:var(--card);box-shadow:var(--shadow-card,0 12px 32px color-mix(in srgb,#000 18%,transparent));display:grid;gap:.15rem}.csn-profile-info-inline-menu-item{display:flex;align-items:center;min-height:2.2rem;padding:.35rem .7rem;border:0;border-radius:12px;background:transparent;color:var(--foreground);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer}.csn-profile-info-inline-menu-item:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 10%,transparent)}.csn-profile-info-inline-menu-item:disabled{opacity:.35;cursor:default}.csn-profile-info-inline-menu-item.is-danger{color:color-mix(in srgb,#c0392b 88%,var(--foreground))}.csn-profile-info-inline-menu-item.is-danger:hover:not(:disabled){background:color-mix(in srgb,#c0392b 12%,transparent)}.csn-profile-info-inline-stack{display:grid;gap:.55rem}.csn-profile-info-inline-add{display:grid;gap:.45rem;padding-top:.15rem}.csn-profile-info-inline-add-toggle{justify-self:start;min-height:2.35rem;border-radius:12px;border:1px dashed color-mix(in srgb,var(--primary) 32%,transparent);background:color-mix(in srgb,var(--primary) 5%,transparent)}.csn-profile-info-inline-add-toggle.is-on{border-style:solid;background:color-mix(in srgb,var(--primary) 10%,transparent)}.csn-profile-info-inline-add-list{display:grid;gap:.2rem;padding:.25rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:color-mix(in srgb,var(--foreground) 2.5%,var(--card))}.csn-profile-info-inline-add-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:2.45rem;padding:.45rem .75rem;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer}.csn-profile-info-inline-add-row:hover{background:color-mix(in srgb,var(--primary) 10%,transparent)}.csn-profile-info-inline-add-row em{font-style:normal;font-weight:600;color:var(--primary)}.csn-profile-info-inline-add-chip{cursor:pointer;border:1px dashed color-mix(in srgb,var(--primary) 35%,transparent);background:color-mix(in srgb,var(--primary) 6%,transparent)}.csn-profile-info-inline-foot{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:1fr 1.2fr;gap:.5rem;padding:.65rem 0 .15rem;margin-top:.15rem;background:linear-gradient(180deg,transparent,var(--card) 28%),var(--card)}.csn-picker-segment{width:100%}.csn-chip-picker{display:flex;flex-wrap:wrap;gap:.4rem}.csn-chip-picker-item{display:inline-flex;align-items:center;gap:.35rem;min-height:2.15rem;padding:.35rem .8rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:color-mix(in srgb,var(--foreground) 3%,var(--card));color:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--motion-dur-fast) ease,border-color var(--motion-dur-fast) ease,color var(--motion-dur-fast) ease,transform var(--motion-dur-fast) ease}.csn-chip-picker-item:hover{border-color:color-mix(in srgb,var(--primary) 35%,transparent);background:color-mix(in srgb,var(--primary) 7%,var(--card))}.csn-chip-picker-item.is-on{border-color:color-mix(in srgb,var(--primary) 55%,transparent);background:color-mix(in srgb,var(--primary) 16%,var(--card));color:var(--primary-strong);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent)}.csn-chip-picker-leading{font-size:16px;line-height:1}.csn-list-picker{position:relative;display:grid;gap:0;z-index:1}.csn-list-picker.is-open{z-index:24}.csn-list-picker.is-disabled{opacity:.5;pointer-events:none}.csn-list-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;min-height:2.55rem;padding:.55rem .8rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:color-mix(in srgb,var(--foreground) 2.5%,var(--card));color:color-mix(in srgb,var(--foreground) 55%,transparent);text-align:left;cursor:pointer;transition:border-color var(--motion-dur-fast) ease,background var(--motion-dur-fast) ease,box-shadow var(--motion-dur-fast) ease}.csn-list-picker-trigger.has-value{color:inherit;font-weight:600}.csn-list-picker-trigger:hover,.csn-list-picker.is-open .csn-list-picker-trigger{border-color:color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 5%,var(--card));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.csn-list-picker-trigger-main{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.csn-list-picker-flag{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.csn-list-picker-flag .wan-country-flag{width:1.35rem;height:.9rem;border-radius:6px}.csn-profile-location{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.csn-profile-location .wan-country-flag{flex-shrink:0;border-radius:6px}.csn-list-picker-caret{color:var(--muted-foreground);font-size:12px}.csn-list-picker-panel{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:26;display:grid;gap:.45rem;padding:.55rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);background:var(--card);box-shadow:var(--wan-shadow-2),0 0 0 1px color-mix(in srgb,var(--foreground) 4%,transparent);animation:csn-picker-in .16s ease}.csn-list-picker-search .csn-input{min-height:2.3rem}.csn-list-picker-scroll{max-height:12.5rem;overflow:auto;display:grid;gap:.2rem;padding-right:.1rem}.csn-list-picker-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;width:100%;min-height:2.35rem;padding:.45rem .6rem;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer}.csn-list-picker-option:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.csn-list-picker-option.is-on{background:color-mix(in srgb,var(--primary) 14%,transparent)}.csn-list-picker-option-text{display:grid;gap:.05rem;min-width:0}.csn-list-picker-option-text strong{font-size:15px;font-weight:600}.csn-list-picker-check{color:var(--primary-strong);font-weight:600}.csn-list-picker-empty{margin:.45rem .35rem;font-size:13px}.csn-birth-picker{display:grid;gap:.55rem}.csn-birth-picker-summary{min-height:2.4rem;display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.45rem .75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:color-mix(in srgb,var(--foreground) 3%,var(--card));color:var(--muted-foreground);font-size:15px}.csn-birth-picker-summary.has-value{border-style:solid;border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:color-mix(in srgb,var(--primary) 6%,var(--card));color:inherit;font-weight:600}.csn-birth-picker-age{font-style:normal;font-weight:600;font-size:13px;color:var(--primary);white-space:nowrap}.csn-birth-picker-cols{display:grid;grid-template-columns:.85fr 1.1fr 1fr;gap:.45rem}.csn-birth-picker-col{display:grid;gap:.3rem;min-width:0}.csn-birth-picker-col-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);padding-left:.15rem}.csn-birth-picker-rail{max-height:9.5rem;overflow:auto;display:grid;gap:.2rem;padding:.3rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:color-mix(in srgb,var(--foreground) 2.5%,var(--surface));scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--foreground) 22%,transparent) transparent}.csn-birth-picker-rail::-webkit-scrollbar{width:4px}.csn-birth-picker-rail::-webkit-scrollbar-button{display:none;width:0;height:0}.csn-birth-picker-rail::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--foreground) 24%,transparent)}.csn-birth-picker-cell{min-height:2rem;border:0;border-radius:12px;background:transparent;color:inherit;font-size:13px;font-weight:600;cursor:pointer}.csn-birth-picker-cell:hover{background:color-mix(in srgb,var(--primary) 10%,transparent)}.csn-birth-picker-cell.is-on{background:var(--primary);color:var(--primary-foreground,#fff)}@media (max-width:720px){.csn-birth-picker-cols{grid-template-columns:1fr 1fr 1fr}}.csn-profile-edit-avatar{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:.55rem 0 .35rem;border-radius:18px;background:color-mix(in srgb,var(--primary) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 14%,transparent)}.csn-profile-edit-avatar-frame{width:5.5rem;height:5.5rem;border-radius:999px;overflow:hidden;flex-shrink:0;background:var(--surface);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--card) 88%,transparent),0 0 0 2.5px color-mix(in srgb,var(--primary) 22%,transparent)}.csn-profile-edit-avatar-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;padding-bottom:.35rem}.csn-profile-edit-basics{display:grid;gap:.65rem;padding:.75rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:var(--card)}.csn-profile-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}@media (max-width:520px){.csn-profile-edit-row{grid-template-columns:1fr}}.csn-profile-edit-sections{display:grid;gap:.5rem;margin-top:.15rem}.csn-profile-edit-sections-head{display:grid;gap:.2rem;margin-bottom:.15rem}.csn-profile-edit-section{display:grid;gap:.55rem;padding:.7rem .75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:var(--card);transition:border-color var(--motion-dur-fast) ease,background var(--motion-dur-fast) ease}.csn-profile-edit-section.is-on{border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--primary) 4%,var(--card))}.csn-profile-edit-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:600;font-size:15px;cursor:pointer;-webkit-user-select:none;user-select:none}.csn-profile-edit-section-toggle input{position:absolute;opacity:0;pointer-events:none}.csn-profile-edit-switch{position:relative;width:2.4rem;height:1.35rem;flex-shrink:0;border-radius:999px;background:color-mix(in srgb,var(--foreground) 16%,transparent);transition:background var(--motion-dur-fast) ease}.csn-profile-edit-switch:after{content:"";position:absolute;top:.15rem;left:.15rem;width:1.05rem;height:1.05rem;border-radius:999px;background:#fff;box-shadow:var(--wan-shadow-1);transition:transform var(--motion-dur-fast) ease}.csn-profile-edit-section.is-on .csn-profile-edit-switch{background:var(--primary)}.csn-profile-edit-section.is-on .csn-profile-edit-switch:after{transform:translateX(1.05rem)}.csn-profile-edit-section-body{display:grid;gap:.55rem;padding-top:.15rem;border-top:1px dashed color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-profile-edit-link-row{display:grid;gap:.45rem;padding:.6rem;border-radius:.75rem;background:color-mix(in srgb,var(--foreground) 3%,var(--surface));border:1px solid color-mix(in srgb,var(--foreground) 6%,transparent)}.csn-profile-edit-hint{font-size:13px;line-height:1.4;margin:0;font-size:12px;line-height:1.35}.csn-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3rem;padding:calc(.55rem + var(--content-safe-top)) max(.85rem,env(safe-area-inset-right,0px)) .45rem max(.85rem,env(safe-area-inset-left,0px));border-bottom:1px solid color-mix(in srgb,var(--primary) 18%,var(--csn-hairline));background:var(--csn-material-fill-strong);color:var(--foreground);position:sticky;top:0;z-index:20;transition:background-color var(--motion-dur-slow) ease,border-color var(--motion-dur-slow) ease,color var(--motion-dur-slow) ease}.csn-bottom-nav,.csn-topbar{backdrop-filter:blur(var(--csn-material-blur)) saturate(var(--csn-material-saturate));-webkit-backdrop-filter:blur(var(--csn-material-blur)) saturate(var(--csn-material-saturate))}.csn-bottom-nav{position:fixed;left:50%;right:auto;translate:-50% 0;width:min(calc(100vw - max(1.1rem, env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px))),28rem);max-width:calc(100vw - max(1.1rem, env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px)));bottom:calc(.35rem + var(--safe-bottom));z-index:30;display:grid;grid-template-columns:repeat(var(--nav-count,6),minmax(0,1fr));gap:clamp(.04rem,.35vw,.12rem);padding:clamp(.22rem,.9vw,.32rem) clamp(.22rem,1vw,.36rem);border-radius:var(--radius-chrome);border:1px solid var(--csn-material-border);background:var(--csn-material-fill);box-shadow:var(--shadow-elevated);font-size:clamp(.48rem,2.35vw,.58rem);transition:background-color var(--motion-dur-slow) ease,border-color var(--motion-dur-slow) ease,width var(--motion-dur-base) ease,padding var(--motion-dur-base) ease,translate .55s cubic-bezier(.22,1,.36,1),opacity .45s ease}.csn-bottom-nav.is-away{translate:-50% 130%;opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.csn-bottom-nav,.csn-topbar{transition:none}}.csn-bottom-nav .csn-nav-link{min-width:0}.csn-bottom-nav .csn-nav-link span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.15}.csn-bottom-nav .csn-nav-icon{width:clamp(1.22rem,4.2vw,1.48rem);height:clamp(1.22rem,4.2vw,1.48rem)}html[data-mobile-os=android] .csn-bottom-nav{bottom:calc(.45rem + var(--safe-bottom))}html[data-mobile-os=android] .csn-compose-fab-wrap{bottom:calc(var(--nav-height, 4.25rem) + var(--safe-bottom, 0px) + 1rem)}.csn-bottom-nav-glider{position:absolute;z-index:0;top:.22rem;bottom:.22rem;left:.22rem;width:calc((100% - .44rem) / var(--nav-count, 5));border-radius:calc(var(--radius-chrome) - .2rem);background:color-mix(in srgb,var(--primary) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent);transform:translateX(calc(var(--nav-index, 0) * 100%));transition:transform .34s var(--spring);pointer-events:none}.csn-nav-link{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.06rem;min-height:var(--hit-min);border-radius:12px;border:0;background:transparent;color:var(--muted-foreground);font-size:12px;font-weight:600;letter-spacing:.01em;padding:.18rem .08rem;transition:color var(--motion-dur-base) ease,opacity var(--motion-dur-base) ease}.csn-nav-link.is-active{color:var(--primary-strong);background:color-mix(in srgb,var(--primary) 10%,transparent)}.csn-nav-link .csn-nav-icon{transition:transform var(--motion-dur-slow) var(--spring)}.csn-nav-link.is-active .csn-nav-icon{transform:translateY(-1px) scale(1.05)}.csn-icon-btn--badge,.csn-nav-icon-wrap{position:relative;display:inline-flex}.csn-nav-badge{position:absolute;top:-.35rem;right:-.45rem;min-width:1rem;height:1rem;padding:0 .22rem;border-radius:999px;background:var(--like);color:#fff;font-size:11px;font-weight:600;line-height:1rem;text-align:center;pointer-events:none}.csn-nav-link span:last-child{opacity:.82}.csn-nav-link:not(.is-active) span:last-child{opacity:.55}.csn-app-icon,.csn-btn-icon,.csn-bubble-pin-icon,.csn-chat-pinned-icon,.csn-fav-icon,.csn-media-icon,.csn-meta-icon,.csn-nav-icon,.csn-section-icon,.csn-share-check-icon,.csn-topbar-icon{display:inline-block;flex-shrink:0;background-color:currentColor;-webkit-mask:var(--icon) center /contain no-repeat;mask:var(--icon) center /contain no-repeat}.csn-nav-icon{width:1.42rem;height:1.42rem}.csn-topbar-icon{width:1.25rem;height:1.25rem}.csn-meta-icon{width:.95rem;height:.95rem;color:var(--muted-foreground)}.csn-section-icon{width:.9rem;height:.9rem;margin-right:.35rem;vertical-align:-.12em;color:var(--muted-foreground)}.csn-media-icon{width:1.75rem;height:1.75rem;color:var(--muted-foreground);margin-bottom:.35rem}.csn-meta-label{display:inline-flex;align-items:center;gap:.35rem}.csn-sidebar .csn-nav-icon{width:1.45rem;height:1.45rem}.csn-feed{display:flex;flex-direction:column;gap:1.15rem}.csn-feed-item.is-kb-focus{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:3px;border-radius:12px}.csn-feed--dense{gap:.75rem;padding:0 .55rem .75rem}.csn-feed-load-more-wrap{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1.15rem;width:100%;padding:.75rem 0 1.25rem}.csn-feed-load-more-wrap .csn-post-card-skeleton{width:100%;box-sizing:border-box}.csn-feed-load-more{align-self:center;min-width:12rem}.csn-posts-pager{position:relative;display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%;padding:.85rem 0 1.1rem}.csn-posts-pager-sentinel{position:absolute;inset:0 0 auto;height:1px;pointer-events:none}.csn-posts-pager-row{display:flex;flex-direction:column;align-items:center;gap:.45rem}.csn-posts-pager-btn{min-width:12rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.csn-posts-pager-text{margin:0;color:var(--muted-foreground);font-size:13px;text-align:center}.csn-posts-pager-spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:csnPostsPagerSpin .7s linear infinite;flex:none}@keyframes csnPostsPagerSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.csn-posts-pager-spinner{animation-duration:1.6s}}.csn-feed-load-more-error{flex-direction:column;gap:.45rem}.csn-feed-load-more-error-text{margin:0;font-size:13px;color:var(--muted-foreground);text-align:center}.csn-post-card-insert-wrap .csn-post-card{animation:csn-post-card-insert .48s cubic-bezier(.22,1,.36,1) both}@keyframes csn-post-card-insert{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.csn-post-card-insert-wrap .csn-post-card{animation:none!important}}.csn-post-card{overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--csn-hairline);background:var(--card);box-shadow:var(--shadow-card);position:relative;content-visibility:auto;contain-intrinsic-size:auto 18rem;transition:border-color var(--motion-dur-base) ease,box-shadow var(--motion-dur-base) ease}html[data-layout=mobile] .csn-post-card{content-visibility:visible;contain-intrinsic-size:auto}.csn-post-card:hover{border-color:color-mix(in srgb,var(--primary) 16%,transparent);box-shadow:var(--shadow-elevated)}.csn-post-head{display:flex;align-items:flex-start;gap:.7rem;padding:.85rem 1rem .45rem}.csn-post-repost-label{display:flex;align-items:center;gap:.35rem;padding:.45rem .7rem 0;font-size:12px;font-weight:600;color:color-mix(in srgb,var(--foreground) 62%,transparent)}.csn-post-repost-label .csn-action-icon,.csn-post-repost-label img{width:.95rem;height:.95rem;opacity:.85}.csn-avatar{width:2.15rem;height:2.15rem;border-radius:999px;object-fit:cover;background:var(--surface);flex-shrink:0}.csn-avatar--lg{width:2.65rem;height:2.65rem}.csn-avatar--profile{width:5.1rem;height:5.1rem;box-shadow:0 0 0 3px var(--card),0 0 0 5px color-mix(in srgb,var(--primary) 35%,transparent)}.csn-post-author{min-width:0;flex:1 1}.csn-post-community-link{display:inline;color:var(--primary);font-size:inherit;font-weight:600;text-decoration:none;margin:0}.csn-post-community-link:hover{text-decoration:underline}.csn-post-author strong{display:block;font-family:var(--font-name);line-height:1.2;letter-spacing:-.02em}.csn-post-head-actions{display:flex;align-items:center;gap:.1rem;margin-left:auto;flex-shrink:0;align-self:flex-start}.csn-post-author span{color:var(--muted-foreground);font-size:12px}.csn-post-meta-line{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.28rem}.csn-post-meta-line .csn-post-client-platform,.csn-post-meta-line .wan-post-client-platform{color:inherit}.csn-icon-btn{width:2.1rem;height:2.1rem;border:1px solid transparent;background:transparent;box-shadow:inset 0 0 0 1px var(--csn-control-border);display:grid;place-items:center;color:var(--muted-foreground)}.csn-icon-btn:hover{background:var(--surface);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--csn-control-border-strong)}.csn-post-body{display:block;width:100%;text-align:left;border:0;background:transparent;color:inherit;line-height:1.48;cursor:pointer}.csn-post-body--lead{padding-top:.25rem;padding-bottom:.7rem;letter-spacing:-.015em}.csn-post-rich{width:100%;text-align:left}.csn-post-rich .wan-post-content{margin:0}.csn-post-rich .wan-post-content-html,.csn-post-rich .wan-post-content-text{margin:0;font-size:inherit;line-height:inherit;color:inherit;white-space:pre-wrap}.csn-post-rich .wan-post-content-html{white-space:normal}.csn-post-rich .wan-post-content-html p{margin:0 0 .45em}.csn-post-rich .wan-post-content-html p:last-child{margin-bottom:0}.csn-post-rich .wan-post-content-html b,.csn-post-rich .wan-post-content-html strong{font-weight:600}.csn-post-rich .wan-post-content-html em,.csn-post-rich .wan-post-content-html i{font-style:italic}.csn-post-rich .wan-post-content-html u{text-decoration:underline;text-underline-offset:.12em}.csn-post-rich .wan-post-content-html .wan-post-mark,.csn-post-rich .wan-post-content-html mark{padding:.05em .2em;border-radius:.3em;background:color-mix(in srgb,var(--signal) 28%,transparent);color:inherit}.csn-post-rich .wan-post-content-html ol,.csn-post-rich .wan-post-content-html ul{margin:.35em 0 .55em;padding-left:1.25em}.csn-post-rich .wan-post-content-html li{margin:.15em 0}.csn-post-rich .wan-post-content-html table{width:100%;border-collapse:collapse;margin:.45em 0 .65em;font-size:.92em;overflow:hidden;border-radius:6px}.csn-post-rich .wan-post-content-html td,.csn-post-rich .wan-post-content-html th{border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);padding:.35em .55em;text-align:left;vertical-align:top}.csn-post-rich .wan-post-content-html th{background:color-mix(in srgb,var(--foreground) 5%,var(--surface));font-weight:600}.csn-post-rich .wan-post-content-html a:not(.wan-post-hashtag),.csn-post-rich .wan-post-hashtag,.csn-post-rich .wan-post-link{color:var(--primary-strong,var(--primary));font-weight:600;text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:1px}.csn-post-detail-body .csn-post-rich .wan-post-content-html,.csn-post-detail-body .csn-post-rich .wan-post-content-text{font-size:16px;line-height:1.5}.csn-post-card--text{background:linear-gradient(165deg,color-mix(in srgb,var(--primary) 6%,var(--card)),var(--card) 48%);contain-intrinsic-size:auto 9rem}.csn-post-card--text .csn-post-body--lead{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden}.csn-emoji-text{display:inline}.csn-emoji-text--jumbo{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center;padding:.15rem 0}.csn-apple-emoji,.csn-emoji-native{display:inline-block;vertical-align:-.2em;object-fit:contain}.csn-reaction-lottie{display:inline-flex;flex-shrink:0}.csn-post-media,.csn-reaction-lottie{align-items:center;justify-content:center}.csn-post-media{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface));border-top:1px solid color-mix(in srgb,var(--foreground) 4%,transparent);border-bottom:1px solid color-mix(in srgb,var(--foreground) 4%,transparent);display:flex;flex-direction:column;color:var(--muted-foreground);font-size:13px;margin:.15rem .55rem .35rem;border-radius:12px;overflow:hidden}@media (min-width:900px){.csn-post-media--real .csn-post-media-file,.csn-post-media-file{max-height:min(70vh,36rem)}}.csn-post-media--real{position:relative;padding:0;overflow:hidden;background:color-mix(in srgb,var(--foreground) 4%,var(--surface))}.csn-post-inline-video-hit{width:100%}.csn-post-media--real .csn-post-inline-video.wan-video-player{width:100%;background:#000}.csn-post-media--real .csn-post-inline-video .wan-video-player-media{width:100%;max-height:min(70vh,36rem);object-fit:contain;background:#000}.csn-post-media-hit{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.csn-post-media-file--pending{aspect-ratio:4/3;min-height:8rem}.csn-post-media--real .csn-post-media-file,.csn-post-media-file{width:100%;height:auto;max-height:min(80vh,40rem);object-fit:contain;object-position:center;display:block;image-rendering:auto;background:color-mix(in srgb,var(--foreground) 3%,var(--surface))}.csn-post-media--real .csn-post-media-file.csn-post-media-file--cover,.csn-post-media-file.csn-post-media-file--cover{width:100%;max-width:min(100%,calc(min(80vh, 40rem) * 9 / 16));margin-inline:auto;aspect-ratio:9/16;height:auto;max-height:min(80vh,40rem);object-fit:cover;object-position:center}.csn-post-media--real.is-album .csn-post-media-hit{display:grid}.csn-post-media--real.is-album .csn-post-media-file{grid-area:1/1;width:100%;max-height:min(80vh,40rem);object-fit:contain;object-position:center;opacity:0;visibility:hidden;pointer-events:none;z-index:0}.csn-post-media--real.is-album .csn-post-media-file.csn-post-media-file--cover{object-fit:cover}.csn-post-media--real.is-album .csn-post-media-file.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.csn-post-media-badge{position:absolute;top:.55rem;right:.55rem;z-index:2;padding:.2rem .45rem;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;pointer-events:none}.csn-post-media-nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:2rem;height:2rem;border:0;border-radius:12px;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:20px;line-height:1;cursor:pointer}.csn-post-media-nav--prev{left:.45rem}.csn-post-media-nav--next{right:.45rem}.csn-post-media-dots{position:absolute;left:50%;bottom:.55rem;z-index:2;display:flex;gap:.28rem;transform:translateX(-50%)}.csn-post-media-dot{width:.38rem;height:.38rem;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer}.csn-post-media-dot.is-on{background:#fff}.csn-post-media-zoom{position:absolute;right:.55rem;bottom:.55rem;z-index:2;width:2rem;height:2rem;border:0;border-radius:12px;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.6);cursor:pointer}.csn-post-double-tap-heart{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none;color:#fff;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));animation:wan-post-double-tap-heart .68s ease-out forwards}.csn-post-double-tap-heart .csn-like-heart{width:5.2rem;height:5.2rem}.csn-post-media-peek{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px));background:color-mix(in srgb,black 55%,transparent);touch-action:none;animation:csn-post-media-peek-in .16s ease-out}.csn-post-media-peek-frame{width:min(100%,28rem);max-height:min(78dvh,36rem);border-radius:12px;overflow:hidden;background:#0a0a0a;box-shadow:var(--wan-shadow-2)}.csn-post-media-peek-file{display:block;width:100%;max-height:min(78dvh,36rem);object-fit:contain;background:#0a0a0a}@keyframes csn-post-media-peek-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.csn-post-double-tap-heart{animation:none;opacity:1}.csn-post-media-peek{animation:none}}.csn-post-detail-media-hit{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.csn-post-media--real .csn-profile-media-play{inset:auto .55rem .55rem auto}.csn-post-reactions-slot{padding:.15rem .55rem .2rem}.csn-post-actions{display:flex;flex-wrap:nowrap;gap:.25rem;padding:.25rem .75rem .65rem;margin:0;min-height:var(--hit-min);border:0;border-radius:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.csn-action,.csn-post-actions{align-items:center;background:transparent}.csn-action{display:inline-flex;justify-content:center;gap:.35rem;min-height:2.45rem;min-width:2.45rem;flex:0 0 auto;width:auto;padding:.35rem .65rem;border:0;border-radius:var(--radius-control);color:var(--foreground);font-weight:600;font-size:13px;line-height:1}.csn-action:hover{background:color-mix(in srgb,var(--foreground) 6%,transparent);color:inherit}.csn-action-icon{width:1.2rem;height:1.2rem;flex-shrink:0;display:block;color:inherit}.csn-action-count{color:var(--muted-foreground);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:1.1ch;text-align:left;line-height:1}.csn-like-heart-path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;transition:fill var(--motion-dur-slow) var(--motion-ease-standard),stroke var(--motion-dur-slow) var(--motion-ease-standard),transform var(--motion-dur-slow) var(--motion-ease-standard);transform-origin:center}.csn-action--like{position:relative;color:var(--foreground)}.csn-action--like.is-liked{color:var(--like);background:var(--like-soft)}.csn-action--like.is-liked .csn-action-count{color:var(--like)}.csn-like-heart.is-liked .csn-like-heart-path{fill:var(--like);stroke:var(--like)}.csn-like-heart{display:block;width:1.25rem;height:1.25rem;flex-shrink:0}.csn-action--like.is-burst .csn-like-heart{animation:csn-like-pop .68s cubic-bezier(.22,1.28,.36,1) both}.csn-action--like.is-burst .csn-like-heart-path{animation:csn-like-fill .68s cubic-bezier(.22,1,.32,1) both}.csn-action--like.is-burst:after{content:"";position:absolute;left:50%;top:50%;width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--like) 22%,transparent),transparent 70%);animation:csn-like-glow .62s cubic-bezier(.22,1,.32,1) both}@keyframes csn-like-pop{0%{transform:scale(1)}24%{transform:scale(1.22)}52%{transform:scale(.94)}to{transform:scale(1)}}@keyframes csn-like-fill{0%{fill:none;stroke-width:1.7}30%{fill:var(--like);stroke:var(--like);stroke-width:1.2}to{fill:var(--like);stroke:var(--like);stroke-width:1.2}}@keyframes csn-like-glow{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.csn-action--like:active .csn-like-heart{transform:none}.csn-reactions{position:relative;margin-top:.15rem;padding:0 .35rem .35rem}.csn-reaction-row{display:flex;flex-wrap:wrap;align-items:center;gap:.28rem}.csn-reaction-add,.csn-reaction-chip{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;min-height:2.05rem;min-width:2.05rem;padding:.18rem .5rem;border-radius:12px;border:1px solid var(--csn-control-border);background:color-mix(in srgb,var(--surface) 92%,var(--card));color:var(--foreground);font-size:12px;font-weight:600;line-height:1;position:relative;transition:transform var(--motion-dur-base) var(--motion-ease-standard),background var(--motion-dur-base) ease,border-color var(--motion-dur-base) ease,box-shadow var(--motion-dur-base) ease}.csn-reaction-chip.is-active{background:var(--accent-muted);border-color:color-mix(in srgb,var(--primary) 48%,transparent);color:var(--primary-strong)}.csn-reaction-chip.is-pop,.csn-reaction-pick.is-pop{animation:csn-reaction-pop .68s cubic-bezier(.22,1,.32,1) both}.csn-reaction-chip.is-pop:after,.csn-reaction-pick.is-pop:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:1.5px solid color-mix(in srgb,var(--primary) 55%,transparent);opacity:0;pointer-events:none;animation:csn-reaction-ripple .72s cubic-bezier(.22,1,.32,1) both}@keyframes csn-reaction-pop{0%{transform:scale(1)}18%{transform:scale(1.12)}42%{transform:scale(.97)}to{transform:scale(1)}}@keyframes csn-reaction-ripple{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@keyframes csn-pop{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.csn-reaction-add{width:2.35rem;height:2.35rem;min-width:2.35rem;min-height:2.35rem;padding:0;justify-content:center;color:var(--muted-foreground);background:color-mix(in srgb,var(--foreground) 4%,var(--surface))}.csn-reaction-add .csn-action-icon{width:1.15rem;height:1.15rem;overflow:visible}.csn-reaction-add.is-open{background:var(--accent-muted);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 48%,transparent)}.csn-reaction-picker{z-index:80;display:flex;flex-direction:column;width:max-content;max-width:min(calc(100vw - 1.6rem),20rem);padding:.5rem .5rem 0;border-radius:18px;background:var(--card);border:1px solid var(--csn-control-border-strong);box-shadow:var(--wan-shadow-1),var(--wan-shadow-2);animation:csn-reaction-picker-in .22s cubic-bezier(.22,1,.32,1) both}.csn-reaction-picker--portal{position:fixed;right:auto;bottom:auto;left:auto;margin:0}.csn-reaction-picker.is-above{transform-origin:bottom right}.csn-reaction-picker.is-below{transform-origin:top right}.csn-reaction-picker.is-compact.is-above:after{bottom:-5px;border-right:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-reaction-picker.is-compact.is-above:after,.csn-reaction-picker.is-compact.is-below:before{content:"";position:absolute;right:.72rem;width:10px;height:10px;background:var(--card);transform:rotate(45deg);pointer-events:none}.csn-reaction-picker.is-compact.is-below:before{top:-5px;border-left:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-top:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-reaction-picker.is-expanded{width:min(calc(100vw - 1.6rem),20rem);max-width:min(calc(100vw - 1.6rem),20rem);padding-bottom:0;transform-origin:center center}.csn-reaction-picker.is-expanded:after,.csn-reaction-picker.is-expanded:before{display:none}.csn-reaction-picker-main{min-width:0}.csn-reaction-picker-track{display:flex;gap:.22rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;max-width:100%;padding:.12rem .08rem .2rem;-webkit-overflow-scrolling:touch}.csn-reaction-picker-track::-webkit-scrollbar{display:none}.csn-reaction-picker-grid,.csn-reaction-picker.is-expanded .csn-reaction-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.28rem;width:100%;max-height:12.5rem;overflow-y:auto;padding:.1rem .05rem .25rem}.csn-reaction-pick{position:relative;flex-shrink:0;width:var(--hit-min);height:var(--hit-min);min-width:var(--hit-min);min-height:var(--hit-min);border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;scroll-snap-align:center;transition:transform var(--motion-dur-fast) var(--motion-ease-standard),background var(--motion-dur-fast) ease,box-shadow var(--motion-dur-fast) ease}.csn-reaction-pick:hover{transform:scale(1.12);background:color-mix(in srgb,var(--primary) 10%,transparent)}.csn-reaction-pick.is-active{background:color-mix(in srgb,var(--primary) 16%,transparent);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--primary) 34%,transparent)}.csn-reaction-add:focus-visible,.csn-reaction-chip:focus-visible,.csn-reaction-pick:focus-visible{outline:none;box-shadow:0 0 0 2px var(--card),0 0 0 3.5px color-mix(in srgb,var(--primary) 55%,transparent)}.csn-reaction-expand{display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;border:0;border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);border-radius:0 0 1.2rem 1.2rem;background:transparent;color:var(--muted-foreground);font:inherit;font-size:13px;font-weight:600;padding:.48rem .55rem .52rem;text-align:center;cursor:pointer}.csn-reaction-expand-chevron{font-size:12px;line-height:1;opacity:.75}.csn-reaction-expand:hover{color:var(--foreground);background:color-mix(in srgb,var(--foreground) 4%,transparent)}.csn-reaction-expand:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 35%,transparent)}@keyframes csn-reaction-picker-in{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.csn-profile{margin-bottom:.55rem}.csn-profile-layout{display:grid;grid-template-columns:1fr;gap:.75rem;padding:.55rem var(--content-pad-x)}.csn-profile-mobile-panes{display:none;width:100%;margin:0 0 .15rem}.csn-profile-side{display:grid;gap:.85rem;justify-items:stretch}.csn-profile-rail{display:block;min-width:0}.csn-profile-rail--wall{min-width:0}@media (max-width:899.98px){.csn-profile-layout:has(.csn-profile-mobile-panes){gap:.65rem}.csn-profile-mobile-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;z-index:1}.csn-profile-layout[data-mobile-pane=profile] .csn-profile-rail--wall,.csn-profile-layout[data-mobile-pane=wall] .csn-profile-main,.csn-profile-layout[data-mobile-pane=wall] .csn-profile-side{display:none}.csn-profile-layout[data-mobile-pane=wall] .csn-profile-rail--wall{display:block;max-width:none;width:100%}}.csn-profile-photo{aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);box-shadow:var(--shadow-card)}.csn-profile-photo,.csn-profile-photo-hit{width:min(100%,11.5rem);justify-self:center}.csn-profile-photo-hit{display:block;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:18px}.csn-profile-photo-hit .csn-profile-photo{width:100%;justify-self:stretch}.csn-profile-side-actions{display:grid;gap:0;border-radius:12px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);overflow:hidden}.csn-profile-link--control{display:flex;align-items:center;padding:.35rem .55rem}.csn-profile-link--control .csn-btn,.csn-profile-link--control .csn-friend-btn-wrap{width:100%;justify-content:flex-start}.csn-profile-link{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;border:0;border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:transparent;color:var(--primary-strong);font-size:15px;font-weight:600;padding:.55rem .75rem;min-height:2.45rem;text-decoration:none}.csn-profile-link:last-child{border-bottom:0}.csn-profile-link:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.csn-profile-link.is-danger{color:#dc2626}.csn-profile-link.is-success{color:#059669}.csn-profile-link-icon{width:1.1rem;height:1.1rem;color:currentColor;flex-shrink:0}.csn-profile-main{display:grid;gap:.75rem;min-width:0}.csn-profile-main-head{padding:.15rem .1rem}.csn-profile-name{font-family:var(--font-name);font-size:24px;font-weight:600;margin:0;letter-spacing:-.03em;line-height:1.2;overflow-wrap:anywhere;word-break:break-word}.csn-profile-name-row{display:flex;flex-wrap:nowrap;align-items:center;gap:.28rem;width:-moz-fit-content;width:fit-content;min-width:0;max-width:100%}.csn-profile-name-row .csn-profile-name{min-width:0;flex:0 1 auto}.csn-verified-badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--verified-ink,#ffffff);line-height:0;cursor:default;-webkit-tap-highlight-color:transparent}.csn-verified-badge-icon{display:block;width:1.15rem;height:1.15rem}.csn-profile-name-row .csn-verified-badge-icon{width:1.45rem;height:1.45rem}.csn-profile-handle{color:var(--muted-foreground);margin:.2rem 0 0;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.csn-profile-about-box,.csn-profile-feed-box,.csn-profile-info-box,.csn-profile-media-box{border-radius:var(--radius-card);background:color-mix(in srgb,var(--card) 96%,transparent);border:1px solid var(--csn-hairline);box-shadow:none;padding:.8rem .9rem .9rem;display:grid;gap:.5rem}.csn-profile-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}.csn-profile-media-grid--ig{gap:2px;margin-inline:-.15rem}.csn-profile-media-grid--compact{max-height:14.5rem;overflow:auto;padding-right:.1rem;scrollbar-gutter:stable}.csn-profile-media-box.is-collapsed{padding-bottom:.65rem}.csn-profile-media-box.is-collapsed:has(.csn-profile-media-grid--ig){padding-left:.55rem;padding-right:.55rem;padding-bottom:.45rem}.csn-profile-posts-tools{display:inline-flex;align-items:center;gap:.55rem}.csn-profile-posts-toggle{border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--primary-strong);font-size:12px;font-weight:600;padding:.35rem .7rem;border-radius:12px;cursor:pointer}.csn-profile-posts-toggle:hover{text-decoration:none;background:color-mix(in srgb,var(--primary) 16%,var(--card))}.csn-profile-main.is-posts-collapsed{gap:.65rem}.csn-profile-main.is-posts-collapsed .csn-wall-section.is-expanded:has(.csn-wall-card){min-height:min(52dvh,28rem)}.csn-wall-section.is-expanded .csn-feed--profile:has(.csn-wall-card){min-height:8rem}.csn-wall-section.is-expanded:not(:has(.csn-wall-card)){align-content:start;min-height:0}.csn-wall-section .csn-feed--profile:has(>.csn-muted:only-child){min-height:0;padding-top:.15rem;gap:0}.csn-wall-section .csn-wall-compose-slot{margin-top:.1rem;margin-bottom:.05rem}.csn-wall-compose-slot{position:relative;z-index:2;min-height:2.55rem;overflow:visible}.csn-wall-compose-slot .csn-wall-compose.is-placeholder{visibility:hidden;pointer-events:none}.csn-wall-compose-slot.is-open .csn-wall-composer{position:absolute;left:0;right:0;top:0;z-index:4;box-shadow:var(--wan-shadow-2)}.csn-wall-section.is-expanded{overflow:visible}.csn-profile-media-tile{position:relative;display:block;aspect-ratio:1;padding:0;border:0;border-radius:6px;overflow:hidden;background:var(--surface);cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 8rem}html[data-layout=mobile] .csn-profile-media-tile{content-visibility:visible;contain-intrinsic-size:auto}.csn-profile-media-grid--ig .csn-profile-media-tile{border-radius:0}.csn-profile-media-tile img,.csn-profile-media-tile video{width:100%;height:100%;object-fit:cover}.csn-profile-media-tile video{display:block}.csn-profile-media-text{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:.55rem;text-align:center;font-size:12px;font-weight:600;line-height:1.35;color:var(--foreground);background:color-mix(in srgb,var(--foreground) 4%,var(--surface))}.csn-profile-media-tile.is-pinned{box-shadow:none}.csn-profile-media-overlay{position:absolute;left:50%;bottom:.35rem;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;max-width:calc(100% - .4rem);padding:.16rem .45rem;border-radius:12px;font-size:12px;font-weight:600;color:#fff;background:rgba(0,0,0,.58);pointer-events:none;white-space:nowrap}.csn-profile-media-overlay--hover-only{opacity:0;transition:opacity var(--motion-dur-fast) ease}.csn-profile-media-tile:focus-visible .csn-profile-media-overlay--hover-only,.csn-profile-media-tile:hover .csn-profile-media-overlay--hover-only{opacity:1}.csn-profile-media-stat{display:inline-flex;align-items:center;gap:.22rem}.csn-profile-media-stat[data-empty=true]{opacity:.45}.csn-profile-media-stat-icon{display:block;flex-shrink:0}.csn-post-card--pinned{border-color:color-mix(in srgb,var(--primary) 28%,transparent);box-shadow:var(--shadow-card),inset 3px 0 0 0 color-mix(in srgb,var(--primary) 70%,transparent)}.csn-post-pinned-banner{margin:.65rem .7rem 0}.csn-post-official-banner{margin:.45rem .7rem 0;display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:.2rem .55rem;border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,var(--primary) 88%,var(--fg));background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent)}.csn-post-card--tg{--csn-tg-accent:#2aabee}.csn-post-tg-source-mark{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;flex-shrink:0;margin:0;padding:0;border:0;border-radius:12px;background:color-mix(in srgb,var(--csn-tg-accent,#2aabee) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--csn-tg-accent,#2aabee) 26%,transparent);color:inherit;cursor:pointer;transition:background var(--motion-dur-base) ease,box-shadow var(--motion-dur-base) ease,transform var(--motion-dur-base) var(--motion-ease-standard)}.csn-post-card--tg:hover .csn-post-tg-source-mark,.csn-post-tg-source-mark:hover{background:color-mix(in srgb,var(--csn-tg-accent,#2aabee) 20%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--csn-tg-accent,#2aabee) 36%,transparent)}.csn-post-tg-source-mark .wan-content-platform-logo,.csn-post-tg-source-mark .wan-content-platform-logo-tile{width:1.25rem;height:1.25rem}.csn-post-tg-channel{display:block;max-width:100%;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-name);font-weight:600;font-size:15px;line-height:1.25;letter-spacing:-.02em;color:inherit;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-post-tg-channel--link{cursor:pointer}.csn-post-tg-channel--link:hover{color:color-mix(in srgb,var(--csn-tg-accent,#2aabee) 55%,var(--foreground))}.csn-post-tg-platform{color:color-mix(in srgb,var(--csn-tg-accent,#2aabee) 72%,var(--muted-foreground));font-weight:600;letter-spacing:.01em}html[data-theme=dark] .csn-post-tg-platform{color:color-mix(in srgb,#7fd4f5 78%,var(--muted-foreground))}.csn-post-card--tg .csn-post-body{padding-bottom:.42rem}.csn-post-card--tg .csn-post-body--lead{padding-bottom:.55rem}.csn-post-card--tg .csn-post-body--tg-scroll,.csn-post-card--tg.csn-post-card--text .csn-post-body--lead.csn-post-body--tg-scroll{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;max-height:min(42vh,22rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding-right:.15rem}.csn-post-card--tg .csn-post-body--tg-scroll::-webkit-scrollbar{width:.28rem}.csn-post-card--tg .csn-post-body--tg-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--foreground) 22%,transparent)}.csn-post-media--tg{margin-top:.1rem;margin-bottom:.2rem;background:color-mix(in srgb,var(--foreground) 3.5%,var(--surface))}.csn-post-media--tg .csn-post-media-file{background:transparent}.csn-post-source--tg{padding:.05rem .85rem .55rem}.csn-post-card--tg.csn-post-card--text .csn-post-source--tg{padding-top:0}.csn-post-tg-cta{display:flex;align-items:center;min-width:0}.csn-post-tg-open{display:inline-flex;align-items:center;gap:.38rem;max-width:100%;margin:0;padding:.28rem .15rem;border:0;border-radius:6px;background:transparent;color:color-mix(in srgb,var(--csn-tg-accent,#2aabee) 82%,var(--foreground));font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.2;cursor:pointer;transition:color var(--motion-dur-base) ease,background var(--motion-dur-base) ease,transform var(--motion-dur-base) var(--motion-ease-standard)}.csn-post-tg-open svg{flex-shrink:0;opacity:.92}.csn-post-tg-open span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-post-tg-open:hover{color:color-mix(in srgb,var(--csn-tg-accent,#2aabee) 92%,#fff);background:color-mix(in srgb,var(--csn-tg-accent,#2aabee) 10%,transparent)}.csn-post-tg-open:active{transform:scale(.98)}html[data-theme=dark] .csn-post-tg-open{color:color-mix(in srgb,#8fd9f8 88%,var(--foreground))}html[data-theme=dark] .csn-post-tg-open:hover{color:#b7e8fb;background:color-mix(in srgb,var(--csn-tg-accent,#2aabee) 12%,transparent)}.csn-post-card--tg .csn-post-head-actions{gap:0}.csn-post-actions--tg{justify-content:flex-start;gap:.15rem}@media (prefers-reduced-motion:reduce){.csn-post-card--tg:hover .csn-post-tg-source-mark,.csn-post-tg-open,.csn-post-tg-open:active,.csn-post-tg-source-mark{transition:none;transform:none}}.csn-post-tg-source-title{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;min-width:0}.csn-post-tg-source-title strong{display:inline;font-family:var(--font-name);font-weight:600;font-size:15px;line-height:1.2;letter-spacing:-.02em}.csn-post-tg-badge{display:inline-flex;align-items:center;padding:.12rem .42rem;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none;color:#0b6e99;background:color-mix(in srgb,#26a5e4 18%,transparent);border:1px solid color-mix(in srgb,#26a5e4 32%,transparent)}html[data-theme=dark] .csn-post-tg-badge{color:color-mix(in srgb,#7fd4f5 92%,#fff)}.csn-profile-media-tile--temporary:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 28%,transparent),transparent 42%)}.csn-profile-media-play{position:absolute;inset:auto auto .4rem .4rem;width:1.35rem;height:1.35rem;border-radius:999px;background:color-mix(in srgb,#000 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,#fff 25%,transparent)}.csn-profile-media-play:after{content:"";position:absolute;top:50%;left:54%;width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:.28rem 0 .28rem .46rem;transform:translate(-40%,-50%)}.csn-media-lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,#000 62%,transparent)}.csn-media-lightbox-frame{display:grid;gap:.65rem;justify-items:end;max-width:min(56rem,100%);max-height:min(88dvh,52rem)}.csn-media-lightbox-media{width:auto;max-width:100%;max-height:min(78dvh,46rem);border-radius:6px;background:#000}.csn-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.csn-profile-hobbies{display:grid;gap:.45rem}.csn-profile-info-title{margin:0;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--foreground)}.csn-profile-info-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.csn-profile-info-head .csn-profile-info-title{margin:0}.csn-profile-info-head .csn-profile-more-btn{flex-shrink:0}.csn-profile-info-row--bio{align-items:start}.csn-profile-info-row--bio .csn-profile-bio{margin:0;color:inherit;font-weight:inherit}.csn-profile-info-table{margin:0;display:grid;gap:.15rem}.csn-profile-info-row{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.55rem;align-items:baseline;padding:.35rem 0;border-bottom:1px solid color-mix(in srgb,var(--foreground) 7%,transparent)}.csn-profile-info-row:last-child{border-bottom:0}.csn-profile-info-row dt{margin:0;font-size:13px;font-weight:600;color:var(--muted-foreground)}.csn-profile-info-row dd{margin:0;font-size:15px;font-weight:600;color:var(--foreground)}.csn-profile-info-row--bio dd{color:var(--muted-foreground);font-weight:500}.csn-profile-bio{margin:0;font-size:15px;line-height:1.45;color:var(--foreground)}.csn-profile-more-btn{display:inline-flex;align-items:center;gap:.4rem;justify-self:start;border:0;background:transparent;color:var(--primary-strong);font-size:15px;font-weight:600;padding:.25rem 0}.csn-profile-more-btn:hover{text-decoration:underline}.csn-profile-more-icon{width:1rem;height:1rem;color:currentColor;flex-shrink:0;background:none!important;background-color:initial!important;-webkit-mask:none!important;mask:none!important}.csn-profile-feed-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding-bottom:.35rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-wall-compose{justify-content:flex-start;width:100%;box-sizing:border-box;border-bottom:0;padding:.35rem .1rem;min-height:0}.csn-wall-composer{display:grid;gap:.55rem;margin-bottom:.55rem;padding:.7rem .75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--foreground) 2.5%,var(--surface))}.csn-wall-compose-tabs{max-width:16rem}.csn-wall-draw .wan-draw-pad{border-radius:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:var(--card);padding:.55rem}.csn-wall-draw .wan-draw-pad canvas{width:100%;height:auto;border-radius:12px;touch-action:none}.csn-wall-card-drawing{margin-inline-start:calc(1.85rem + .55rem);border-radius:.75rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:#fff}.csn-wall-card-drawing canvas{width:100%;height:auto;display:block}.csn-wall-composer-actions{justify-content:flex-end}.csn-wall-card{display:grid;gap:.45rem;padding:.75rem .8rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:var(--card);content-visibility:auto;contain-intrinsic-size:auto 6rem}.csn-wall-card-head{min-width:0}.csn-wall-card-author{display:flex;align-items:center;gap:.55rem;min-width:0;color:inherit;text-decoration:none}.csn-wall-card-author strong{display:block;font-weight:600;line-height:1.2}.csn-wall-card-author span{color:var(--muted-foreground);font-size:12px}.csn-wall-card-body{margin:0;padding-inline-start:calc(1.85rem + .55rem);white-space:pre-wrap;line-height:1.45}.csn-wall-card-actions{display:inline-flex;align-items:center;gap:.1rem;flex:none}.csn-wall-card-hidden-badge{margin:0;padding-inline-start:calc(1.85rem + .55rem);color:var(--muted-foreground);font-size:12px;line-height:1.3}.csn-wall-card.is-owner-hidden{opacity:.78;border-style:dashed}.csn-feed--profile{display:flex;flex-direction:column;gap:.55rem}.csn-profile-details-sheet{display:grid;gap:.7rem;max-height:min(86dvh,40rem);overflow:auto}.csn-profile-dl{margin:0;display:grid;gap:.4rem}.csn-profile-dl-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.45rem;align-items:baseline;padding:.35rem .45rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 3.5%,var(--surface))}.csn-profile-dl-row dt{margin:0;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted-foreground)}.csn-profile-dl-row dd{margin:0;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:.3rem;min-width:0;word-break:break-word}.csn-profile-tags{display:flex;flex-wrap:wrap;gap:.35rem}.csn-profile-tag{padding:.25rem .55rem;border-radius:12px;background:var(--accent-muted);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);color:var(--primary-strong);font-size:12px;font-weight:600}.csn-friends-preview{display:grid;gap:.55rem;margin-top:.35rem;padding:.7rem .65rem .75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:var(--card);box-shadow:var(--shadow-card)}.csn-friends-preview-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.csn-friend-chip{display:grid;grid-template-columns:2.55rem minmax(0,1fr);gap:.55rem;align-items:center;min-width:0;color:inherit;text-decoration:none;padding:.2rem;border-radius:.75rem}.csn-friend-chip:hover{background:color-mix(in srgb,var(--foreground) 4%,transparent)}.csn-friend-chip-avatar{width:2.55rem;height:2.55rem;border-radius:999px;object-fit:cover;display:grid;place-items:center;background:var(--surface);font-size:12px;font-weight:600}.csn-friend-chip-name{display:grid;min-width:0;line-height:1.2}.csn-friend-chip-name strong{font-size:15px;font-weight:600}.csn-friend-chip-name span,.csn-friend-chip-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-friend-chip-name span{color:var(--muted-foreground);font-size:12px}.csn-profile-inline-link,.csn-profile-value-link{color:var(--primary-strong);text-decoration:none;font-weight:600}.csn-profile-inline-link:hover{text-decoration:underline}.csn-profile-value-link{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.28rem .55rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--card));transition:border-color var(--motion-dur-fast) ease,background var(--motion-dur-fast) ease,transform var(--motion-dur-fast) ease}.csn-profile-value-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-profile-value-link em{font-style:normal;font-size:12px;opacity:.72;flex-shrink:0}.csn-profile-value-link:hover{border-color:color-mix(in srgb,var(--primary) 42%,transparent);background:color-mix(in srgb,var(--primary) 12%,var(--card));transform:translateY(-1px)}.csn-profile-links{display:grid;gap:.55rem}.csn-profile-links--foot{margin-top:.85rem;padding-top:.85rem;border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-profile-links-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.csn-profile-link-chip{display:flex;align-items:center;gap:.65rem;padding:.7rem .78rem;border-radius:18px;border:1px solid var(--csn-control-border);background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,var(--primary)) 0,color-mix(in srgb,var(--surface) 88%,var(--card)) 100%);color:inherit;text-decoration:none;box-shadow:0 1px 0 color-mix(in srgb,#fff 55%,transparent);transition:border-color var(--motion-dur-fast) ease,transform var(--motion-dur-fast) ease,box-shadow var(--motion-dur-fast) ease}.csn-profile-link-chip:hover{border-color:color-mix(in srgb,var(--primary) 36%,transparent);transform:translateY(-1px);box-shadow:var(--wan-shadow-2)}.csn-profile-link-chip-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:12px;flex-shrink:0;font-size:15px;font-weight:600;color:var(--primary-strong);background:color-mix(in srgb,var(--primary) 14%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 18%,transparent)}.csn-profile-link-chip-body{display:grid;gap:.12rem;min-width:0}.csn-profile-link-chip-body strong{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-profile-link-chip-url{color:var(--muted-foreground);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-feed--profile .csn-post-card{margin:0}.csn-friends-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;width:auto;max-width:100%;padding:.35rem .55rem .35rem .35rem;border-radius:12px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);color:inherit;text-decoration:none;box-shadow:var(--shadow-card);transition:border-color var(--motion-dur-fast) ease,transform var(--motion-dur-fast) ease}.csn-friends-pill:hover{border-color:color-mix(in srgb,var(--primary) 32%,transparent);transform:translateY(-1px)}.csn-friends-pill--stack{margin-top:.55rem;width:100%;justify-content:flex-start;border-radius:12px;padding:.55rem .65rem}.csn-friends-pill--inline{margin:0;min-height:1.55rem;padding:.14rem .5rem .14rem .3rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:color-mix(in srgb,var(--foreground) 3%,var(--card));box-shadow:none}.csn-friends-pill--inline:hover{border-color:color-mix(in srgb,var(--primary) 32%,transparent);background:color-mix(in srgb,var(--primary) 6%,var(--card));transform:none}.csn-friends-pill--inline .csn-friends-pill-chevron{margin-left:.15rem}.csn-friends-stack{display:flex;flex-direction:row-reverse;justify-content:flex-end;padding-left:.55rem}.csn-friends-stack-avatar{width:1.9rem;height:1.9rem;border-radius:999px;object-fit:cover;display:grid;place-items:center;margin-left:-.55rem;border:2px solid var(--card);background:var(--surface);font-size:12px;font-weight:600;box-shadow:var(--wan-shadow-1)}@media (max-width:767px){.csn-friends-pill--inline{min-height:1.4rem;padding:.12rem .45rem .12rem .26rem}.csn-friends-pill--inline .csn-friends-stack-avatar{width:2.1rem;height:2.1rem;margin-left:-.5rem}.csn-friends-pill--inline .csn-friends-pill-count{font-size:13px}.csn-friends-pill--inline .csn-friends-pill-label{font-size:12px}}.csn-friends-pill--stack .csn-friends-stack-avatar{width:2.15rem;height:2.15rem;margin-left:-.65rem}.csn-friends-pill-meta{display:grid;gap:.05rem;min-width:0;line-height:1.15}.csn-friends-pill-icon{width:.95rem;height:.95rem;color:var(--primary);background-color:currentColor;-webkit-mask:var(--icon) center /contain no-repeat;mask:var(--icon) center /contain no-repeat}.csn-friends-pill-count{font-weight:600;font-size:15px;line-height:1}.csn-friends-pill-label{color:var(--muted-foreground);font-size:12px;font-weight:600}.csn-friends-pill-chevron{margin-left:auto;color:var(--muted-foreground);font-size:16px;line-height:1;opacity:.7}.csn-profile-path{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:12px;color:var(--muted-foreground)}.csn-profile-path-root{font-weight:600;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-profile-path-sep{opacity:.45}.csn-profile-path-current{color:var(--primary-strong);font-weight:600}.csn-profile-section-path{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;font-size:13px;color:var(--muted-foreground)}.csn-profile-section-path span:first-child{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-profile-section-path strong{color:var(--foreground);font-weight:600}.csn-profile-stats-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .75rem;margin:.55rem 0 .75rem}.csn-profile-activity{display:inline-flex;align-items:center;gap:.45rem;min-height:1.85rem;padding:.2rem .65rem .2rem .45rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:color-mix(in srgb,var(--foreground) 3%,var(--card))}.csn-profile-activity-dot{width:.55rem;height:.55rem;border-radius:999px;background:var(--muted-foreground);flex-shrink:0}.csn-profile-activity--online .csn-profile-activity-dot{background:#22c55e;box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 22%,transparent);animation:csn-presence-pulse 2.4s ease-in-out infinite}.csn-profile-activity--away .csn-profile-activity-dot{background:#eab308;box-shadow:0 0 0 3px color-mix(in srgb,#eab308 26%,transparent)}.csn-profile-activity--offline .csn-profile-activity-dot{background:color-mix(in srgb,var(--muted-foreground) 85%,transparent)}.csn-profile-activity--hidden .csn-profile-activity-dot{background:transparent;border:1.5px dashed color-mix(in srgb,var(--muted-foreground) 70%,transparent);box-shadow:none}.csn-profile-activity-label{font-size:13px;font-weight:600;color:var(--muted-foreground)}.csn-profile-activity--online .csn-profile-activity-label{color:color-mix(in srgb,#16a34a 85%,var(--foreground))}.csn-profile-activity--away .csn-profile-activity-label{color:color-mix(in srgb,#ca8a04 80%,var(--foreground))}@keyframes csn-presence-pulse{0%,to{opacity:1}50%{opacity:.55}}.csn-profile-stats{display:inline-flex;align-items:center;gap:.55rem}.csn-profile-stat{display:inline-flex;align-items:baseline;gap:.28rem;border:0;background:transparent;padding:.15rem 0;color:inherit;font:inherit;cursor:pointer}.csn-profile-stat strong{font-weight:600}.csn-profile-stat span{color:var(--muted-foreground);font-size:13px}.csn-profile-stat.is-on span{color:var(--primary-strong)}.csn-profile-section-tabs{margin-top:.15rem;max-width:22rem}#csn-section-wall.is-dimmed,.csn-profile-info-box.is-dimmed,.csn-profile-media-box.is-dimmed{opacity:.55}#csn-section-wall.is-active,.csn-profile-info-box.is-active,.csn-profile-media-box.is-active{opacity:1}#csn-section-wall,.csn-profile-info-box,.csn-profile-media-box{scroll-margin-top:4.5rem}.csn-profile-facts{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .15rem;margin:0;font-size:13px;color:var(--muted-foreground);line-height:1.35}.csn-profile-fact{display:inline-flex;align-items:center;gap:.25rem}.csn-profile-fact:not(:last-child):after{content:"·";margin-left:.4rem;opacity:.55}.csn-fact-icon{width:.85rem;height:.85rem;color:var(--muted-foreground);background-color:currentColor;-webkit-mask:var(--icon) center /contain no-repeat;mask:var(--icon) center /contain no-repeat}.csn-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.csn-profile-actions:has(>:only-child){grid-template-columns:1fr}.csn-profile-feed-label{display:none}.csn-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h,2.75rem);padding:.55rem 1.25rem;border-radius:var(--radius-control);border:1px solid var(--csn-control-border-primary);font-weight:600;letter-spacing:-.015em;background:var(--primary);color:#fff;text-align:center;box-shadow:none}.csn-btn:hover{filter:brightness(1.04)}.csn-btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.csn-btn--ghost{background:color-mix(in srgb,var(--foreground) 4%,var(--surface));color:var(--foreground);border-color:transparent;box-shadow:none}.csn-btn--ghost:hover{background:color-mix(in srgb,var(--foreground) 8%,var(--surface));border-color:transparent;filter:none}.csn-btn--success{background:#16a34a;color:#fff;border-color:color-mix(in srgb,#000 18%,#16a34a);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 18%,transparent)}.csn-btn--success:hover{filter:brightness(1.05)}.csn-btn--danger{background:#dc2626;color:#fff;border-color:color-mix(in srgb,#000 18%,#dc2626);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 18%,transparent)}.csn-btn--danger:hover{filter:brightness(1.05)}.csn-btn--sm{min-height:var(--control-h-sm,2.35rem);padding:.4rem 1rem;font-size:13px;border-radius:calc(var(--radius-control) - .15rem)}.csn-btn--block{width:100%}.csn-group{list-style:none;margin:0 0 .85rem;padding:0;border-radius:12px;overflow:hidden;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);transition:background-color .45s ease,border-color .45s ease,color .45s ease}.csn-group-label{margin:0 0 .35rem .35rem;color:var(--muted-foreground);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.csn-group-label,.csn-row{display:flex;align-items:center}.csn-row{justify-content:space-between;gap:.75rem;width:100%;min-height:2.85rem;padding:.55rem .85rem;border:0;border-bottom:1px solid color-mix(in srgb,var(--foreground) 7%,transparent);background:transparent;text-align:left}.csn-row:last-child{border-bottom:0}.csn-row-label{font-weight:600;font-size:15px}.csn-row-detail{color:var(--muted-foreground);font-size:13px}.csn-segment{--count:2;--index:0;position:relative;display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));padding:.2rem;border-radius:.75rem;background:color-mix(in srgb,var(--foreground) 6%,var(--surface));gap:0;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-segment-glider{position:absolute;z-index:0;top:.2rem;bottom:.2rem;left:.2rem;width:calc((100% - .4rem) / var(--count));border-radius:12px;background:var(--primary);box-shadow:var(--wan-shadow-1);transform:translateX(calc(var(--index) * 100%));transition:transform var(--motion-dur-fast) cubic-bezier(.2,.8,.2,1);will-change:transform;pointer-events:none}.csn-segment button{position:relative;z-index:1;border:0;background:transparent;min-height:2rem;padding:.3rem .75rem;border-radius:12px;color:var(--foreground);font-weight:600;font-size:13px;opacity:.7;transition:color var(--motion-dur-fast) ease,opacity var(--motion-dur-fast) ease}.csn-segment button.is-on{color:#fff;opacity:1;background:transparent;box-shadow:none;border:0}.csn-list{display:flex;flex-direction:column;gap:.4rem}.csn-list-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:.75rem;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);content-visibility:auto;contain-intrinsic-size:auto 4rem}.csn-list-item .meta{flex:1 1;min-width:0}.csn-list-item .meta strong{display:block;font-size:15px}.csn-list-item .meta span{color:var(--muted-foreground);font-size:12px}.csn-presence{width:.5rem;height:.5rem;border-radius:999px;background:#22c55e;box-shadow:0 0 0 2px var(--card),0 0 0 3px color-mix(in srgb,#22c55e 24%,transparent)}.csn-presence--away{background:#eab308;box-shadow:0 0 0 2px var(--card),0 0 0 3px color-mix(in srgb,#eab308 28%,transparent)}.csn-presence--on-avatar{position:absolute;right:0;bottom:.05rem;width:.55rem;height:.55rem;border:2px solid var(--card);box-shadow:0 0 0 1px color-mix(in srgb,#22c55e 35%,transparent)}.csn-presence--on-avatar.csn-presence--away{box-shadow:0 0 0 1px color-mix(in srgb,#eab308 40%,transparent)}.csn-chat-list-item.is-unread{border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.csn-chat-list-preview.is-unread{color:var(--foreground);font-weight:600}.csn-page--friends{display:grid;gap:.75rem;align-content:start}.csn-friends-page-sub{margin:-.25rem 0 .35rem;font-size:15px}.csn-friends-page-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--csn-hub-list-gap,0)}.csn-friends-page-item{display:flex;align-items:center;gap:var(--csn-hub-row-gap,.75rem);padding:var(--csn-hub-row-pad-y,.7rem) var(--csn-hub-row-pad-x,.8rem);border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--csn-hairline);box-shadow:none;content-visibility:auto;contain-intrinsic-size:auto 4.5rem}.csn-friends-page-item:last-child{border-bottom-color:transparent}.csn-friends-page-item:hover,.csn-list-item--hub:hover{background:color-mix(in srgb,var(--primary) 5%,transparent)}.csn-friends-page-main{flex:1 1;min-width:0;display:flex;align-items:center;gap:var(--csn-hub-row-gap,.75rem);color:inherit;text-decoration:none}.csn-friends-page-copy strong{display:block;font-size:var(--csn-hub-title-size,.95rem);font-weight:600;letter-spacing:-.015em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-friends-page-copy .csn-muted,.csn-friends-page-copy span{font-size:var(--csn-hub-meta-size,.76rem);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-friends-page-item .csn-avatar,.csn-friends-page-item .csn-avatar--lg{width:var(--csn-hub-avatar,2.65rem);height:var(--csn-hub-avatar,2.65rem)}.csn-friends-page-actions{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.csn-profile-path-root{color:inherit;text-decoration:none}a.csn-profile-path-root:hover{color:var(--primary-strong)}.csn-chat-list{display:flex;flex-direction:column;gap:var(--csn-row-gap,0);overscroll-behavior:contain}.csn-chat-list.is-syncing,.csn-page--chat.is-syncing .csn-chat-stage{position:relative}.csn-chat-list.is-syncing:before,.csn-page--chat.is-syncing .csn-chat-stage:before{content:"";position:absolute;top:0;left:0;right:0;z-index:5;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--primary,#2a6af0) 75%,transparent) 35%,color-mix(in srgb,var(--primary,#2a6af0) 90%,transparent) 50%,color-mix(in srgb,var(--primary,#2a6af0) 75%,transparent) 65%,transparent 100%);background-size:220% 100%;animation:csn-sync-hairline 1.1s ease-in-out infinite}@keyframes csn-sync-hairline{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.csn-chat-list.is-syncing:before,.csn-page--chat.is-syncing .csn-chat-stage:before{animation:none;opacity:.7;background-position:50% 0}}.csn-post-outbox-retry{bottom:calc(var(--nav-height, 56px) + 12px + env(safe-area-inset-bottom, 0px));z-index:40;border:0;padding:.55rem 1rem;background:var(--csn-danger,#c0392b);color:#fff;font:inherit;font-size:13px}.csn-post-outbox-retry,.wan-app-update-banner{position:fixed;left:50%;transform:translateX(-50%);border-radius:12px;box-shadow:var(--wan-shadow-2)}.wan-app-update-banner{top:max(.65rem,env(safe-area-inset-top,0px));z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .75rem;max-width:min(32rem,calc(100vw - 1.5rem));padding:.65rem .85rem;background:color-mix(in srgb,var(--background,#0d1014) 92%,#3a4fa8);color:var(--foreground,#f5f3ef);border:1px solid color-mix(in srgb,var(--foreground,#fff) 14%,transparent);font:inherit;font-size:15px}.wan-app-update-banner__text{flex:1 1 12rem;line-height:1.35}.wan-app-update-banner__actions{display:flex;gap:.4rem;flex-shrink:0}.wan-app-update-banner__btn{border:0;border-radius:6px;padding:.4rem .7rem;font:inherit;font-size:13px;background:color-mix(in srgb,var(--foreground,#fff) 12%,transparent);color:inherit;cursor:pointer}.wan-app-update-banner__btn--primary{background:#3a4fa8;color:#fff}.csn-bottom-nav,.csn-icon-btn,.csn-nav-link,.csn-no-select,.csn-plus-btn,.csn-unread-pill{user-select:none;-webkit-user-select:none}.csn-chat-list-item{display:flex;align-items:center;gap:var(--csn-hub-row-gap,.65rem);padding:var(--csn-row-pad-y,.55rem) var(--csn-row-pad-x,.85rem);background:transparent;border:0;color:inherit;text-decoration:none;transition:none;content-visibility:visible;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.csn-chat-list-item .csn-avatar,.csn-chat-list-item .csn-avatar--lg,.csn-chat-list-item .csn-avatar-fallback{width:var(--csn-hub-avatar,2.65rem);height:var(--csn-hub-avatar,2.65rem)}.csn-chat-list-item:last-child{border-bottom-color:transparent}.csn-chat-list-item:active,.csn-chat-list-item[data-pressed=true]{background:var(--csn-row-press,color-mix(in srgb,var(--foreground) 8%,transparent));transform:none;opacity:1}.csn-chat-list-item:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.csn-chat-list-item.is-active{background:color-mix(in srgb,var(--primary) 12%,transparent);box-shadow:inset 3px 0 0 0 color-mix(in srgb,var(--primary) 70%,transparent)}.csn-chat-avatar-wrap{position:relative;flex-shrink:0}.csn-chat-list-meta{flex:1 1;min-width:0;display:grid;gap:.15rem}.csn-chat-list-top{justify-content:space-between;gap:.5rem;flex-wrap:nowrap}.csn-chat-list-name-row,.csn-chat-list-top{display:flex;align-items:center;min-width:0}.csn-chat-list-name-row{gap:.35rem;flex:1 1 auto;flex-wrap:nowrap;overflow:hidden}.csn-chat-list-name-row strong,.csn-chat-list-top strong{font-family:var(--font-name);font-size:calc(.94rem * (.92 + .08 * var(--wan-message-text-scale, 1)));font-weight:600;letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-chat-list-top time{flex-shrink:0;font-size:12px;font-weight:500;color:var(--muted-foreground)}.csn-chat-list-end{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0}.csn-unread-pill{border-radius:999px;background:var(--primary);color:#fff}.csn-outbox-pill,.csn-unread-pill{min-width:1.15rem;height:1.15rem;padding:0 .3rem;font-weight:600;line-height:1.15rem;text-align:center}.csn-outbox-pill{border-radius:12px;background:color-mix(in srgb,var(--muted-foreground) 22%,transparent);color:var(--muted-foreground);font-size:12px}.csn-chat-list-preview{color:var(--muted-foreground);font-size:var(--wan-readable-fs-sm,13.12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-chat-list-preview.is-typing{color:var(--primary-strong);font-weight:600}.csn-chat-thread{display:flex;flex-direction:column;align-items:center;gap:0;flex:1 1;min-height:42dvh;min-width:0;max-height:calc(100dvh - 12.5rem);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto;width:100%;padding:.35rem max(var(--content-pad-x,.75rem),env(safe-area-inset-right,0px)) .85rem max(var(--content-pad-x,.75rem),env(safe-area-inset-left,0px));background:transparent}.csn-chat-thread-virtual{position:relative;width:100%;align-self:stretch;flex-shrink:0;margin-top:auto;margin-bottom:var(--chat-chrome-h,0)}.csn-chat-thread-virtual-row{display:flex;justify-content:center;box-sizing:border-box;padding-bottom:.55rem}.csn-chat-pinned-banner{display:flex;align-items:center;gap:.35rem;width:calc(100% - 1.2rem);max-width:42rem;margin:.15rem auto .35rem;padding:.35rem .4rem .35rem .35rem;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:18px;background:color-mix(in srgb,var(--card) 96%,var(--primary));box-shadow:0 1px 0 color-mix(in srgb,var(--foreground) 6%,transparent);overflow:hidden}.csn-chat-pinned-banner-main{display:flex;align-items:center;gap:.65rem;min-width:0;flex:1 1;padding:.2rem .35rem;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.csn-chat-pinned-banner-icon{display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:12px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary-strong,var(--primary));flex-shrink:0}.csn-chat-pinned-banner-glyph{width:1rem;height:1rem}.csn-chat-pinned-banner-copy{min-width:0;flex:1 1;display:grid;gap:.08rem}.csn-chat-pinned-banner-copy strong{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--primary-strong,var(--primary))}.csn-chat-pinned-banner-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--foreground)}.csn-chat-pinned-banner-clear{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:0;border-radius:12px;background:transparent;color:var(--muted-foreground);font-size:20px;line-height:1;flex-shrink:0;cursor:pointer}.csn-bubble--flash{animation:csn-bubble-flash 1.1s ease}@keyframes csn-bubble-flash{0%,to{box-shadow:none}}@supports (color:color-mix(in lch,red,blue)){@keyframes csn-bubble-flash{0%,to{box-shadow:none}35%{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 35%,transparent)}}}.csn-page--chat{flex-direction:column;margin:0;padding-left:0;padding-right:0;min-height:calc(100dvh - var(--nav-height) - 2.5rem)}.csn-chat-stage,.csn-page--chat{display:flex;width:100%;max-width:none;min-width:0;overflow-x:clip}.csn-chat-stage{flex:1 1;flex-direction:column;min-height:0;height:100%;position:relative}.csn-chat-jump-bottom{position:absolute;right:max(.85rem,env(safe-area-inset-right,0px));bottom:calc(var(--chat-composer-height, 4.85rem) + .55rem + var(--keyboard-inset, 0px));z-index:12;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:12px;background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--foreground);box-shadow:var(--wan-shadow-2);cursor:pointer;transition:transform var(--motion-dur-fast) var(--spring,ease),background var(--motion-dur-fast) ease,opacity var(--motion-dur-fast) ease}.csn-chat-jump-bottom:hover{background:var(--card);transform:translateY(-1px)}.csn-chat-jump-bottom:active{transform:scale(.96)}.csn-chat-jump-bottom-icon{font-size:20px;line-height:1;font-weight:600}.csn-chat-jump-bottom-badge{position:absolute;top:-.28rem;right:-.28rem;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:600;line-height:1.25rem;text-align:center;box-shadow:0 0 0 2px var(--card)}html[data-chat-thread] .csn-chat-jump-bottom{bottom:calc(var(--chat-composer-height, 5.15rem) + .45rem + var(--keyboard-inset, 0px))}html[data-chat-thread][data-keyboard-open] .csn-chat-jump-bottom{bottom:calc(var(--chat-composer-height, 4.35rem) + .35rem + var(--keyboard-inset, 0px))}@media (max-width:899px){html[data-chat-thread] .csn-page--chat{animation:csn-chat-enter .16s ease-out both}html[data-vt-nested][data-chat-thread] .csn-page--chat{animation:none!important}html[data-chat-thread][data-edge-swiping] .csn-page--chat{transform:translate3d(var(--edge-swipe-pull,0),0,0);will-change:transform}}@keyframes csn-chat-enter{0%{opacity:.94}to{opacity:1}}@media (prefers-reduced-motion:reduce){html[data-chat-thread] .csn-page--chat{animation:none}}.csn-chats-shell{width:100%;max-width:none;margin:0}.csn-chats-shell-list{display:none}.csn-chats-shell-detail{min-width:0}.csn-chats-page-desktop-empty{display:none}.csn-chats-desktop-empty{display:grid;place-content:center;gap:.45rem;min-height:100%;padding:2rem;text-align:center}.csn-chats-desktop-empty h2{margin:0;font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em}.csn-chats-desktop-empty p{margin:0;max-width:18rem;color:var(--muted-foreground);font-size:15px;line-height:1.45}@media (min-width:900px){.csn-app:has(.csn-chats-shell){height:100dvh;min-height:100dvh;overflow:hidden}.csn-chats-shell{display:grid;grid-template-columns:minmax(20rem,24.5rem) minmax(0,1fr);flex:1 1;min-height:0;height:100%;max-width:none;margin:0;border-radius:0;overflow:hidden}.csn-main:has(.csn-chats-shell){padding-bottom:0!important;min-height:0;height:100%;flex:1 1;display:flex;flex-direction:column;overflow:hidden}.csn-main:has(.csn-chats-shell) .csn-main-stage{flex:1 1;min-height:0;height:100%;display:flex;flex-direction:column}.csn-chats-shell-list{display:block;min-height:0;overflow-y:auto;padding:.95rem .7rem 1.1rem;border-right:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--card) 88%,var(--background)),color-mix(in srgb,var(--card) 72%,var(--background)))}.csn-chats-shell-list .csn-chats-head-cluster{margin-bottom:.55rem}.csn-chats-shell-list .csn-chats-head{padding:0 .4rem}.csn-chats-shell-list .csn-page-title{font-size:20px;margin:0;letter-spacing:-.02em}.csn-chats-shell-list .csn-search-field{margin-bottom:.6rem;padding:.45rem .8rem;border-radius:18px}.csn-chats-shell-list .csn-input{min-height:2.35rem;line-height:1.35;padding-top:.35rem;padding-bottom:.35rem}.csn-chats-shell-list .csn-chat-list{gap:0}.csn-chats-shell-list .csn-chat-list-item{gap:.7rem;padding:.58rem .7rem;border-radius:0;border:0;border-bottom:1px solid var(--csn-hairline);background:transparent;transition:background var(--motion-dur-fast) ease}.csn-chats-shell-list .csn-chat-list-item:last-child{border-bottom-color:transparent}.csn-chats-shell-list .csn-chat-list-item:hover{background:color-mix(in srgb,var(--foreground) 5%,transparent);border-color:transparent;border-bottom-color:var(--csn-hairline)}.csn-chats-shell-list .csn-chat-list-item.is-active{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:transparent;border-bottom-color:var(--csn-hairline);box-shadow:inset 3px 0 0 0 color-mix(in srgb,var(--primary) 72%,transparent)}.csn-chats-shell-list .csn-avatar--lg{width:2.55rem;height:2.55rem}.csn-chats-shell-list .csn-chat-list-top strong{font-size:15px}.csn-chats-shell-list .csn-chat-list-preview{font-size:13px}.csn-chats-shell-detail{display:flex;flex-direction:column;align-items:stretch;min-height:0;min-width:0;height:100%;flex:1 1;overflow:hidden;overflow-x:clip;background:color-mix(in srgb,var(--background) 96%,var(--card))}.csn-chats-shell-detail>.csn-page--chat{display:flex;flex-direction:column;flex:1 1;min-height:0;width:100%;max-width:none;margin:0;padding:0;background:transparent;border:0}.csn-chats-page-mobile{display:none!important}.csn-chats-page-desktop-empty{display:flex;flex:1 1;flex-direction:column}.csn-chats-page-desktop-empty,html[data-chat-thread] .csn-page--chat{min-height:0;height:100%;width:100%;max-width:none;margin:0;padding:0}html[data-chat-thread] .csn-page--chat{max-height:none}html[data-chat-thread] .csn-main{padding-bottom:0}html[data-chat-thread] .csn-main-stage{flex:1 1;min-height:0;display:flex;flex-direction:column}.csn-chats-shell-detail .csn-chat-stage{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;flex:1 1;min-height:0;min-width:0;height:100%;width:100%;max-width:none;margin:0;padding:0 clamp(1rem,2.2vw,2rem);overflow:hidden;overflow-x:clip;--chat-messages-max:min(44rem,100%);background:radial-gradient(ellipse 80% 45% at 50% -6%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--background) 98%,var(--card)),color-mix(in srgb,var(--background) 94%,var(--surface)))}.csn-chats-shell-detail .csn-chat-top{grid-row:1}.csn-chats-shell-detail .csn-chat-pinned-banner{grid-row:2}.csn-chats-shell-detail .csn-chat-thread{grid-row:3;min-height:0}.csn-chats-shell-detail .csn-chat-jump-bottom{grid-row:3}.csn-chats-shell-detail .csn-chat-composer{grid-row:4}.csn-chats-shell-detail .csn-chat-top{margin-left:0;margin-right:0;padding:.2rem 0 0;display:flex;justify-content:center;width:100%;border-bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--background) 92%,transparent) 0,color-mix(in srgb,var(--background) 68%,transparent) 75%,transparent 100%);backdrop-filter:none;-webkit-backdrop-filter:none}.csn-chats-shell-detail .csn-chat-head{max-width:var(--chat-messages-max);padding:.45rem .15rem .6rem;min-height:3.35rem}html[data-chat-thread] .csn-chats-shell-detail .csn-chat-thread{min-height:0;width:100%;padding:.75rem 0 1rem;align-items:stretch;gap:.28rem;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--foreground) 2.2%,transparent) 1px,transparent 0);background-size:1.2rem 1.2rem;background-position:top}html[data-chat-thread] .csn-chats-shell-detail .csn-chat-message-wrap{max-width:var(--chat-messages-max);margin-inline:auto;width:100%;gap:.22rem}.csn-chats-shell-detail .csn-bubble-swipe--sticker{max-width:min(14rem,70%)}html[data-chat-thread] .csn-chats-shell-detail .csn-chat-composer{margin-left:auto;margin-right:auto;padding:.45rem 0 .95rem;max-width:var(--chat-messages-max);width:100%;min-width:0;align-items:stretch;box-sizing:border-box;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:none}html[data-chat-thread] .csn-chats-shell-detail .csn-composer-row{min-width:0;max-width:100%;box-sizing:border-box;padding:0;border:none;background:transparent;box-shadow:none}.csn-chats-shell-detail .csn-bubble-swipe{max-width:min(72%,34rem)}.csn-chats-shell-detail .csn-bubble-swipe:has(.csn-bubble--media-only),.csn-chats-shell-detail .csn-bubble-swipe:has(.csn-bubble--media:not(.csn-bubble--sticker)){max-width:min(86%,36rem)}.csn-chats-shell-detail .csn-bubble{width:max-content;max-width:100%;min-width:0;font-size:var(--wan-readable-fs,15.2px);padding:calc(var(--wan-readable-pad-y, .48rem) * 1.15) calc(var(--wan-readable-pad-x, .72rem) * 1.18) calc(var(--wan-readable-pad-y, .48rem) * .88);line-height:1.42;box-sizing:border-box;overflow-wrap:anywhere}.csn-chats-shell-detail .csn-bubble--share{width:100%;max-width:min(100%,34rem)}.csn-chats-shell-detail .csn-bubble--media-only{width:max-content;max-width:min(100%,34rem)}.csn-chats-shell-detail .csn-bubble-media-wrap{max-width:min(100%,var(--chat-media-max))}.csn-chats-shell-detail .csn-bubble-media{max-width:var(--chat-media-max);max-height:min(52vh,30rem)}.csn-chats-shell-detail .csn-bubble--mine{background:var(--bubble-me);color:var(--bubble-me-fg);border-color:transparent}.csn-chats-desktop-empty{gap:.65rem;padding:2.5rem}.csn-chats-desktop-empty h2{font-size:24px}.csn-chats-desktop-empty p{max-width:22rem;font-size:15px}}.csn-chats-head-cluster{position:relative;z-index:12}.csn-chats-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}@media (max-width:899px){.csn-page--chats{padding-top:calc(var(--content-pad-y) + var(--content-safe-top))}.csn-chats-head .csn-page-title--large,.csn-friends-page-head .csn-page-title--large,.csn-page--explore .csn-page-title--large,.csn-page--favorites .csn-page-title--large{font-size:clamp(1.75rem,5.2vw,2.05rem);font-weight:600;letter-spacing:-.03em;line-height:1.08;margin:.1rem .05rem .35rem}.csn-settings-page .wan-ios-large-title{font-size:clamp(1.75rem,5.2vw,2.1rem)}}.csn-chats-head .csn-page-title{margin-bottom:0}.csn-chats-menu-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.csn-chats-menu-head .csn-chats-menu-label{margin:0}.csn-chat-list-item.is-group .csn-chat-avatar-wrap{position:relative}.csn-chat-group-badge{position:absolute;right:-.08rem;bottom:-.08rem;width:1.2rem;height:1.2rem;border-radius:999px;background:color-mix(in srgb,var(--card) 94%,var(--primary) 6%);border:1.5px solid color-mix(in srgb,var(--primary) 45%,transparent);display:grid;place-items:center;box-shadow:var(--wan-shadow-1);overflow:hidden}.csn-chat-group-badge-icon{width:.72rem;height:.72rem;color:var(--primary-strong)}.csn-inline-apple-emoji-text{display:inline}.csn-inline-apple-emoji{vertical-align:-.18em;margin:0 .02em}.csn-chat-list-kind{flex-shrink:0;margin-left:0;font-weight:600;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap}.csn-create-group-sheet{max-height:min(92dvh,42rem);display:flex;flex-direction:column}.csn-create-community-sheet{max-height:min(92dvh,48rem);display:flex;flex-direction:column}.csn-create-community-scroll{flex:1 1;min-height:0;overflow:auto;padding:0 .15rem .25rem;-webkit-overflow-scrolling:touch}.csn-create-community-lead{margin:0 0 .85rem;font-size:13px;line-height:1.45}.csn-create-community-sheet .csn-textarea{min-height:4.5rem}.csn-create-community-sheet .csn-community-fields,.csn-create-community-sheet .csn-group--fields{margin:0}.csn-create-group-scroll{flex:1 1;min-height:0;overflow:auto;padding:0 .15rem .25rem;-webkit-overflow-scrolling:touch}.csn-create-group-lead{margin:0 0 .85rem;font-size:13px;line-height:1.45}.csn-create-group-card{display:grid;gap:.85rem;margin-bottom:1rem;padding:.9rem .95rem;border-radius:18px;background:color-mix(in srgb,var(--foreground) 2.5%,var(--surface));border:1px solid color-mix(in srgb,var(--foreground) 7%,transparent)}.csn-create-group-card--flush{margin-bottom:0}.csn-create-group-hero{display:flex;align-items:center;gap:.85rem;margin-bottom:0}.csn-create-group-hero-copy{min-width:0;flex:1 1;display:grid;gap:.2rem}.csn-create-group-hero-copy strong{font-size:16px;line-height:1.2}.csn-create-group-hero-copy>span{color:var(--muted-foreground);font-size:12px;line-height:1.35}.csn-create-group-hero-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.2rem}.csn-create-group-members{display:grid;gap:.55rem}.csn-create-group-members-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.csn-create-group-chips{display:flex;flex-wrap:wrap;gap:.35rem}.csn-create-group-chip{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.2rem .45rem .2rem .2rem;border-radius:12px;border:0;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--foreground);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.csn-create-group-chip .csn-avatar,.csn-create-group-chip .csn-avatar-fallback{width:1.45rem;height:1.45rem}.csn-create-group-chip span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:8rem}.csn-create-group-people{max-height:min(16rem,38dvh);overflow:auto;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 7%,transparent);background:color-mix(in srgb,var(--foreground) 2%,var(--card))}.csn-create-group-people .csn-share-row{border-radius:0;border:0;border-bottom:1px solid color-mix(in srgb,var(--foreground) 5%,transparent);margin:0}.csn-create-group-people .csn-share-row:last-child{border-bottom:0}.csn-create-group-check{width:1.35rem;height:1.35rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 14%,transparent);display:grid;place-items:center;color:transparent;font-size:12px;font-weight:600;flex-shrink:0}.csn-create-group-check.is-on{background:var(--primary);border-color:var(--primary);color:#fff}.csn-create-group-picked{margin:.45rem 0 0;font-size:12px}.csn-field-hint{display:block;margin-bottom:.25rem;font-size:12px;color:var(--muted-foreground)}.csn-search-field--compact{margin-bottom:.45rem}.csn-chats-menu{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:20;margin:0;padding:.65rem;border-radius:12px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);box-shadow:var(--wan-shadow-2),0 0 0 1px color-mix(in srgb,var(--foreground) 4%,transparent)}.csn-chats-menu-label{margin:0 0 .45rem;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground)}.csn-chats-menu-people{display:flex;flex-direction:column;gap:.2rem;max-height:14rem;overflow:auto}.csn-plus-glyph{display:block;font-size:24px;font-weight:500;line-height:1;color:inherit;transition:transform var(--motion-dur-base) ease}.csn-plus-btn.is-on{background:var(--accent-muted);color:var(--primary-strong)}.csn-plus-btn.is-on .csn-plus-glyph{transform:rotate(45deg)}.csn-chats-menu-actions{display:grid}.csn-chats-menu .csn-profile-link{border-radius:12px;border:1px solid var(--csn-control-border);background:color-mix(in srgb,var(--surface) 70%,var(--card));margin-bottom:.3rem}.csn-chats-menu .csn-profile-link:last-child{margin-bottom:0;border-bottom:1px solid var(--csn-control-border)}.csn-chats-menu .csn-input{margin-bottom:.45rem}.csn-share-row.is-on{background:var(--accent-muted);border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.csn-chat-top{position:sticky;top:0;z-index:6;justify-content:center;max-width:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--background) 94%,transparent) 0,color-mix(in srgb,var(--background) 72%,transparent) 70%,transparent 100%);backdrop-filter:none;-webkit-backdrop-filter:none;margin-bottom:.2rem;border-bottom:0}.csn-chat-head,.csn-chat-top{display:flex;width:100%;min-width:0;box-sizing:border-box}.csn-chat-head{align-items:center;gap:.55rem;margin-bottom:0;padding:.4rem 0 .55rem;min-height:3.25rem;max-width:var(--chat-messages-max)}.csn-chat-back{flex-shrink:0;width:2.45rem;height:2.45rem;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:12px;background:color-mix(in srgb,var(--card) 82%,transparent);color:var(--foreground);display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 7%,transparent),var(--wan-shadow-2);isolation:isolate;transition:transform 80ms cubic-bezier(.2,.8,.2,1)}.csn-chat-back:hover{background:color-mix(in srgb,var(--card) 94%,var(--foreground))}.csn-chat-back:active,.csn-chat-back[data-pressed=true]{transform:scale(.94);background:color-mix(in srgb,var(--foreground) 8%,var(--card))}.csn-chat-back-icon{width:1.05rem;height:1.05rem;display:block;opacity:.92}.csn-chat-peer{display:flex;align-items:center;gap:.7rem;min-width:0;flex:1 1;text-decoration:none;color:inherit;border-radius:18px;padding:.35rem .55rem .35rem .35rem;margin-right:0;border:1px solid color-mix(in srgb,var(--foreground) 9%,transparent);background:color-mix(in srgb,var(--card) 78%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent),var(--wan-shadow-2);transition:background var(--motion-dur-fast) ease,border-color var(--motion-dur-fast) ease,transform var(--motion-dur-fast) var(--spring-snappy)}.csn-chat-peer:hover{background:color-mix(in srgb,var(--card) 92%,var(--primary));border-color:color-mix(in srgb,var(--primary) 22%,transparent);transform:translateY(-1px)}.csn-chat-head-avatar{width:2.7rem!important;height:2.7rem!important;border-radius:18px!important;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--foreground) 12%,transparent),var(--wan-shadow-2)}.csn-chat-peer-copy{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:.18rem;line-height:1.15}.csn-chat-peer-copy strong,.csn-chat-peer-name{font-size:16px;font-weight:600;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-chat-head-meta,.csn-chat-head-status{font-size:12px;font-weight:500;line-height:1.2;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-chat-presence.wan-chat-presence{max-width:100%;font-size:12px;font-weight:600;gap:.32rem}.csn-chat-peer-go{flex-shrink:0;width:var(--hit-min);height:var(--hit-min);border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--foreground) 6%,transparent);color:var(--muted-foreground)}.csn-chat-peer-go-icon{width:.95rem;height:.95rem;opacity:.72}.csn-chat-head-status.is-live{color:color-mix(in srgb,#16a34a 88%,var(--foreground))}.csn-chat-pinned{display:grid;grid-template-columns:.28rem minmax(0,1fr) auto;align-items:stretch;gap:.65rem;margin:0;padding:.4rem .15rem .55rem .1rem;border-radius:0;background:transparent;border:0;border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-chat-pin-ticks{display:flex;flex-direction:column;gap:.14rem;padding:.12rem 0}.csn-chat-pin-tick{flex:1 1;min-height:.45rem;padding:0;border:0;border-radius:99px;background:color-mix(in srgb,var(--primary) 28%,var(--surface));cursor:pointer}.csn-chat-pin-tick.is-on{background:var(--primary)}.csn-chat-pinned-body{min-width:0;border:0;background:transparent;text-align:left;color:inherit;padding:.05rem 0}.csn-chat-pinned-text{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground)}.csn-chat-pinned-swap{animation:csn-pin-swap .22s ease both}@keyframes csn-pin-swap{0%{opacity:0;transform:translateY(.18rem)}to{opacity:1;transform:translateY(0)}}.csn-bubble-author{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .35rem;font-size:12px;font-weight:600;line-height:1.2;margin-bottom:.14rem}.csn-bubble-author-handle{font-weight:500;opacity:.72;font-size:12px}a.csn-bubble-author,a.csn-bubble-avatar-link{text-decoration:none;color:inherit}a.csn-bubble-author:hover,a.csn-chat-peer-name:hover{text-decoration:underline;text-underline-offset:.12em}a.csn-chat-peer-go,a.csn-chat-peer-name{color:inherit;text-decoration:none}.csn-bubble-row{display:flex;align-items:flex-start;gap:.45rem;max-width:min(92%,36rem);content-visibility:visible}.csn-bubble-row--group.is-cont{margin-top:-.22rem}.csn-bubble-stack{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:.08rem}.csn-bubble-row--group .csn-bubble{align-self:stretch;max-width:100%}.csn-bubble-avatar{height:2rem;border-radius:999px;object-fit:cover;margin-top:.12rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-bubble-avatar,.csn-bubble-avatar-spacer{width:2rem;flex-shrink:0}.csn-chat-composer{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;position:relative;bottom:auto;flex-shrink:0;width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:.45rem max(var(--content-pad-x,.75rem),env(safe-area-inset-right,0px)) max(.28rem,var(--safe-bottom,env(safe-area-inset-bottom,0px))) max(var(--content-pad-x,.75rem),env(safe-area-inset-left,0px));background:var(--csn-material-fill-strong);border-top:1px solid var(--csn-hairline);z-index:2}.csn-chat-composer .csn-composer-attach-strip,.csn-chat-composer .csn-composer-reply,.csn-chat-composer .csn-composer-row{width:100%;max-width:min(100%,var(--chat-messages-max,100%));min-width:0;margin-inline:auto;box-sizing:border-box}.csn-chat-composer .csn-composer-row{display:flex;flex-wrap:nowrap;align-items:center;min-height:calc(2.55rem * (.92 + .08 * var(--wan-message-text-scale, 1)))}.csn-composer-chrome{position:absolute;left:0;right:0;bottom:100%;z-index:3;display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:.35rem max(var(--content-pad-x,.75rem),env(safe-area-inset-right,0px)) .4rem max(var(--content-pad-x,.75rem),env(safe-area-inset-left,0px));pointer-events:none;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--csn-material-fill-strong,var(--card)) 88%,transparent) 42%,var(--csn-material-fill-strong,var(--card)) 100%)}.csn-composer-chrome:empty{display:none;padding:0}.csn-composer-chrome>*{pointer-events:auto;width:100%;max-width:min(100%,var(--chat-messages-max,100%));margin-inline:auto;box-sizing:border-box}.csn-composer-reply{display:flex;align-items:center;gap:.45rem;min-height:2.85rem;padding:.45rem .55rem;border-radius:.75rem;background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-left:3px solid var(--primary)}.csn-composer-reply-enter{animation:csn-reply-bar-in var(--wan-spring-glide-ms,.46s) var(--wan-spring-glide,var(--spring-snappy)) both}.csn-composer-chrome{animation:csn-composer-chrome-in .22s ease-out both}@keyframes csn-composer-chrome-in{0%{opacity:0}}@keyframes csn-reply-bar-in{0%{opacity:0;transform:translate3d(0,1.6rem,0) scale(.985)}to{opacity:1;transform:none}}.csn-composer-reply-copy{min-width:0;flex:1 1;display:grid;gap:.1rem}.csn-composer-reply-copy strong{font-size:12px;font-weight:600;color:var(--primary-strong)}.csn-composer-reply-copy span{font-size:13px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-composer-reply--edit{border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:color-mix(in srgb,var(--primary) 10%,var(--card))}.csn-bubble-edited{font-size:12px;font-weight:600;letter-spacing:.01em;opacity:.78}.csn-msg-actions-sheet{position:relative;z-index:1;pointer-events:auto;display:grid;gap:.55rem;padding:.2rem .6rem calc(.95rem + var(--safe-bottom));will-change:transform;animation:csn-sheet-up var(--csn-sheet-ms,.28s) var(--csn-sheet-ease,var(--spring)) both;max-height:calc(100dvh - var(--safe-top, env(safe-area-inset-top, 0px)) - .75rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.csn-msg-actions-popover.wan-chat-message-menu{width:max-content;min-width:15.25rem;max-width:min(21rem,calc(100vw - 1rem));padding:.4rem;border-radius:var(--radius-chrome,.95rem);background:var(--csn-material-fill-strong,color-mix(in srgb,var(--card) 92%,transparent));border:1px solid var(--csn-material-border,color-mix(in srgb,var(--foreground) 10%,transparent));box-shadow:var(--shadow-elevated,0 16px 40px color-mix(in srgb,#000 16%,transparent));backdrop-filter:blur(var(--csn-material-blur,17px)) saturate(var(--csn-material-saturate,1.12));-webkit-backdrop-filter:blur(var(--csn-material-blur,17px)) saturate(var(--csn-material-saturate,1.12));display:flex;flex-direction:column;gap:.35rem;animation:csn-msg-menu-in var(--csn-press-ms,.1s) var(--spring) both}@keyframes csn-msg-menu-in{0%{opacity:0;transform:translate3d(0,.35rem,0) scale(.96)}to{opacity:1;transform:none}}.csn-msg-actions-popover .csn-menu-item,.csn-msg-actions-sheet .csn-menu-item{display:flex;align-items:center;gap:.7rem;border-radius:18px;min-height:var(--hit-min);padding:.45rem .55rem .45rem .45rem;font-size:15px;font-weight:600;letter-spacing:-.01em;transition:background var(--csn-press-ms,.1s) var(--spring),transform var(--csn-press-ms,.1s) var(--spring),opacity var(--csn-press-ms,.1s) var(--spring)}.csn-msg-actions-popover .csn-menu-item:hover,.csn-msg-actions-sheet .csn-menu-item:hover{background:color-mix(in srgb,var(--foreground) 7%,transparent)}.csn-msg-actions-popover .csn-menu-item:active,.csn-msg-actions-popover .csn-menu-item[data-pressed=true],.csn-msg-actions-sheet .csn-menu-item:active,.csn-msg-actions-sheet .csn-menu-item[data-pressed=true]{transform:scale(var(--csn-press-scale,.97));opacity:var(--csn-press-opacity,.9);background:color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-msg-action-well{display:inline-grid;place-items:center;width:2rem;height:2rem;flex-shrink:0;border-radius:12px;color:var(--foreground);background:color-mix(in srgb,var(--foreground) 7%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 6%,transparent)}.csn-msg-action-glyph{display:block;flex-shrink:0;color:currentColor}.csn-msg-actions-popover .csn-menu-item.is-danger .csn-msg-action-well,.csn-msg-actions-sheet .csn-menu-item.is-danger .csn-msg-action-well{color:#ef4444;background:color-mix(in srgb,#ef4444 12%,transparent);border-color:color-mix(in srgb,#ef4444 18%,transparent)}.csn-msg-actions-popover .csn-menu-item.is-danger:hover,.csn-msg-actions-sheet .csn-menu-item.is-danger:hover{background:color-mix(in srgb,#ef4444 12%,transparent)}.csn-menu-item-icon{width:1.05rem;height:1.05rem;flex-shrink:0;opacity:.78}.csn-menu-item-glyph{width:1.05rem;flex-shrink:0;text-align:center;font-size:15px;line-height:1;opacity:.8}.csn-msg-actions-list{display:grid;gap:.12rem}.csn-msg-actions-divider{height:1px;margin:.28rem .35rem;background:color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-msg-actions-sheet .csn-msg-react-dock,.csn-msg-react-dock--sheet{margin:.05rem 0 .1rem;padding:.4rem;border-radius:18px}.csn-msg-react-strip,.csn-msg-react-strip--popover{display:flex;gap:.25rem;padding:.35rem .45rem .55rem;overflow-x:auto}.csn-msg-actions-sheet .csn-confirm-handle{touch-action:none;cursor:grab}.csn-msg-react-emoji{display:block;pointer-events:none;width:1.55rem;height:1.55rem;object-fit:contain}.csn-msg-actions-sheet .csn-msg-react-emoji,.csn-msg-react-dock--sheet .csn-msg-react-emoji{width:1.65rem;height:1.65rem}.csn-msg-actions-sheet .csn-msg-react-btn,.csn-msg-react-dock--sheet .csn-msg-react-btn{border-radius:18px}.csn-composer-media-preview{position:relative;width:5.5rem;height:5.5rem;border-radius:.75rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-composer-media-preview img,.csn-composer-media-preview video{display:block;width:100%;height:100%;object-fit:cover}.csn-bubble-media-wrap{position:relative;display:inline-block;max-width:min(var(--chat-media-max),92vw);min-height:6.5rem;margin-bottom:.35rem;vertical-align:top;overflow:hidden;background:color-mix(in srgb,var(--foreground) 5%,var(--surface));contain:layout paint style}.csn-upload-ring{position:absolute;left:50%;top:50%;z-index:2;width:2.75rem;height:2.75rem;margin:-1.375rem 0 0 -1.375rem;display:grid;place-items:center;border-radius:999px;background:rgb(0 0 0/.42);pointer-events:none;opacity:1;transition:opacity .28s ease}.csn-upload-ring.is-done{opacity:0}.csn-upload-ring svg{transform:rotate(-90deg)}.csn-upload-ring-arc,.csn-upload-ring-track{fill:none;stroke-width:2.6}.csn-upload-ring-track{stroke:rgb(255 255 255/.28)}.csn-upload-ring-arc{stroke:#fff;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.csn-upload-ring{transition:none}}.csn-bubble-media-wrap.has-aspect{display:block;width:min(var(--chat-media-max),92vw);max-height:min(70vh,28rem);background:color-mix(in srgb,var(--foreground) 6%,var(--surface))}.csn-bubble-media-wrap.has-aspect .csn-bubble-media,.csn-bubble-media-wrap.has-aspect .csn-bubble-media-blur{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0}.csn-bubble-media-wrap.has-aspect .csn-bubble-media-blur{object-fit:cover}.csn-bubble-media-wrap.has-aspect .csn-bubble-media{object-fit:contain;background:transparent}.csn-bubble-media-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;transform:none;z-index:0;pointer-events:none}.csn-bubble-media-wrap:has(.csn-bubble-media.is-loaded) .csn-bubble-media-blur{display:none}.csn-bubble-media-wrap .csn-bubble-media{position:relative;z-index:1;margin-bottom:0}.csn-bubble-media-video{display:block;position:relative;width:100%;height:100%;min-height:8rem;background:color-mix(in srgb,#000 55%,var(--surface))}.csn-bubble-media-video-placeholder,.csn-bubble-media-video-poster{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}.csn-bubble-media-video-placeholder{background:linear-gradient(145deg,color-mix(in srgb,var(--foreground) 12%,transparent),color-mix(in srgb,var(--foreground) 4%,transparent))}.csn-bubble-media-play{position:absolute;left:50%;top:50%;width:2.4rem;height:2.4rem;border-radius:999px;background:color-mix(in srgb,#000 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,#fff 25%,transparent);transform:translate(-50%,-50%);pointer-events:none;z-index:2}.csn-bubble-media-play:after{content:"";position:absolute;top:50%;left:54%;width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:.42rem 0 .42rem .7rem;transform:translate(-40%,-50%)}button.csn-bubble-media-open{-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-align:left}.csn-bubble-media{display:block;width:100%;max-width:min(var(--chat-media-max),92vw);max-height:min(70vh,28rem);min-height:4.5rem;border-radius:12px;object-fit:contain;margin-bottom:.35rem;background:color-mix(in srgb,var(--foreground) 5%,var(--surface))}.csn-bubble-media-fallback{display:grid;place-items:center;width:min(16rem,72vw);min-height:4.5rem;max-height:8rem;padding:.75rem .9rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 8%,var(--surface));color:var(--muted-foreground);font-size:13px;font-weight:600;line-height:1.3;text-align:center;object-fit:unset}.csn-bubble-reactions{display:flex;flex-wrap:wrap;gap:.28rem;margin:.3rem 0 .1rem}.csn-bubble-reaction{display:inline-flex;align-items:center;gap:.22rem;padding:.16rem .44rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:12px;background:color-mix(in srgb,var(--foreground) 11%,var(--card));color:inherit;font-size:13px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 80ms cubic-bezier(.2,.8,.2,1)}.csn-bubble-reaction:hover{background:color-mix(in srgb,var(--foreground) 15%,var(--card))}.csn-bubble-reaction:active,.csn-bubble-reaction[data-pressed=true]{transform:scale(.94);background:color-mix(in srgb,var(--foreground) 16%,var(--card))}.csn-bubble-reaction.is-on{background:color-mix(in srgb,var(--primary) 22%,var(--card));border-color:color-mix(in srgb,var(--primary) 38%,transparent)}.csn-composer-row{display:flex;flex-wrap:nowrap;gap:.45rem;align-items:flex-end;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.csn-composer-split-hint{margin:.15rem 0 0;padding:0 .35rem;font-size:12px;line-height:1.3;color:color-mix(in srgb,var(--muted) 88%,var(--foreground))}.csn-composer-tools{display:flex;gap:.28rem;flex-shrink:0;flex-wrap:nowrap;align-items:center;min-height:var(--control-h-sm);max-width:100%}.csn-composer-tool.csn-btn{padding:0;min-height:2.2rem;min-width:2.2rem;color:var(--muted-foreground);border:1px solid transparent;background:transparent;box-shadow:none;outline:1px solid var(--csn-control-border);outline-offset:-1px}.csn-composer-tool.csn-btn:hover{background:color-mix(in srgb,var(--foreground) 6%,var(--surface));outline-color:var(--csn-control-border-strong);filter:none}.csn-composer-tool.csn-btn.is-active{color:var(--primary-strong);background:color-mix(in srgb,var(--primary) 12%,transparent);outline-color:color-mix(in srgb,var(--primary) 40%,transparent)}.csn-composer-tool-glyph{line-height:0;display:block}.csn-composer-picker-backdrop{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.csn-composer-picker-backdrop--elevated{z-index:12400}.csn-composer-picker-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.28);pointer-events:auto}.csn-composer-picker-sheet{position:relative;z-index:1;pointer-events:auto;width:min(40rem,100%);margin-inline:auto;padding:.7rem .9rem calc(.8rem + var(--safe-bottom, 0px));display:flex;flex-direction:column;gap:.55rem;overflow:hidden;border-radius:1.1rem 1.1rem 0 0;animation:csn-sheet-up .36s cubic-bezier(.22,1,.36,1) both}.csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side){height:min(58dvh,32rem);max-height:min(72dvh,40rem);min-height:min(42dvh,18rem)}html[data-csn-composer-picker-open] .csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side),html[data-keyboard-open][data-csn-composer-picker-open] .csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side){margin-bottom:0;padding-bottom:calc(.8rem + var(--safe-bottom, 0px));height:min(58dvh,32rem);max-height:min(72dvh,40rem)}html[data-chat-thread] .csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side){height:min(52dvh,30rem);max-height:min(68dvh,36rem)}@media (max-width:380px){.csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side){height:min(62dvh,28rem);max-height:min(78dvh,34rem)}}.csn-composer-picker-sheet--side,.csn-sheet.csn-composer-picker-sheet.csn-composer-picker-sheet--side{width:100%;max-width:none;height:100%;max-height:none;min-height:0;flex:1 1 auto;margin:0;border-radius:0;border:0;box-shadow:none}@media (max-height:480px) and (orientation:landscape){.csn-composer-picker-backdrop:not(.csn-composer-picker-backdrop--side){justify-content:flex-end;align-items:stretch;padding:.5rem}.csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side){width:min(22rem,48vw);height:calc(100% - 1rem);max-height:none;min-height:0;margin-inline:0;border-radius:18px;padding-bottom:.55rem}.csn-composer-picker-backdrop:not(.csn-composer-picker-backdrop--side) .csn-composer-picker-handle{display:none}}@media (min-width:900px){.csn-composer-picker-backdrop:not(.csn-composer-picker-backdrop--side){justify-content:flex-end;align-items:center;padding:0 1.25rem 1.25rem}html[data-chat-thread] .csn-composer-picker-backdrop:not(.csn-composer-picker-backdrop--side){align-items:flex-end;padding-bottom:1rem}.csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side){width:min(26rem,calc(100% - 2rem));height:min(64dvh,38rem);max-height:min(72dvh,42rem);margin-inline:auto;border-radius:18px;box-shadow:var(--wan-shadow-2),0 0 0 1px color-mix(in srgb,var(--foreground) 8%,transparent);animation:csn-picker-desktop-in .24s cubic-bezier(.22,1,.36,1) both}html[data-chat-thread] .csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side){width:min(28rem,calc(100% - 2.5rem));margin-right:auto;margin-left:auto}.csn-composer-picker-backdrop:not(.csn-composer-picker-backdrop--side) .csn-composer-picker-handle{display:none}}@keyframes csn-picker-desktop-in{0%{opacity:0;transform:translateY(.85rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes csn-picker-side-in{0%{opacity:.72;transform:translateX(.85rem)}to{opacity:1;transform:translateX(0)}}@media (min-width:1280px){.csn-chats-shell-detail .csn-chat-stage,.csn-page--chat .csn-chat-stage{--composer-picker-side-width:clamp(18.5rem,20vw,22.5rem)}html[data-csn-composer-picker-side] .csn-chats-shell-detail .csn-chat-stage,html[data-csn-composer-picker-side] .csn-page--chat .csn-chat-stage{display:grid;grid-template-columns:minmax(0,1fr) var(--composer-picker-side-width);grid-template-rows:auto auto minmax(0,1fr) auto;padding-right:0;column-gap:0}html[data-csn-composer-picker-side] .csn-chats-shell-detail .csn-chat-composer,html[data-csn-composer-picker-side] .csn-chats-shell-detail .csn-chat-jump-bottom,html[data-csn-composer-picker-side] .csn-chats-shell-detail .csn-chat-pinned-banner,html[data-csn-composer-picker-side] .csn-chats-shell-detail .csn-chat-thread,html[data-csn-composer-picker-side] .csn-chats-shell-detail .csn-chat-top,html[data-csn-composer-picker-side] .csn-page--chat .csn-chat-composer,html[data-csn-composer-picker-side] .csn-page--chat .csn-chat-jump-bottom,html[data-csn-composer-picker-side] .csn-page--chat .csn-chat-pinned-banner,html[data-csn-composer-picker-side] .csn-page--chat .csn-chat-thread,html[data-csn-composer-picker-side] .csn-page--chat .csn-chat-top{grid-column:1}html[data-csn-composer-picker-side] .csn-chats-shell-detail .csn-chat-top,html[data-csn-composer-picker-side] .csn-page--chat .csn-chat-top{padding-right:clamp(1rem,2.2vw,2rem)}html[data-csn-composer-picker-side] .csn-chats-shell-detail .csn-chat-composer,html[data-csn-composer-picker-side] .csn-chats-shell-detail .csn-chat-thread,html[data-csn-composer-picker-side] .csn-page--chat .csn-chat-composer,html[data-csn-composer-picker-side] .csn-page--chat .csn-chat-thread{padding-right:clamp(.75rem,1.6vw,1.5rem)}.csn-composer-picker-backdrop--side{grid-column:2;grid-row:1/-1;z-index:20;align-items:stretch;height:auto;padding:0;pointer-events:none;background:color-mix(in srgb,var(--card) 96%,var(--background));border-left:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);box-shadow:var(--wan-shadow-2)}.csn-composer-picker-backdrop--side,.csn-sheet.csn-composer-picker-sheet.csn-composer-picker-sheet--side{position:relative;display:flex;flex-direction:column;align-self:stretch;width:100%;max-width:none;min-height:0;margin:0}.csn-sheet.csn-composer-picker-sheet.csn-composer-picker-sheet--side{z-index:1;pointer-events:auto;flex:1 1 auto;height:100%;max-height:none;border-radius:0;border:0;padding:.7rem .75rem .75rem;box-shadow:none;animation:csn-picker-side-in .22s cubic-bezier(.22,1,.36,1) both;background:transparent}.csn-composer-picker-sheet--side .csn-composer-picker-handle{display:none}html[data-csn-composer-picker-side] .csn-sheet.csn-composer-picker-sheet--side,html[data-keyboard-open][data-csn-composer-picker-side] .csn-sheet.csn-composer-picker-sheet--side{height:100%;max-height:none;min-height:0;margin-bottom:0;padding-bottom:.75rem}.csn-composer-picker-sheet--side .csn-composer-picker-body{flex:1 1 auto;min-height:0;overflow:hidden}.csn-composer-picker-sheet--side .csn-emoji-picker-panel,.csn-composer-picker-sheet--side .csn-sticker-picker-embedded{flex:1 1 auto;min-height:0;height:100%}}@media (prefers-reduced-motion:reduce){.csn-sheet.csn-composer-picker-sheet--side{animation:none!important}}.csn-composer-picker-handle{width:2.4rem;height:.28rem;margin:0 auto .15rem;border-radius:999px;background:color-mix(in srgb,var(--foreground) 18%,transparent);flex-shrink:0}.csn-sheet-handle{position:relative;width:100%;height:1.15rem;margin:-.15rem 0 .1rem;flex-shrink:0;touch-action:none;cursor:grab}.csn-sheet-handle:after{content:"";position:absolute;left:50%;top:50%;width:2.4rem;height:.28rem;transform:translate(-50%,-50%);border-radius:999px;background:color-mix(in srgb,var(--foreground) 16%,transparent)}.csn-composer-picker-close{font-size:16px;line-height:1;font-weight:500;color:var(--muted-foreground)}.csn-composer-picker-close span{display:block;transform:translateY(-.02rem)}.csn-composer-picker-close:focus-visible,.csn-composer-picker-tab:focus-visible,.csn-emoji-picker-btn:focus-visible,.csn-emoji-picker-category-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--card),0 0 0 3.5px color-mix(in srgb,var(--primary) 55%,transparent)}.csn-composer-picker-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-shrink:0;padding-bottom:.1rem}.csn-composer-picker-tabs{display:inline-flex;gap:.2rem;padding:.18rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 6%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-composer-picker-tab{border:0;border-radius:12px;padding:.4rem .9rem;font:inherit;font-size:13px;font-weight:600;color:var(--muted-foreground);background:transparent;cursor:pointer;transition:background .34s var(--motion-ease-standard),color .34s ease}.csn-composer-picker-tab.is-active{color:var(--foreground);background:var(--card);box-shadow:var(--wan-shadow-1)}.csn-composer-picker-body{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.csn-emoji-picker-panel{display:flex;flex-direction:column;min-height:0;flex:1 1}.csn-emoji-picker-categories-wrap{flex-shrink:0;margin-bottom:.25rem}.csn-emoji-picker-categories{position:relative;display:flex;gap:.28rem;overflow-x:auto;scrollbar-width:none;padding:.1rem .1rem .28rem}.csn-emoji-picker-categories::-webkit-scrollbar{display:none}.csn-emoji-picker-categories-indicator{position:absolute;left:0;bottom:0;height:2px;border-radius:999px;background:var(--primary);opacity:0;transition:transform .42s var(--motion-ease-standard),width .42s var(--motion-ease-standard),opacity var(--motion-dur-base) ease;pointer-events:none}.csn-emoji-picker-categories-indicator.is-ready{opacity:1}.csn-emoji-picker-category-btn{flex:0 0 auto;display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border:0;border-radius:6px;background:transparent;cursor:pointer}.csn-emoji-picker-category-btn.is-active{background:color-mix(in srgb,var(--primary) 14%,transparent)}.csn-emoji-picker-scroll{flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:.35rem;padding-inline:.1rem}.csn-emoji-picker-section{padding-bottom:.7rem;content-visibility:auto;contain-intrinsic-size:auto 12rem}.csn-emoji-picker-section-title{margin:0 0 .4rem;padding:0 .2rem;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground)}.csn-emoji-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(2.7rem,12.5vw,3.25rem),1fr));gap:clamp(.28rem,1.2vw,.5rem)}@media (max-width:360px){.csn-emoji-picker-grid{grid-template-columns:repeat(auto-fill,minmax(2.45rem,1fr));gap:.22rem}}@media (min-width:900px){.csn-emoji-picker-grid{grid-template-columns:repeat(auto-fill,minmax(2.95rem,1fr));gap:.45rem}}.csn-emoji-picker-btn{display:grid;place-items:center;width:100%;aspect-ratio:1;border:0;border-radius:12px;background:transparent;cursor:pointer;transition:transform .28s var(--motion-ease-standard),background .28s ease}.csn-emoji-picker-btn .wan-apple-emoji{width:1.95rem;height:1.95rem}.csn-emoji-picker-btn:active{background:color-mix(in srgb,var(--primary) 10%,transparent);transform:scale(.96)}.csn-emoji-picker-loading{text-align:center;padding:1rem .5rem;font-size:13px}.csn-emoji-preview{position:fixed;z-index:120;transform:translate(-50%,calc(-100% - .85rem));pointer-events:none}.csn-emoji-preview-bubble{display:grid;place-items:center;width:5.75rem;height:5.75rem;border-radius:18px;background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);box-shadow:var(--wan-shadow-2),0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent);animation:csn-emoji-preview-pop .18s cubic-bezier(.22,1,.36,1) both}.csn-emoji-preview-bubble.has-skins{width:auto;height:auto;min-width:5.75rem;padding:.45rem}.csn-emoji-skin-row{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;max-width:14rem}.csn-emoji-skin-btn{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:0;border-radius:6px;background:color-mix(in srgb,var(--foreground) 5%,transparent);cursor:pointer}.csn-emoji-skin-btn:active{transform:scale(.94);background:color-mix(in srgb,var(--primary) 14%,transparent)}.csn-emoji-preview-dismiss{position:fixed;inset:0;z-index:-1;border:0;background:transparent;cursor:default}@keyframes csn-emoji-preview-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.csn-animated-emoji{line-height:0}.csn-sticker-picker-embedded{display:flex;flex-direction:column;min-height:0;flex:1 1;gap:.55rem}.csn-sticker-picker-toolbar{display:flex;flex-wrap:wrap;gap:.45rem;flex-shrink:0}.csn-sticker-add-btn,.csn-sticker-tg-link{font-size:12px;font-weight:600;padding-inline:.65rem}.csn-sticker-add-form{display:grid;grid-template-columns:1fr auto;gap:.35rem;align-items:center;flex-shrink:0}.csn-sticker-add-form .csn-sticker-add-hint{grid-column:1/-1;margin:0;font-size:12px}.csn-sticker-pack-tabs{display:flex;gap:.45rem;overflow-x:auto;scrollbar-width:none;padding:.15rem .1rem .35rem;flex-shrink:0;scroll-behavior:auto}.csn-sticker-pack-tabs::-webkit-scrollbar{display:none}.csn-sticker-pack-tab{flex:0 0 auto;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:2px solid transparent;border-radius:12px;background:color-mix(in srgb,var(--foreground) 4%,transparent);cursor:pointer;padding:.25rem;transition:border-color .34s var(--motion-ease-standard),background .34s ease,transform .28s var(--motion-ease-standard)}.csn-sticker-pack-tab.is-active{border-color:color-mix(in srgb,var(--primary) 48%,transparent);background:color-mix(in srgb,var(--primary) 9%,transparent)}.csn-sticker-pack-tab-thumb,.csn-sticker-pack-tab-thumb-img{width:100%;height:100%;display:block;object-fit:contain}.csn-sticker-picker-scroll{flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto;scroll-padding-top:.4rem;padding-inline:.05rem}.csn-sticker-pack-section{padding-bottom:.85rem}.csn-sticker-pack-section-title{margin:0 0 .5rem;padding-inline:.15rem;font-size:12px;font-weight:600;color:var(--muted-foreground)}.csn-sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(4.35rem,22vw,5.65rem),1fr));gap:clamp(.4rem,1.6vw,.65rem)}@media (max-width:360px){.csn-sticker-grid{grid-template-columns:repeat(auto-fill,minmax(3.9rem,1fr));gap:.32rem}}@media (min-width:900px){.csn-sticker-grid{grid-template-columns:repeat(auto-fill,minmax(4.9rem,1fr));gap:.55rem}}.csn-sticker-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:18px;background:color-mix(in srgb,var(--foreground) 3%,transparent);cursor:pointer;padding:.5rem;transition:transform .3s var(--motion-ease-standard),background .3s ease}.csn-sticker-cell:active:not(.is-disabled){transform:scale(.96);background:color-mix(in srgb,var(--primary) 8%,transparent)}.csn-sticker-cell.is-disabled{opacity:.45;cursor:not-allowed}.csn-sticker-cell-img{width:100%;height:100%;object-fit:contain;border-radius:18px;filter:drop-shadow(0 3px 12px color-mix(in srgb,#000 10%,transparent))}html[data-mobile-os=android] .csn-sticker-cell-img{filter:drop-shadow(0 2px 6px color-mix(in srgb,#000 20%,transparent))}.csn-sticker-cell-skeleton{width:70%;height:70%;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--foreground) 6%,transparent),color-mix(in srgb,var(--foreground) 12%,transparent),color-mix(in srgb,var(--foreground) 6%,transparent));background-size:200% 100%;animation:csn-sticker-shimmer 1.1s linear infinite}@keyframes csn-sticker-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.csn-sticker-cell-badge{position:absolute;right:.15rem;bottom:.1rem;font-size:11px;font-weight:600;padding:.05rem .2rem;border-radius:6px;background:color-mix(in srgb,var(--foreground) 70%,transparent);color:var(--card)}.csn-sticker-empty{text-align:center;padding:1.25rem .75rem;font-size:15px}.csn-sticker-empty-hint{margin-top:.35rem;font-size:12px}.csn-composer-row .csn-textarea{flex:1 1 auto;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.csn-chat-composer .csn-textarea{min-height:calc(2.55rem * (.92 + .08 * var(--wan-message-text-scale, 1)));max-height:min(11rem,36dvh);resize:none!important;overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;line-height:1.45;letter-spacing:.005em;padding-top:calc(.62rem * var(--wan-message-text-scale, 1));padding-bottom:calc(.62rem * var(--wan-message-text-scale, 1));padding-inline:.85rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--foreground) 9%,transparent);background:color-mix(in srgb,var(--card) 96%,var(--surface));box-shadow:0 1px 0 color-mix(in srgb,#fff 5%,transparent),var(--wan-shadow-2);font-size:var(--wan-readable-fs,15.4px);caret-color:var(--primary);field-sizing:fixed;scrollbar-width:none;transition:background-color var(--motion-dur-fast) ease,box-shadow var(--motion-dur-fast) ease,border-color var(--motion-dur-fast) ease}.csn-chat-composer .csn-textarea::-webkit-resizer,.csn-chat-composer .csn-textarea::-webkit-scrollbar{display:none}.csn-chat-composer .csn-textarea:focus{border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:color-mix(in srgb,var(--card) 98%,var(--surface));box-shadow:0 1px 0 color-mix(in srgb,#fff 6%,transparent),var(--wan-shadow-2),0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.csn-chat-composer .csn-btn--icon-send{border-radius:50%;flex-shrink:0;transition:transform 80ms cubic-bezier(.2,.8,.2,1)}.csn-chat-composer .csn-btn--icon-send:active:not(:disabled),.csn-chat-composer .csn-btn--icon-send[data-pressed=true]:not(:disabled){transform:scale(.92);opacity:1}.csn-chat-empty{text-align:center;margin:auto var(--space-3) var(--space-4);padding:var(--space-5) var(--space-4);border-radius:var(--radius-card);border:1px dashed color-mix(in srgb,var(--foreground) 12%,transparent);background:color-mix(in srgb,var(--card) 88%,var(--surface));font-size:15px;line-height:1.45;color:var(--muted-foreground);align-self:stretch}.csn-chat-message-wrap{display:flex;flex-direction:column;gap:.28rem;width:100%;max-width:var(--chat-messages-max);min-width:0;box-sizing:border-box}.csn-bubble-swipe{position:relative;max-width:min(88%,22rem);width:max-content;min-width:0;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.csn-bubble-swipe:has(.csn-bubble--media-only),.csn-bubble-swipe:has(.csn-bubble--media:not(.csn-bubble--sticker)){max-width:min(100%,30rem)}.csn-bubble-swipe:not(.csn-bubble-swipe--mine){align-self:flex-start}.csn-bubble-swipe.is-armed .csn-bubble-swipe-hint{color:var(--primary-foreground,#fff)}.csn-bubble-swipe--mine{align-self:flex-end}.csn-bubble-swipe--sticker{width:-moz-fit-content;width:fit-content;max-width:min(11.5rem,78%)}.csn-bubble-swipe--sticker.csn-bubble-swipe--mine{margin-left:auto}.csn-bubble-swipe .csn-bubble{position:relative;z-index:1;will-change:auto;transition:transform var(--motion-dur-slow) var(--spring-snappy);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.csn-bubble-swipe.is-swiping .csn-bubble{transition:none;will-change:transform}.csn-bubble-swipe .csn-bubble[data-pressed=true]{transform:scale(var(--csn-press-scale,.985));transition:transform var(--motion-dur-fast) var(--spring),opacity var(--motion-dur-fast) var(--spring)}.csn-bubble-swipe.is-swiping,.csn-bubble-swipe.is-swiping *{-webkit-user-select:none!important;user-select:none!important;cursor:grabbing}.csn-bubble-swipe-hint{position:absolute;right:.35rem;top:50%;z-index:0;display:grid;place-items:center;width:1.85rem;height:1.85rem;margin-top:-.925rem;border-radius:12px;overflow:hidden;color:var(--muted-foreground);background:color-mix(in srgb,var(--foreground) 9%,var(--card));opacity:0;transform:scale(.55);pointer-events:none;transition:color var(--motion-dur-fast) ease}.csn-bubble-swipe-hint-fill{position:absolute;inset:0;border-radius:inherit;background:var(--primary);transform:scale(0)}.csn-bubble-swipe-hint-icon{position:relative;width:1rem;height:1rem}.csn-bubble-row--group .csn-bubble-swipe{max-width:100%;align-self:stretch}.csn-chat-day-separator{align-self:center;margin:.15rem 0 .35rem;padding:.22rem .7rem;font-weight:600;color:var(--muted-foreground);background:color-mix(in srgb,var(--foreground) 7%,transparent)}.csn-chat-day-separator,.csn-chat-unread-separator{border-radius:12px;font-size:12px;letter-spacing:.02em}.csn-chat-unread-separator{align-self:stretch;margin:.2rem 0 .45rem;padding:.28rem .75rem;text-align:center;color:var(--primary-strong,var(--primary));background:color-mix(in srgb,var(--primary) 10%,transparent)}.csn-bubble--first.csn-bubble--mine{border-top-right-radius:1.15rem}.csn-bubble--mid.csn-bubble--mine{border-radius:1.15rem .28rem .28rem 1.15rem}.csn-bubble--last.csn-bubble--mine{border-bottom-right-radius:.28rem}.csn-bubble--first:not(.csn-bubble--mine){border-top-left-radius:1.15rem}.csn-bubble--mid:not(.csn-bubble--mine){border-radius:.28rem 1.15rem 1.15rem .28rem}.csn-bubble--last:not(.csn-bubble--mine){border-bottom-left-radius:.28rem}.csn-msg-status--inline{display:inline-flex;vertical-align:middle;margin-right:.2rem}html[data-chat-thread] .csn-chat-top{position:sticky;top:0;z-index:20;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(180deg,color-mix(in srgb,var(--background) 94%,transparent) 0,color-mix(in srgb,var(--background) 70%,transparent) 72%,transparent 100%);border-bottom:0}@media (max-width:899px){html[data-chat-thread] .csn-chat-top{padding-top:var(--content-safe-top);padding-left:max(var(--content-pad-x,.75rem),env(safe-area-inset-left,0px));padding-right:max(var(--content-pad-x,.75rem),env(safe-area-inset-right,0px))}html[data-tg-app][data-chat-thread] .csn-chat-top--tg-chrome{padding-left:max(.45rem,env(safe-area-inset-left,0px),var(--tg-content-safe-left,var(--tg-safe-left,0px)));padding-right:max(.45rem,env(safe-area-inset-right,0px),var(--tg-content-safe-right,var(--tg-safe-right,0px)))}html[data-tg-app][data-chat-thread] .csn-chat-top--tg-chrome .csn-chat-head{padding-left:max(5.85rem,var(--tg-content-safe-left,0px));padding-right:max(4.1rem,var(--tg-content-safe-right,0px))}html[data-tg-app][data-chat-thread] .csn-chat-top--tg-chrome .csn-chat-peer{padding-right:.45rem}html[data-chat-thread] .csn-page--chat{padding-top:0}}.csn-chat-compose-context{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;padding:.5rem .65rem;border-radius:.75rem;background:var(--surface);border-left:3px solid var(--primary)}.csn-chat-compose-context div{flex:1 1;min-width:0;display:grid;gap:.1rem}.csn-chat-compose-context strong{font-size:12px;color:var(--primary-strong)}.csn-chat-compose-context span{font-size:13px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-bubble{position:relative;align-self:flex-start;width:max-content;max-width:100%;min-width:0;box-sizing:border-box;padding:var(--wan-readable-pad-y,.48rem) var(--wan-readable-pad-x,.72rem) calc(var(--wan-readable-pad-y, .48rem) * .8);border-radius:1.15rem 1.15rem 1.15rem .28rem;background:var(--card);border:0;font-size:var(--wan-readable-fs,15.2px);overflow-wrap:anywhere}.csn-bubble,.csn-bubble--mine{box-shadow:var(--wan-shadow-1)}.csn-bubble--mine{border-radius:1.15rem 1.15rem .28rem 1.15rem;background:var(--bubble-me);color:var(--bubble-me-fg);border:0}.csn-bubble--mine .csn-bubble-meta{color:color-mix(in srgb,var(--bubble-me-fg) 68%,transparent)}.csn-bubble--mine .csn-msg-status.is-read .csn-msg-status-icon{color:color-mix(in srgb,var(--bubble-me-fg) 92%,transparent)}.csn-bubble--mine .csn-msg-status.is-delivered .csn-msg-status-icon,.csn-bubble--mine .csn-msg-status.is-pending .csn-msg-status-icon,.csn-bubble--mine .csn-msg-status.is-sent .csn-msg-status-icon{color:color-mix(in srgb,var(--bubble-me-fg) 72%,transparent)}.csn-bubble--mine a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--bubble-me-fg) 45%,transparent)}.csn-bubble--mine .csn-chat-share-wrap a,.csn-bubble--mine .wan-chat-shared-post a{text-decoration:none}.csn-bubble--pinned{box-shadow:0 0 0 1px color-mix(in srgb,var(--signal) 45%,transparent)}.csn-bubble--share{width:100%;max-width:min(100%,24rem);padding:.35rem;overflow:hidden}.csn-chat-share-wrap{display:block;width:100%;min-width:0}.csn-bubble--media:not(.csn-bubble--sticker) .wan-chat-shared-post,.csn-bubble--share .wan-chat-shared-post{border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--card) 92%,var(--primary) 8%),color-mix(in srgb,var(--surface,var(--card)) 78%,transparent));box-shadow:none;transform:none}.csn-bubble--mine.csn-bubble--share .wan-chat-shared-post{border-color:color-mix(in srgb,#fff 18%,transparent);background:linear-gradient(165deg,color-mix(in srgb,#fff 18%,transparent),color-mix(in srgb,#fff 8%,transparent))}.csn-bubble--mine.csn-bubble--share .wan-chat-shared-post-chip{color:color-mix(in srgb,#fff 92%,transparent);background:color-mix(in srgb,#fff 14%,transparent);border-color:color-mix(in srgb,#fff 18%,transparent)}.csn-bubble--mine.csn-bubble--share .wan-chat-shared-post-author,.csn-bubble--mine.csn-bubble--share .wan-chat-shared-post-excerpt,.csn-bubble--mine.csn-bubble--share .wan-chat-shared-post-text-mark{color:color-mix(in srgb,#fff 94%,transparent)}.csn-bubble--mine.csn-bubble--share .wan-chat-shared-post-cta{color:var(--primary-strong,#1d5f9e);background:#fff;box-shadow:none}.csn-bubble--mine.csn-bubble--share .wan-chat-shared-post-footer{border-top-color:color-mix(in srgb,#fff 16%,transparent)}.csn-bubble--media:not(.csn-bubble--sticker) .csn-chat-share-card,.csn-bubble--share .csn-chat-share-card{border-radius:12px;border:0;background:color-mix(in srgb,var(--foreground) 6%,transparent)}.csn-bubble--media:not(.csn-bubble--sticker){padding:0;overflow:hidden}.csn-bubble--media:not(.csn-bubble--sticker):not(.csn-bubble--media-only) .csn-bubble-reactions,.csn-bubble--media:not(.csn-bubble--sticker):not(.csn-bubble--media-only) .csn-bubble-reply,.csn-bubble--media:not(.csn-bubble--sticker):not(.csn-bubble--media-only) .csn-bubble-text{margin-inline:.45rem}.csn-bubble--media:not(.csn-bubble--sticker):not(.csn-bubble--media-only) .csn-bubble-reply{margin-top:.4rem}.csn-bubble--media:not(.csn-bubble--sticker) .csn-bubble-media-wrap{display:block;max-width:100%;margin-bottom:0}.csn-bubble--media:not(.csn-bubble--sticker) .csn-bubble-media{margin-bottom:0;border-radius:6px;width:100%;max-width:none}.csn-bubble--media-only:not(.csn-bubble--sticker){padding:.4rem .4rem .28rem;width:max-content;max-width:min(100%,28rem);overflow:hidden}.csn-bubble--media-only .csn-bubble-album{width:min(72vw,var(--chat-media-single));max-width:100%}.csn-bubble--media-only .csn-bubble-album.is-grid{width:min(88vw,var(--chat-media-max))}.csn-bubble--media-only .csn-bubble-media-wrap{position:relative;display:block;width:100%;max-width:none;border-radius:6px;overflow:hidden;box-shadow:none}.csn-bubble--media-only .csn-bubble-media-wrap.has-aspect{width:100%;max-height:min(70vh,28rem)}.csn-bubble--media-only .csn-bubble-media{border-radius:0;width:100%;max-width:none;max-height:min(70vh,28rem);object-fit:contain}.csn-bubble--media-only .csn-bubble-media-wrap.has-aspect .csn-bubble-media{max-height:none;object-fit:contain}.csn-bubble--media-only .csn-bubble-meta{position:static;margin:.28rem .1rem 0;padding:0;border-radius:0;color:inherit;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-end}.csn-bubble--media-only .csn-msg-status{color:inherit}.csn-bubble--media-only .csn-msg-status.is-delivered,.csn-bubble--media-only .csn-msg-status.is-read,.csn-bubble--media-only .csn-msg-status.is-sent{color:var(--primary-strong)}.csn-bubble--media:not(.csn-bubble--sticker):not(.csn-bubble--media-only) .csn-bubble-meta{padding:.1rem .5rem .35rem}.csn-bubble--deleted{opacity:.72;font-style:italic}.csn-bubble--sticker{display:inline-flex;flex-direction:column;align-items:flex-start;width:-moz-fit-content;width:fit-content;max-width:min(11.5rem,78vw);background:transparent;border-color:transparent;box-shadow:none;padding:.45rem .5rem .35rem;overflow:visible;border-radius:18px}.csn-bubble--sticker.csn-bubble--mine{align-items:flex-end;background:transparent;border-color:transparent}.csn-bubble--sticker .csn-bubble-meta{margin-top:.2rem;margin-left:0;padding:.12rem .4rem;width:-moz-fit-content;width:fit-content;align-self:flex-start;border-radius:12px;color:var(--muted-foreground);background:color-mix(in srgb,var(--card) 94%,var(--surface));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--wan-shadow-1)}.csn-bubble--sticker.csn-bubble--mine .csn-bubble-meta{align-self:flex-end;color:color-mix(in srgb,var(--primary-strong) 88%,#fff);background:color-mix(in srgb,var(--primary) 18%,var(--card))}.csn-bubble-sticker,.csn-bubble-sticker.wan-sticker-media-stack{width:min(9.5rem,100%);max-width:100%;height:auto;display:block;background:transparent;border-radius:18px;filter:drop-shadow(0 1px 2px color-mix(in srgb,#000 14%,transparent)) drop-shadow(0 8px 16px color-mix(in srgb,#000 16%,transparent));transform:translateZ(0);transition:transform var(--motion-dur-fast) var(--spring-snappy,var(--motion-ease-emphasized))}.csn-bubble-sticker .wan-sticker-media-hi,.csn-bubble-sticker .wan-sticker-media-lo{width:100%;height:auto;display:block;border-radius:inherit}html[data-mobile-os=android] .csn-bubble-sticker,html[data-mobile-os=android] .csn-bubble-sticker.wan-sticker-media-stack{filter:drop-shadow(0 3px 8px color-mix(in srgb,#000 22%,transparent))}.wan-sticker-hit{display:inline-flex;padding:0;border:0;background:transparent;cursor:pointer;border-radius:18px;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-dur-fast) var(--spring-snappy,var(--motion-ease-emphasized))}.wan-sticker-hit.is-pressed,.wan-sticker-hit[data-pressed=true]{transform:scale(.92)}.wan-sticker-hit .csn-bubble-sticker,.wan-sticker-hit .csn-post-detail-comment-sticker{pointer-events:none}.csn-bubble-sticker-fallback{display:block;line-height:1}.csn-bubble-text{line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;user-select:text;-webkit-user-select:text}.csn-bubble-text>p{margin:0}.csn-bubble-text>p+p{margin-top:.38em}@media (pointer:coarse){.csn-bubble-swipe .csn-bubble-text{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}}.csn-chat-link{color:var(--primary-strong,var(--primary));font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;word-break:break-all}.csn-bubble--mine .csn-chat-link{color:inherit;font-weight:600}.csn-chat-link-preview{display:grid;gap:.35rem;margin-top:.45rem;padding:.55rem .65rem;border-radius:.75rem;background:color-mix(in srgb,var(--foreground) 6%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);text-decoration:none;color:inherit;max-width:100%}.csn-chat-link-preview strong{font-size:13px;line-height:1.3}.csn-chat-link-preview span{font-size:12px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-chat-link-preview img{width:100%;max-height:140px;object-fit:cover;border-radius:6px}.csn-chat-info-sheet{max-height:min(92dvh,720px);display:flex;flex-direction:column;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.csn-chat-info-sheet-body{display:grid;gap:1rem;padding:.25rem 1rem 1.25rem;overflow:auto;overscroll-behavior:contain}.csn-chat-info-peer{display:flex;align-items:center;gap:.85rem;padding:.85rem .95rem;border-radius:18px;background:color-mix(in srgb,var(--foreground) 2.5%,var(--surface));border:1px solid color-mix(in srgb,var(--foreground) 7%,transparent)}.csn-chat-info-peer>div{display:grid;gap:.35rem;min-width:0}.csn-chat-info-shared{display:grid;gap:.55rem}.csn-chat-info-shared .csn-community-section-label{margin-bottom:0}.csn-chat-shared{display:grid;gap:.65rem}.csn-chat-shared-tabs{display:flex;gap:.25rem;margin:0;padding:.2rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 4%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 6%,transparent);-webkit-user-select:none;user-select:none}.csn-chat-shared-tab{-webkit-appearance:none;appearance:none;flex:1 1;min-height:2.4rem;border:0;border-radius:12px;background:transparent;color:var(--muted-foreground);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.csn-chat-shared-tab.is-active{color:var(--primary-strong,var(--primary));font-weight:600;background:transparent;box-shadow:none}.csn-chat-shared-tabs.csn-seg{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:0;position:relative}.csn-chat-shared-body{min-height:11.5rem}.csn-chat-shared-status{margin:0;font-size:13px}.csn-chat-shared-empty{display:grid;justify-items:center;gap:.35rem;padding:1.35rem .85rem 1.15rem;text-align:center;border-radius:18px;background:color-mix(in srgb,var(--foreground) 2.5%,var(--surface));border:1px dashed color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-chat-shared-empty-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;margin-bottom:.1rem;border-radius:.75rem;background:color-mix(in srgb,var(--foreground) 5%,transparent);color:var(--muted-foreground)}.csn-chat-shared-empty-icon .csn-app-icon{width:1.2rem;height:1.2rem}.csn-chat-shared-empty .csn-empty-title{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.csn-chat-shared-empty .csn-muted{margin:0;max-width:18rem;font-size:13px;line-height:1.45}.csn-chat-shared-more{justify-self:start;min-height:2.4rem}.csn-group-shared-panel{gap:.75rem}.csn-chat-shared-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.csn-chat-shared-media-cell{-webkit-appearance:none;appearance:none;border:0;padding:0;aspect-ratio:1;overflow:hidden;border-radius:6px;background:color-mix(in srgb,var(--foreground) 6%,transparent);position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.csn-chat-shared-media-cell:active{opacity:.92}.csn-chat-shared-media-cell img,.csn-chat-shared-media-cell video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.csn-chat-shared-media-badge{position:absolute;left:.35rem;bottom:.35rem;padding:.12rem .4rem;border-radius:6px;background:color-mix(in srgb,#000 55%,transparent);color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.2}.csn-chat-shared-file-list,.csn-chat-shared-link-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.csn-chat-shared-file-row,.csn-chat-shared-link-row{display:grid;gap:.15rem;padding:.75rem .85rem;min-height:2.75rem;border-radius:.75rem;background:color-mix(in srgb,var(--foreground) 5%,transparent);text-decoration:none;color:inherit;min-width:0}.csn-chat-shared-file-row span,.csn-chat-shared-link-row span{font-size:12px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.csn-chat-peer{-webkit-appearance:none;appearance:none;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}.csn-bubble-deleted{color:var(--muted-foreground);font-size:15px}.csn-bubble-reply{display:grid;gap:.1rem;margin-bottom:.4rem;padding:.35rem .5rem;border-radius:6px;background:color-mix(in srgb,var(--foreground) 5%,transparent);border-left:2px solid var(--primary);font-size:12px;min-width:0;max-width:100%}.csn-bubble-reply strong{color:var(--primary-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-bubble-reply span{overflow-wrap:anywhere;word-break:break-word;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-bubble-pin-flag{display:inline-flex;align-items:center;gap:.3rem;font-size:12px;font-weight:600;color:var(--signal);margin-bottom:.25rem}.csn-bubble-pin-icon,.csn-chat-pinned-icon{width:.85rem;height:.85rem}.csn-chat-pinned-icon{width:1.05rem;height:1.05rem;color:var(--primary-strong)}.csn-chat-pinned-label{display:block;font-size:12px;font-weight:600;color:var(--primary-strong);margin-bottom:.08rem;letter-spacing:0;text-transform:none}.csn-msg-status{display:inline-flex;align-items:center}.csn-msg-status-icon{width:1.05rem;height:.7rem;display:block;background:none!important;background-color:initial!important;-webkit-mask:none!important;mask:none!important;color:inherit;overflow:visible}.csn-msg-status.is-read .csn-msg-status-icon{color:var(--primary-strong)}.csn-msg-status.is-delivered .csn-msg-status-icon,.csn-msg-status.is-sent .csn-msg-status-icon{color:color-mix(in srgb,var(--muted-foreground) 88%,transparent)}.csn-msg-action-glyph{width:1.15rem;height:1.15rem}.csn-msg-action-icon--reply{transform:scaleX(-1)}.csn-msg-react-pick{width:2.7rem;height:2.7rem}.csn-msg-react-pick.is-pop{animation:csn-pop .45s ease}.csn-msg-react-track{padding:.1rem 0}.csn-fav-item{display:grid;gap:.35rem;margin-bottom:.85rem}.csn-nav-link span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;margin-top:.3rem;color:var(--muted-foreground);font-size:var(--wan-readable-meta,10.9px)}.csn-composer-attach-strip{display:flex;align-items:stretch;gap:.45rem;overflow-x:auto;min-height:6.85rem;padding:.2rem .15rem .15rem;-webkit-overflow-scrolling:touch}.csn-composer-attach-chip{position:relative;flex:0 0 auto;display:grid;grid-template-rows:3.4rem auto auto minmax(1.35rem,auto);align-content:start;gap:.2rem;width:6.6rem;min-height:6.35rem;padding:.35rem;border-radius:.75rem;background:color-mix(in srgb,var(--card) 92%,var(--surface));border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);box-sizing:border-box}.csn-composer-attach-chip--video:has(.csn-composer-attach-quality){width:6.6rem}.csn-composer-attach-thumb{width:100%;height:3.4rem;object-fit:cover;border-radius:6px;background:color-mix(in srgb,var(--foreground) 6%,transparent)}.csn-composer-attach-label,.csn-composer-attach-name{font-size:12px;line-height:1.2;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-composer-attach-size{font-size:12px;color:var(--muted-foreground);opacity:.85}.csn-composer-attach-quality{display:flex;gap:.15rem;margin-top:.05rem;min-height:1.35rem;align-self:end}.csn-composer-attach-quality-btn{flex:1 1;min-width:0;padding:.12rem .2rem;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);border-radius:6px;background:transparent;color:var(--muted-foreground);font-size:12px;line-height:1.15;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csn-composer-attach-quality-btn.is-active{border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:color-mix(in srgb,var(--primary) 14%,transparent);color:color-mix(in srgb,var(--primary) 70%,var(--foreground));font-weight:600}.csn-composer-attach-chip.is-uploading{padding-bottom:.45rem}.csn-composer-attach-pct{display:block;margin-top:.2rem;font-size:12px;font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,var(--primary) 72%,var(--foreground));text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.csn-composer-attach-progress{display:block;height:.22rem;border-radius:999px;background:color-mix(in srgb,var(--foreground) 10%,transparent);overflow:hidden}.csn-composer-attach-progress>i{display:block;height:100%;width:100%;background:var(--primary);border-radius:inherit;transform:scaleX(0);transform-origin:left center;transition:transform var(--motion-dur-fast) ease;will-change:transform}.csn-emoji-picker-search{flex-shrink:0;padding:.2rem .1rem .4rem}.csn-composer-picker-sheet--side .csn-emoji-picker-search{padding-inline:.05rem}.csn-emoji-picker-search-input{width:100%;min-height:2.35rem}.csn-sticker-pack-filter{padding:.35rem .55rem .55rem}.csn-composer-attach-remove{position:absolute;top:.2rem;right:.2rem;width:1.25rem;height:1.25rem;border:0;border-radius:12px;background:color-mix(in srgb,#000 55%,transparent);color:#fff;font-size:13px;line-height:1;cursor:pointer}.csn-composer-attach-edit{position:absolute;top:.2rem;left:.2rem;display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;padding:0;border:0;border-radius:12px;background:color-mix(in srgb,#000 55%,transparent);color:#fff;cursor:pointer}.csn-bubble-album{display:grid;gap:.35rem}.csn-bubble-album.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csn-bubble-audio{display:grid;gap:.25rem;margin:.2rem 0}.csn-bubble-audio audio{width:100%;max-width:16rem;height:2.35rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 6%,var(--surface));color-scheme:inherit}.csn-bubble-file{display:flex;align-items:center;gap:.55rem;margin:.25rem 0;padding:.5rem .65rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);width:100%;text-align:inherit;font:inherit;cursor:pointer;text-decoration:none;color:inherit;background:color-mix(in srgb,var(--foreground) 5%,var(--surface));transition:background var(--motion-dur-fast) ease,border-color var(--motion-dur-fast) ease}.csn-bubble-file:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.csn-bubble-file:active{background:color-mix(in srgb,var(--primary) 12%,var(--surface));border-color:color-mix(in srgb,var(--primary) 28%,transparent)}.csn-bubble-file:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}.csn-bubble-file-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1 1}.csn-bubble-file-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-bubble-file-size{font-size:12px;font-weight:500;opacity:.72}.csn-bubble-file-action{flex:0 0 auto;font-size:12px;font-weight:600;opacity:.88}.csn-bubble-file-icon{flex:0 0 auto;display:grid;place-items:center;width:2rem;height:2rem;border-radius:6px;color:color-mix(in srgb,var(--primary) 78%,var(--foreground));background:color-mix(in srgb,var(--primary) 12%,transparent)}.csn-bubble-file-icon .csn-stroke-icon{width:1.1rem;height:1.1rem}.csn-msg-status.is-read{color:var(--primary-strong)}.csn-bubble--pending{opacity:1}.csn-bubble--pending:not(.csn-bubble--sticker):not(.csn-bubble--media-only){box-shadow:var(--wan-shadow-1)}.csn-bubble--failed{outline:1px solid color-mix(in srgb,#dc2626 42%,transparent)}.csn-msg-status.is-pending{opacity:.55;line-height:1}.csn-msg-status.is-pending .csn-msg-status-icon{width:.78rem;height:.78rem;opacity:.85}.csn-chat-message-wrap.csn-msg-enter{animation:csn-msg-enter-peer .18s cubic-bezier(.2,.8,.2,1) forwards;will-change:transform,opacity}.csn-chat-message-wrap.csn-msg-enter.csn-msg-enter--mine{animation-name:csn-msg-enter-mine}@keyframes csn-msg-enter-peer{0%{opacity:.72;transform:translate3d(-4px,8px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes csn-msg-enter-mine{0%{opacity:.78;transform:translate3d(6px,7px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes csn-bubble-pending-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(.997)}}@keyframes csn-msg-pending-tick{0%{transform:rotate(0deg);opacity:.75}40%{opacity:1}to{transform:rotate(1turn);opacity:.75}}@media (prefers-reduced-motion:reduce){.csn-bubble--pending,.csn-chat-message-wrap.csn-msg-enter,.csn-chat-message-wrap.csn-msg-enter.csn-msg-enter--mine,.csn-msg-status.is-pending .csn-msg-status-icon{animation:none}}.csn-msg-status.is-failed{color:#dc2626;font-weight:600}.csn-bubble-retry{border:0;background:transparent;color:#dc2626;font:inherit;font-size:12px;font-weight:600;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:.12em}.csn-bubble-more{border:0;background:transparent;color:var(--muted-foreground);font-size:13px;line-height:1;padding:.1rem .2rem;border-radius:6px}.csn-bubble-menu{position:absolute;left:0;bottom:calc(100% + .35rem);z-index:8;display:grid;gap:.2rem;min-width:10.5rem;padding:.35rem;border-radius:12px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);box-shadow:var(--wan-shadow-2);animation:csn-enter .16s ease backwards}.csn-bubble-menu.is-mine{left:auto;right:0}.csn-bubble-menu>button{border:0;background:transparent;border-radius:6px;min-height:2rem;padding:.3rem .55rem;text-align:left;font-size:13px;font-weight:600;color:inherit}.csn-bubble-menu>button:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.csn-bubble-menu>button.is-danger{color:#dc2626}.csn-bubble-reacts{display:flex;gap:.15rem;padding-top:.2rem;border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-bubble-reacts button{border:0;background:transparent;border-radius:6px;width:2rem;height:2rem;font-size:16px}.csn-bubble-reacts button:hover{background:var(--surface)}.csn-chat-share-card{display:grid;gap:.28rem;padding:.55rem .65rem;margin:0;border-radius:12px;background:color-mix(in srgb,var(--foreground) 4%,var(--card));border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);color:inherit}.csn-chat-share-author{font-size:12px;font-weight:600;color:var(--primary-strong)}.csn-chat-share-body{font-size:15px;line-height:1.35}.csn-chat-share-open{font-size:12px;font-weight:600;color:var(--muted-foreground)}.csn-share-sheet{max-height:min(78dvh,36rem);display:flex;flex-direction:column;gap:.55rem;animation:csn-sheet-up .28s cubic-bezier(.22,1,.36,1) both}@keyframes csn-sheet-up{0%{opacity:0;transform:translate3d(0,1.35rem,0) scale(.985)}to{opacity:1;transform:none}}.csn-share-card{display:grid;gap:.4rem;padding:.65rem .75rem;border-radius:12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-share-card-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-strong)}.csn-share-card-author{display:flex;align-items:center;gap:.45rem}.csn-share-card-author strong{font-size:13px}.csn-share-card-body .csn-share-preview{margin:.35rem 0 0;padding:0;background:transparent;max-height:4.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.csn-share-row.is-selected{background:color-mix(in srgb,var(--primary) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 28%,transparent)}.csn-share-check{width:1.35rem;height:1.35rem;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--foreground) 22%,transparent);display:grid;place-items:center;flex-shrink:0;background:var(--card)}.csn-share-check.is-on{border-color:var(--primary);background:var(--primary);color:#fff}.csn-share-check-icon{width:.75rem;height:.75rem;color:#fff}.csn-share-selected{display:grid;gap:.4rem;padding-top:.15rem}.csn-share-selected>span{font-size:12px;font-weight:600;color:var(--muted-foreground)}.csn-share-selected-chips{display:flex;flex-wrap:wrap;gap:.35rem}.csn-share-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:var(--surface);border-radius:12px;padding:.2rem .55rem .2rem .25rem;font-size:12px;font-weight:600;color:inherit}.csn-share-chip .csn-avatar--sm{width:1.35rem;height:1.35rem}.csn-share-done{display:grid;gap:.55rem;padding-top:.35rem}.csn-share-done-text{margin:0;font-weight:600;color:var(--primary-strong)}.csn-sheet-actions .csn-btn{display:inline-flex;align-items:center;gap:.4rem;flex:0 1 auto;white-space:nowrap}.csn-sheet-actions .csn-btn:disabled{opacity:.45;cursor:not-allowed}.csn-share-row.is-sent{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.csn-share-row.is-sent .csn-share-row-action{color:var(--signal)}.csn-share-row:disabled{opacity:.55}.csn-msg-sheet{max-height:min(82dvh,34rem);animation:csn-sheet-up .28s cubic-bezier(.22,1,.36,1) both}.csn-msg-react-bar{display:flex;align-items:stretch;gap:.35rem;margin-bottom:.65rem;padding:.4rem;border-radius:18px;background:var(--surface);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-msg-react-bar.is-expanded{flex-direction:column}.csn-msg-react-track{display:flex;gap:.15rem;overflow-x:auto;scrollbar-width:none;flex:1 1}.csn-msg-react-track::-webkit-scrollbar{display:none}.csn-msg-react-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;max-height:11rem;overflow-y:auto}.csn-msg-react-pick{width:2.4rem;height:2.4rem;border:0;border-radius:12px;background:transparent;display:grid;place-items:center}.csn-msg-react-pick.is-active,.csn-msg-react-pick:hover{background:var(--accent-muted)}.csn-msg-react-more{flex-shrink:0;width:2.2rem;border:0;border-radius:12px;background:var(--card);color:var(--muted-foreground);font-weight:600;font-size:16px}.csn-msg-react-bar.is-expanded .csn-msg-react-more{width:100%;min-height:2rem}.csn-msg-actions{display:grid;gap:.2rem}.csn-msg-action{display:flex;align-items:center;gap:.65rem;border:0;background:transparent;border-radius:.75rem;min-height:var(--hit-min);padding:.55rem .75rem;text-align:left;font-size:15px;font-weight:600;color:inherit}.csn-msg-action:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.csn-msg-action.is-danger{color:#dc2626}.csn-bubble-reaction.is-active{border-color:color-mix(in srgb,var(--primary) 35%,transparent);background:var(--accent-muted)}.csn-share-preview{margin:0;padding:.65rem .75rem;border-radius:.75rem;background:var(--surface);font-size:15px;line-height:1.35;color:var(--muted-foreground)}.csn-share-preview-url{margin:.45rem 0 0;font-size:12px;line-height:1.3;color:var(--muted-foreground);opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-share-external-actions{display:grid;grid-template-columns:1fr;gap:.45rem}.csn-share-external-actions:has(>:nth-child(2)){grid-template-columns:1fr 1fr}.csn-share-external-btn{width:100%;justify-content:center}.csn-share-friends{display:flex;flex-direction:column;gap:.35rem;min-height:0}.csn-share-friends-title{margin:.15rem 0 0;font-size:13px;font-weight:600;color:var(--foreground)}.csn-share-friends-hint{margin:0;font-size:12px;line-height:1.3}.csn-share-list{display:flex;flex-direction:column;gap:.2rem;max-height:16rem;overflow:auto;margin-top:.55rem}.csn-share-row{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:.75rem;padding:.45rem .5rem;color:inherit;content-visibility:auto;contain-intrinsic-size:auto 3.25rem}.csn-share-row:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-color:var(--csn-control-border)}.csn-share-row-meta{flex:1 1;min-width:0;display:grid}.csn-share-row-meta strong{font-size:15px}.csn-share-row-meta span{font-size:12px;color:var(--muted-foreground)}.csn-share-row-action{font-size:12px;font-weight:600;color:var(--primary-strong)}.csn-typing{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted-foreground);font-size:12px;padding:.15rem .25rem}.csn-typing-dots{display:inline-flex;gap:.18rem}.csn-typing-dots i{width:.28rem;height:.28rem;border-radius:999px;background:var(--primary);animation:csn-typing 1s ease infinite}.csn-typing-dots i:nth-child(2){animation-delay:.15s}.csn-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes csn-typing{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.csn-muted{color:var(--muted-foreground)}.csn-enter{animation:csn-enter var(--csn-enter-ms,.2s) var(--spring) backwards}@keyframes csn-enter{0%{opacity:0}to{opacity:1}}@supports (view-transition-name:none){::view-transition-new(root),::view-transition-old(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-name:csn-vt-out}::view-transition-new(root){animation-name:csn-vt-in}}@keyframes csn-vt-out{to{opacity:0;transform:translateZ(0) scale(.992)}}@keyframes csn-vt-in{0%{opacity:0;transform:translate3d(0,6px,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}.csn-nav-link{transition:color var(--motion-dur-base) ease,opacity var(--motion-dur-base) ease,background var(--motion-dur-base) ease}.csn-action{transition:background var(--motion-dur-fast) ease,color var(--motion-dur-fast) ease}.csn-action--like.is-liked .csn-like-heart-path{transition:fill var(--motion-dur-fast) ease,stroke var(--motion-dur-fast) ease}.csn-list-item{transition:border-color var(--motion-dur-fast) ease,background var(--motion-dur-fast) ease}.csn-list-item:hover{border-color:color-mix(in srgb,var(--primary) 22%,transparent);background:color-mix(in srgb,var(--card) 88%,var(--surface))}.csn-page--detail{padding-bottom:5.5rem}.csn-detail-bar{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.35rem;margin-bottom:.65rem}.csn-detail-bar-title{text-align:center;font-weight:600;font-size:15px}.csn-detail-card{border-radius:18px;border:1px solid color-mix(in srgb,var(--foreground) 9%,transparent);background:var(--card);overflow:hidden;margin-bottom:.75rem}.csn-post-hit{display:block;width:100%;border:0;background:transparent;text-align:left;padding:.05rem .75rem .45rem;cursor:pointer;color:inherit}.csn-post-media.csn-post-hit{padding:0;margin-bottom:.25rem;min-height:10rem}.csn-comments{border-radius:18px;border:1px solid color-mix(in srgb,var(--foreground) 9%,transparent);background:var(--card);padding:.75rem .7rem .85rem}.csn-comments-title{margin:0 0 .65rem;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground)}.csn-comment-list{display:flex;flex-direction:column;gap:.7rem;margin-bottom:.85rem}.csn-comment{display:flex;gap:.55rem;align-items:flex-start}.csn-avatar--sm{width:1.85rem;height:1.85rem;box-shadow:0 0 0 1px color-mix(in srgb,var(--card) 88%,transparent),0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}.csn-comment-body{flex:1 1;min-width:0}.csn-comment-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.15rem}.csn-comment-head strong{font-size:13px}.csn-comment-head span{color:var(--muted-foreground);font-size:12px}.csn-comment-text{font-size:var(--wan-readable-fs-md,14.4px);line-height:1.4}.csn-comment-composer{display:grid;grid-template-columns:1.85rem 1fr auto;gap:.45rem;align-items:center;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-input{width:100%;max-width:100%;box-sizing:border-box;min-height:2.35rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:var(--surface);padding:.45rem .7rem;outline:none;transition:background-color .45s ease,border-color .45s ease,color .45s ease,box-shadow var(--motion-dur-base) ease}.csn-input:focus{border-color:color-mix(in srgb,var(--primary) 55%,transparent);box-shadow:0 0 0 3px var(--accent-muted)}.csn-select{width:100%;min-height:2.35rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:var(--surface);padding:.45rem .7rem;outline:none}.csn-field{display:grid;gap:.35rem;padding:.7rem .85rem}.csn-field-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground)}.csn-group--fields>li+li{border-top:1px solid color-mix(in srgb,var(--foreground) 7%,transparent)}.csn-fancy-field{display:grid;gap:.4rem;padding:.75rem .85rem}.csn-fancy-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:2.7rem;padding:.55rem .85rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:color-mix(in srgb,var(--foreground) 4%,var(--surface));text-align:left;font-size:16px;font-weight:600;color:var(--foreground);transition:border-color var(--motion-dur-fast) ease,background-color var(--motion-dur-fast) ease,box-shadow var(--motion-dur-fast) ease}.csn-fancy-trigger.is-open,.csn-fancy-trigger:hover{border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:var(--card);box-shadow:0 0 0 3px var(--accent-muted)}.csn-fancy-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-fancy-placeholder{color:var(--muted-foreground);font-weight:500}.csn-fancy-chevron{flex-shrink:0;color:var(--muted-foreground);font-size:13px}.csn-fancy-panel{position:fixed;z-index:80;max-height:min(22rem,58dvh);display:flex;flex-direction:column;border-radius:18px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:var(--card);box-shadow:var(--wan-shadow-2),0 0 0 1px color-mix(in srgb,var(--foreground) 4%,transparent);overflow:hidden;animation:csn-fancy-in .16s ease both}@keyframes csn-fancy-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}.csn-fancy-search{padding:.65rem .65rem .45rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--foreground) 3%,var(--card))}.csn-fancy-search-input{width:100%;min-height:2.4rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:var(--surface);padding:.45rem .75rem;font-size:15px;outline:none}.csn-fancy-search-input:focus{border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:0 0 0 3px var(--accent-muted)}.csn-fancy-list{overflow:auto;padding:.35rem;overscroll-behavior:contain}.csn-fancy-empty{margin:0;padding:var(--space-4) var(--space-3);text-align:center;color:var(--muted-foreground);font-size:15px;line-height:1.45}.csn-fancy-option{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.35rem .75rem;width:100%;min-height:var(--hit-min);padding:.55rem .75rem;border:0;border-radius:12px;background:transparent;text-align:left;color:var(--foreground);font-size:16px;font-weight:600}.csn-fancy-option:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.csn-fancy-option.is-active{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary-strong)}.csn-fancy-option-label{grid-column:1;line-height:1.25}.csn-fancy-option-hint{grid-column:1;font-size:12px;font-weight:500;color:var(--muted-foreground)}.csn-fancy-check{grid-column:2;grid-row:1/span 2;color:var(--primary);font-weight:600}.csn-post-menu{position:relative}.csn-post-menu-panel{position:absolute;top:calc(100% + .25rem);right:0;z-index:40}.csn-post-menu-popover.wan-chat-message-menu{width:14.5rem;padding:.35rem;border-radius:18px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);box-shadow:var(--wan-shadow-2)}.csn-post-menu-popover .csn-menu-item{border-radius:12px}.csn-menu-item.is-danger{color:#dc2626}.csn-menu-item.is-danger:hover{background:color-mix(in srgb,#dc2626 12%,var(--surface))}.csn-fav-btn,.csn-pin-btn{position:relative;color:var(--muted-foreground);transition:color var(--motion-dur-fast) ease,border-color var(--motion-dur-fast) ease,background var(--motion-dur-fast) ease}.csn-pin-btn.is-on{color:var(--primary-strong,var(--primary));border-color:color-mix(in srgb,var(--primary) 36%,transparent);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.csn-fav-btn.is-on{color:var(--signal);border-color:color-mix(in srgb,var(--signal) 40%,transparent);background:color-mix(in srgb,var(--signal) 10%,var(--surface))}.csn-fav-icon{width:1.25rem;height:1.25rem;transition:transform var(--motion-dur-base) ease}.csn-fav-btn.is-on .csn-fav-icon{transform:scale(1.06)}.csn-fav-btn.is-burst .csn-fav-icon{animation:csn-fav-pop .4s cubic-bezier(.22,1.4,.36,1) both}.csn-fav-btn.is-burst:after{content:"";position:absolute;inset:.35rem;border-radius:50%;border:2px solid color-mix(in srgb,var(--signal) 70%,transparent);pointer-events:none;animation:csn-fav-ring .4s ease-out both}.csn-pin-btn.is-on .csn-fav-icon{transform:scale(1.06)}.csn-pin-btn.is-burst .csn-fav-icon{animation:csn-fav-pop .4s cubic-bezier(.22,1.4,.36,1) both}.csn-pin-btn.is-burst:after{content:"";position:absolute;inset:.35rem;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 70%,transparent);pointer-events:none;animation:csn-fav-ring .4s ease-out both}@keyframes csn-fav-pop{0%{transform:scale(1) rotate(0deg)}40%{transform:scale(1.22) rotate(-8deg)}to{transform:scale(1.06) rotate(0deg)}}@keyframes csn-fav-ring{0%{opacity:.85;transform:scale(.55)}to{opacity:0;transform:scale(1.45)}}.csn-action.is-on{color:var(--primary-strong);background:var(--accent-muted)}.csn-action.is-muted{opacity:.45}.csn-action--repost .csn-action-icon,.csn-action--share .csn-action-icon{transform-origin:center}.csn-menu-panel{position:fixed;z-index:85;width:13.75rem;padding:.35rem;border-radius:12px;background:var(--card);border:1px solid var(--csn-control-border-strong);box-shadow:var(--wan-shadow-2);animation:csn-fancy-in .16s ease both}.csn-menu-item{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--foreground);border-radius:12px;padding:.65rem .75rem;font-size:15px;font-weight:600}.csn-menu-item:hover{background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.csn-toast{bottom:calc(var(--nav-height) + var(--safe-bottom) + 1rem);z-index:100;padding:.65rem 1rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 92%,var(--card));color:var(--background);font-weight:600;font-size:13px;box-shadow:var(--wan-shadow-2);animation:csn-fancy-in .18s ease both;max-width:min(90vw,22rem);text-align:center}.csn-toast,.wan-toast-stack{position:fixed;left:50%;transform:translateX(-50%)}.wan-toast-stack{bottom:calc(var(--nav-height, 4.25rem) + var(--safe-bottom, 0px) + max(.75rem, env(safe-area-inset-bottom, 0px)));z-index:120;display:flex;flex-direction:column;gap:.5rem;width:min(22rem,calc(100vw - 2rem));pointer-events:none}html[data-chat-thread] .wan-toast-stack{bottom:calc(var(--chat-composer-height, 5.15rem) + var(--keyboard-inset, 0px) + .65rem + max(.35rem, env(safe-area-inset-bottom, 0px)))}@media (min-width:768px){.wan-toast-stack{right:max(1.5rem,env(safe-area-inset-right,0px));left:auto;transform:none}.wan-toast-stack,html[data-chat-thread] .wan-toast-stack{bottom:max(1.5rem,env(safe-area-inset-bottom,0px))}}.wan-toast{padding:.75rem 1rem;border-radius:12px;font-size:13px;font-weight:600;text-align:center;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);animation:toast-in .32s cubic-bezier(.34,1.2,.64,1);box-shadow:var(--wan-shadow-2);pointer-events:none}.wan-toast-success{background:color-mix(in srgb,var(--primary) 88%,#000);color:#fff}.wan-toast-error{background:color-mix(in srgb,#dc2626 90%,#000);color:#fff}.wan-toast-warning{background:color-mix(in srgb,#d97706 82%,var(--surface));color:#fff;box-shadow:var(--wan-shadow-2)}.wan-media-viewer-tool:disabled{opacity:.42;cursor:wait;pointer-events:none}.wan-toast-exit{opacity:0;transform:translateY(8px) scale(.98);transition:opacity var(--motion-dur-base) ease,transform var(--motion-dur-base) ease}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.csn-fancy-list,.csn-main,.csn-scroll,body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--foreground) 28%,transparent) transparent}.csn-fancy-list::-webkit-scrollbar,.csn-main::-webkit-scrollbar,.csn-scroll::-webkit-scrollbar{width:8px;height:8px}.csn-fancy-list::-webkit-scrollbar-track,.csn-main::-webkit-scrollbar-track,.csn-scroll::-webkit-scrollbar-track{background:transparent;margin:4px 0}.csn-fancy-list::-webkit-scrollbar-thumb,.csn-main::-webkit-scrollbar-thumb,.csn-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--foreground) 22%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.csn-fancy-list::-webkit-scrollbar-thumb:hover,.csn-main::-webkit-scrollbar-thumb:hover,.csn-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary) 55%,var(--foreground));background-clip:padding-box;border:2px solid transparent}.csn-btn--icon{width:2.35rem;min-height:2.35rem;padding:0}.csn-btn--icon.csn-btn--ghost{border-color:var(--csn-control-border-strong)}@media (prefers-reduced-motion:reduce){.csn-action--like.is-burst .csn-like-heart,.csn-action--like.is-burst:after,.csn-action--repost .animate-repost,.csn-action--repost .animate-repost .repost-arrows,.csn-action--share .animate-share .l1,.csn-action--share .animate-share .l2,.csn-action--share .animate-share .n1,.csn-action--share .animate-share .n2,.csn-action--share .animate-share .n3,.csn-composer-chrome,.csn-composer-picker-sheet,.csn-composer-reply-enter,.csn-confirm-scrim,.csn-confirm-sheet,.csn-enter,.csn-fav-btn.is-burst .csn-fav-icon,.csn-fav-btn.is-burst:after,.csn-msg-actions-popover.wan-chat-message-menu,.csn-msg-actions-sheet,.csn-reaction-chip.is-pop,.csn-reaction-pick.is-pop,.csn-reaction-picker,.csn-sheet,.csn-typing-dots i,.wan-format-sheet,.wan-tg-action-sheet,html[data-chat-thread] .csn-page--chat{animation:none!important}.csn-action--share .animate-share .l1,.csn-action--share .animate-share .l2,.csn-action--share .animate-share .n1,.csn-action--share .animate-share .n2,.csn-action--share .animate-share .n3{stroke-dasharray:none!important;stroke-dashoffset:0!important}.csn-bubble-sticker,.csn-bubble-swipe .csn-bubble,.csn-chat-list-item:active,.csn-sticker-cell,.csn-sticker-cell:active:not(.is-disabled),.wan-sticker-hit,.wan-sticker-hit.is-pressed{transition:none!important;transform:none!important}.csn-app,.csn-bottom-nav,.csn-brand,.csn-group,.csn-input,.csn-select,.csn-topbar,body,html{transition:none!important}.csn-fancy-panel{animation:none!important}.csn-bottom-nav-glider,.csn-segment-glider,.csn-side-nav-glider{transition:none!important}::view-transition-new(root),::view-transition-old(root){animation:none!important}}@media (min-width:900px){.csn-app{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.csn-sidebar{padding:.85rem .65rem;border-right:1px solid var(--csn-hairline);position:sticky;top:0;height:100dvh;background:var(--csn-material-fill);backdrop-filter:blur(var(--csn-material-blur)) saturate(var(--csn-material-saturate));-webkit-backdrop-filter:blur(var(--csn-material-blur)) saturate(var(--csn-material-saturate))}.csn-side-nav,.csn-sidebar{display:flex;flex-direction:column;gap:.2rem}.csn-side-nav{position:relative}.csn-side-nav-glider{position:absolute;z-index:0;left:0;right:0;top:0;height:2.7rem;border-radius:.75rem;background:var(--accent-muted);transform:translateY(calc(var(--nav-index, 0) * (2.7rem + .2rem)));transition:transform .32s var(--motion-ease-standard);pointer-events:none}.csn-sidebar .csn-brand{margin:.25rem .45rem .85rem;font-size:16px}.csn-sidebar .csn-nav-link{position:relative;z-index:1;flex-direction:row;justify-content:flex-start;gap:.65rem;padding:.55rem .7rem;font-size:15px;min-height:2.7rem;background:transparent}.csn-bottom-nav{display:none}.csn-main{padding-bottom:1.25rem}.csn-page{width:min(var(--page-max),100%);padding:.85rem var(--content-pad-x) 1.5rem}.csn-page--profile{width:100%;max-width:none;margin:0;padding:1rem 1.25rem 2rem}.csn-profile{margin:0}.csn-profile-mobile-panes{display:none!important}.csn-profile-layout{grid-template-columns:15.5rem minmax(0,min(48rem,100%));gap:1.5rem 1.75rem;align-items:start;padding:0 1rem;max-width:none;width:100%;margin-inline:0;box-sizing:border-box}.csn-profile-layout:has(.csn-profile-rail--wall){grid-template-columns:15.5rem minmax(0,48rem) minmax(18rem,1fr)}.csn-profile-side{position:sticky;top:1rem;gap:1rem;justify-items:stretch;padding-inline:.15rem .35rem}.csn-profile-rail{grid-column:auto;max-width:none;position:sticky;top:1rem;align-self:start;min-width:0}.csn-profile-rail--wall .csn-wall-section{max-height:min(78vh,54rem);overflow:auto;scrollbar-width:thin}.csn-profile-photo{width:100%;max-width:none;justify-self:stretch;aspect-ratio:3/4;border-radius:6px}.csn-profile-side-actions{border-radius:6px}.csn-profile-link{font-size:15px;padding:.45rem .7rem;min-height:2.5rem;gap:.45rem}.csn-profile-link--control{padding:.25rem .45rem;min-height:2.5rem}.csn-profile-main{gap:1rem}.csn-profile-main-head{padding:.1rem 0 .25rem}.csn-profile-name{font-size:28px}.csn-profile-name-row .csn-verified-badge-icon{width:1.6rem;height:1.6rem}.csn-profile-handle{font-size:15px}.csn-profile-about-box,.csn-profile-feed-box,.csn-profile-info-box,.csn-profile-media-box{border-radius:6px;padding:.75rem .9rem .85rem;gap:.55rem}.csn-profile-media-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.3rem;max-width:min(48rem,100%)}.csn-profile-media-grid--ig{gap:2px;max-width:min(48rem,100%)}.csn-profile-info-row{grid-template-columns:9.5rem minmax(0,1fr);gap:.75rem;padding:.28rem 0;min-height:2.5rem;align-items:center}.csn-profile-info-row dt{font-size:15px}.csn-profile-info-row dd{font-size:16px}.csn-profile-bio{font-size:15px;max-width:42rem}.csn-feed--profile{gap:.75rem;max-width:min(48rem,100%)}.csn-feed--dense{padding-left:var(--content-pad-x);padding-right:var(--content-pad-x)}.csn-fab{right:max(1rem,calc((100vw - var(--sidebar-w) - var(--page-max)) / 2 + 1rem));bottom:1.5rem}.csn-sheet-backdrop{align-items:center}.csn-sheet{border-radius:18px;margin:1rem}}@media (max-width:360px){:root{--nav-height:3.85rem;--content-pad-x:0.45rem;--page-max:100%}.csn-bottom-nav{font-size:12px;gap:0;padding-left:.15rem;padding-right:.15rem}.csn-nav-link{min-height:var(--hit-min);padding:.15rem .05rem;font-size:12px}.csn-nav-icon{width:1.2rem;height:1.2rem}.csn-page-title{font-size:20px}.csn-post-head{padding-left:.55rem;padding-right:.55rem}.csn-post-actions{gap:.15rem}}@media (max-width:480px) and (min-height:700px){.csn-main{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + .75rem)}.csn-chat-thread{max-height:calc(100dvh - 13.5rem - var(--safe-bottom))}.csn-page--chat{min-height:calc(100dvh - var(--nav-height) - var(--safe-bottom) - 1.25rem)}}@media (min-width:900px) and (max-width:1440px){:root{--sidebar-w:14rem;--page-max:52rem;--content-pad-x:1.1rem}.csn-sidebar{padding:.85rem .55rem}.csn-sidebar .csn-nav-link{font-size:13px;min-height:2.55rem;padding:.45rem .6rem}.csn-side-nav-glider{height:2.55rem;transform:translateY(calc(var(--nav-index, 0) * (2.55rem + .2rem)))}.csn-topbar{min-height:2.4rem;padding-left:.85rem;padding-right:.85rem}}@media (min-width:900px) and (max-height:820px){.csn-sidebar .csn-brand{margin-bottom:.45rem}.csn-sidebar .csn-nav-link{min-height:2.35rem;padding-top:.35rem;padding-bottom:.35rem}.csn-side-nav-glider{height:2.35rem;transform:translateY(calc(var(--nav-index, 0) * (2.35rem + .2rem)))}.csn-page{padding-top:.55rem;padding-bottom:1rem}.csn-chat-thread{max-height:calc(100dvh - 11rem)}}@media (min-width:1200px){.csn-page--profile{padding-inline:1.75rem}.csn-profile-layout{gap:1.65rem 2rem;padding-inline:1.25rem;grid-template-columns:16rem minmax(0,min(48rem,100%))}.csn-profile-layout:has(.csn-profile-rail--wall){grid-template-columns:16rem minmax(0,48rem) minmax(20rem,1fr)}.csn-profile-side{gap:1.15rem;padding-inline:.25rem .45rem}.csn-feed--profile,.csn-profile-media-grid,.csn-profile-media-grid--ig{max-width:min(48rem,100%)}}@media (min-width:1441px) and (max-width:1919px){:root{--sidebar-w:15rem;--page-max:58rem;--content-pad-x:1.25rem}.csn-profile-layout{grid-template-columns:16.25rem minmax(0,min(50rem,100%));gap:1.75rem 2.25rem;padding-inline:1.5rem}.csn-profile-layout:has(.csn-profile-rail--wall){grid-template-columns:16.25rem minmax(0,50rem) minmax(22rem,1fr)}}@media (min-width:1920px){:root{--sidebar-w:16rem;--page-max:64rem;--content-pad-x:1.4rem}body{font-size:15px}.csn-page-title{font-size:24px}.csn-sidebar .csn-brand{font-size:16px}.csn-main{display:flex;flex-direction:column;align-items:stretch}.csn-topbar{padding-left:max(1rem,calc((100% - var(--page-max)) / 2));padding-right:max(1rem,calc((100% - var(--page-max)) / 2))}.csn-page--profile{padding:1.25rem 1.75rem 2.5rem}.csn-profile-layout{grid-template-columns:16.5rem minmax(0,min(52rem,100%));gap:1.85rem 2.35rem;padding-inline:1.75rem}.csn-profile-layout:has(.csn-profile-rail--wall){grid-template-columns:16.5rem minmax(0,52rem) minmax(24rem,1fr)}.csn-profile-name{font-size:2.05rem}.csn-profile-name-row .csn-verified-badge-icon{width:1.75rem;height:1.75rem}.csn-profile-bio{max-width:48rem}.csn-feed--profile,.csn-profile-media-grid,.csn-profile-media-grid--ig{max-width:min(52rem,100%)}}@media (min-width:2400px){:root{--sidebar-w:17.5rem;--page-max:72rem;--content-pad-x:1.6rem}body{font-size:16px}.csn-post-card{border-radius:18px}.csn-avatar{width:2.35rem;height:2.35rem}.csn-sidebar .csn-nav-link{font-size:16px;min-height:2.85rem}.csn-side-nav-glider{height:2.85rem;transform:translateY(calc(var(--nav-index, 0) * (2.85rem + .2rem)))}.csn-page--profile{padding:1.5rem 2.75rem 3rem}.csn-profile-layout{grid-template-columns:17rem minmax(0,min(54rem,100%));gap:2rem 2.75rem;padding-inline:2rem}.csn-profile-layout:has(.csn-profile-rail--wall){grid-template-columns:17rem minmax(0,54rem) minmax(26rem,1fr)}.csn-feed--profile,.csn-profile-media-grid,.csn-profile-media-grid--ig{max-width:min(54rem,100%)}}@media (min-width:3000px){:root{--sidebar-w:19rem;--page-max:80rem;--content-pad-x:2rem}body{font-size:16px}.csn-main{background:radial-gradient(ellipse 55% 40% at 50% 0,color-mix(in srgb,var(--primary) 6%,transparent),transparent)}.csn-page-title{font-size:28px}.csn-fab{right:max(1.5rem,calc((100vw - var(--sidebar-w) - var(--page-max)) / 2 + 1.5rem));width:3.35rem;height:3.35rem}}@media (max-width:500px) and (min-height:800px){.csn-feed{gap:.7rem}.csn-bottom-nav{padding-top:.35rem}}@media (max-width:899px) and (max-height:500px) and (orientation:landscape){:root{--nav-height:3.1rem}.csn-bottom-nav{left:50%;right:auto;translate:-50% 0;width:min(calc(100vw - .7rem),28rem);max-width:calc(100vw - .7rem);bottom:calc(.2rem + var(--safe-bottom));padding:.25rem;border-radius:18px}.csn-bottom-nav .csn-nav-link span:last-child{display:none}.csn-nav-link{min-height:2.35rem}.csn-topbar{min-height:2.2rem}}.csn-topbar-actions{display:flex;align-items:center;gap:.15rem}.csn-btn{gap:.4rem}.csn-btn-icon,.csn-fab-icon,.csn-search-field-icon,.csn-toggle-icon{display:inline-block;flex-shrink:0;background-color:currentColor;-webkit-mask:var(--icon) center /contain no-repeat;mask:var(--icon) center /contain no-repeat}.csn-btn-icon{width:1.05rem;height:1.05rem}.csn-btn--icon-send{width:2.35rem;min-width:2.35rem;padding:0}.csn-icon-btn--accent{color:var(--primary)}.csn-icon-toggle{--count:2;--index:0;position:relative;display:grid;grid-template-columns:repeat(var(--count),2.35rem);gap:0;padding:.2rem;border-radius:.75rem;background:color-mix(in srgb,var(--foreground) 6%,var(--surface));border:1px solid var(--csn-control-border-strong)}.csn-icon-toggle .csn-segment-glider{width:calc((100% - .4rem) / var(--count))}.csn-icon-toggle button{position:relative;z-index:1;width:2.35rem;height:2.35rem;border:0;border-radius:6px;background:transparent;color:var(--foreground);opacity:.55;display:grid;place-items:center;transition:color var(--motion-dur-fast) ease,opacity var(--motion-dur-fast) ease}.csn-icon-toggle button.is-on{background:transparent;color:#fff;opacity:1;box-shadow:none}.csn-toggle-icon{width:1.15rem;height:1.15rem}.csn-search-field{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;padding:.35rem .7rem;border-radius:12px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-search-field-icon{width:1.15rem;height:1.15rem;color:var(--muted-foreground)}.csn-search-input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:2.2rem;padding-left:0}.csn-fab{position:fixed;right:1rem;bottom:calc(var(--nav-height) + var(--safe-bottom) + .85rem);z-index:40;width:3.25rem;height:3.25rem;border:1px solid var(--csn-control-border-primary);border-radius:999px;background:var(--primary);color:#fff;display:grid;place-items:center;box-shadow:var(--wan-shadow-2)}.csn-fab-icon{width:1.35rem;height:1.35rem}.csn-sheet-backdrop{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.42);display:flex;align-items:flex-end;justify-content:center;padding:0}.csn-sheet{width:min(40rem,100%);max-width:100%;max-height:min(92dvh,42rem);box-sizing:border-box;overflow-x:clip;display:flex;flex-direction:column;background:var(--card);border-radius:1.1rem 1.1rem 0 0;padding:.9rem .9rem calc(.9rem + var(--safe-bottom));border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.65rem}.csn-sheet-head--stack{align-items:flex-start}.csn-sheet-head-copy{min-width:0;display:grid;gap:.12rem}.csn-sheet-head-copy>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-sheet-head-copy>.csn-muted{font-size:12px;line-height:1.3}.csn-sheet-head>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-sheet-head .csn-btn{flex-shrink:0}.csn-textarea{width:100%;max-width:100%;box-sizing:border-box;resize:vertical;min-height:7rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:var(--surface);padding:.75rem .85rem;outline:none;color:inherit;font:inherit}.csn-textarea:focus{border-color:color-mix(in srgb,var(--primary) 55%,transparent);box-shadow:0 0 0 3px var(--accent-muted)}.csn-sheet-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:.45rem;margin-top:.75rem;flex-shrink:0}.csn-sheet-actions--compose{justify-content:space-between;align-items:center}.csn-compose-attach{display:flex;gap:.3rem}.csn-compose-preview{margin-top:.65rem;display:grid;gap:.4rem;justify-items:start}.csn-compose-preview img,.csn-compose-preview video{width:100%;max-height:12rem;object-fit:cover;border-radius:.75rem;background:var(--surface)}.csn-notify-sheet{display:grid;gap:.35rem}.csn-notify-list{display:grid;gap:.15rem}.csn-notify-row{display:flex;align-items:center;gap:.65rem;padding:.55rem .35rem;border-radius:.75rem;color:inherit;text-decoration:none;content-visibility:auto;contain-intrinsic-size:auto 3.5rem}.csn-notify-row:hover{background:var(--surface)}.csn-notify-row.is-unread{background:color-mix(in srgb,var(--primary) 8%,transparent)}.csn-notify-meta{min-width:0;flex:1 1;display:grid;gap:.1rem}.csn-notify-meta strong{font-size:15px}.csn-notify-meta span{font-size:13px;color:var(--muted-foreground)}.csn-notify-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--primary);flex-shrink:0}.csn-auth{min-height:100dvh;display:grid;place-items:center;padding:1.25rem .85rem calc(1.25rem + var(--safe-bottom));background:radial-gradient(ellipse 80% 50% at 50% -10%,color-mix(in srgb,var(--primary) 22%,transparent),transparent),var(--background)}.csn-auth-card{width:min(24rem,100%);padding:1.25rem 1.1rem 1.15rem;border-radius:18px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);box-shadow:var(--shadow-card)}.csn-auth-title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.03em}.csn-auth-sub{margin:.35rem 0 1rem;color:var(--muted-foreground);font-size:15px;line-height:1.4}.csn-auth-form{display:grid;gap:.35rem}.csn-field--auth{padding:.35rem 0}.csn-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.csn-auth-error{margin:.15rem 0 .35rem;padding:.55rem .7rem;border-radius:12px;background:color-mix(in srgb,#dc2626 12%,var(--surface));color:#b91c1c;font-size:13px;font-weight:600}[data-theme=dark] .csn-auth-error{color:#fecaca}.csn-auth-hint{margin:.85rem 0 0;font-size:12px}.csn-auth-hint,.csn-auth-switch{text-align:center;color:var(--muted-foreground)}.csn-auth-switch{margin:.75rem 0 0;font-size:15px}.csn-auth-switch a{color:var(--primary-strong);font-weight:600}.csn-auth-switch a:hover{text-decoration:underline}@media (max-width:420px){.csn-auth-row,.csn-profile-dl-row{grid-template-columns:1fr}.csn-profile-dl-row{gap:.15rem}.csn-profile-info-row{grid-template-columns:1fr;gap:.1rem}}.csn-group-stats{display:flex;flex-direction:column}.csn-group-stat{display:flex;align-items:center;gap:.85rem;width:100%;padding:.62rem .15rem;border:0;border-radius:6px;background:transparent;color:var(--foreground);font-size:15px;font-weight:500;text-align:left;transition:background-color var(--motion-dur-fast) ease}.csn-group-stat:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.csn-group-stat-icon{width:1.35rem;height:1.35rem;flex-shrink:0;opacity:.82}.csn-group-chat-info-head{display:grid;justify-items:center;gap:.45rem;margin-bottom:.35rem;text-align:center}.csn-group-chat-info-head>div{min-width:0;max-width:100%}.csn-group-chat-info-head .csn-page-title{overflow-wrap:anywhere;word-break:break-word;font-feature-settings:"lnum";font-variant-numeric:lining-nums;letter-spacing:-.025em}.csn-community-avatar-edit .csn-avatar--lg,.csn-community-avatar-edit-face .csn-avatar--lg,.csn-group-chat-info-head .csn-avatar--lg{width:4.5rem;height:4.5rem}.csn-group-role-actions{display:flex;gap:.35rem;flex-shrink:0}.csn-group-role-actions .csn-btn.is-on{color:var(--primary-strong);background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.csn-page--manage{display:grid;gap:.75rem}.csn-manage-hero{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:18px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-manage-menu{display:grid;gap:0;border-radius:12px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);overflow:hidden}.csn-manage-menu--compact .csn-profile-link{border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-manage-menu--compact .csn-profile-link:last-child{border-bottom:0}.csn-manage-section{display:grid;gap:.55rem}.csn-manage-section-actions{padding:0 .15rem}.csn-manage-footer{padding:.5rem 0 1rem}.csn-account-card{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:18px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);color:inherit;text-decoration:none}.csn-account-card-meta{flex:1 1;min-width:0;display:grid;gap:.1rem}.csn-account-card-meta strong{font-size:16px}.csn-account-card-meta span{color:var(--muted-foreground);font-size:13px}.csn-account-card-chevron{transform:rotate(180deg);opacity:.55}.csn-avatar--xl{width:3.5rem;height:3.5rem}.csn-chat-attach-img,.csn-chat-attach-video{display:block;max-width:min(100%,280px);border-radius:12px;margin-top:.35rem}.csn-chat-attach-audio{width:min(100%,260px);margin-top:.35rem}.csn-chat-attach-file{display:inline-block;margin-top:.35rem;color:var(--csn-accent,var(--primary));text-decoration:none;word-break:break-all}.csn-post-detail-root{position:fixed;inset:0;z-index:80;display:grid;place-items:stretch;background:var(--background);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.csn-post-detail{display:flex;flex-direction:column;min-height:100dvh;max-height:100dvh;width:min(100%,40rem);margin:0 auto;background:var(--background);box-shadow:0 0 0 1px color-mix(in srgb,var(--foreground) 8%,transparent)}@media (min-width:900px){.csn-post-detail-root{place-items:center;padding:1.25rem}.csn-post-detail{width:min(100%,52rem);border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--foreground) 8%,transparent),var(--wan-shadow-2)}.csn-post-detail,html[data-keyboard-open] .csn-post-detail{min-height:min(100dvh - 2.5rem,56rem);max-height:calc(100dvh - 2.5rem)}html[data-keyboard-open] .csn-post-detail{margin-top:0;height:auto}}@media (min-width:1280px){.csn-post-detail{width:min(100%,58rem)}}@media (min-width:1920px){.csn-post-detail{width:min(100%,64rem)}}.csn-post-detail-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem;padding:.45rem .55rem;padding-top:max(.45rem,env(safe-area-inset-top,0px),var(--tg-content-safe-top,var(--tg-safe-top,0px)));border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--background) 88%,transparent);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);position:sticky;top:0;z-index:2}html[data-tg-app] .csn-post-detail-back:not(.csn-post-detail-back--spacer),html[data-tg-app] .wan-settings-back{display:none!important}.csn-post-detail-back{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;min-height:2.35rem;padding:.25rem .55rem .25rem .35rem;border-radius:12px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--foreground)}.csn-post-detail-back--spacer{visibility:hidden;pointer-events:none;min-width:4.5rem}.csn-post-detail-chevron{width:1.15rem;height:1.15rem;display:block;flex-shrink:0}.csn-post-detail-path{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:0;font-size:13px;color:var(--muted-foreground)}.csn-post-detail-path strong{color:var(--foreground);font-weight:600}.csn-post-detail-nav{display:inline-flex;gap:.2rem}.csn-post-detail-nav-btn{display:inline-grid!important;place-items:center}.csn-post-detail-nav-btn:disabled{opacity:.28}.csn-post-detail-nav-btn .csn-post-detail-chevron{width:1.2rem;height:1.2rem}.csn-post-detail-scroll{flex:1 1;min-height:0;overflow:auto;padding:.75rem .85rem 1.1rem;display:grid;gap:.85rem;align-content:start}.csn-post-detail-card{display:grid;gap:.7rem;padding:.85rem .9rem .95rem;border-radius:18px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);box-shadow:var(--shadow-card)}.csn-post-detail-card.is-pinned{border-color:color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:var(--shadow-card),inset 3px 0 0 0 color-mix(in srgb,var(--primary) 70%,transparent)}.csn-post-detail-pinned{margin:0}.csn-post-detail-official{margin:.45rem 0 0}.csn-post-detail--text .csn-post-detail-card{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 5%,var(--card)),var(--card) 38%)}.csn-post-detail-author{gap:.65rem}.csn-post-detail-body{white-space:pre-wrap;word-break:break-word;font-size:16px;line-height:1.55;letter-spacing:-.012em}.csn-post-detail-body.is-lead{font-size:clamp(1.12rem,2.4vw,1.35rem);line-height:1.58;font-weight:500;padding:.15rem 0 .25rem}.csn-post-detail-media{position:relative;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--foreground) 4%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-post-detail-media-file{display:block;width:100%;max-height:min(58dvh,32rem);object-fit:contain;background:#0b0b0c}.csn-post-detail-media-file--video{max-height:none;padding:0;background:#000}.csn-post-detail-video-player,.csn-post-detail-video-player.wan-video-player{width:100%;max-height:min(58dvh,32rem);border-radius:0}.csn-post-detail-video-player .wan-video-player-media{max-height:min(58dvh,32rem)}.csn-post-detail-video-player.wan-video-player:-webkit-full-screen,.csn-post-detail-video-player.wan-video-player:-webkit-full-screen .wan-video-player-media{max-height:none;height:100%}.csn-post-detail-video-player.wan-video-player:fullscreen,.csn-post-detail-video-player.wan-video-player:fullscreen .wan-video-player-media{max-height:none;height:100%}@media (min-width:900px){.csn-post-detail-media{width:min(100%,28rem);max-width:28rem;margin-inline:auto}.csn-post-detail-media-file,.csn-post-detail-video-player,.csn-post-detail-video-player .wan-video-player-media,.csn-post-detail-video-player.wan-video-player{max-height:min(48dvh,24rem)}}.csn-post-detail-video-player.wan-video-player:-webkit-full-screen,.csn-post-media--real .csn-post-inline-video.wan-video-player:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto}.csn-post-detail-video-player.wan-video-player--fullscreen,.csn-post-detail-video-player.wan-video-player:-webkit-full-screen,.csn-post-detail-video-player.wan-video-player:fullscreen,.csn-post-media--real .csn-post-inline-video.wan-video-player--fullscreen,.csn-post-media--real .csn-post-inline-video.wan-video-player:-webkit-full-screen,.csn-post-media--real .csn-post-inline-video.wan-video-player:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto}.csn-post-detail-video-player.wan-video-player:-webkit-full-screen .wan-video-player-media,.csn-post-media--real .csn-post-inline-video.wan-video-player:-webkit-full-screen .wan-video-player-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center center}.csn-post-detail-video-player.wan-video-player--fullscreen .wan-video-player-media,.csn-post-detail-video-player.wan-video-player:-webkit-full-screen .wan-video-player-media,.csn-post-detail-video-player.wan-video-player:fullscreen .wan-video-player-media,.csn-post-media--real .csn-post-inline-video.wan-video-player--fullscreen .wan-video-player-media,.csn-post-media--real .csn-post-inline-video.wan-video-player:-webkit-full-screen .wan-video-player-media,.csn-post-media--real .csn-post-inline-video.wan-video-player:fullscreen .wan-video-player-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center center}.csn-bubble-video-player.wan-video-player{width:100%;border-radius:12px;overflow:hidden}.wan-media-viewer-video-wrap{width:min(100%,56rem);max-height:min(86dvh,48rem)}.wan-media-viewer-video-player.wan-video-player{width:100%;max-height:min(86dvh,48rem);border-radius:.75rem}.csn-post-detail-media-dots{position:absolute;left:0;right:0;bottom:.55rem;display:flex;justify-content:center;gap:.3rem}.csn-post-detail-dot{width:.4rem;height:.4rem;border-radius:999px;border:0;padding:0;background:color-mix(in srgb,#fff 45%,transparent)}.csn-post-detail-dot.is-on{background:#fff;width:.85rem}.csn-post-detail-actions{display:flex;align-items:center;gap:.15rem;margin:0 -.25rem}.csn-post-detail-comments{display:grid;gap:.65rem;padding:.75rem .85rem .9rem;border-radius:18px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-post-detail-comments .csn-profile-section-path{justify-content:space-between;width:100%}.csn-post-detail-empty{margin:0;font-size:15px}.csn-post-detail-comment-list{list-style:none;margin:0;padding:0;display:grid;gap:calc(.7rem * var(--wan-message-text-scale, 1))}.csn-post-detail-comment{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:start;min-width:0}.csn-post-detail-comment.is-reply{margin-left:1.55rem;padding-left:.55rem;border-left:2px solid color-mix(in srgb,var(--primary) 28%,transparent)}.csn-post-detail-comment-body{min-width:0;display:grid;gap:.25rem}.csn-post-detail-comment-reply{justify-self:start;border:0;background:transparent;color:var(--primary-strong,var(--primary));font-size:var(--wan-readable-meta,11px);font-weight:600;padding:.05rem 0;cursor:pointer}.csn-post-detail-replying{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.15rem .05rem 0;font-size:12px;font-weight:600;color:var(--muted-foreground)}.csn-post-detail-replying button{border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;padding:.1rem .2rem}.csn-post-detail-comment-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .5rem;min-width:0}.csn-post-detail-comment-head a{color:inherit;text-decoration:none;min-width:0;overflow-wrap:anywhere}.csn-post-detail-comment-head time{flex-shrink:0}.csn-post-detail-comment-delete,.csn-post-detail-comment-head time{color:var(--muted-foreground);font-size:var(--wan-readable-meta,10.9px)}.csn-post-detail-comment-delete{margin-left:auto;border:0;background:transparent;font-weight:600;padding:.1rem .2rem;cursor:pointer;white-space:nowrap}.csn-post-detail-comment-delete:hover{color:#dc2626}.csn-post-detail-comment-body p{margin:0;white-space:pre-wrap;word-break:break-word;font-size:var(--wan-readable-fs-md,14.4px);line-height:1.4}.csn-post-detail-comment-text{min-width:0;font-size:var(--wan-readable-fs-md,14.4px);line-height:1.4}.csn-post-detail-composer{display:flex;flex-direction:column;gap:.35rem;padding:.55rem .7rem calc(.55rem + var(--safe-bottom, 0px));border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--card) 94%,transparent);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}html[data-keyboard-open] .csn-post-detail-composer{padding-bottom:.55rem}html[data-keyboard-open] .csn-post-detail-root{background:var(--background)}html[data-keyboard-open] .csn-post-detail{margin-top:var(--visual-viewport-offset-top,0);min-height:var(--visual-viewport-height,100dvh);max-height:var(--visual-viewport-height,100dvh);height:var(--visual-viewport-height,100dvh)}.csn-post-detail-composer .csn-composer-row{width:100%}.csn-post-detail-composer .csn-textarea{min-height:2.45rem;max-height:7rem;resize:none;line-height:1.35;padding-top:.55rem;padding-bottom:.55rem;font-size:var(--wan-readable-fs-md,14.4px)}.csn-post-detail-comment-sticker{width:min(9rem,42vw);height:auto;display:block;border-radius:18px;filter:drop-shadow(0 1px 2px color-mix(in srgb,#000 12%,transparent)) drop-shadow(0 6px 14px color-mix(in srgb,#000 14%,transparent))}html[data-mobile-os=android] .csn-post-detail-comment-sticker{filter:drop-shadow(0 3px 8px color-mix(in srgb,#000 20%,transparent))}@media (min-width:900px){.csn-post-detail-root{place-items:center;padding:1.25rem}.csn-post-detail{min-height:min(92dvh,52rem);max-height:min(92dvh,52rem);border-radius:18px;overflow:hidden}html[data-keyboard-open] .csn-post-detail{margin-top:0;min-height:min(92dvh,52rem);max-height:min(92dvh,52rem);height:auto}}.csn-post-detail-media-nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:2.1rem;height:2.1rem;border:0;border-radius:12px;background:color-mix(in srgb,#000 45%,transparent);color:#fff;font-size:20px;line-height:1;display:grid;place-items:center}.csn-post-detail-media-nav--prev{left:.45rem}.csn-post-detail-media-nav--next{right:.45rem}.csn-post-detail-media-meta{position:absolute;left:0;right:0;bottom:.45rem;display:grid;gap:.35rem;justify-items:center;pointer-events:none}.csn-post-detail-media-meta>span{pointer-events:none;padding:.15rem .45rem;border-radius:12px;background:color-mix(in srgb,#000 48%,transparent);color:#fff;font-size:12px;font-weight:600}.csn-post-detail-media-meta .csn-post-detail-media-dots{position:static;pointer-events:auto}.csn-post-detail-caption{font-size:16px;line-height:1.5;color:color-mix(in srgb,var(--foreground) 92%,transparent)}.csn-post-detail--media .csn-post-detail-media-file{max-height:min(62dvh,34rem);object-fit:contain;background:color-mix(in srgb,var(--foreground) 8%,#111)}.csn-post-detail--text{min-height:auto}@media (min-width:900px){.csn-post-detail--text{min-height:auto;max-height:min(92dvh,52rem)}}.csn-post-detail-actions{padding-top:.15rem;border-top:1px solid color-mix(in srgb,var(--foreground) 6%,transparent)}.csn-compose-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;margin:0 0 .95rem;padding:.55rem .7rem;border-radius:var(--radius-chrome);border:1px solid var(--csn-material-border);background:var(--csn-material-fill-strong);backdrop-filter:blur(13px) saturate(1.08);-webkit-backdrop-filter:blur(13px) saturate(1.08);color:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion-dur-fast) ease,box-shadow var(--motion-dur-fast) ease}.csn-compose-bar-placeholder{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-compose-bar-action{flex-shrink:0;padding:.4rem .85rem;border-radius:.75rem;color:#fff;font-size:13px;font-weight:600}.csn-compose-sheet{display:flex;flex-direction:column;gap:0;max-height:min(92dvh,42rem);overflow:hidden;padding:0;transition:border-color var(--motion-dur-base) ease,background var(--motion-dur-base) ease}.csn-compose-sheet .csn-sheet-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.8rem .95rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-compose-sheet .csn-sheet-head strong{text-align:center;font-size:15px;letter-spacing:-.01em}.csn-compose-send{display:inline-flex;align-items:center;gap:.28rem}.csn-compose-send-caret{font-size:.72em;line-height:1;opacity:.85;transform:translateY(.5px)}.csn-compose-sheet-body{flex:1 1;min-height:0;overflow:auto;padding:.95rem;display:grid;gap:.85rem;align-content:start}.csn-compose-sheet-foot{display:flex;flex-direction:column;gap:.55rem;padding:.7rem .95rem calc(.75rem + env(safe-area-inset-bottom, 0px));border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--background) 94%,transparent)}.csn-compose-toolbar{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.csn-compose-tool{display:inline-flex;align-items:center;gap:.4rem;min-height:2.35rem;padding:.35rem .7rem;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);border-radius:.75rem;background:color-mix(in srgb,var(--foreground) 4%,var(--surface));color:var(--foreground);font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--motion-dur-fast) ease,background var(--motion-dur-fast) ease,color var(--motion-dur-fast) ease}.csn-compose-tool:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.csn-compose-tool:disabled{opacity:.45;cursor:not-allowed}.csn-compose-tool.is-active{border-color:color-mix(in srgb,var(--primary) 42%,transparent);background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary-strong)}.csn-compose-tool--icon{width:2.35rem;min-width:2.35rem;padding:0;justify-content:center}.csn-compose-tool-icon{width:1.15rem;height:1.15rem}.csn-compose-poll{display:grid;gap:.55rem;margin-top:.85rem;padding:.75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--foreground) 4%,var(--surface))}.csn-compose-poll-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.csn-compose-poll-option-row{display:flex;align-items:center;gap:.35rem}.csn-compose-poll-option-row .csn-input{flex:1 1;min-width:0}.csn-compose-poll-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.csn-compose-poll-duration{margin-left:auto}.csn-compose-poll-duration .csn-input{min-width:8.5rem}.csn-compose-foot-meta{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:1.5rem}.csn-compose-foot-hint{color:var(--muted-foreground);font-size:12px;font-weight:600}.csn-compose-foot-sep{margin:0 .35rem;opacity:.55}.csn-compose-foot-count{margin-left:auto;color:var(--muted-foreground);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.csn-compose-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.55rem}.csn-compose-media-section{display:grid;gap:.55rem;padding:.15rem 0 .25rem}.csn-compose-media-section.is-drag,.csn-compose-sheet.is-drop-target .csn-compose-media-section{outline:2px dashed color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px;border-radius:18px;background:color-mix(in srgb,var(--primary) 7%,transparent)}.csn-compose-media-empty{display:grid;justify-items:start;gap:.28rem;width:100%;padding:.85rem .95rem;border:1px dashed color-mix(in srgb,var(--foreground) 14%,transparent);border-radius:18px;background:color-mix(in srgb,var(--foreground) 3%,var(--surface));color:var(--foreground);text-align:left;font:inherit;cursor:pointer}.csn-compose-media-empty .csn-compose-tool-icon{width:1.2rem;height:1.2rem;color:var(--muted-foreground)}.csn-compose-media-empty>span:first-of-type{font-size:15px;font-weight:600}.csn-compose-media-empty-hint{color:var(--muted-foreground);font-size:12px;line-height:1.35}.csn-compose-media-tile{position:relative;aspect-ratio:1;border-radius:.75rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--foreground) 4%,var(--surface))}.csn-compose-media-tile img,.csn-compose-media-tile video{width:100%;height:100%;object-fit:cover;display:block}.csn-compose-media-tile.is-uploading img,.csn-compose-media-tile.is-uploading video{filter:brightness(.78) saturate(.92);transform:scale(1.01)}.csn-compose-media-tile.is-uploading:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,color-mix(in srgb,#fff 16%,transparent) 50%,transparent 70%);background-size:220% 100%;animation:csn-skeleton-shimmer 1.4s ease-in-out infinite;pointer-events:none}.csn-compose-media-tile-progress{position:absolute;left:.4rem;right:.4rem;bottom:.4rem;display:grid;gap:.2rem;pointer-events:none}.csn-compose-media-tile-progress>i{display:block;height:.22rem;width:100%;max-width:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#fff));box-shadow:0 0 0 3px color-mix(in srgb,#000 22%,transparent);transform:scaleX(0);transform-origin:left center;transition:transform var(--motion-dur-fast) ease;will-change:transform}.csn-compose-media-tile-progress>span{justify-self:start;font-size:12px;font-weight:600;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px color-mix(in srgb,#000 55%,transparent)}.csn-compose-media-tile-error{position:absolute;left:.35rem;right:.35rem;bottom:.35rem;padding:.2rem .35rem;border-radius:6px;background:color-mix(in srgb,#b42318 88%,#000);color:#fff;font-size:12px;font-weight:600;line-height:1.25;text-align:center;pointer-events:none}.csn-compose-media-tile.is-error img,.csn-compose-media-tile.is-error video{filter:brightness(.55)}.csn-compose-media-tile--add{display:grid;place-items:center;border-style:dashed;background:color-mix(in srgb,var(--foreground) 3%,var(--surface));color:var(--muted-foreground);cursor:pointer;font:inherit}.csn-compose-media-tile--add:hover:not(:disabled){color:var(--foreground);border-color:color-mix(in srgb,var(--primary) 35%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.csn-compose-media-tile--add:disabled{opacity:.45;cursor:not-allowed}.csn-compose-media-section:not(.has-media){padding:0}.csn-compose-preview-remove{position:absolute;top:.35rem;right:.35rem;width:1.55rem;height:1.55rem;border:0;border-radius:12px;background:color-mix(in srgb,#000 55%,transparent);color:#fff;font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer}.csn-compose-author{display:flex;align-items:center;gap:.7rem}.csn-compose-author .csn-avatar,.csn-compose-author .csn-avatar-fallback{width:2.55rem;height:2.55rem}.csn-compose-author-meta{display:grid;gap:.12rem;min-width:0}.csn-compose-author-meta strong{display:block;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-compose-author-sub,.csn-compose-count{color:var(--muted-foreground);font-size:12px;font-weight:600}.csn-compose-count{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.csn-compose-meta:empty{display:none}.csn-compose-meta{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.3rem .85rem .5rem;border-top:1px solid color-mix(in srgb,var(--foreground) 6%,transparent);background:color-mix(in srgb,var(--foreground) 2.5%,var(--card))}.csn-compose-field{display:flex;flex-direction:column;border-radius:18px;border:1px solid color-mix(in srgb,var(--foreground) 9%,transparent);background:color-mix(in srgb,var(--card) 96%,var(--surface));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--foreground) 4%,transparent);overflow:hidden}.csn-compose-field:focus-within{border-color:color-mix(in srgb,var(--primary) 42%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--foreground) 4%,transparent),0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.csn-compose-textarea.csn-textarea{min-height:11rem;border:0;border-radius:0;background:transparent;box-shadow:none;padding:.95rem 1rem .7rem;font-size:16px;line-height:1.55;letter-spacing:-.01em;resize:vertical}.csn-compose-textarea.csn-textarea:focus{outline:none;box-shadow:none;border-color:transparent}.csn-compose-rich-editor{display:flex;flex-direction:column;gap:0;min-width:0}.csn-compose-rich-editor .wan-rich-surface{min-height:11rem;max-height:min(42dvh,18rem);overflow:auto;border:none;background:transparent;box-shadow:none;padding:.95rem 1rem .75rem;font-size:16px;line-height:1.55;letter-spacing:-.01em;white-space:pre-wrap;overflow-wrap:anywhere}.csn-compose-rich-editor .wan-rich-surface:focus{outline:none}.csn-compose-rich-editor .wan-rich-surface.is-empty:before{font-size:16px;letter-spacing:-.01em;opacity:.72}.csn-compose-rich-editor .wan-rich-toolbar{position:static;margin:0;padding:.45rem .5rem;gap:.35rem;border-radius:0;border-top:1px solid color-mix(in srgb,var(--foreground) 7%,transparent);background:color-mix(in srgb,var(--foreground) 4%,var(--surface));backdrop-filter:none;-webkit-backdrop-filter:none;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.csn-compose-rich-editor .wan-rich-toolbar::-webkit-scrollbar{display:none}.csn-compose-rich-editor .wan-rich-tool-group{display:inline-flex;align-items:center;gap:.2rem;flex-shrink:0}.csn-compose-rich-editor .wan-rich-tool-sep{flex:0 0 1px;align-self:stretch;width:1px;margin:.2rem .15rem;background:color-mix(in srgb,var(--foreground) 12%,transparent)}.csn-compose-rich-editor .wan-rich-tool{min-width:var(--hit-min);min-height:var(--control-h-sm);height:var(--control-h-sm);padding:0 .55rem;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--foreground);display:inline-grid;place-items:center;transition:background var(--motion-dur-fast) ease,border-color var(--motion-dur-fast) ease,color var(--motion-dur-fast) ease}.csn-compose-rich-editor .wan-rich-tool:hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 7%,transparent)}.csn-compose-rich-editor .wan-rich-tool.is-on{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 28%,transparent);color:var(--primary-strong)}.csn-compose-rich-editor .wan-rich-tool-svg{display:block}.csn-compose-rich-editor .wan-rich-surface .wan-post-mark,.csn-compose-rich-editor .wan-rich-surface mark{padding:.05em .2em;border-radius:.3em;background:color-mix(in srgb,var(--signal) 28%,transparent)}.csn-compose-rich-editor .wan-rich-surface ol,.csn-compose-rich-editor .wan-rich-surface ul{margin:.35em 0;padding-left:1.25em}.csn-compose-rich-editor .wan-rich-surface table{width:100%;border-collapse:collapse;margin:.4em 0;font-size:.92em}.csn-compose-rich-editor .wan-rich-surface td,.csn-compose-rich-editor .wan-rich-surface th{border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);padding:.3em .5em}.csn-groups-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.csn-groups-head .csn-page-title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-groups-head .csn-btn{flex-shrink:0}.csn-hub-head-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.csn-hub-head-link{color:var(--muted-foreground);font-size:13px;font-weight:600;text-decoration:none;padding:.35rem .45rem;border-radius:6px}.csn-hub-head-link:hover{color:var(--foreground);background:color-mix(in srgb,var(--foreground) 5%,transparent)}.csn-hub-list.is-loading{opacity:.72;transition:opacity var(--motion-dur-base) ease}.csn-hub-list-about{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:color-mix(in srgb,var(--muted-foreground) 92%,transparent);font-size:12px;line-height:1.35}.csn-discover-toolbar{display:grid;gap:.55rem;margin-bottom:.85rem}.csn-discover-search{margin-bottom:0}.csn-discover-status{margin:0 0 .75rem;font-size:13px}.csn-hub-create-short{display:none}@media (max-width:420px){.csn-hub-create-full{display:none}.csn-hub-create-short{display:inline}.csn-list-item-badge{max-width:4.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-sheet-actions{flex-wrap:wrap}.csn-sheet-actions .csn-btn{flex:1 1 auto}}.csn-list-item--hub{gap:var(--csn-hub-row-gap,.75rem);padding:var(--csn-hub-row-pad-y,.7rem) var(--csn-hub-row-pad-x,.8rem);border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--csn-hairline);box-shadow:none;text-decoration:none;color:inherit;align-items:center}.csn-hub-list>.csn-list-item--hub:last-child{border-bottom-color:transparent}.csn-list-item--hub .csn-avatar,.csn-list-item--hub .csn-avatar-fallback{width:var(--csn-hub-avatar,2.65rem);height:var(--csn-hub-avatar,2.65rem)}.csn-list-item--hub .meta{display:grid;gap:.12rem;min-width:0}.csn-list-item--hub .meta strong{font-size:var(--csn-hub-title-size,.95rem);font-weight:600;letter-spacing:-.015em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-list-item--hub .meta>span:not(.csn-hub-list-about){font-size:var(--csn-hub-meta-size,.76rem);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-list-item-aside{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.csn-list-item-badge{display:inline-flex;align-items:center;min-height:1.45rem;padding:.12rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary-strong,var(--primary));font-size:11px;font-weight:600;letter-spacing:.01em}.csn-list-item-chevron{color:color-mix(in srgb,var(--foreground) 28%,transparent);font-size:16px;font-weight:400;line-height:1}.csn-segmented{display:grid;grid-template-columns:1fr 1fr;gap:.15rem;padding:.2rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 6%,var(--surface));border:0;box-sizing:border-box}.csn-segmented--hub{margin-bottom:.95rem}.csn-segmented-btn{min-height:2.35rem;border:0;background:transparent;color:var(--muted-foreground);font:inherit;letter-spacing:-.01em;cursor:pointer}.csn-segmented-btn.is-active{background:var(--card);color:var(--foreground);box-shadow:var(--wan-shadow-1)}.csn-segmented.csn-segmented--sort{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.csn-segmented.csn-segmented--sort .csn-segmented-btn{min-height:2.15rem;font-size:12px;padding-inline:.35rem;white-space:nowrap}.csn-friends-empty,.csn-groups-empty{display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-2);text-align:center;justify-items:center;color:var(--muted-foreground)}.csn-hub-empty{gap:.55rem;margin-top:.35rem;padding:1.75rem 1rem;border-radius:18px;background:color-mix(in srgb,var(--card) 72%,transparent);border:1px dashed color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-hub-empty .csn-empty-title{margin:0;color:var(--foreground);font-size:16px;font-weight:600;letter-spacing:-.02em}.csn-hub-empty .csn-muted{margin:0;max-width:22rem;line-height:1.45}.csn-hub-empty-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.35rem}.csn-page--community{display:grid;gap:.95rem;padding-left:max(var(--content-pad-x),env(safe-area-inset-left,0px));padding-right:max(var(--content-pad-x),env(safe-area-inset-right,0px));max-width:min(var(--page-max),100%);width:100%}.csn-community-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.csn-community-toolbar-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.csn-community-hero{display:grid;gap:0;padding:0;overflow:hidden;border-radius:18px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 7%,transparent);box-shadow:var(--shadow-card)}.csn-community-hero--plain{gap:.85rem;padding:1rem 1.05rem 1.1rem}.csn-community-hero--plain .csn-community-hero-top{margin-top:0}.csn-community-hero--plain .csn-avatar--lg,.csn-community-hero--plain .csn-community-hero-avatar{border:2px solid color-mix(in srgb,var(--foreground) 8%,var(--card));box-shadow:none}.csn-community-hero--plain .csn-community-members-strip{padding-top:.55rem}.csn-group-hero-cta{display:flex;flex-wrap:wrap;gap:.45rem}.csn-community-banner{position:relative;height:7.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 28%,var(--surface)) 0,color-mix(in srgb,var(--primary) 10%,var(--card)) 55%,color-mix(in srgb,var(--foreground) 4%,var(--card)) 100%);overflow:hidden}@media (min-width:900px){.csn-page--community{max-width:min(56rem,calc(100vw - var(--sidebar-w, 0px) - 3rem));gap:1.15rem}.csn-community-banner{height:11rem}.csn-community-hero{border-radius:18px}.csn-community-hero-top{margin-top:-2.6rem}.csn-community-hero-avatar{width:5.25rem;height:5.25rem}}@media (min-width:1280px){.csn-page--community:not(.csn-page--community-manage){max-width:min(68rem,calc(100vw - var(--sidebar-w, 0px) - 3.5rem));grid-template-columns:minmax(17rem,22rem) minmax(0,1fr);align-items:start;column-gap:1.25rem;row-gap:1rem}.csn-page--community:not(.csn-page--community-manage)>.csn-community-toolbar{grid-column:1/-1}.csn-page--community:not(.csn-page--community-manage)>.csn-community-hero{grid-column:1;position:sticky;top:.85rem}.csn-page--community:not(.csn-page--community-manage)>.csn-community-main{grid-column:2;display:flex;flex-direction:column;gap:1rem;min-width:0;align-self:start}.csn-page--community:not(.csn-page--community-manage)>.csn-community-compose,.csn-page--community:not(.csn-page--community-manage)>.csn-community-compose-lock,.csn-page--community:not(.csn-page--community-manage)>.csn-community-feed{grid-column:2}.csn-page--community:not(.csn-page--community-manage) .csn-community-banner{height:9.5rem}.csn-page--community:not(.csn-page--community-manage) .csn-community-hero-body{gap:.95rem;padding:0 1.15rem 1.15rem}.csn-page--community:not(.csn-page--community-manage) .csn-community-title{font-size:24px}.csn-page--community:not(.csn-page--community-manage) .csn-community-member-cell .csn-avatar,.csn-page--community:not(.csn-page--community-manage) .csn-community-member-cell .csn-avatar-fallback{width:2.55rem;height:2.55rem}.csn-page--community-manage{max-width:min(52rem,calc(100vw - var(--sidebar-w, 0px) - 3.5rem))}}@media (min-width:1920px){.csn-page--community:not(.csn-page--community-manage){max-width:min(76rem,calc(100vw - var(--sidebar-w, 0px) - 4rem));grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);column-gap:1.5rem}.csn-page--community-manage{max-width:min(58rem,calc(100vw - var(--sidebar-w, 0px) - 4rem))}}.csn-community-banner img{width:100%;height:100%;object-fit:cover;display:block}.csn-community-banner.is-empty:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 20% 30%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 60%),radial-gradient(ellipse 60% 50% at 85% 70%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 55%);pointer-events:none}.csn-community-hero-body{position:relative;z-index:1;display:grid;gap:.85rem;padding:0 1.05rem 1rem}.csn-community-hero-top{position:relative;z-index:1;display:flex;align-items:flex-end;gap:.85rem;margin-top:-2.15rem}.csn-community-hero-avatar{position:relative;z-index:1;flex-shrink:0;width:4.5rem;height:4.5rem;border:3px solid var(--card);box-shadow:var(--wan-shadow-1)}.csn-community-hero-fallback{background:color-mix(in srgb,var(--primary) 18%,var(--surface));color:var(--primary-strong,var(--primary));font-weight:600}.csn-community-media-editor{display:grid;gap:.85rem;margin-bottom:.85rem}.csn-page--community-manage .csn-community-media-editor{gap:.7rem;margin-bottom:.35rem}.csn-community-banner-edit{position:relative;display:block;width:100%;height:7.25rem;padding:0;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 22%,var(--surface)) 0,color-mix(in srgb,var(--foreground) 4%,var(--card)) 100%);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);cursor:pointer;font:inherit;color:inherit;text-align:inherit}.csn-community-banner-edit:disabled{opacity:.7;cursor:not-allowed}.csn-community-banner-edit img{width:100%;height:100%;object-fit:cover;display:block}.csn-community-banner-edit.is-empty{display:grid;place-items:center}.csn-community-banner-edit-empty{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted-foreground);font-size:13px;font-weight:600}.csn-community-banner-edit-actions{position:absolute;right:.55rem;bottom:.55rem;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.csn-community-banner-edit-actions .csn-btn{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:color-mix(in srgb,var(--card) 82%,transparent)}html[data-mobile-os=android] .csn-community-banner-edit-actions .csn-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--card)}.csn-community-avatar-edit{display:flex;align-items:center;gap:.75rem;margin-top:-2.1rem;padding:0 .35rem}.csn-community-avatar-edit-face{position:relative;display:inline-flex;padding:0;border:0;background:transparent;cursor:pointer;border-radius:999px}.csn-community-avatar-edit-face:disabled{opacity:.7;cursor:not-allowed}.csn-community-avatar-edit .csn-avatar--lg,.csn-community-avatar-edit-face .csn-avatar--lg{border:3px solid var(--card);box-shadow:var(--wan-shadow-1)}.csn-community-avatar-edit-badge{position:absolute;right:.05rem;bottom:.05rem;display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:999px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);box-shadow:var(--wan-shadow-1);color:var(--foreground)}.csn-community-avatar-edit-badge .csn-app-icon,.csn-community-avatar-edit-badge svg{width:.85rem;height:.85rem}.csn-create-community-media{margin-bottom:.95rem;padding:.75rem;border-radius:18px;background:color-mix(in srgb,var(--foreground) 2.5%,var(--surface));border:1px solid color-mix(in srgb,var(--foreground) 7%,transparent)}.csn-create-community-media .csn-community-avatar-edit{margin-top:-1.75rem}.csn-community-hero-copy{min-width:0;flex:1 1;display:grid;gap:.22rem;align-content:start}.csn-community-title{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.6rem);font-weight:600;letter-spacing:-.04em;line-height:1.12}.csn-community-slug{margin:0;color:var(--primary);font-size:13px;font-weight:600}.csn-community-role-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-top:.15rem;padding:.18rem .55rem;border-radius:12px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-strong,var(--primary));font-size:12px;font-weight:600}.csn-community-stats{display:flex;flex-wrap:wrap;gap:.4rem}.csn-community-stat{display:inline-flex;align-items:center;min-height:1.7rem;padding:.2rem .6rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 5%,var(--surface));color:var(--foreground);font-size:12px;font-weight:600}.csn-community-stat--soft{color:var(--muted-foreground);font-weight:500;max-width:100%}.csn-community-hint{margin:0;color:var(--muted-foreground);font-size:13px;line-height:1.4}.csn-community-about{margin:0;color:var(--foreground);font-size:15px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.csn-community-members-strip{display:flex;align-items:center;padding-top:.15rem}.csn-community-members-block,.csn-community-members-strip{gap:.65rem;border-top:1px solid color-mix(in srgb,var(--foreground) 6%,transparent)}.csn-community-members-block{display:grid;padding-top:.35rem}.csn-community-members-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.csn-community-members-head .csn-community-section-label{margin:0}.csn-community-members-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem .35rem}.csn-community-member-cell{display:grid;justify-items:center;gap:.28rem;min-width:0;padding:.2rem .1rem;border-radius:12px;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.csn-community-member-cell:hover{background:color-mix(in srgb,var(--foreground) 4%,transparent)}.csn-community-member-avatar-wrap{position:relative;display:inline-flex}.csn-community-member-cell .csn-avatar,.csn-community-member-cell .csn-avatar-fallback{width:2.35rem;height:2.35rem}.csn-community-member-cell-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.15;text-align:center;color:var(--muted-foreground)}.csn-community-links{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.csn-community-hero-cta{display:flex}.csn-community-join-btn{transition:transform var(--motion-dur-slow) var(--spring-snappy),background-color var(--motion-dur-slow) var(--spring),color var(--motion-dur-slow) var(--spring),border-color var(--motion-dur-slow) var(--spring),box-shadow var(--motion-dur-slow) var(--spring)}.csn-community-join-btn:not(:disabled):active{transform:scale(.97)}.csn-community-join-btn.is-joined{box-shadow:none}.csn-community-joined-flash{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-top:.2rem;padding:.18rem .55rem;border-radius:12px;background:color-mix(in srgb,#22c55e 16%,transparent);color:color-mix(in srgb,#16a34a 70%,var(--foreground));font-size:12px;font-weight:600}.csn-community-stat--online{background:color-mix(in srgb,#22c55e 12%,var(--surface));color:color-mix(in srgb,#16a34a 75%,var(--foreground))}.csn-community-compose,.csn-community-compose-lock{transition:opacity var(--motion-dur-slow) var(--spring),transform var(--motion-dur-slow) var(--spring)}.csn-community-invite-sheet{max-height:min(88dvh,38rem);padding-bottom:max(.75rem,env(safe-area-inset-bottom,0px))}.csn-community-invite-body{display:grid;gap:.85rem;justify-items:stretch;padding:.15rem .15rem .35rem}.csn-community-invite-lead{display:grid;gap:.25rem;justify-items:start;text-align:left}.csn-community-invite-name{font-size:16px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.csn-community-invite-lead>.csn-muted{margin:0;max-width:24rem;line-height:1.45;font-size:13px}.csn-community-invite-card{display:grid;gap:.85rem;justify-items:center;padding:.95rem .95rem 1rem;background:color-mix(in srgb,var(--foreground) 2.5%,var(--surface))}.csn-community-invite-card,.csn-community-invite-qr{border-radius:18px;border:1px solid color-mix(in srgb,var(--foreground) 7%,transparent)}.csn-community-invite-qr{width:9.5rem;height:9.5rem;padding:.6rem;background:color-mix(in srgb,var(--foreground) 3%,var(--card))}.csn-community-invite-qr svg{width:100%;height:100%;display:block}.csn-community-invite-qr--empty{background:color-mix(in srgb,var(--foreground) 6%,var(--surface))}.csn-community-invite-link-field{width:100%;text-align:left}.csn-community-invite-link-field .csn-input{font-size:13px;min-height:2.55rem}.csn-community-invite-actions{display:grid;grid-template-columns:1fr;gap:.45rem;width:100%}.csn-community-invite-action{min-height:2.75rem;width:100%}@media (min-width:420px){.csn-community-invite-actions{grid-template-columns:1fr 1fr}}.csn-community-stat--btn{border:0;cursor:pointer;font:inherit;color:inherit}.csn-community-stat--btn:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.csn-community-members-sheet{max-height:min(88dvh,42rem);padding-bottom:max(.75rem,env(safe-area-inset-bottom,0px))}.csn-community-members-sheet-body{display:grid;gap:.65rem;padding:.1rem .1rem .35rem;max-height:min(72dvh,34rem);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.csn-community-members-sheet-body .csn-search-field--compact{margin-bottom:.15rem;min-height:2.55rem}.csn-community-member-rows--sheet .csn-community-member-row--link{gap:var(--csn-hub-row-gap,.75rem);min-height:3.15rem;padding:.55rem .5rem}.csn-community-member-rows--sheet .csn-avatar,.csn-community-member-rows--sheet .csn-avatar-fallback{width:var(--csn-hub-avatar,2.65rem);height:var(--csn-hub-avatar,2.65rem)}.csn-community-members-empty{display:grid;justify-items:center;gap:.3rem;margin:.35rem 0 0;padding:1.25rem .85rem;text-align:center;border-radius:18px;background:color-mix(in srgb,var(--foreground) 2.5%,var(--surface));border:1px dashed color-mix(in srgb,var(--foreground) 10%,transparent)}.csn-community-members-empty .csn-empty-title{margin:0;font-size:16px;font-weight:600}.csn-community-members-empty .csn-muted{margin:0;max-width:18rem;font-size:13px;line-height:1.45}.csn-community-member-rows--sheet{margin:0;display:grid;gap:.1rem}.csn-community-member-row--link{display:flex;align-items:center;gap:.7rem;width:100%;min-height:3rem;padding:.55rem .45rem;text-decoration:none;color:inherit;border-radius:.75rem}.csn-community-member-row--link:hover{background:color-mix(in srgb,var(--foreground) 4%,transparent)}.csn-community-member-row--link:active{background:color-mix(in srgb,var(--foreground) 6%,transparent)}.csn-community-you-badge{display:inline-flex;margin-left:.35rem;padding:.05rem .35rem;border-radius:999px;background:color-mix(in srgb,var(--foreground) 8%,transparent);color:var(--muted-foreground);font-size:11px;font-weight:600;vertical-align:middle}.csn-community-role-pill--owner{background:color-mix(in srgb,var(--primary) 16%,transparent)}.csn-community-role-pill--admin{background:color-mix(in srgb,var(--foreground) 8%,transparent);color:var(--foreground)}.csn-community-member-faces{display:flex;align-items:center}.csn-community-member-face{display:block;margin-left:-.4rem;transition:transform var(--motion-dur-fast) ease}.csn-community-member-face:first-child{margin-left:0}.csn-community-member-face:hover{transform:translateY(-1px);z-index:1}.csn-community-member-face .csn-avatar,.csn-community-member-face .csn-avatar-fallback{width:1.9rem;height:1.9rem;border:2px solid var(--card)}.csn-community-member-more{display:grid;place-items:center;width:1.9rem;height:1.9rem;margin-left:-.35rem;border-radius:12px;border:2px solid var(--card);background:color-mix(in srgb,var(--foreground) 8%,var(--surface))}.csn-community-member-more,.csn-community-section-label{color:var(--muted-foreground);font-size:12px;font-weight:600}.csn-community-section-label{margin:0 0 .55rem;letter-spacing:.05em;text-transform:uppercase}.csn-community-compose .csn-compose-bar{margin-bottom:0}.csn-community-compose-lock{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-radius:18px;background:color-mix(in srgb,var(--foreground) 3%,var(--card));border:1px dashed color-mix(in srgb,var(--foreground) 12%,transparent)}.csn-community-compose-lock p{margin:0;font-size:15px;line-height:1.4}.csn-community-feed{display:grid;gap:.55rem}.csn-page--community .csn-feed{gap:.65rem}.csn-page--community .csn-post-card{border-radius:18px}.csn-community-empty{padding:1.5rem .85rem;border-radius:18px;background:color-mix(in srgb,var(--card) 70%,transparent);border:1px dashed color-mix(in srgb,var(--foreground) 10%,transparent);text-align:center;justify-items:center}.csn-community-empty .csn-empty-title{margin:0 0 .35rem}.csn-community-empty .csn-muted{margin:0 0 .75rem;max-width:22rem}.csn-community-empty .csn-empty-action{margin-top:.15rem}.csn-community-manage-head{display:grid;gap:.25rem;padding:.1rem .05rem .15rem}.csn-community-manage-title{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.csn-community-manage-head .csn-community-slug{margin:0;font-size:13px;color:var(--muted-foreground)}.csn-community-manage-lead{margin:.15rem 0 0;font-size:15px;line-height:1.45;max-width:36rem}.csn-community-manage-identity{display:flex;align-items:center;gap:.7rem}.csn-community-manage-identity .csn-avatar,.csn-community-manage-identity .csn-avatar-fallback{width:2.55rem;height:2.55rem}.csn-page--community-manage{gap:.75rem}.csn-community-panel{display:grid;gap:.55rem;padding:.8rem .9rem;border-radius:18px;background:var(--card);border:1px solid color-mix(in srgb,var(--foreground) 7%,transparent);box-shadow:none}.csn-community-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:.65rem}.csn-community-panel-head .csn-community-section-label{margin:0}.csn-community-panel-count{font-size:12px;white-space:nowrap}.csn-community-panel--danger{border-color:color-mix(in srgb,#dc2626 20%,transparent);background:color-mix(in srgb,#dc2626 4%,var(--card));box-shadow:none}.csn-community-fields{display:grid;gap:.65rem}.csn-community-field{display:grid;gap:.28rem}.csn-community-field>span:first-child{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground)}.csn-page--community-manage .csn-input,.csn-page--community-manage .csn-textarea{border-color:color-mix(in srgb,var(--foreground) 7%,transparent);background:color-mix(in srgb,var(--foreground) 2.5%,var(--surface))}.csn-page--community-manage .csn-input:focus,.csn-page--community-manage .csn-textarea:focus{border-color:color-mix(in srgb,var(--primary) 42%,transparent)}.csn-page--community-manage .csn-textarea{min-height:3.85rem}.csn-community-panel-foot{display:flex;justify-content:flex-end;padding-top:.05rem}.csn-community-panel-foot--start{justify-content:flex-start}.csn-community-panel-copy{margin:0;font-size:13px;line-height:1.45}.csn-group-manage-add{padding:.7rem .75rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 2.5%,var(--surface));border:1px solid color-mix(in srgb,var(--foreground) 7%,transparent)}.csn-group-manage-add .csn-community-panel-copy{margin-top:-.15rem}.csn-community-member-rows{list-style:none;margin:0;padding:0;display:grid}.csn-community-member-rows>li+li{border-top:1px solid color-mix(in srgb,var(--foreground) 6%,transparent)}.csn-community-member-row{display:flex;align-items:center;gap:.65rem;padding:.55rem .1rem;color:inherit;text-decoration:none;border-radius:6px;-webkit-tap-highlight-color:transparent}.csn-community-member-row--manage{align-items:flex-start;padding-top:.65rem;padding-bottom:.65rem}.csn-community-member-row+.csn-community-member-row{border-top:1px solid color-mix(in srgb,var(--foreground) 6%,transparent)}.csn-community-member-meta{min-width:0;flex:1 1;display:grid;gap:.12rem}.csn-community-member-meta strong{font-size:var(--csn-hub-title-size,.95rem);font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-community-member-meta>span:not(.csn-community-role-pill){color:var(--muted-foreground);font-size:var(--csn-hub-meta-size,.76rem);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-community-member-meta .csn-community-role-pill{margin-top:.2rem}.csn-community-role-pill--member{background:color-mix(in srgb,var(--foreground) 5%,transparent);color:var(--muted-foreground);font-weight:600}.csn-community-member-row .csn-group-role-actions{flex-wrap:wrap;justify-content:flex-end;max-width:min(100%,15.5rem);gap:.3rem}.csn-community-member-row--manage .csn-group-role-actions{padding-top:.1rem}.csn-community-member-row .csn-group-role-actions .csn-btn{min-height:2rem;height:auto;white-space:normal;line-height:1.2;text-wrap:balance;max-width:100%;padding-inline:.65rem}@media (max-width:520px){.csn-community-member-row--manage{flex-wrap:wrap}.csn-community-member-row--manage .csn-group-role-actions{width:100%;max-width:none;justify-content:flex-start;padding-left:calc(2.4rem + .65rem)}.csn-community-member-row--manage .csn-group-role-actions .csn-btn{flex:1 1 auto}}.csn-page--community .csn-list-item{border-radius:12px}.csn-explore-search-wrap{display:grid;gap:.55rem;margin-bottom:.85rem}.csn-explore-search-scopes{display:flex;gap:.35rem}.csn-explore-scope{border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--muted-foreground);border-radius:12px;padding:.35rem .8rem;font-size:13px;font-weight:600}.csn-explore-scope.is-active{color:var(--primary-strong,var(--primary));border-color:color-mix(in srgb,var(--primary) 35%,transparent);background:color-mix(in srgb,var(--primary) 12%,var(--card))}.csn-explore-search{margin-bottom:0}.csn-explore-person-real,.csn-post-author-real{font-weight:500;color:var(--muted-foreground)}.csn-search-clear{border:0;background:transparent;color:var(--muted-foreground);width:1.75rem;height:1.75rem;border-radius:12px;display:grid;place-items:center;font-size:13px}.csn-search-clear:hover{background:color-mix(in srgb,var(--foreground) 6%,transparent);color:var(--foreground)}.csn-explore-section{display:grid;gap:.65rem}.csn-explore-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:0 .1rem}.csn-explore-section-title{margin:0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground)}.csn-explore-idle{margin:.35rem .15rem;line-height:1.45}.csn-explore-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.csn-explore-tag{display:inline-flex;align-items:center;min-height:2.15rem;padding:.35rem .8rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:var(--card);font-size:15px;font-weight:600;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 40%,transparent)}.csn-explore-tag:hover{border-color:color-mix(in srgb,var(--primary) 35%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--card));color:var(--primary-strong)}.csn-explore-people{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.csn-explore-person{display:flex;align-items:center;gap:.65rem;padding:.65rem .7rem;border-radius:var(--radius-card);border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:var(--card);box-shadow:var(--shadow-card);content-visibility:auto;contain-intrinsic-size:auto 4.5rem}.csn-explore-person-main{flex:1 1;min-width:0;display:flex;align-items:center;gap:.65rem}.csn-explore-person-copy{min-width:0;display:grid;gap:.12rem}.csn-explore-person-copy strong{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-explore-person-copy .csn-muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.csn-favorites-list{display:grid;gap:.85rem}.csn-favorite-card{display:grid;gap:0;border-radius:var(--radius-card);overflow:hidden;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:var(--card);box-shadow:var(--shadow-card)}.csn-favorite-card .csn-post-card{border:0;border-radius:0;box-shadow:none}.csn-favorite-card .csn-post-card:hover{box-shadow:none;border-color:transparent}.csn-favorite-note{display:grid;gap:.4rem;padding:.7rem .8rem .8rem;border-top:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--foreground) 2.5%,var(--card))}.csn-favorite-note-input{min-height:4rem;resize:vertical}.csn-favorite-note-actions{display:flex;justify-content:flex-end}.csn-empty{display:grid;gap:var(--space-2);margin:var(--space-3) var(--space-3) var(--space-4);padding:var(--space-6) var(--space-4) var(--space-5);text-align:center;justify-items:center;border-radius:var(--radius-card);border:1px solid color-mix(in srgb,var(--foreground) 7%,transparent);background:radial-gradient(120% 80% at 50% 0,color-mix(in srgb,var(--primary) 10%,transparent),transparent 62%),color-mix(in srgb,var(--card) 88%,var(--background));box-shadow:none}.csn-empty-cue{display:grid;place-items:center;width:3.35rem;height:3.35rem;margin-bottom:.15rem;border-radius:18px;color:color-mix(in srgb,var(--primary) 78%,var(--foreground));background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent)}.csn-empty-cue .csn-stroke-icon{width:1.55rem;height:1.55rem}.csn-empty-cue--sm{width:2.55rem;height:2.55rem;border-radius:12px;margin-bottom:.35rem}.csn-empty-cue--sm .csn-stroke-icon{width:1.2rem;height:1.2rem}.csn-profile-empty,.csn-profile-media-box .csn-empty{margin:.35rem 0 0;min-height:min(42vh,20rem);place-content:center;width:100%;box-sizing:border-box}.csn-empty-title{margin:0;font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.03em}.csn-empty-hint{margin:0;max-width:20rem;font-size:15px;line-height:1.45;color:var(--muted-foreground)}.csn-empty-action{margin-top:var(--space-2);min-height:var(--hit-min,2.75rem);padding-inline:1.25rem;font-weight:600}.csn-chats-list-empty{margin:1.25rem .35rem .5rem}.csn-chats-unread{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.csn-chats-unread.is-pop{animation:csn-pop .42s ease}.csn-nav-icon-wrap .csn-chats-unread.csn-nav-chats-badge,.csn-nav-icon-wrap .csn-nav-chats-badge{position:absolute;top:-.3rem;right:-.55rem;min-width:1.05rem;height:1.05rem;padding:0 .28rem;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:600;line-height:1;box-shadow:0 0 0 1.5px var(--card,#fff);pointer-events:none}.csn-friend-btn-wrap{display:inline-flex;align-items:center;gap:.35rem}.csn-friend-btn-wrap.is-icon{gap:.2rem}.csn-friend-btn--danger{color:var(--muted-foreground);border-color:transparent;background:var(--surface);box-shadow:none}.csn-confirm-root{z-index:90}.csn-confirm-root,.wan-format-sheet-root{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.wan-format-sheet-root{z-index:110}.wan-format-sheet-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto}.wan-format-sheet{position:relative;z-index:1;pointer-events:auto;width:min(100%,28rem);margin:0 auto;display:grid;gap:.65rem;padding:.7rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));border-radius:1.25rem 1.25rem 0 0;animation:csn-sheet-up .24s cubic-bezier(.22,1,.36,1) both}.wan-format-sheet-title{margin:0;text-align:center;font-size:16px;font-weight:600;letter-spacing:-.015em}.wan-format-sheet-hint{margin:0;text-align:center;font-size:13px;line-height:1.4;color:var(--muted-foreground)}.wan-format-sheet-field{display:grid;gap:.35rem}.wan-format-sheet-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground)}.wan-format-sheet-input{width:100%;min-height:var(--control-h,2.75rem);padding:.65rem .85rem;border-radius:var(--radius-control,.85rem);border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:color-mix(in srgb,var(--foreground) 4%,var(--surface));color:var(--foreground);font-size:16px}.wan-format-sheet-input:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.wan-format-sheet-error,.wan-format-sheet-safety{margin:0;font-size:13px;line-height:1.4}.wan-format-sheet-error,.wan-format-sheet-safety--danger{color:#dc2626}.wan-format-sheet-safety--warn{color:var(--signal)}.wan-format-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.2rem}.wan-format-table-grid{display:grid;grid-template-columns:repeat(6,1.55rem);gap:.28rem;justify-content:center;padding:.35rem 0 .15rem}.wan-format-table-cell{width:1.55rem;height:1.55rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--foreground) 14%,transparent);background:color-mix(in srgb,var(--foreground) 4%,var(--surface));padding:0;cursor:pointer}.wan-format-table-cell.is-on{background:color-mix(in srgb,var(--primary) 28%,transparent);border-color:color-mix(in srgb,var(--primary) 48%,transparent)}.wan-format-table-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.wan-format-table-preset{min-width:3.4rem}.csn-confirm-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.42);backdrop-filter:blur(var(--csn-scrim-blur,3px));-webkit-backdrop-filter:blur(var(--csn-scrim-blur,3px));pointer-events:auto;animation:csn-scrim-in .22s ease both}@keyframes csn-scrim-in{0%{opacity:0}to{opacity:1}}.csn-confirm-sheet{position:relative;z-index:1;pointer-events:auto;width:100%;max-width:100%;display:grid;gap:.7rem;padding:.65rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));border-radius:1.25rem 1.25rem 0 0;animation:csn-sheet-up .24s cubic-bezier(.22,1,.36,1) both}.csn-confirm-handle{width:2.5rem;height:.3rem;margin:0 auto .1rem;border-radius:999px;background:color-mix(in srgb,var(--foreground) 18%,transparent)}.csn-confirm-body--sheet{display:contents}.csn-confirm-title{font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.01em}.csn-confirm-message,.csn-confirm-title{margin:0;padding:0 .35rem;text-align:center}.csn-confirm-message{font-size:15px;line-height:1.45;color:var(--muted-foreground)}.csn-confirm-actions{display:grid;gap:.45rem;margin-top:.15rem}.csn-confirm-actions.is-destructive{gap:.5rem}.csn-confirm-btn{width:100%;min-height:2.65rem;border-radius:12px;font-size:15px}.csn-confirm-actions.is-destructive .csn-confirm-btn--danger{order:-1}.csn-confirm-btn--danger{background:#c0392b;border-color:transparent;box-shadow:none}.csn-pwa-install-wrap{padding:0 var(--content-pad-x,1rem)}.csn-pwa-install-banner{margin:0 0 .5rem;border-radius:18px;background:color-mix(in srgb,var(--primary) 9%,var(--card));border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.csn-pwa-install-banner .wan-pwa-install-actions{width:100%;justify-content:stretch}.csn-pwa-install-banner .wan-pwa-install-btn{background:var(--primary);color:#fff;font-weight:600}.csn-pwa-install-banner .wan-pwa-install-btn,.csn-pwa-install-banner .wan-pwa-install-dismiss{flex:1 1;min-height:2.35rem;border-radius:.75rem}.csn-compose-fab-wrap{position:fixed;right:max(1rem,env(safe-area-inset-right,0px));bottom:calc(var(--nav-height, 4.25rem) + var(--safe-bottom, 0px) + .85rem);z-index:40;pointer-events:none}.csn-compose-fab{pointer-events:auto;width:3.35rem;height:3.35rem;border:0;border-radius:999px;background:var(--primary);color:#fff;font-size:28px;font-weight:500;line-height:1;display:grid;place-items:center;box-shadow:var(--wan-shadow-2),0 1px 0 color-mix(in srgb,#fff 22%,transparent) inset;cursor:pointer}.csn-compose-fab span{transform:translateY(-.08rem)}.csn-send-glyph{width:1.2rem;height:1.2rem;object-fit:contain;display:block;pointer-events:none;transform-origin:70% 30%}.csn-send-glyph--ink{width:1.1rem;height:1.1rem;background-color:currentColor;-webkit-mask-image:url(/icons/csn/new_send.png);mask-image:url(/icons/csn/new_send.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.csn-send-glyph--fab{width:1.45rem;height:1.45rem;filter:brightness(0) invert(1)}.csn-btn--icon-send .csn-send-glyph{width:1.28rem;height:1.28rem;filter:brightness(0) invert(1)}.csn-send-glyph.is-sending{animation:csn-send-plane .55s cubic-bezier(.4,0,.2,1)}@keyframes csn-send-plane{0%{transform:translate(0) scale(1) rotate(0deg);opacity:1}35%{transform:translate(8px,-8px) scale(1.08) rotate(-12deg);opacity:.35}36%{transform:translate(-6px,6px) scale(.92) rotate(-8deg);opacity:0}to{transform:translate(0) scale(1) rotate(0deg);opacity:1}}@media (prefers-reduced-motion:reduce){.csn-send-glyph.is-sending{animation:none}}.csn-compose-fab--send:active .csn-send-glyph{transform:scale(.9) translate(1px,-1px)}.csn-inapp-toast{position:fixed;top:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + .65rem);left:50%;z-index:140;display:flex;align-items:center;gap:.7rem;width:min(22rem,calc(100vw - 1.5rem));padding:.7rem .85rem;border:1px solid color-mix(in srgb,var(--foreground) 14%,transparent);border-radius:18px;background:color-mix(in srgb,var(--card) 96%,var(--background));color:var(--foreground);box-shadow:var(--wan-shadow-2),0 1px 0 color-mix(in srgb,#fff 14%,transparent) inset;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transform:translate(-50%);animation:csn-inapp-toast-in .38s cubic-bezier(.22,1,.36,1) both;cursor:pointer;text-align:left;font:inherit}.csn-inapp-toast.is-exit{animation:csn-inapp-toast-out .26s ease forwards}.csn-inapp-toast-copy{display:grid;gap:.1rem;min-width:0}.csn-inapp-toast-name{font-size:15px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-inapp-toast-label{font-size:12px;font-weight:600;color:color-mix(in srgb,var(--foreground) 78%,var(--muted-foreground))}@keyframes csn-inapp-toast-in{0%{opacity:0;transform:translate(-50%,-120%)}to{opacity:1;transform:translate(-50%)}}@keyframes csn-inapp-toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-110%)}}@media (prefers-reduced-motion:reduce){.csn-inapp-toast,.csn-inapp-toast.is-exit{animation:none}}.csn-notifications-root,.csn-notifications-trigger{position:relative}.csn-notifications-badge{position:absolute;top:.15rem;right:.1rem;min-width:1rem;height:1rem;padding:0 .22rem;border-radius:999px;background:var(--primary-strong,var(--primary));color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--card,var(--background))}.csn-notifications-panel{position:absolute;right:0;top:calc(100% + .45rem);z-index:50;width:min(18.5rem,calc(100vw - 1.5rem));overflow:hidden;border-radius:18px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:var(--card);box-shadow:var(--shadow-card,0 16px 40px color-mix(in srgb,#000 22%,transparent))}.csn-notifications-panel--dock{top:auto;right:auto;max-height:min(70vh,28rem);z-index:80;border-radius:18px}.csn-notifications-panel--dock .csn-notifications-scroll{max-height:min(58vh,24rem)}@media (max-width:899px){.csn-notifications-root{position:static}.csn-notifications-panel{position:fixed;left:.75rem;right:.75rem;top:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 3.1rem);width:auto;max-height:min(70vh,28rem);z-index:80}.csn-notifications-scroll{max-height:min(58vh,22rem)}}.wan-settings-invite{display:grid;gap:.65rem}.wan-settings-invite-hint{margin:0;font-size:15px;line-height:1.4;color:var(--muted-foreground)}.wan-settings-invite-cta{width:100%;justify-content:center}.csn-notifications-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.7rem .85rem .55rem;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--foreground) 72%,var(--muted-foreground));border-bottom:1px solid color-mix(in srgb,var(--foreground) 8%,transparent)}.csn-notifications-mark-read{border:0;padding:.2rem .45rem;border-radius:12px;background:color-mix(in srgb,var(--primary) 14%,var(--card));color:var(--primary-strong,var(--primary));font:inherit;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none;cursor:pointer}.csn-notifications-mark-read:hover{background:color-mix(in srgb,var(--primary) 22%,var(--card))}.csn-notifications-scroll{max-height:20rem;overflow:auto}.csn-notifications-empty{display:grid;justify-items:center;gap:.2rem;margin:0;padding:1.55rem .85rem 1.4rem;text-align:center}.csn-notifications-empty-copy{margin:0;font-size:15px;max-width:14rem;line-height:1.4;color:color-mix(in srgb,var(--foreground) 78%,var(--muted-foreground))}.csn-notifications-row{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .85rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 6%,transparent)}.csn-notifications-row:last-child{border-bottom:0}.csn-notifications-avatar{flex-shrink:0;border-radius:999px}.csn-notifications-copy{min-width:0;font-size:13px;line-height:1.35;color:color-mix(in srgb,var(--foreground) 88%,var(--muted-foreground))}.csn-notifications-copy .csn-muted,.csn-notifications-link{color:color-mix(in srgb,var(--foreground) 78%,var(--muted-foreground))}.csn-notifications-actor{font-weight:600;color:var(--foreground)}.csn-notifications-link:hover{color:var(--primary-strong)}.csn-post-detail--temporary .csn-post-detail-card{border-color:color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 14%,transparent),var(--wan-shadow-2);background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 10%,transparent),transparent 40%),var(--card)}.csn-post-detail-author{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.csn-friends-page-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.15rem}.csn-friends-page-head .csn-page-title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-invite-card-wrap{margin-bottom:.75rem}.csn-invite-card{border-radius:18px;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:var(--card);padding:.95rem 1rem 1rem;display:grid;gap:.45rem}.csn-invite-card-title{margin:0;font-size:16px;font-weight:600}.csn-invite-card-hint{margin:0;font-size:13px;line-height:1.45;color:var(--muted-foreground)}.csn-invite-card-cta{justify-self:start;margin-top:.1rem;min-height:2.35rem;padding-inline:.95rem;font-size:13px}.csn-invite-sheet-backdrop{position:fixed;inset:0;z-index:75;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.csn-invite-sheet-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.42);pointer-events:auto}.csn-invite-sheet{position:relative;z-index:1;pointer-events:auto;display:grid;gap:.55rem;padding-top:.55rem;animation:csn-sheet-up .24s cubic-bezier(.22,1,.36,1) both}.csn-invite-sheet-handle{width:2.4rem;height:.28rem;margin:0 auto .05rem;border-radius:999px;background:color-mix(in srgb,var(--foreground) 18%,transparent)}.csn-invite-sheet-head{display:flex;align-items:center;justify-content:space-between}.csn-invite-sheet-title{margin:0;font-size:15px;font-weight:600}.csn-invite-sheet-url{margin:0;padding:.6rem .75rem;border-radius:.75rem;background:var(--surface);border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);color:var(--muted-foreground);font-size:12px;line-height:1.35;word-break:break-all}.csn-invite-sheet-code{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem .75rem;margin:0;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);border-radius:12px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--foreground);cursor:pointer;font:inherit;text-align:left}.csn-invite-sheet-code-ttl{flex:1 1 100%;font-size:12px;font-weight:600;color:var(--muted-foreground);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.csn-invite-sheet-code span{font-size:16px;font-weight:600;letter-spacing:.08em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.csn-invite-sheet-code em{font-style:normal;font-size:12px;color:var(--muted-foreground)}.csn-invite-sheet-code:focus-visible{outline:none;box-shadow:0 0 0 2px var(--card),0 0 0 3.5px color-mix(in srgb,var(--primary) 55%,transparent)}.csn-invite-sheet-actions{display:grid;gap:.4rem;margin-top:.15rem}.csn-invite-sheet-btn{width:100%;min-height:2.45rem;font-size:15px}.csn-invite-sheet-btn--quiet{color:var(--muted-foreground);border-color:transparent;background:transparent;box-shadow:none}@media (min-width:640px){.csn-invite-sheet-backdrop{align-items:center;justify-content:center;padding:1rem}.csn-invite-sheet{border-radius:18px;max-width:min(28rem,100%)}}.csn-friends-page-copy{display:grid;gap:.12rem;min-width:0}.csn-action,.csn-btn,.csn-chat-back,.csn-composer-tool,.csn-fav-btn,.csn-friends-pill,.csn-hub-head-link,.csn-icon-btn,.csn-menu-item,.csn-native-press,.csn-nav-link,.csn-pressable,.csn-profile-link-chip,.csn-profile-more-btn,.csn-profile-photo-hit,.csn-profile-posts-toggle,.csn-reaction-add,.csn-reaction-chip,.csn-reaction-pick,.csn-search-clear,.csn-segment button,.csn-segmented-btn,.wan-auth-alt-link,.wan-auth-back-btn,.wan-auth-intro-back,.wan-auth-intro-primary,.wan-auth-intro-secondary,.wan-auth-tab,.wan-media-viewer-close,.wan-media-viewer-nav,.wan-media-viewer-source-btn,.wan-media-viewer-tool,.wan-settings-back,.wan-settings-real-name-nudge-action,.wan-stories-add,.wan-stories-item-hit,.wan-story-action,.wan-story-camera-chip,.wan-story-camera-close,.wan-story-camera-dock-btn,.wan-story-camera-fallback-shot,.wan-story-comment-action,.wan-story-comments-btn,.wan-story-comments-close,.wan-story-create-action,.wan-story-create-close,.wan-story-menu button,.wan-story-react-btn,.wan-story-send-text,.wan-story-viewer-icon,.wan-story-viewers-pill{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--csn-press-ms,.1s) var(--spring),opacity var(--csn-press-ms,.1s) var(--spring),background-color var(--csn-press-ms,.1s) var(--spring)}.csn-action:active:not(:disabled),.csn-btn:active:not(:disabled),.csn-chat-back:active,.csn-chat-back[data-pressed=true],.csn-composer-tool:active:not(:disabled),.csn-fav-btn:active:not(:disabled),.csn-friends-pill:active,.csn-hub-head-link:active,.csn-icon-btn:active,.csn-menu-item:active:not(:disabled),.csn-menu-item[data-pressed=true]:not(:disabled),.csn-native-press:active:not(:disabled),.csn-native-press[data-pressed=true]:not(:disabled),.csn-nav-link:active,.csn-pressable:active:not(:disabled),.csn-pressable[data-pressed=true]:not(:disabled),.csn-profile-link-chip:active,.csn-profile-more-btn:active:not(:disabled),.csn-profile-photo-hit:active,.csn-profile-posts-toggle:active:not(:disabled),.csn-reaction-add:active:not(:disabled),.csn-reaction-chip:active:not(:disabled),.csn-reaction-pick:active:not(:disabled),.csn-search-clear:active,.csn-segment button:active:not(:disabled),.csn-segmented-btn:active:not(:disabled),.wan-auth-alt-link:active:not(:disabled),.wan-auth-back-btn:active:not(:disabled),.wan-auth-intro-back:active:not(:disabled),.wan-auth-intro-primary:active:not(:disabled),.wan-auth-intro-secondary:active:not(:disabled),.wan-auth-tab:active:not(:disabled),.wan-media-viewer-close:active:not(:disabled),.wan-media-viewer-nav:active:not(:disabled),.wan-media-viewer-source-btn:active,.wan-media-viewer-tool:active:not(:disabled),.wan-settings-back:active,.wan-settings-real-name-nudge-action:active,.wan-stories-add:active:not(:disabled),.wan-stories-item-hit:active,.wan-story-action:active:not(:disabled),.wan-story-camera-chip:active:not(:disabled),.wan-story-camera-close:active:not(:disabled),.wan-story-camera-dock-btn:active:not(:disabled),.wan-story-camera-fallback-shot:active:not(:disabled),.wan-story-comment-action:active:not(:disabled),.wan-story-comments-btn:active:not(:disabled),.wan-story-comments-close:active:not(:disabled),.wan-story-create-action:active:not(:disabled),.wan-story-create-close:active:not(:disabled),.wan-story-menu button:active:not(:disabled),.wan-story-react-btn:active:not(:disabled),.wan-story-send-text:active:not(:disabled),.wan-story-viewer-icon:active:not(:disabled),.wan-story-viewers-pill:active:not(:disabled){transform:scale(var(--csn-press-scale,.97));opacity:var(--csn-press-opacity,.9);transition-duration:var(--csn-press-in-ms,60ms)}.csn-chats-menu .csn-profile-link,.csn-community-member-row--link,.csn-friends-page-main,.csn-list-item,.csn-pressable-row,.csn-profile-link:not(.csn-profile-link--control),.csn-share-row,.wan-account-switcher-main,.wan-settings-identity,.wan-settings-nav-card,.wan-story-viewers-row,a.wan-ios-row,button.wan-ios-row{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:none}.csn-chats-menu .csn-profile-link:active,.csn-community-member-row--link:active,.csn-friends-page-main:active,.csn-list-item:active,.csn-pressable-row:active,.csn-pressable-row[data-pressed=true],.csn-profile-link:not(.csn-profile-link--control):active,.csn-share-row:active,.wan-account-switcher-main:active,.wan-settings-identity:active,.wan-settings-nav-card:active,.wan-story-viewers-row:active,a.wan-ios-row:active,button.wan-ios-row:active:not(:disabled){background:var(--csn-row-press,color-mix(in srgb,var(--foreground) 8%,transparent));transform:none;opacity:1}.csn-bubble[data-pressed=true]{opacity:var(--csn-press-opacity,.9)}.csn-bubble-swipe.is-swiping .csn-bubble[data-pressed=true]{opacity:1}.csn-post-card{transition:border-color var(--csn-press-ms,.1s) var(--spring),box-shadow var(--motion-dur-base) var(--spring)}.csn-floating-menu-enter,.csn-msg-actions-popover,.wan-floating-actions-menu.csn-enter{animation:csn-msg-menu-in var(--csn-press-ms,.1s) var(--spring) both}@media (prefers-reduced-motion:reduce){.csn-action:active:not(:disabled),.csn-btn:active:not(:disabled),.csn-chat-back:active,.csn-chat-composer .csn-btn--icon-send:active:not(:disabled),.csn-composer-tool:active:not(:disabled),.csn-fav-btn:active:not(:disabled),.csn-friends-pill:active,.csn-hub-head-link:active,.csn-icon-btn:active,.csn-menu-item:active:not(:disabled),.csn-menu-item[data-pressed=true]:not(:disabled),.csn-native-press:active:not(:disabled),.csn-native-press[data-pressed=true]:not(:disabled),.csn-nav-link:active,.csn-pressable:active:not(:disabled),.csn-pressable[data-pressed=true]:not(:disabled),.csn-profile-link-chip:active,.csn-profile-more-btn:active:not(:disabled),.csn-profile-photo-hit:active,.csn-profile-posts-toggle:active:not(:disabled),.csn-reaction-add:active:not(:disabled),.csn-reaction-chip:active:not(:disabled),.csn-reaction-pick:active:not(:disabled),.csn-search-clear:active,.csn-segment button:active:not(:disabled),.csn-segmented-btn:active:not(:disabled),.wan-auth-alt-link:active:not(:disabled),.wan-auth-back-btn:active:not(:disabled),.wan-auth-intro-back:active:not(:disabled),.wan-auth-intro-primary:active:not(:disabled),.wan-auth-intro-secondary:active:not(:disabled),.wan-auth-tab:active:not(:disabled),.wan-media-viewer-close:active:not(:disabled),.wan-media-viewer-nav:active:not(:disabled),.wan-media-viewer-source-btn:active,.wan-media-viewer-tool:active:not(:disabled),.wan-settings-back:active,.wan-settings-real-name-nudge-action:active,.wan-stories-add:active:not(:disabled),.wan-stories-item-hit:active,.wan-story-action:active:not(:disabled),.wan-story-camera-chip:active:not(:disabled),.wan-story-camera-close:active:not(:disabled),.wan-story-camera-dock-btn:active:not(:disabled),.wan-story-camera-fallback-shot:active:not(:disabled),.wan-story-comment-action:active:not(:disabled),.wan-story-comments-btn:active:not(:disabled),.wan-story-comments-close:active:not(:disabled),.wan-story-create-action:active:not(:disabled),.wan-story-create-close:active:not(:disabled),.wan-story-menu button:active:not(:disabled),.wan-story-react-btn:active:not(:disabled),.wan-story-send-text:active:not(:disabled),.wan-story-viewer-icon:active:not(:disabled),.wan-story-viewers-pill:active:not(:disabled){transform:none;opacity:1}.csn-action,.csn-btn,.csn-chat-list-item,.csn-hub-head-link,.csn-list-item,.csn-menu-item,.csn-native-press,.csn-nav-link,.csn-pressable,.csn-pressable-row,.csn-profile-link,.csn-segment button,.csn-segmented-btn,.csn-share-row,.wan-auth-intro-primary,.wan-media-viewer-tool,.wan-settings-nav-card,.wan-stories-item-hit,.wan-story-action,.wan-story-viewer-icon,a.wan-ios-row,button.wan-ios-row{transition:none!important}.csn-floating-menu-enter,.csn-msg-actions-popover,.wan-floating-actions-menu.csn-enter{animation:none!important}}.csn-hotkeys-root{position:fixed;inset:0;z-index:81;display:grid;place-items:center;padding:1rem}.csn-hotkeys-backdrop{position:absolute;inset:0;border:0;background:color-mix(in srgb,#0d1014 38%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:default}.csn-hotkeys-card{position:relative;z-index:1;width:min(22rem,100%);border-radius:var(--radius-chrome,.95rem);border:1px solid var(--csn-material-border,color-mix(in srgb,var(--foreground) 10%,transparent));background:var(--csn-material-fill-strong,var(--card));box-shadow:var(--shadow-elevated,0 18px 48px color-mix(in srgb,#000 18%,transparent));padding:.85rem .95rem 1rem}.csn-hotkeys-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.csn-hotkeys-head strong{font-size:16px;letter-spacing:-.02em}.csn-hotkeys-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.csn-hotkeys-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:13px;color:var(--muted-foreground)}.csn-hotkeys-kbd{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--foreground);border:1px solid var(--csn-hairline-strong,color-mix(in srgb,var(--foreground) 12%,transparent));border-radius:6px;padding:.18rem .45rem;background:color-mix(in srgb,var(--surface) 80%,transparent);white-space:nowrap}.csn-palette-root{position:fixed;inset:0;z-index:80;display:grid;place-items:start center;padding:max(12vh,2rem) 1rem 1rem}.csn-palette-backdrop{position:absolute;inset:0;border:0;background:color-mix(in srgb,#0d1014 38%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:default}.csn-palette{position:relative;z-index:1;width:min(34rem,100%);border-radius:var(--radius-chrome,.95rem);border:1px solid var(--csn-material-border,color-mix(in srgb,var(--foreground) 10%,transparent));background:var(--csn-material-fill-strong,var(--card));box-shadow:var(--shadow-elevated,0 18px 48px color-mix(in srgb,#000 18%,transparent));backdrop-filter:blur(var(--csn-material-blur,17px)) saturate(var(--csn-material-saturate,1.12));-webkit-backdrop-filter:blur(var(--csn-material-blur,17px)) saturate(var(--csn-material-saturate,1.12));overflow:hidden}.csn-palette-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.85rem .95rem;border-bottom:1px solid var(--csn-hairline,color-mix(in srgb,var(--foreground) 8%,transparent))}.csn-palette-search-icon{width:1.15rem;height:1.15rem;color:var(--muted-foreground)}.csn-palette-input{width:100%;border:0;background:transparent;font-size:16px;font-weight:500;letter-spacing:-.01em;outline:none;min-height:1.6rem}.csn-palette-kbd{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--muted-foreground);border:1px solid var(--csn-hairline-strong,color-mix(in srgb,var(--foreground) 12%,transparent));border-radius:6px;padding:.15rem .4rem;background:color-mix(in srgb,var(--surface) 80%,transparent)}.csn-palette-list{list-style:none;margin:0;padding:.35rem;max-height:min(52vh,22rem);overflow:auto}.csn-palette-empty{display:grid;place-items:center;min-height:7.5rem;padding:1.35rem 1rem;color:var(--muted-foreground);font-size:15px;font-weight:500;text-align:center;line-height:1.4}.csn-palette-row{width:100%;display:flex;align-items:center;gap:.7rem;border:0;background:transparent;text-align:left;border-radius:12px;padding:.55rem .65rem;color:inherit}.csn-palette-row.is-active,.csn-palette-row:hover{background:color-mix(in srgb,var(--primary) 12%,transparent)}.csn-palette-row-icon{width:1.75rem;height:1.75rem;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--foreground) 5%,transparent);color:var(--primary-strong)}.csn-palette-row-copy{min-width:0;display:grid;gap:.08rem}.csn-palette-row-copy strong{font-family:var(--font-name);font-size:15px;font-weight:600;letter-spacing:-.02em}.csn-palette-row-copy span{font-size:12px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-transparency:reduce){.csn-palette,.csn-palette-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}.csn-palette{background:var(--card)}}@media (prefers-reduced-motion:reduce){.csn-msg-actions-popover.wan-chat-message-menu,.csn-palette{animation:none!important}}.csn-compose-bar{background:var(--card);border:1px solid var(--csn-hairline);box-shadow:var(--shadow-card);backdrop-filter:none;-webkit-backdrop-filter:none}.csn-compose-bar:hover{border-color:color-mix(in srgb,var(--primary) 22%,transparent);box-shadow:var(--shadow-elevated);transform:none}.csn-compose-bar-placeholder{color:var(--muted-foreground);font-weight:500}.csn-compose-bar-action{background:var(--primary);box-shadow:none}.csn-wall-composer{background:var(--card);border:1px solid var(--csn-hairline);box-shadow:var(--shadow-card)}.csn-post-author strong{font-size:15px;font-weight:600;color:var(--foreground)}.csn-post-author strong:hover,a.csn-post-author:hover strong{color:var(--primary-strong);text-decoration:none}.csn-post-body{font-size:15px;line-height:1.5;padding:.1rem .8rem .5rem}.csn-post-body--lead{font-size:16px;line-height:1.52}.csn-avatar{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--card) 88%,transparent),0 0 0 2.5px color-mix(in srgb,var(--primary) 22%,transparent)}.csn-chat-list-item.is-active{background:color-mix(in srgb,var(--primary) 8%,var(--card));box-shadow:inset 2px 0 0 var(--primary)}.csn-chat-list-item:hover{background:color-mix(in srgb,var(--primary) 5%,var(--card))}.csn-main{background-image:none}.csn-post-actions{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;width:100%;box-sizing:border-box}.csn-post-card{max-width:100%;min-width:0}.csn-feed{width:100%}.csn-compose-bar,.csn-feed{min-width:0;box-sizing:border-box}.csn-compose-bar{max-width:100%}.csn-compose-bar-placeholder{min-width:0}@media (max-width:720px){.csn-post-actions{gap:.05rem;padding-left:.3rem;padding-right:.3rem}.csn-action{min-width:2rem;padding-left:.32rem;padding-right:.32rem}.csn-post-body,.csn-post-body--lead{padding-left:.7rem;padding-right:.7rem;overflow-wrap:anywhere}.csn-compose-bar{margin-bottom:.75rem;padding:.55rem .65rem}}@media (min-width:900px){.csn-feed{gap:.85rem}.csn-post-actions{padding:.15rem .65rem .4rem}.csn-compose-bar{margin-bottom:1rem}}.csn-stroke-icon{display:block;flex-shrink:0;color:inherit;overflow:visible}.csn-app-icon.csn-stroke-icon,.csn-btn-icon.csn-stroke-icon,.csn-fav-icon.csn-stroke-icon,.csn-media-icon.csn-stroke-icon,.csn-meta-icon.csn-stroke-icon,.csn-nav-icon.csn-stroke-icon,.csn-section-icon.csn-stroke-icon,.csn-topbar-icon.csn-stroke-icon{background:none!important;background-color:initial!important;-webkit-mask:none!important;mask:none!important}.csn-nav-icon.csn-stroke-icon{width:1.45rem;height:1.45rem}.csn-btn-icon.csn-stroke-icon,.csn-topbar-icon.csn-stroke-icon{width:1.28rem;height:1.28rem}.csn-chat-list-item,.csn-compose-bar,.csn-group,.csn-icon-btn,.csn-list-item,.csn-wall-composer{border-radius:var(--radius-card)}.csn-icon-btn{border-radius:999px}.csn-chat-composer textarea,.csn-composer-row textarea,.csn-input{border-radius:var(--radius-control)}.csn-feed--dense{gap:.95rem;padding:0 .75rem 1.15rem}.csn-bottom-nav{padding:.4rem;gap:.12rem}.csn-nav-link{border-radius:calc(var(--radius-chrome) - .25rem)}.csn-chat-back-icon.csn-stroke-icon,.csn-chat-peer-go-icon.csn-stroke-icon,.csn-chat-pinned-banner-glyph.csn-stroke-icon,.csn-composer-tool-glyph--stroke,.csn-composer-tool-glyph.csn-stroke-icon,.csn-fab-icon.csn-stroke-icon,.csn-profile-link-icon.csn-stroke-icon,.csn-profile-more-icon.csn-stroke-icon,.csn-search-field-icon.csn-stroke-icon{background:none!important;background-color:initial!important;-webkit-mask:none!important;mask:none!important;display:block;width:1.2rem;height:1.2rem;color:inherit}.csn-search-field-icon.csn-stroke-icon{width:1.15rem;height:1.15rem;color:var(--muted-foreground)}.csn-composer-tool-glyph--stroke,.csn-composer-tool-glyph.csn-stroke-icon{width:1.25rem;height:1.25rem;color:var(--muted-foreground)}.csn-search-field{border-radius:var(--radius-control);padding:.45rem .85rem;margin-bottom:.85rem;gap:.65rem}.csn-wall-compose{padding:.55rem .15rem .65rem}.csn-wall-compose-slot{min-height:2.85rem}.csn-wall-compose .csn-profile-link-icon.csn-stroke-icon{width:1.05rem;height:1.05rem}.csn-wall-composer{gap:.7rem;margin-bottom:.75rem;padding:.9rem .95rem;border-radius:var(--radius-card)}.csn-wall-compose-slot.is-open .csn-wall-composer{margin-bottom:0}.csn-wall-card{gap:.55rem;padding:.95rem 1rem;border-radius:var(--radius-card)}.csn-feed--profile{gap:.75rem}.csn-wall-card-author strong{font-size:15px}.csn-wall-card-body{font-size:15px;line-height:1.5}.csn-chat-list-item{gap:var(--csn-hub-row-gap,.75rem);padding:var(--csn-hub-row-pad-y,.7rem) var(--csn-hub-row-pad-x,.8rem);border-radius:0;border-bottom-color:var(--csn-hairline);border-bottom:1px solid var(--csn-hairline)}.csn-chat-list-meta{gap:.22rem}.csn-chat-list-top strong{font-size:16px}.csn-chat-list-kind{font-size:12px;letter-spacing:.04em;opacity:.72}.csn-unread-pill{min-width:1.25rem;height:1.25rem;line-height:1.25rem;font-size:11px}.csn-chat-unread-separator{margin:.45rem .55rem .65rem;padding:.32rem .85rem;border-radius:999px;font-weight:600;background:color-mix(in srgb,var(--primary) 8%,transparent);color:color-mix(in srgb,var(--primary-strong,var(--primary)) 85%,var(--foreground))}.csn-chat-composer{gap:.45rem}.csn-chat-composer .csn-composer-row,.csn-composer-row{border-radius:0;border:none;background:transparent;box-shadow:none}.csn-chat-composer .csn-btn--icon-send{width:2.55rem;min-width:2.55rem;height:2.55rem;border-radius:999px}.csn-auth-card{padding:1.45rem 1.25rem 1.3rem;border-radius:calc(var(--radius-card) + .1rem)}.csn-auth-form{gap:.55rem}.csn-field--auth{padding:.45rem 0}.csn-auth-form .csn-input,.csn-profile-edit-basics .csn-input,.csn-profile-edit-section .csn-input,.csn-profile-edit-section .csn-textarea{border-radius:var(--radius-control);min-height:2.85rem}.csn-group{border-radius:var(--radius-card)}.csn-chat-group-badge .csn-stroke-icon,.csn-chat-group-badge-icon.csn-stroke-icon{width:.72rem!important;height:.72rem!important}.csn-sheet{border-radius:calc(var(--radius-card) + .15rem) calc(var(--radius-card) + .15rem) 0 0;padding:1rem 1rem calc(1rem + var(--safe-bottom))}.csn-sheet-head{gap:.75rem;margin-bottom:.8rem}.csn-sheet-actions{gap:.55rem;margin-top:.9rem}.csn-community-field .csn-input,.csn-community-field .csn-textarea,.csn-create-community-sheet .csn-input,.csn-create-community-sheet .csn-textarea,.csn-input,.csn-textarea{border-radius:var(--radius-control)}.csn-segmented,.csn-segmented--hub,.csn-segmented.csn-segmented--sort{border-radius:12px;padding:.22rem;gap:.1rem}.csn-segmented-btn{border-radius:12px;min-height:2.15rem;padding:.4rem .85rem;font-weight:600}.csn-discover-toolbar,.csn-groups-head{gap:.75rem}.csn-groups-head{margin-bottom:.85rem}.csn-hub-list{display:grid;gap:var(--csn-hub-list-gap,0)}.csn-community-card,.csn-group,.csn-hub-card,.csn-list-item,.wan-ios-group,.wan-ios-group--inset,.wan-settings-identity,.wan-settings-nav-card{border-radius:var(--radius-card)}.csn-chat-list-item,.csn-friends-page-item,.csn-list-item.csn-list-item--hub{border-radius:0}.wan-settings-nav-card{min-height:3.55rem;padding:.8rem .95rem}.wan-settings-nav-grid{gap:.65rem}.wan-ios-row,a.wan-ios-row,button.wan-ios-row{min-height:3.1rem;padding-block:.72rem}.csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side),.csn-create-community-sheet,.csn-msg-actions-sheet,.csn-profile-edit-sheet,.wan-tg-action-sheet{border-radius:calc(var(--radius-card) + .15rem) calc(var(--radius-card) + .15rem) 0 0}.csn-create-community-scroll,.csn-profile-edit-scroll{gap:.85rem}.csn-community-fields,.csn-profile-edit-basics,.csn-profile-edit-sections{gap:.75rem}.csn-hub-empty{border-radius:var(--radius-card);padding:1.35rem 1.1rem}.csn-btn--sm{border-radius:calc(var(--radius-control) - .1rem)}.csn-accent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}@media (min-width:520px){.csn-accent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.csn-accent-swatch{display:grid;justify-items:center;gap:.35rem;padding:.55rem .35rem .5rem;border-radius:var(--radius-card);border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:color-mix(in srgb,var(--foreground) 3%,var(--card));color:inherit;cursor:pointer}.csn-accent-swatch.is-on{border-color:color-mix(in srgb,var(--accent-swatch,var(--primary)) 55%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-swatch,var(--primary)) 28%,transparent)}.csn-accent-swatch-dot{width:1.55rem;height:1.55rem;border-radius:999px;background:var(--accent-swatch,var(--primary));box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 12%,transparent)}.csn-accent-swatch-label{font-size:12px;font-weight:600;letter-spacing:-.01em;text-align:center;line-height:1.2}html[data-density=comfortable]{--csn-row-pad-y:0.62rem;--csn-row-pad-x:0.7rem;--space-3:0.7rem;--space-4:1rem}html[data-density=compact]{--csn-row-pad-y:0.48rem;--csn-row-pad-x:0.6rem;--space-3:0.55rem;--space-4:0.85rem;--radius-card:0.95rem;--radius-control:1.05rem}html[data-glass=clear] .csn-bottom-nav,html[data-glass=clear] .csn-chat-composer,html[data-glass=clear] .csn-chat-top,html[data-glass=clear] .csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side),html[data-glass=clear] .csn-msg-actions-sheet,html[data-glass=clear] .csn-sheet,html[data-glass=clear] .csn-topbar,html[data-glass=clear] .wan-tg-action-sheet{background:color-mix(in srgb,var(--card) 58%,transparent)!important;border-color:color-mix(in srgb,var(--foreground) 12%,transparent);backdrop-filter:blur(19px) saturate(1.25);-webkit-backdrop-filter:blur(19px) saturate(1.25);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent)}html[data-glass=clear] .csn-composer-picker-backdrop--side{background:color-mix(in srgb,var(--card) 58%,transparent)!important;backdrop-filter:blur(19px) saturate(1.25);-webkit-backdrop-filter:blur(19px) saturate(1.25)}html[data-glass=clear][data-theme=dark] .csn-bottom-nav,html[data-glass=clear][data-theme=dark] .csn-chat-composer,html[data-glass=clear][data-theme=dark] .csn-chat-top,html[data-glass=clear][data-theme=dark] .csn-composer-picker-backdrop--side,html[data-glass=clear][data-theme=dark] .csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side),html[data-glass=clear][data-theme=dark] .csn-msg-actions-sheet,html[data-glass=clear][data-theme=dark] .csn-sheet,html[data-glass=clear][data-theme=dark] .csn-topbar,html[data-glass=clear][data-theme=dark] .wan-tg-action-sheet{background:color-mix(in srgb,var(--card) 42%,transparent)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent)}html[data-glass=clear] .csn-composer-picker-sheet--side{background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}@media (prefers-reduced-transparency:reduce){html[data-glass=clear] .csn-bottom-nav,html[data-glass=clear] .csn-chat-composer,html[data-glass=clear] .csn-chat-top,html[data-glass=clear] .csn-composer-picker-backdrop--side,html[data-glass=clear] .csn-composer-picker-sheet:not(.csn-composer-picker-sheet--side),html[data-glass=clear] .csn-msg-actions-sheet,html[data-glass=clear] .csn-sheet,html[data-glass=clear] .csn-topbar,html[data-glass=clear] .wan-tg-action-sheet{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--card)!important}}.csn-bubble-media-wrap .csn-bubble-media.is-loading{opacity:0}.csn-bubble-media-wrap .csn-bubble-media.is-loaded{opacity:1;transition:opacity var(--motion-dur-base) ease-out}.csn-bubble-media-loading{background:color-mix(in srgb,var(--foreground) 6%,var(--surface))}.csn-bubble-media-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;cursor:pointer;-webkit-user-select:none;user-select:none}.csn-bubble-media-error:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:-2px}.csn-bubble-media-error-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 12%,transparent);color:var(--foreground);font-size:16px;line-height:1}.csn-bubble-media-error-retry{font-weight:500;font-size:12px;opacity:.8}.csn-bubble-media-video video.csn-bubble-media-video-poster{pointer-events:none;background:transparent}@media (prefers-reduced-motion:reduce){.csn-bubble-media-loading{animation:none}.csn-bubble-media-wrap .csn-bubble-media.is-loaded{transition:none}}@supports (width:1cqw){.csn-chat-thread-virtual{container-type:inline-size}.csn-chat-thread-virtual .csn-bubble-media-wrap.has-aspect{width:min(var(--chat-media-max),92cqw)}.csn-chat-thread-virtual .csn-bubble-media-fallback{width:min(16rem,72cqw)}.csn-chat-thread-virtual .csn-bubble--media-only .csn-bubble-album{width:min(72cqw,var(--chat-media-single))}.csn-chat-thread-virtual .csn-bubble--media-only .csn-bubble-album.is-grid{width:min(88cqw,var(--chat-media-max))}}:root{--chat-media-max:22rem;--chat-media-single:18.5rem;--chat-sticker-size:min(10.5rem,46vw)}@media (min-width:900px){:root{--chat-media-max:26rem;--chat-media-single:22rem;--chat-sticker-size:11.5rem}}.csn-bubble--sticker .csn-bubble-sticker{aspect-ratio:auto 1/1;object-fit:contain}.csn-bubble-album .csn-bubble-media-fallback{width:100%;max-width:100%;box-sizing:border-box}.csn-bubble-album .csn-bubble-media-error{min-height:7rem;max-height:none}@media (max-width:420px){.csn-bubble-media-error{font-size:12px;padding:.6rem .7rem}}.csn-page>.wan-help-banner,.wan-settings-page .wan-ios-section>.wan-ios-group--inset{margin-inline:0}.wan-settings-page>.wan-segmented-tabs-sticky.wan-segmented-tabs-stretch,html[data-csn-ui] .wan-settings-page>.csn-settings-tabs.wan-ios-segmented{padding-inline:1rem;box-sizing:border-box}.csn-chat-head[hidden]{display:none}.csn-chat-head-action{flex-shrink:0;width:var(--hit-min);height:var(--hit-min);border:0;border-radius:12px;display:grid;place-items:center;background:transparent;color:var(--muted-foreground);cursor:pointer}.csn-chat-head-action:hover{background:color-mix(in srgb,var(--foreground) 6%,transparent);color:var(--foreground)}.csn-chat-head-action-icon{width:1.15rem;height:1.15rem}.csn-chat-search{gap:.4rem;padding:.4rem 0 .55rem;min-height:3.25rem;width:100%;max-width:var(--chat-messages-max);box-sizing:border-box}.csn-chat-search,.csn-chat-search-field{display:flex;align-items:center;min-width:0}.csn-chat-search-field{flex:1 1 auto;gap:.45rem;height:2.4rem;padding:0 .75rem;border-radius:12px;background:color-mix(in srgb,var(--foreground) 6%,transparent);color:var(--muted-foreground)}.csn-chat-search-field:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent)}.csn-chat-search-glyph{flex-shrink:0;width:1rem;height:1rem}.csn-chat-search-input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:var(--foreground);font:inherit;font-size:15px}.csn-chat-search-input::-webkit-search-cancel-button{display:none}.csn-chat-search-count{flex-shrink:0;min-width:2.5rem;text-align:center;font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted-foreground);white-space:nowrap}.csn-chat-search-step{flex-shrink:0;width:var(--hit-min);height:var(--hit-min);border:0;border-radius:12px;display:grid;place-items:center;background:transparent;color:var(--foreground);cursor:pointer}.csn-chat-search-step:disabled{color:var(--muted-foreground);opacity:.45;cursor:default}.csn-chat-search-step-icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}::highlight(wan-chat-search){background-color:color-mix(in srgb,var(--primary) 32%,transparent);color:inherit}.csn-chats-filters{margin:0 var(--csn-row-pad-x,.75rem) .5rem}.csn-chats-filters .csn-segmented-btn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-chats-archive-head{display:flex;align-items:center;gap:.5rem;padding:0 var(--csn-row-pad-x,.75rem) .5rem}.csn-chats-archive-row{width:100%;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}.csn-chats-archive-icon{justify-content:center}.csn-chat-list-muted,.csn-chats-archive-icon{display:inline-flex;align-items:center;color:var(--muted-foreground)}.csn-chat-list-muted{margin-left:.25rem;flex:0 0 auto}.csn-unread-pill.is-muted{background:color-mix(in srgb,var(--muted-foreground) 55%,transparent)}.csn-chat-list-draft{color:var(--destructive,#ef4444);font-weight:600}.csn-chats-filter-empty{padding:2rem 1rem;text-align:center;color:var(--muted-foreground);font-size:15px}.csn-chats-prefs-error{margin:0 var(--csn-row-pad-x,.75rem) .5rem;font-size:13px;color:var(--destructive,#ef4444)}.csn-chats-row-menu{position:fixed;z-index:60;min-width:12rem;padding:.25rem;border-radius:var(--radius-control,8px);background:var(--card);color:var(--foreground);border:1px solid var(--border);box-shadow:var(--wan-shadow-2)}.csn-chats-row-menu-item{display:block;width:100%;padding:.55rem .75rem;border:0;border-radius:calc(var(--radius-control, 8px) - 2px);background:transparent;color:inherit;font:inherit;font-size:15px;text-align:left;cursor:pointer}.csn-chats-row-menu-item:focus-visible,.csn-chats-row-menu-item:hover{background:var(--accent,color-mix(in srgb,var(--foreground) 8%,transparent))}.csn-group-invite-hint{margin:0 0 .75rem;font-size:13px}.csn-group-invite-url{width:100%;min-height:2.5rem;font-size:15px}.csn-group-invite-url.is-loading{border-radius:var(--radius-control,8px);background:color-mix(in srgb,var(--muted-foreground) 14%,transparent)}.csn-group-invite-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem}.csn-group-join{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:28rem;margin:2rem auto;padding:1.5rem;text-align:center}.csn-group-join-avatar{width:5rem!important;height:5rem!important;font-size:28px}.csn-group-join-name{margin:.25rem 0 0;font-size:20px;font-weight:600}.csn-group-join-about{margin:0;font-size:15px;white-space:pre-line}.csn-group-join-btn{margin-top:.75rem;min-width:12rem}.csn-mention{color:var(--primary);font-weight:600}.csn-bubble--mine .csn-mention{color:inherit;text-decoration:underline;text-underline-offset:2px}.csn-mention-picker{position:absolute;left:.5rem;right:.5rem;bottom:calc(100% + .25rem);z-index:30;max-height:14rem;overflow-y:auto;padding:.25rem;border-radius:var(--radius-control,8px);border:1px solid var(--border);background:var(--card);box-shadow:var(--wan-shadow-2)}.csn-mention-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;border:0;border-radius:calc(var(--radius-control, 8px) - 2px);background:transparent;color:inherit;font:inherit;font-size:15px;text-align:left;cursor:pointer}.csn-mention-option.is-active,.csn-mention-option:hover{background:var(--accent,color-mix(in srgb,var(--foreground) 8%,transparent))}.csn-mention-option .csn-avatar{width:1.75rem;height:1.75rem}.csn-mention-empty,.csn-mention-option-handle{color:var(--muted-foreground);font-size:13px}.csn-mention-empty{padding:.5rem}.csn-composer-row--mentions{position:relative}.csn-notifications-avatar-stack{position:relative;display:inline-flex;flex:0 0 auto}.csn-notifications-avatar-stack-item{display:inline-flex;border-radius:999px;box-shadow:0 0 0 2px var(--card)}.csn-notifications-avatar-stack-item+.csn-notifications-avatar-stack-item{margin-left:-1.1rem}.csn-notifications-others{font-weight:500}.csn-notifications-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem}.csn-notifications-action-error{font-size:12px;color:var(--destructive,#ef4444)}.csn-notifications-action-done{font-size:13px}.csn-rail-notes li:has(.csn-rail-note-actions){flex-wrap:wrap}.csn-rail-note-actions{flex-basis:100%;padding-left:2.6rem;margin-top:0}.csn-explore-results{display:grid;gap:.75rem}.csn-explore-message-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.csn-explore-message-head>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-explore-message-head time,.csn-explore-message-head>:last-child{flex:0 0 auto;font-size:12px;font-weight:400;color:var(--muted-foreground)}.csn-explore-message-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.csn-explore-messages .csn-explore-person-copy{flex:1 1 auto;min-width:0}.csn-explore-search .csn-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.csn-friends-tabs{margin:0 0 12px}.csn-friends-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-inline-start:6px;padding:0 5px;border-radius:6px;background:var(--primary);color:var(--primary-foreground,#fff);font-size:11px;font-weight:600;line-height:1}.wan-settings-privacy{display:grid;gap:8px}.wan-settings-privacy-label{margin:6px 4px 0;color:var(--muted-foreground);font-size:13px}.wan-settings-privacy-skeleton{height:236px;border-radius:var(--csn-radius,8px);background:var(--accent-muted);opacity:.5}.csn-favorites-list>.csn-favorite-card,.csn-feed--profile>.csn-wall-card,.wan-owner-post-list>.wan-later-owner-card{content-visibility:auto;contain-intrinsic-size:auto 280px}.csn-window-sentinel{height:1px}.csn-wall-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.csn-wall-card-delete{flex:none}.csn-mini-player{position:fixed;right:16px;bottom:16px;z-index:60;width:min(360px,calc(100vw - 32px));border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--wan-shadow-2);overflow:hidden}.csn-mini-player-bar{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;cursor:grab;touch-action:none}.csn-mini-player-bar:active{cursor:grabbing}.csn-mini-player.is-moved{right:auto;bottom:auto}.csn-mini-player-volume{width:72px;flex:none;accent-color:var(--primary)}.csn-mini-player-cover{flex:none;width:36px;height:36px;border-radius:6px;overflow:hidden}.csn-mini-player-cover-fallback,.csn-mini-player-cover-img{width:100%;height:100%;object-fit:cover}.csn-mini-player-meta{display:grid;min-width:0;flex:1 1;color:inherit;text-decoration:none;font-size:13px;line-height:1.25}.csn-mini-player-meta>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csn-mini-player-ctl{display:flex;align-items:center;gap:2px}.csn-mini-player-main{color:var(--primary)}.csn-mini-player-embed{display:block;width:100%;height:min(var(--player-h,200px),42vh);border:0;background:#0e1014}.csn-mini-player-preview{margin:0;padding:0 10px 10px;color:var(--muted-foreground);font-size:12px;line-height:1.35}.csn-profile-music-edit{display:grid;gap:6px}.csn-profile-music-edit-acts{display:flex;gap:6px}.csn-mini-player-external{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 10px;font-size:12px}.csn-mini-player-open{flex:none;padding:6px 12px;border-radius:999px;background:var(--primary);color:var(--primary-foreground,#fff);font-size:13px;font-weight:600;text-decoration:none}.csn-mini-player-seek{display:flex;align-items:center;gap:8px;padding:0 10px 8px;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.csn-mini-player-time{flex:none;min-width:2.6em;text-align:center}.csn-mini-player-progress{--p:0%;flex:1 1;min-width:0;height:18px;margin:0;background:transparent;accent-color:var(--primary);cursor:pointer;-webkit-appearance:none;appearance:none}.csn-mini-player-progress::-webkit-slider-runnable-track{height:4px;border-radius:6px;background:linear-gradient(to right,var(--primary) var(--p),color-mix(in srgb,var(--foreground) 14%,transparent) var(--p))}.csn-mini-player-progress::-moz-range-track{height:4px;border-radius:6px;background:color-mix(in srgb,var(--foreground) 14%,transparent)}.csn-mini-player-progress::-moz-range-progress{height:4px;border-radius:6px;background:var(--primary)}.csn-mini-player-progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;border:0;background:var(--primary)}.csn-mini-player-progress::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:0;background:var(--primary)}@media (pointer:coarse){.csn-mini-player-volume{display:none}.csn-mini-player-progress{height:28px}}.csn-profile-music-item-play{border:0;background:transparent;color:var(--primary);cursor:pointer}@media (max-width:899px){.csn-mini-player{left:8px;right:8px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom, 0px))}.csn-mini-player.is-moved{width:min(360px,calc(100vw - 32px))}.csn-compose-fab-wrap{transform:translate3d(0,calc(-1 * var(--wan-mini-player-h, 0px)),0);transition:transform var(--motion-dur-base,.2s) var(--motion-ease-standard,ease)}}.wan-pending-label{position:relative;display:inline-flex;align-items:center;justify-content:center}.wan-pending-label.is-pending .wan-pending-label-text{opacity:.72}.wan-pending-label-bar{position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,currentColor 18%,transparent)}.wan-pending-label-bar:after{content:"";position:absolute;inset:0;width:40%;background:currentColor;animation:wan-pending-sweep 1.1s ease-in-out infinite}@keyframes wan-pending-sweep{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion:reduce){.wan-pending-label-bar:after{animation:none;width:100%;opacity:.5}}.wan-registration-skeleton{display:grid;gap:12px}.wan-skel{display:block;border-radius:6px;background:var(--accent-muted);animation:wan-skel-pulse 1.4s ease-in-out infinite}.wan-skel--kicker{width:30%;height:12px}.wan-skel--title{width:65%;height:24px}.wan-skel--line{width:90%;height:12px}.wan-skel--bar{width:100%;height:6px}.wan-skel--avatar{width:96px;height:96px;border-radius:50%;margin:8px auto}.wan-skel--field{width:100%;height:44px}.wan-skel--btn{width:100%;height:46px;margin-top:6px}@keyframes wan-skel-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.wan-skel{animation:none}}.csn-sticker-search-empty,.wan-sticker-search-empty{margin:12px 4px;text-align:center;font-size:13px}.wan-music-cover-blur-wrap{position:relative;display:block;overflow:hidden}.wan-music-cover-blur-wrap>.wan-music-cover-blur,.wan-music-cover-blur-wrap>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}