@import "https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:Thmanyah Serif Display;src:url(/assets/thmanyahserifdisplay-Medium-BawbtKH-.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--color-black:#0a0a0a;--color-white:#f5f4f3;--color-ink:#1a1a1a;--color-muted:#6b6b6b;--color-subtle:#9e9e9e;--color-border:#e4e4e4;--color-surface:#f5f5f5;--color-hover:#f0f0f0}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-black:#fafafa;--color-white:#161718;--color-ink:#e5e5e5;--color-muted:#a3a3a3;--color-subtle:#737373;--color-border:#262626;--color-surface:#171717;--color-hover:#1f1f1f}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Geist", "Thmanyah Serif Display", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-base:"Geist", "Thmanyah Serif Display", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.375rem;--font-size-xl:1.75rem;--font-size-2xl:2.25rem;--font-size-3xl:3rem;--font-size-4xl:3.75rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-base:1.65;--line-height-loose:1.85;--letter-spacing-tight:-.02em;--letter-spacing-base:0;--letter-spacing-wide:.04em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--border-width:1px;--border:1px solid var(--color-border);--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--max-width:1100px;--content-width:720px;--page-padding:var(--space-6)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scrollbar-width:none;direction:rtl;font-size:16px}html::-webkit-scrollbar{display:none}body{font-family:var(--font-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-ink);background-color:var(--color-white);scrollbar-width:none;min-height:100vh}body::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-ink);letter-spacing:var(--letter-spacing-tight)}p{line-height:var(--line-height-base);color:var(--color-muted)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}ul,ol{list-style:none}button{font-family:var(--font-base);cursor:pointer;background:0 0;border:none}#root{flex-direction:column;min-height:100vh;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cl-modalCloseButton{right:auto!important;inset-inline-end:auto!important;left:16px!important}.logo{font-family:var(--font-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-ink);letter-spacing:0;-webkit-user-select:none;user-select:none;line-height:1}.logo__dot{color:var(--color-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;border:var(--border-width) solid transparent;line-height:1;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn--primary{background-color:var(--color-ink);color:var(--color-white);border-color:var(--color-ink)}.btn--primary:hover{background-color:var(--color-black);border-color:var(--color-black)}.btn--ghost{color:var(--color-muted);border-color:var(--color-border);background-color:#0000}.btn--ghost:hover{background-color:var(--color-hover);color:var(--color-ink);border-color:var(--color-border)}.btn--sm{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}.btn--lg{font-size:var(--font-size-base);padding:var(--space-4) var(--space-8)}.navbar{z-index:100;background-color:var(--color-white);border-bottom:var(--border);position:sticky;top:0}.navbar__inner{max-width:1152px;padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);height:64px;margin:0 auto;display:flex}.navbar__start{align-items:center;gap:var(--space-5);min-width:0;display:flex}.navbar__logo a{text-decoration:none}.navbar__nav{align-items:center;gap:var(--space-1);display:flex}.navbar__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;transition:color .12s,background-color .12s}.navbar__link:hover{color:var(--color-ink);background-color:var(--color-hover);text-decoration:none}.navbar__actions{align-items:center;gap:var(--space-2);display:flex}.navbar__user-actions{align-items:center;gap:var(--space-3);display:flex}.navbar__theme-toggle,.navbar__search-toggle{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-subtle);font-size:var(--font-size-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition:color .12s,background-color .12s;display:flex}.navbar__theme-toggle:hover,.navbar__search-toggle:hover{color:var(--color-ink);background-color:var(--color-hover)}.navbar__theme-toggle:focus-visible,.navbar__search-toggle:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.navbar__search{align-items:center;min-width:0;display:flex}.navbar__search-field{align-items:center;min-width:0;display:flex;position:relative}.navbar__search-input{opacity:0;visibility:hidden;width:0;min-width:0;height:36px;font-family:var(--font-base);font-size:var(--font-size-sm);color:var(--color-ink);background-color:var(--color-surface);border-radius:var(--radius-full);border:1px solid #0000;outline:none;padding:0;transition:width .22s,opacity .15s,visibility .15s,padding .22s,border-color .15s}.navbar__search-input::-webkit-search-cancel-button{display:none}.navbar__search-input::placeholder{color:var(--color-subtle)}.navbar__search--open .navbar__search-input{opacity:1;visibility:visible;border-color:var(--color-border);width:210px;margin-inline-start:2px;padding-inline:12px 32px}.navbar__search--open .navbar__search-input:focus{border-color:var(--color-ink)}.navbar__search-clear{border-radius:var(--radius-full);width:26px;height:26px;color:var(--color-subtle);justify-content:center;align-items:center;transition:color .12s,background-color .12s;display:none;position:absolute;inset-inline-end:4px}.navbar__search--open .navbar__search-clear{display:inline-flex}.navbar__search-clear:hover{color:var(--color-ink);background-color:var(--color-hover)}.navbar__search-clear:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.navbar__bell{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-subtle);flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,background-color .12s;display:inline-flex;position:relative}.navbar__bell:hover{color:var(--color-ink);background-color:var(--color-hover);text-decoration:none}.navbar__bell:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.navbar__bell svg{display:block}.navbar__bell-badge{top:1px;min-width:16px;height:16px;font-size:10px;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:#fff;border-radius:var(--radius-full);border:2px solid var(--color-white);pointer-events:none;background-color:#e11d48;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:inline-flex;position:absolute;inset-inline-end:0}.navbar__profile{align-items:center;display:flex;position:relative}.navbar__avatar-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.navbar__avatar-btn:hover{border-color:var(--color-subtle)}.navbar__avatar-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.navbar__avatar-img{object-fit:cover;width:100%;height:100%;display:block}.navbar__avatar-fallback{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted);-webkit-user-select:none;user-select:none;line-height:1}.navbar__menu{top:calc(100% + 8px);background-color:var(--color-white);border:var(--border);min-width:230px;padding:var(--space-2);z-index:200;border-radius:14px;animation:.15s ease-out navbarMenuIn;position:absolute;inset-inline-end:0;box-shadow:0 16px 32px -12px #0000002e,0 4px 8px -4px #00000014}@keyframes navbarMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar__menu-header{padding:var(--space-2) var(--space-3) var(--space-3);margin-bottom:var(--space-1);border-bottom:var(--border);flex-direction:column;gap:2px;min-width:0;display:flex}.navbar__menu-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.navbar__menu-email{font-size:var(--font-size-xs);color:var(--color-subtle);text-align:end;white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.navbar__menu-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;min-height:40px;font-family:var(--font-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ink);text-align:start;background:0 0;border:none;text-decoration:none;transition:background-color .12s;display:flex}.navbar__menu-item:hover{background-color:var(--color-hover);text-decoration:none}.navbar__menu-item:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.navbar__menu-item svg{color:var(--color-muted);flex-shrink:0;display:block}.navbar__bottom{display:none}@media (width<=640px){.navbar__inner{height:60px;padding:0 var(--space-4);gap:var(--space-3)}.navbar__start{gap:var(--space-3);flex-shrink:1;min-width:0}.navbar__nav{gap:0}.navbar__link{padding:var(--space-2);white-space:nowrap}.navbar__search--open .navbar__search-input{width:min(32vw,160px)}.navbar__menu{min-width:210px}}@media (width<=768px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}.navbar__nav,.navbar__user-actions .btn--primary,.navbar__actions>.btn--primary,.navbar__actions .navbar__bell{display:none}.navbar__inner{height:56px;padding:0 var(--space-4);gap:var(--space-2)}.navbar__search--open .navbar__search-input{width:min(38vw,170px)}.navbar__bottom{z-index:100;background-color:var(--color-white);border-top:var(--border);padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -12px #00000026}.navbar__tab{min-width:0;min-height:64px;color:var(--color-muted);font-family:var(--font-base);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:8px 4px 10px;text-decoration:none;transition:color .15s;display:flex;position:relative}.navbar__tab:hover{color:var(--color-ink);text-decoration:none}.navbar__tab:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px;border-radius:var(--radius-sm)}.navbar__tab svg{flex-shrink:0;display:block}.navbar__tab-label{font-size:11px;font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.2;overflow:hidden}.navbar__tab--active{color:var(--color-ink)}.navbar__tab--active:before{content:"";border-radius:var(--radius-full);background-color:var(--color-ink);width:16px;height:3px;position:absolute;top:5px}.navbar__tab--create{color:var(--color-muted)}.navbar__tab-fab{border-radius:var(--radius-full);background-color:var(--color-ink);width:44px;height:32px;color:var(--color-white);justify-content:center;align-items:center;transition:transform .15s,background-color .15s;display:inline-flex}.navbar__tab--create:hover{color:var(--color-ink)}.navbar__tab--create:hover .navbar__tab-fab{background-color:var(--color-black)}.navbar__tab--create:active .navbar__tab-fab{transform:scale(.94)}.navbar__tab-iconwrap{justify-content:center;align-items:center;line-height:0;display:inline-flex;position:relative}.navbar__tab-badge{top:-6px;min-width:17px;height:17px;font-size:10px;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:#fff;border-radius:var(--radius-full);border:2px solid var(--color-white);pointer-events:none;background-color:#e11d48;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:inline-flex;position:absolute;inset-inline-end:-10px}}@media (width>=1024px){.navbar__inner{max-width:1280px}.navbar__nav,header.navbar{display:none}}@media (prefers-reduced-motion:reduce){.navbar__menu{animation:none}.navbar__search-input{transition:none}}.sidebar{width:232px;top:var(--space-8);max-height:calc(100vh - var(--space-8) - var(--space-4));scrollbar-width:none;flex-shrink:0;position:sticky;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar__sticky{gap:var(--space-4);padding-bottom:var(--space-2);min-height:calc(100vh - var(--space-8) - var(--space-4) - var(--space-2));flex-direction:column;display:flex}.sidebar__search{align-items:center;display:flex;position:relative}.sidebar__search-icon{color:var(--color-subtle);pointer-events:none;flex-shrink:0;position:absolute;inset-inline-start:14px}.sidebar__search-input{width:100%;height:42px;font-family:var(--font-base);font-size:var(--font-size-sm);color:var(--color-ink);background-color:var(--color-surface);border-radius:var(--radius-full);border:1px solid #0000;outline:none;padding-inline:40px 14px;transition:border-color .15s,background-color .15s}.sidebar__search-input::-webkit-search-cancel-button{display:none}.sidebar__search-input::placeholder{color:var(--color-subtle)}.sidebar__search-input:focus{border-color:var(--color-ink);background-color:var(--color-white)}@media (width>=1300px){.sidebar__search{display:none}}.sidebar__create .btn,.sidebar__signin .btn{width:100%}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-muted);cursor:pointer;text-align:start;background:0 0;border:none;width:100%;text-decoration:none;transition:color .12s,background-color .12s;display:flex}.sidebar__link:hover{color:var(--color-ink);background-color:var(--color-surface);text-decoration:none}.sidebar__link:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.sidebar__link svg{flex-shrink:0;display:block}.sidebar__link--active{color:var(--color-ink);font-weight:var(--font-weight-semibold);background-color:var(--color-surface)}.sidebar__badge{min-width:20px;height:20px;font-size:11px;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:#fff;border-radius:var(--radius-full);background-color:#e11d48;justify-content:center;align-items:center;margin-inline-start:auto;padding:0 6px;line-height:1;display:inline-flex}.sidebar__bottom{gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border);flex-direction:column;margin-top:auto;display:flex}.sidebar__account{align-items:center;gap:var(--space-2);min-width:0;display:flex}.sidebar__who{align-items:center;gap:var(--space-2);min-width:0;color:inherit;border-radius:var(--radius-md);padding:var(--space-1);margin:calc(-1 * var(--space-1));flex:1;text-decoration:none;display:flex}.sidebar__who:hover .sidebar__account-name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.sidebar__who:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.sidebar__avatar{border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.sidebar__avatar img{object-fit:cover;width:100%;height:100%;display:block}.sidebar__avatar-fallback{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted);-webkit-user-select:none;user-select:none;line-height:1}.sidebar__account-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sidebar__account-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.sidebar__account-email{font-size:var(--font-size-xs);color:var(--color-subtle);text-align:end;white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.sidebar__logout{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,background-color .12s;display:inline-flex}.sidebar__logout:hover{color:var(--color-ink);background-color:var(--color-surface)}.sidebar__logout:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.sidebar__more-wrap{position:relative}.sidebar__more-menu{bottom:calc(100% + 8px);background-color:var(--color-white);border:var(--border);border-radius:var(--radius-md);min-width:200px;padding:var(--space-2);z-index:30;flex-direction:column;gap:2px;animation:.15s ease-out sidebarMoreIn;display:flex;position:absolute;inset-inline:0;box-shadow:0 16px 32px -12px #0000002e,0 4px 8px -4px #00000014}@keyframes sidebarMoreIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar__more-item{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-muted);text-align:start;white-space:nowrap;background:0 0;border:none;transition:color .12s,background-color .12s;display:flex}.sidebar__more-item:hover{color:var(--color-ink);background-color:var(--color-surface)}.sidebar__more-item:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.sidebar__more-item svg{flex-shrink:0;display:block}@media (prefers-reduced-motion:reduce){.sidebar__more-menu{animation:none}}.rail{width:300px;top:var(--space-8);max-height:calc(100vh - var(--space-8) - var(--space-4));scrollbar-width:none;flex-shrink:0;position:sticky;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.rail__sticky{gap:var(--space-6);padding-bottom:var(--space-2);flex-direction:column;display:flex}.rail__search{align-items:center;display:flex;position:relative}.rail__search-icon{color:var(--color-subtle);pointer-events:none;flex-shrink:0;position:absolute;inset-inline-start:14px}.rail__search-input{width:100%;height:42px;font-family:var(--font-base);font-size:var(--font-size-sm);color:var(--color-ink);background-color:var(--color-surface);border-radius:var(--radius-full);border:1px solid #0000;outline:none;padding-inline:40px 14px;transition:border-color .15s,background-color .15s}.rail__search-input::-webkit-search-cancel-button{display:none}.rail__search-input::placeholder{color:var(--color-subtle)}.rail__search-input:focus{border-color:var(--color-ink);background-color:var(--color-white)}.rail__block-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.rail__block-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink);align-items:center;gap:var(--space-2);margin:0;display:inline-flex}.rail__block-title svg{color:var(--color-muted);flex-shrink:0;display:block}.rail__see-all{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-muted);white-space:nowrap;text-decoration:none}.rail__see-all:hover{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline}.rail__writers{margin:0;padding:0;list-style:none}.rail__writer{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:var(--border);min-width:0;display:flex}.rail__writer:last-child{border-bottom:var(--border)}.rail__who{align-items:center;gap:var(--space-2);min-width:0;color:inherit;border-radius:var(--radius-sm);flex:1;text-decoration:none;display:flex}.rail__who:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.rail__who:hover .rail__name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.rail__avatar{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.rail__avatar img{object-fit:cover;width:100%;height:100%;display:block}.rail__avatar-fallback{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted);-webkit-user-select:none;user-select:none;line-height:1}.rail__identity{text-align:right;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rail__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;text-align:right;width:100%;line-height:1.35;overflow:hidden}.rail__handle{font-size:var(--font-size-xs);color:var(--color-subtle);text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:ltr;unicode-bidi:embed;width:100%;line-height:1.4;display:block;overflow:hidden}.rail__follow{min-height:30px;padding:0 var(--space-3);border:1px solid var(--color-ink);border-radius:var(--radius-full);color:var(--color-ink);font-family:var(--font-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;flex-shrink:0;line-height:1;transition:background-color .12s,color .12s,border-color .12s,opacity .12s}.rail__follow:hover{background-color:var(--color-ink);color:var(--color-white)}.rail__follow:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.rail__follow:disabled{opacity:.55;cursor:wait}.rail__follow--following{border-color:var(--color-border);color:var(--color-muted)}.rail__follow--following:hover{border-color:var(--color-subtle);color:var(--color-ink);background-color:#0000}.rail__skeleton{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;border-top:var(--border);display:flex}.rail__skeleton:last-child{border-bottom:var(--border)}.rail__skeleton-avatar,.rail__skeleton-name,.rail__skeleton-meta{background-color:var(--color-surface);animation:1.2s ease-in-out infinite alternate rail-pulse}.rail__skeleton-avatar{border-radius:var(--radius-full);flex-shrink:0;width:38px;height:38px}.rail__skeleton-lines{flex-direction:column;flex:1;gap:6px;display:flex}.rail__skeleton-name{border-radius:var(--radius-sm);width:100px;height:12px}.rail__skeleton-meta{border-radius:var(--radius-sm);width:70px;height:10px}@keyframes rail-pulse{0%{opacity:1}to{opacity:.45}}@media (prefers-reduced-motion:reduce){.rail__skeleton-avatar,.rail__skeleton-name,.rail__skeleton-meta{animation:none}.rail__follow{transition:none}}.shell{display:block}@media (width>=1024px){.shell{justify-content:flex-start;align-items:flex-start;gap:var(--space-10);max-width:none;padding:var(--space-6) var(--space-6) 0;direction:rtl;margin:0;display:flex}.shell>*{direction:rtl}.shell__main{flex:0 680px;width:100%;min-width:0;max-width:680px;margin-inline:auto}.shell__main>main{width:100%}.shell__main .feed__wrapper,.shell__main .profile-page__container,.shell__main .people-page__container,.shell__main .post-page__container,.shell__main .saved-page__wrapper,.shell__main .notifications-page__wrapper{width:100%;max-width:100%}.shell--chat{align-items:stretch}.shell--chat .shell__main{flex:auto;width:auto;min-width:0;max-width:none;margin-inline:0}}@media (width>=1300px){.shell--chat .rail{display:none}}.auth-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);padding:var(--space-4);overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out authModalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-modal-backdrop::-webkit-scrollbar{display:none}@keyframes authModalFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background-color:var(--color-white);border:var(--border);overscroll-behavior:contain;width:100%;max-width:420px;max-height:90dvh;padding:clamp(var(--space-5), 5vw, var(--space-6));border-radius:25px;margin:auto;animation:.25s cubic-bezier(.16,1,.3,1) authModalSlideUp;position:relative;overflow-y:auto;box-shadow:0 24px 48px -12px #0000002e,0 8px 16px -8px #0000001a}@keyframes authModalSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-modal__topbar{margin-bottom:var(--space-3);justify-content:flex-end;display:flex}.auth-modal__close{width:36px;height:36px;margin:calc(-1 * var(--space-2)) 0 0 calc(-1 * var(--space-2));border-radius:var(--radius-full,9999px);color:var(--color-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.auth-modal__close:hover{background-color:var(--color-hover);color:var(--color-ink)}.auth-modal__close:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.auth-modal__close svg{display:block}.auth-modal__tabs{margin-bottom:var(--space-5);background-color:var(--color-surface);border-radius:var(--radius-full);border:var(--border);align-items:center;gap:4px;padding:4px;display:flex}.auth-modal__tab{min-height:40px;padding:var(--space-2) var(--space-3);font-family:var(--font-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;transition:color .15s,background-color .15s,box-shadow .15s}.auth-modal__tab:hover{color:var(--color-ink)}.auth-modal__tab:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.auth-modal__tab--active{background-color:var(--color-white);color:var(--color-ink);box-shadow:0 1px 3px #0000001a}.auth-modal__clerk-container{justify-content:center;width:100%;min-width:0;display:flex}.hibr-clerk-root{width:100%!important;min-width:0!important}.hibr-clerk-card-box{width:100%!important;box-shadow:none!important;border:none!important}.hibr-clerk-card{box-shadow:none!important;gap:var(--space-4)!important;background-color:#0000!important;border:none!important;width:100%!important;margin:0!important;padding:0!important}.hibr-clerk-title{font-family:var(--font-base)!important;font-size:var(--font-size-md)!important;font-weight:var(--font-weight-semibold)!important;margin-bottom:var(--space-1)!important}.hibr-clerk-subtitle{font-family:var(--font-base)!important;font-size:var(--font-size-sm)!important}.hibr-clerk-social-btn{border:var(--border)!important;border-radius:var(--radius-md)!important;font-family:var(--font-base)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-ink)!important;background-color:#0000!important;min-height:44px!important;transition:background-color .15s!important}.hibr-clerk-social-btn:hover{background-color:var(--color-hover)!important}.hibr-clerk-divider-line{background-color:var(--color-border)!important}.hibr-clerk-divider-text{font-family:var(--font-base)!important;font-size:var(--font-size-xs)!important;color:var(--color-subtle)!important}.hibr-clerk-field-label{font-family:var(--font-base)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important}.hibr-clerk-field-input{font-family:var(--font-base)!important;font-size:var(--font-size-base)!important;background-color:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;min-height:44px!important;transition:border-color .15s,box-shadow .15s!important}.hibr-clerk-field-input:focus{border-color:var(--color-ink)!important;box-shadow:0 0 0 3px #0a0a0a14!important}[data-theme=dark] .hibr-clerk-field-input:focus{box-shadow:0 0 0 3px #ffffff1f!important}.hibr-clerk-field-input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--color-surface) inset!important;box-shadow:0 0 0 100px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-ink)!important;caret-color:var(--color-ink)!important;transition:background-color 9999s ease-in-out!important}.hibr-clerk-field-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 100px var(--color-surface) inset!important;box-shadow:0 0 0 100px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-ink)!important;caret-color:var(--color-ink)!important;transition:background-color 9999s ease-in-out!important}.hibr-clerk-field-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px var(--color-surface) inset!important;box-shadow:0 0 0 100px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-ink)!important;caret-color:var(--color-ink)!important;transition:background-color 9999s ease-in-out!important}.hibr-clerk-field-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 100px var(--color-surface) inset!important;box-shadow:0 0 0 100px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-ink)!important;caret-color:var(--color-ink)!important;transition:background-color 9999s ease-in-out!important}.hibr-clerk-form{box-shadow:none!important;background:0 0!important;border:none!important}.hibr-clerk-primary-btn{font-family:var(--font-base)!important;border-radius:var(--radius-md)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;min-height:44px!important;transition:opacity .15s!important}.hibr-clerk-primary-btn:hover{opacity:.88!important}.hibr-clerk-footer,.hibr-clerk-footer div{box-shadow:none!important;background-color:#0000!important;background-image:none!important}.hibr-clerk-footer{font-family:var(--font-base)!important;font-size:var(--font-size-xs)!important}.hibr-clerk-footer-link{color:var(--color-ink)!important;font-weight:var(--font-weight-semibold)!important}.hibr-clerk-alert{border-radius:var(--radius-md)!important;font-family:var(--font-base)!important;font-size:var(--font-size-sm)!important}.auth-modal{scrollbar-width:none;-ms-overflow-style:none}.auth-modal::-webkit-scrollbar{display:none}@media (width<=640px){.auth-modal-backdrop{padding:var(--space-3)}.auth-modal{border-radius:18px;max-width:420px}}@media (width<=480px){.auth-modal-backdrop{align-items:flex-end;padding:0}.auth-modal{max-width:100%;max-height:92dvh;padding:var(--space-5) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;margin:0;animation-name:authSheetUp}@keyframes authSheetUp{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.auth-modal__tabs{margin-bottom:var(--space-4)}}@media (height<=620px){.auth-modal-backdrop{padding-top:var(--space-4);padding-bottom:var(--space-4);align-items:flex-start}.auth-modal{max-height:none}.auth-modal__tabs{margin-bottom:var(--space-3)}}@media (prefers-reduced-motion:reduce){.auth-modal-backdrop,.auth-modal{animation:none}.auth-modal__tab,.auth-modal__close{transition:none}}.create-post-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out createPostFadeIn;display:flex;position:fixed;inset:0}@keyframes createPostFadeIn{0%{opacity:0}to{opacity:1}}.create-post-modal{background-color:var(--color-white);border:var(--border);scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:640px;max-height:90vh;padding:clamp(var(--space-5), 4vw, var(--space-8));border-radius:20px;animation:.25s cubic-bezier(.16,1,.3,1) createPostSlideUp;overflow-y:auto;box-shadow:0 24px 48px -12px #0000002e,0 8px 16px -8px #0000001a}.create-post-modal::-webkit-scrollbar{width:0;height:0;display:none}@keyframes createPostSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.create-post-modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.create-post-modal__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-ink);letter-spacing:var(--letter-spacing-tight);margin:0}.create-post-modal__close{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.create-post-modal__close:hover{background-color:var(--color-hover);color:var(--color-ink)}.create-post-modal__close:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.create-post-modal__close svg{display:block}.create-post-modal__error{color:#991b1b;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:var(--space-5);background-color:#fef2f2;border:1px solid #fecaca}[data-theme=dark] .create-post-modal__error{color:#fca5a5;background-color:#dc26261f;border-color:#dc262659}.create-post-modal__form{gap:var(--space-5);flex-direction:column;display:flex}.create-post-modal__field{gap:var(--space-2);flex-direction:column;display:flex}.create-post-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink);line-height:1.4}.create-post-modal__optional{font-weight:var(--font-weight-regular);color:var(--color-subtle)}.create-post-modal__input,.create-post-modal__textarea{width:100%;font-family:var(--font-base);font-size:var(--font-size-base);color:var(--color-ink);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.create-post-modal__input::placeholder,.create-post-modal__textarea::placeholder{color:var(--color-subtle)}.create-post-modal__title-input{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.create-post-modal__input:focus,.create-post-modal__textarea:focus{border-color:var(--color-ink);background-color:var(--color-white);box-shadow:0 0 0 3px #0a0a0a14}[data-theme=dark] .create-post-modal__input:focus,[data-theme=dark] .create-post-modal__textarea:focus{box-shadow:0 0 0 3px #ffffff1f}.create-post-modal__textarea{resize:vertical;line-height:var(--line-height-base)}.create-post-modal__excerpt-textarea{min-height:76px}.create-post-modal__upload{width:100%;min-height:108px;padding:var(--space-4);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:border-color .15s,background-color .15s;display:flex}.create-post-modal__upload:hover:not(:disabled){border-color:var(--color-subtle);background-color:var(--color-hover)}.create-post-modal__upload:disabled{opacity:.6;cursor:wait}.create-post-modal__upload:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.create-post-modal__upload-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.create-post-modal__upload-hint{font-size:var(--font-size-xs);color:var(--color-subtle)}.create-post-modal__cover-preview{gap:var(--space-3);flex-direction:column;display:flex}.create-post-modal__cover-img{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;max-height:220px}.create-post-modal__cover-row{align-items:center;gap:var(--space-2);display:flex}.create-post-modal__content-textarea{min-height:220px}.create-post-modal__actions{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-1);padding-top:var(--space-5);border-top:var(--border);display:flex}@media (width<=640px){.create-post-modal{border-radius:16px}.create-post-modal__heading{font-size:var(--font-size-base)}.create-post-modal__content-textarea{min-height:180px}}@media (width<=480px){.create-post-backdrop{padding:var(--space-3)}.create-post-modal{max-height:92vh;padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));border-radius:16px}.create-post-modal__header{margin-bottom:var(--space-5)}.create-post-modal__form{gap:var(--space-4)}.create-post-modal__actions{flex-direction:column-reverse;align-items:stretch}.create-post-modal__actions>*{width:100%}}@media (prefers-reduced-motion:reduce){.create-post-backdrop,.create-post-modal{animation:none}.create-post-modal__input,.create-post-modal__textarea,.create-post-modal__close{transition:none}}.share-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out shareFadeIn;display:flex;position:fixed;inset:0}@keyframes shareFadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background-color:var(--color-white);border:var(--border);border-radius:var(--radius-lg,16px);width:100%;max-width:440px;max-height:90vh;padding:var(--space-6);animation:.25s cubic-bezier(.16,1,.3,1) shareSlideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes shareSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.share-modal__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.share-modal__heading{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-ink);margin:0}.share-modal__close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.share-modal__close:hover{background-color:var(--color-hover);color:var(--color-ink)}.share-modal__close:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.share-modal__post-title{font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--line-height-snug);margin-bottom:var(--space-5);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.share-modal__copy-row{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.share-modal__link-input{min-width:0;font-family:var(--font-base);font-size:var(--font-size-sm);color:var(--color-muted);background-color:var(--color-surface);border:var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-align:left;text-overflow:ellipsis;direction:ltr;outline:none;flex:1}.share-modal__link-input:focus{border-color:var(--color-subtle)}.share-modal__copy-btn{align-items:center;gap:var(--space-2);font-family:var(--font-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);background-color:var(--color-ink);border:1px solid var(--color-ink);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s,transform .15s;display:inline-flex}.share-modal__copy-btn:hover{opacity:.85}.share-modal__copy-btn:active{transform:scale(.97)}.share-modal__copy-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.share-modal__copy-btn svg{flex-shrink:0;display:block}.share-modal__grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.share-modal__option{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);border:var(--border);border-radius:var(--radius-md);color:var(--color-muted);cursor:pointer;flex-direction:column;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s,transform .15s;display:flex}.share-modal__option:hover{color:var(--color-ink);border-color:var(--color-subtle);background-color:var(--color-surface);text-decoration:none;transform:translateY(-2px)}.share-modal__option:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.share-modal__option-icon{border-radius:var(--radius-full);background-color:var(--color-surface);justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s;display:inline-flex}.share-modal__option:hover .share-modal__option-icon{background-color:var(--color-hover)}.share-modal__option-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;line-height:1.3}@media (width<=480px){.share-backdrop{align-items:flex-end;padding:0}.share-modal{max-width:100%;padding:var(--space-5) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;animation-name:shareSheetUp}@keyframes shareSheetUp{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.share-modal__copy-row{flex-direction:column}.share-modal__copy-btn{justify-content:center;min-height:44px}.share-modal__option{padding:var(--space-3) var(--space-2)}.share-modal__option-icon{width:40px;height:40px}}.post-card{padding:var(--space-6) var(--space-5);content-visibility:auto;contain-intrinsic-size:auto 280px;background-color:#0000;border:none;transition:background-color .15s;position:relative}.feed__list>.post-card+.post-card,.profile-page__list>.post-card+.post-card,.saved-page__list>.post-card+.post-card{border-top:var(--border)}.post-card--menu-open{z-index:20}.post-card:hover{background-color:var(--color-surface)}.post-card__author-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);border-radius:var(--radius-sm);min-width:0;text-decoration:none;display:flex}a.post-card__author-row:hover{text-decoration:none}a.post-card__author-row:hover .post-card__author-name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}a.post-card__author-row:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.post-card__author-row--with-menu{padding-inline-end:40px}.post-card__avatar{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.post-card:hover .post-card__avatar{background-color:var(--color-white);border-color:var(--color-border)}.post-card__avatar-image{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%;display:block}.post-card__avatar-fallback{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-muted);-webkit-user-select:none;user-select:none;line-height:1}.post-card__author-meta{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.post-card__author-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.post-card__meta-dot{color:var(--color-subtle);font-size:var(--font-size-xs);-webkit-user-select:none;user-select:none;flex-shrink:0;line-height:1}.post-card__meta-info{display:contents}.post-card__date{font-size:var(--font-size-xs);color:var(--color-subtle);white-space:nowrap;line-height:1.4}.post-card__main{align-items:flex-start;gap:var(--space-5);display:flex}.post-card__body{flex:auto;min-width:0}.post-card__cover{width:200px;height:150px;margin-top:var(--space-1);border-radius:var(--radius-lg);background-color:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0;text-decoration:none;overflow:hidden}.post-card__cover:hover{text-decoration:none}.post-card__cover:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.post-card__cover-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.post-card__cover:hover .post-card__cover-img{transform:scale(1.03)}.post-card__content{margin-bottom:var(--space-3);border-radius:var(--radius-sm);text-decoration:none;display:block}.post-card:hover .post-card__title{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-subtle);text-decoration-color:var(--color-subtle)}.post-card__content:hover{text-decoration:none}.post-card__content:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.post-card__title{font-family:var(--font-display);font-size:clamp(1.0625rem,1rem + .6vw,1.3125rem);font-weight:var(--font-weight-semibold);color:var(--color-ink);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--space-1);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;text-wrap:pretty;-webkit-box-orient:vertical;line-height:1.65;display:-webkit-box;overflow:hidden}.post-card__draft-badge{vertical-align:middle;font-family:var(--font-base);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-muted);background-color:var(--color-surface);border:1px dashed var(--color-subtle);border-radius:var(--radius-full);white-space:nowrap;margin-inline-end:var(--space-2);padding:1px 8px;line-height:1.5;display:inline-block}.post-card__excerpt{font-size:var(--font-size-sm);color:var(--color-muted);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;text-wrap:pretty;-webkit-box-orient:vertical;margin:0;line-height:1.9;display:-webkit-box;overflow:hidden}.post-card__tags{column-gap:var(--space-4);row-gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.post-card__tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-subtle);border-radius:var(--radius-sm);line-height:1.6;text-decoration:none;transition:color .12s;display:inline-block}.post-card__tag:before{content:"#";margin-inline-end:1px}.post-card__tag:hover{color:var(--color-ink);text-decoration:none}a.post-card__tag:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.post-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.post-card__actions{align-items:center;gap:var(--space-1);display:flex}.post-card__action{border-radius:var(--radius-full);cursor:pointer;min-width:34px;min-height:34px;color:var(--color-subtle);font-family:var(--font-base);font-size:var(--font-size-sm);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:6px 10px;line-height:1;transition:color .15s,background-color .15s,transform .1s;display:inline-flex}.post-card__action:hover{color:var(--color-ink);background-color:var(--color-hover)}.post-card__action:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.post-card__action:active{transform:scale(.96)}.post-card__action svg{flex-shrink:0;display:block}.post-card__action-count{font-size:var(--font-size-sm);color:inherit;font-variant-numeric:tabular-nums;line-height:1}.post-card__action--liked{color:#e11d48}.post-card__action--liked:hover{color:#be123c;background-color:#e11d4814}[data-theme=dark] .post-card__action--liked{color:#fb7185}[data-theme=dark] .post-card__action--liked:hover{color:#fda4af;background-color:#fb71851f}.post-card__action--saved{color:var(--color-ink)}.post-card__action--saved:hover{color:var(--color-ink);background-color:var(--color-hover)}.post-card__menu-wrap{top:var(--space-4);z-index:5;position:absolute;inset-inline-end:var(--space-1)}.post-card__menu-btn{border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;color:var(--color-subtle);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:inline-flex}.post-card__menu-btn:hover{color:var(--color-ink);background-color:var(--color-hover)}.post-card__menu-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.post-card__menu-btn svg{display:block}.post-card__menu{top:calc(100% + 6px);background-color:var(--color-white);border:var(--border);border-radius:var(--radius-md);min-width:190px;padding:var(--space-2);animation:.15s ease-out postCardMenuIn;position:absolute;inset-inline-end:0;box-shadow:0 16px 32px -12px #0000002e,0 4px 8px -4px #00000014}@keyframes postCardMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.post-card__menu-error{font-size:var(--font-size-xs);color:#b91c1c;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);line-height:var(--line-height-base);background-color:#fef2f2;border:1px solid #fecaca}[data-theme=dark] .post-card__menu-error{color:#fca5a5;background-color:#dc26261f;border-color:#dc262659}.post-card__menu-item{align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ink);text-align:start;background:0 0;border:none;transition:background-color .12s;display:flex}.post-card__menu-item:hover{background-color:var(--color-hover)}.post-card__menu-item:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.post-card__menu-item:disabled{opacity:.6;cursor:default}.post-card__menu-item svg{flex-shrink:0;display:block}.post-card__menu-item--danger{color:#dc2626}.post-card__menu-item--danger svg{color:inherit}.post-card__menu-item--danger:hover{background-color:#dc262614}[data-theme=dark] .post-card__menu-item--danger{color:#f87171}[data-theme=dark] .post-card__menu-item--danger:hover{background-color:#f871711f}@media (width<=768px){.post-card{padding:var(--space-5) var(--space-4)}.post-card__cover{width:160px;height:120px}}@media (width<=480px){.post-card{padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);contain-intrinsic-size:auto 220px}.post-card__avatar{width:30px;height:30px}.post-card__main{gap:var(--space-3)}.post-card__cover{border-radius:var(--radius-md);width:112px;height:84px}.post-card__title{line-height:1.75}.post-card__actions{gap:0;margin-inline:-6px}.post-card__action{min-width:40px;min-height:40px}.post-card__menu-wrap{top:var(--space-3);inset-inline-end:0}}@media (prefers-reduced-motion:reduce){.post-card,.post-card__action,.post-card__tag,.post-card__menu-btn,.post-card__cover-img{transition:none}.post-card__cover:hover .post-card__cover-img{transform:none}.post-card__menu{animation:none}.post-card__action:active{transform:none}}.feed{background-color:var(--color-white);flex:1;min-width:0}.feed__wrapper{max-width:720px;padding:0 var(--space-6);border-inline:var(--border);min-height:100vh;margin:0 auto}.feed__header{z-index:10;margin:0 calc(-1 * var(--space-6));padding:0 var(--space-6);background-color:color-mix(in srgb, var(--color-white) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--border);position:sticky;top:0}.feed__bar{padding-top:var(--space-5);justify-content:space-between;align-items:center;display:flex}.feed__title{font-family:var(--font-display);font-size:clamp(1.25rem,1.1rem + 1vw,1.5rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-ink);line-height:var(--line-height-tight);margin:0}.feed__tabs{align-items:flex-end;gap:var(--space-1);margin-top:var(--space-3);display:flex}.feed__tab{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-subtle);padding:var(--space-2) var(--space-3) var(--space-3);cursor:pointer;font-family:var(--font-base);white-space:nowrap;background:0 0;border:none;transition:color .15s;position:relative}.feed__tab:after{content:"";inset-inline:var(--space-3);border-radius:var(--radius-full);background-color:currentColor;height:2px;transition:transform .18s;position:absolute;bottom:-1px;transform:scaleX(0)}.feed__tab:hover{color:var(--color-ink)}.feed__tab:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px;border-radius:var(--radius-sm)}.feed__tab--active{color:var(--color-ink);font-weight:var(--font-weight-medium)}.feed__tab--active:after{transform:scaleX(1)}.feed__filter-meta{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);display:flex}.feed__filter-count{font-size:var(--font-size-xs);color:var(--color-subtle);font-variant-numeric:tabular-nums}.feed__filter-clear{font-family:var(--font-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;padding:6px 14px;transition:color .12s,background-color .12s,border-color .12s}.feed__filter-clear:hover{color:var(--color-ink);background-color:var(--color-hover);border-color:var(--color-subtle)}.feed__filter-clear:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.feed__list{padding-top:var(--space-2);padding-bottom:var(--space-20);flex-direction:column;gap:0;display:flex}.feed__list>.post-card{animation:.4s both feed-rise}.feed__list>.post-card:nth-child(2){animation-delay:40ms}.feed__list>.post-card:nth-child(3){animation-delay:80ms}.feed__list>.post-card:nth-child(4){animation-delay:.12s}.feed__list>.post-card:nth-child(5){animation-delay:.16s}.feed__list>.post-card:nth-child(6){animation-delay:.2s}.feed__list>.post-card:nth-child(7){animation-delay:.24s}.feed__list>.post-card:nth-child(8){animation-delay:.28s}@keyframes feed-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feed__skeletons{padding-top:var(--space-4);padding-bottom:var(--space-20);flex-direction:column;display:flex}.feed__skeleton{padding:var(--space-6) var(--space-4);flex-direction:column;gap:10px;display:flex}.feed__skeleton+.feed__skeleton{border-top:var(--border)}.feed__skeleton-author{align-items:center;gap:10px;display:flex}.feed__skeleton-avatar{border-radius:var(--radius-full);background-color:var(--color-surface);width:32px;height:32px}.feed__skeleton-line{border-radius:var(--radius-sm);background-color:var(--color-surface);height:12px;animation:1.3s ease-in-out infinite alternate feed-pulse}.feed__skeleton-line--title{width:72%;height:18px}.feed__skeleton-line--short{width:34%}.feed__skeleton-avatar{animation:1.3s ease-in-out infinite alternate feed-pulse}@keyframes feed-pulse{0%{opacity:1}to{opacity:.4}}.feed__empty{align-items:center;gap:var(--space-3);padding:var(--space-20) var(--space-6);text-align:center;flex-direction:column;display:flex}.feed__empty-icon{border-radius:var(--radius-full);background-color:var(--color-surface);width:56px;height:56px;color:var(--color-subtle);justify-content:center;align-items:center;display:inline-flex}.feed__empty-text{font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--line-height-loose);text-wrap:pretty;max-width:34ch;margin:0}@media (width<=768px){.feed__wrapper{padding:0 var(--space-4);border-inline:none;min-height:auto}.feed__header{margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}.feed__bar{padding-top:var(--space-4)}.feed__tab{padding:var(--space-2) var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.feed__tab:after{inset-inline:var(--space-2)}}@media (width<=480px){.feed__wrapper{padding:0 var(--space-4)}.feed__empty{padding:var(--space-16) var(--space-4)}}@media (prefers-reduced-motion:reduce){.feed__list>.post-card{animation:none}.feed__tab:after{transition:none}.feed__skeleton-line,.feed__skeleton-avatar{animation:none}}.post-page{background-color:var(--color-white);flex:1;animation:.35s both post-fade-up}@keyframes post-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.post-page__progress{z-index:60;pointer-events:none;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.post-page__progress span{background:var(--color-ink);transform-origin:100%;opacity:.85;height:100%;display:block;transform:scaleX(0)}.post-page__container{max-width:680px;padding:var(--space-6) var(--space-6) var(--space-20);min-width:0;margin:0 auto}.post-page__topbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.post-page__back{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);margin-inline-start:calc(-1 * var(--space-3));transition:color .15s,background-color .15s;display:inline-flex}.post-page__back:hover{color:var(--color-ink);background-color:var(--color-surface);text-decoration:none}.post-page__back:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.post-page__back svg{flex-shrink:0;display:block}.post-page__back--center{margin:0}.post-page__share-top{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:#0000;min-height:36px;padding:8px 14px;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.post-page__share-top:hover{color:var(--color-ink);border-color:var(--color-ink);background-color:var(--color-surface)}.post-page__share-top:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.post-page__article{min-width:0}.post-page__header{margin-bottom:var(--space-8)}.post-page__tags{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.post-page__tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.01em;color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);white-space:nowrap;background:0 0;padding:4px 10px;line-height:1.5}.post-page__title{font-family:var(--font-display);font-size:clamp(1.75rem,1.25rem + 3.2vw,2.6rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-ink);text-wrap:balance;overflow-wrap:break-word;margin-bottom:var(--space-4);line-height:1.35}.post-page__lede{font-size:clamp(1rem,.95rem + .6vw,1.15rem);font-weight:var(--font-weight-regular);color:var(--color-muted);overflow-wrap:break-word;margin-bottom:var(--space-6);line-height:1.9}.post-page__byline{padding:var(--space-4) 0;border-top:var(--border);border-bottom:var(--border);align-items:center;display:flex}.post-page__author{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);min-width:0;display:flex}a.post-page__author:hover{text-decoration:none}a.post-page__author:hover .post-page__author-name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}a.post-page__author:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.post-page__avatar{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.post-page__avatar-image{object-fit:cover;width:100%;height:100%;display:block}.post-page__avatar-fallback{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-muted);-webkit-user-select:none;user-select:none;line-height:1}.post-page__author-text{flex-direction:column;gap:3px;min-width:0;display:flex}.post-page__author-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.post-page__meta{color:var(--color-subtle);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;line-height:1.4;display:flex}.post-page__meta time{font-variant-numeric:tabular-nums}.post-page__dot{opacity:.6}.post-page__readtime{align-items:center;gap:4px;display:inline-flex}.post-page__readtime svg{display:block}.post-page__cover{margin:0 0 var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.post-page__cover img{object-fit:cover;background-color:var(--color-surface);width:100%;max-height:380px;display:block}.post-page__body{padding-top:var(--space-8);margin-bottom:var(--space-10);color:var(--color-ink);overflow-wrap:break-word;text-wrap:pretty;font-size:1.125rem;line-height:2}.post-page__cover+.post-page__body{padding-top:0}.post-page__body>:first-child{margin-top:0}.post-page__body>:last-child{margin-bottom:0}.post-page__body p{margin-bottom:var(--space-6)}.post-page__body h2,.post-page__body h3,.post-page__body h4{font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);text-wrap:balance;margin:var(--space-8) 0 var(--space-4);line-height:1.5}.post-page__body h2{font-size:1.375rem}.post-page__body h3{font-size:1.2rem}.post-page__body h4{font-size:1.0625rem}.post-page__body ul,.post-page__body ol{margin:0 0 var(--space-6);gap:var(--space-2);flex-direction:column;padding-inline-start:var(--space-6);display:flex}.post-page__body ul{list-style:outside}.post-page__body ol{list-style:decimal}.post-page__body li::marker{color:var(--color-subtle)}.post-page__body blockquote{margin:0 0 var(--space-6);padding:var(--space-4) var(--space-5);border-inline-start:3px solid var(--color-border);background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-muted)}.post-page__body blockquote p{margin-bottom:var(--space-2)}.post-page__body blockquote p:last-child{margin-bottom:0}.post-page__body a{color:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-subtle);text-decoration-color:var(--color-subtle);overflow-wrap:anywhere}.post-page__body a:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.post-page__body strong{font-weight:var(--font-weight-semibold)}.post-page__body em{font-style:italic}.post-page__body code{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);direction:ltr;unicode-bidi:embed;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em}.post-page__body pre{margin:0 0 var(--space-6);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;direction:ltr;overflow-x:auto}.post-page__body pre code{background:0 0;border:none;padding:0;font-size:.875rem;line-height:1.7}.post-page__body img{border-radius:var(--radius-md);border:1px solid var(--color-border);max-width:100%;height:auto;margin:var(--space-4) auto}.post-page__body hr{border:none;border-top:var(--border);margin:var(--space-8) 0}.post-page__footer{align-items:center;gap:var(--space-3);padding-top:var(--space-6);border-top:var(--border);flex-direction:column;display:flex}.post-page__actions{border:1px solid var(--color-border);background-color:var(--color-white);border-radius:var(--radius-full);align-items:center;gap:2px;padding:4px;display:inline-flex;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .post-page__actions{background-color:var(--color-surface);box-shadow:none}.post-page__action{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);min-width:44px;min-height:38px;color:var(--color-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;justify-content:center;padding:8px 14px;transition:color .15s,background-color .15s;display:inline-flex}.post-page__action:hover{color:var(--color-ink);background-color:var(--color-surface)}[data-theme=dark] .post-page__action:hover{background-color:var(--color-hover)}.post-page__action:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.post-page__action:active{transform:scale(.96)}.post-page__action svg{flex-shrink:0;display:block}.post-page__action--liked{color:#e11d48}.post-page__action--liked:hover{color:#be123c;background-color:#e11d4814}[data-theme=dark] .post-page__action--liked{color:#fb7185}[data-theme=dark] .post-page__action--liked:hover{color:#fda4af;background-color:#fb71851f;border-color:#fb71854d}.post-page__action--saved{color:var(--color-ink)}.post-page__action--saved:hover{color:var(--color-ink);background-color:var(--color-surface);border-color:var(--color-border)}.post-page__divider{background-color:var(--color-border);flex-shrink:0;width:1px;height:20px}.post-page__hint{font-size:var(--font-size-xs);color:var(--color-subtle);margin:0}.post-page__comments{margin-top:var(--space-10);padding-top:var(--space-8);border-top:var(--border);scroll-margin-top:72px}.post-page__comments-head{margin-bottom:var(--space-5)}.post-page__comments-title{align-items:center;gap:var(--space-2);font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-ink);margin:0;display:flex}.post-page__comments-count{min-width:26px;height:26px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--color-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.post-page__comment-form{margin-bottom:var(--space-6)}.post-page__comment-box{gap:var(--space-3);align-items:flex-start;display:flex}.post-page__comment-avatar{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.post-page__comment-avatar img{object-fit:cover;width:100%;height:100%;display:block}.post-page__comment-field{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-white);min-width:0;padding:var(--space-3);flex:1;transition:border-color .15s,box-shadow .15s}[data-theme=dark] .post-page__comment-field{background-color:var(--color-surface)}.post-page__comment-field:focus-within{border-color:var(--color-ink);box-shadow:0 0 0 3px #0a0a0a12}[data-theme=dark] .post-page__comment-field:focus-within{box-shadow:0 0 0 3px #ffffff1a}.post-page__comment-error{font-size:var(--font-size-sm);color:#991b1b;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);line-height:var(--line-height-base);background-color:#fef2f2;border:1px solid #fecaca}[data-theme=dark] .post-page__comment-error{color:#fca5a5;background-color:#dc26261f;border-color:#dc262659}.post-page__comment-input{resize:vertical;width:100%;min-height:72px;font-family:var(--font-base);font-size:var(--font-size-base);color:var(--color-ink);background:0 0;border:none;outline:none;padding:0;line-height:1.8;display:block}.post-page__comment-input::placeholder{color:var(--color-subtle)}.post-page__comment-input:disabled{opacity:.6}.post-page__comment-actions{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.post-page__comment-hint{font-size:var(--font-size-xs);color:var(--color-subtle)}.post-page__comment-signin{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);margin-bottom:var(--space-6);display:flex}.post-page__comment-signin p{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.post-page__comment-list{flex-direction:column;display:flex}.post-page__comment-loading{justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-subtle);padding:var(--space-8) 0;display:flex}.post-page__spinner{border:2px solid var(--color-border);border-top-color:var(--color-muted);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite post-spin}@keyframes post-spin{to{transform:rotate(360deg)}}.post-page__empty{align-items:center;gap:var(--space-3);text-align:center;color:var(--color-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);flex-direction:column;display:flex}.post-page__empty p{font-size:var(--font-size-sm);color:var(--color-muted);margin:0;line-height:1.9}.post-page__comment{gap:var(--space-3);padding:var(--space-5) 0;border-top:var(--border);display:flex}.post-page__comment:first-child{padding-top:var(--space-2);border-top:none}.post-page__comment-content{background-color:var(--color-surface);border-radius:var(--radius-md);min-width:0;padding:var(--space-3) var(--space-4);flex:1}[data-theme=dark] .post-page__comment-content{background-color:var(--color-surface)}.post-page__comment-meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.post-page__comment-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink)}.post-page__comment-author:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.post-page__comment-date{font-size:var(--font-size-xs);color:var(--color-subtle);font-variant-numeric:tabular-nums}.post-page__comment-text{color:var(--color-ink);white-space:pre-wrap;overflow-wrap:break-word;margin:0;font-size:.95rem;line-height:1.9}.post-page__comment--reply{margin-top:var(--space-3);border-inline-start:2px solid var(--color-border);padding-inline-start:var(--space-3)}.post-page__comment--reply .post-page__comment-avatar{width:30px;height:30px;font-size:var(--font-size-xs)}.post-page__comment--reply .post-page__comment-content{padding:var(--space-2) var(--space-3)}.post-page__comment-tools{align-items:center;gap:var(--space-3);margin-top:var(--space-1);display:flex}.post-page__comment-link{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-subtle);border-radius:var(--radius-sm);padding:2px 0;transition:color .12s}.post-page__comment-link:hover:not(:disabled){color:var(--color-ink)}.post-page__comment-link:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.post-page__comment-link:disabled{opacity:.5;cursor:default}.post-page__reply-form{margin-top:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.post-page__comment-edit{gap:var(--space-2);flex-direction:column;display:flex}.post-page__comment-input--inline{min-height:56px;font-size:var(--font-size-sm);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.post-page__comment-input--inline:focus{border-color:var(--color-ink)}[data-theme=dark] .post-page__comment-input--inline{background-color:var(--color-surface)}.post-page__comment-edit-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.post-page__skeleton{padding-top:var(--space-2);flex-direction:column;display:flex}.post-page__skeleton-pill,.post-page__skeleton-title,.post-page__skeleton-meta,.post-page__skeleton-avatar,.post-page__skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-hover) 50%, var(--color-surface) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite post-shimmer}.post-page__skeleton-pill{border-radius:var(--radius-full);width:90px;height:24px;margin-bottom:var(--space-5)}.post-page__skeleton-title{height:34px;margin-bottom:var(--space-3)}.post-page__skeleton-title--short{width:62%;margin-bottom:var(--space-5)}.post-page__skeleton-author{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.post-page__skeleton-avatar{border-radius:var(--radius-full);flex-shrink:0;width:42px;height:42px}.post-page__skeleton-meta{width:180px;height:14px}.post-page__skeleton-line{height:15px;margin-bottom:var(--space-4)}.post-page__skeleton-line--short{width:72%;margin-bottom:0}@keyframes post-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.post-page__not-found{text-align:center;max-width:480px;padding:var(--space-24) var(--space-6);flex-direction:column;align-items:center;margin:0 auto;display:flex}.post-page__not-found-kicker{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.2em;color:var(--color-subtle);margin-bottom:var(--space-3)}.post-page__not-found h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);text-wrap:balance}.post-page__not-found p{font-size:var(--font-size-base);color:var(--color-muted);margin-bottom:var(--space-8);line-height:1.9}@media (width<=768px){.post-page__container{padding-top:var(--space-5);padding-bottom:var(--space-16)}.post-page__topbar{margin-bottom:var(--space-6)}.post-page__body{font-size:1.0625rem}.post-page__cover img{max-height:280px}}@media (width<=480px){.post-page__container{padding-left:var(--space-4);padding-right:var(--space-4);padding-top:var(--space-4)}.post-page__share-top span{display:none}.post-page__share-top{justify-content:center;min-width:38px;padding:8px 10px}.post-page__title{line-height:1.45}.post-page__lede{font-size:var(--font-size-base)}.post-page__avatar{width:38px;height:38px}.post-page__body{padding-top:var(--space-6)}.post-page__body,.post-page__body p{font-size:1rem;line-height:1.95}.post-page__cover{margin-bottom:var(--space-6)}.post-page__cover img{max-height:220px}.post-page__body h2{font-size:1.2rem}.post-page__body h3{font-size:1.1rem}.post-page__actions{justify-content:space-around;width:100%}.post-page__hint{text-align:center}.post-page__comment-box{gap:var(--space-2)}.post-page__comment-avatar{width:32px;height:32px}.post-page__comment-hint{display:none}.post-page__comment-actions{justify-content:flex-end}.post-page__comment-signin{text-align:center;flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.post-page{animation:none}.post-page__progress span{transition:none}.post-page__skeleton-pill,.post-page__skeleton-title,.post-page__skeleton-meta,.post-page__skeleton-avatar,.post-page__skeleton-line{animation:none}.post-page__spinner{border-top-color:var(--color-border);animation:none}.post-page__back,.post-page__share-top,.post-page__action{transition:none}}.social-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.social-links__chip{width:32px;height:32px;min-height:32px;color:var(--color-muted);background-color:#0000;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.social-links__chip:hover{color:var(--color-ink);background-color:#0000;border-color:#0000;text-decoration:none}.social-links__chip:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.social-links__chip svg{flex-shrink:0;display:block}@media (width<=480px){.social-links{justify-content:center}}.social-editor__overlay{z-index:400;padding:var(--space-4);background-color:#00000073;justify-content:center;align-items:center;animation:.15s ease-out social-editor-fade;display:flex;position:fixed;inset:0}@keyframes social-editor-fade{0%{opacity:0}to{opacity:1}}.social-editor{background-color:var(--color-white);border:var(--border);width:100%;max-width:480px;max-height:min(90vh,640px);padding:var(--space-6);border-radius:16px;animation:.18s ease-out social-editor-pop;overflow-y:auto;box-shadow:0 24px 48px -12px #00000040,0 8px 16px -8px #0000001a}@keyframes social-editor-pop{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.social-editor__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.social-editor__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-ink);margin:0 0 4px;line-height:1.3}.social-editor__subtitle{font-size:var(--font-size-sm);color:var(--color-muted);margin:0;line-height:1.6}.social-editor__close{border-radius:var(--radius-full);width:34px;height:34px;color:var(--color-subtle);flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,background-color .12s;display:inline-flex}.social-editor__close:hover{color:var(--color-ink);background-color:var(--color-hover)}.social-editor__close:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.social-editor__count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-muted);background-color:var(--color-surface);border:var(--border);border-radius:var(--radius-full);padding:3px var(--space-3);margin-bottom:var(--space-4);display:inline-block}.social-editor__empty{font-size:var(--font-size-sm);color:var(--color-muted);background-color:var(--color-surface);border:var(--border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;margin:0 0 var(--space-4);line-height:1.7}.social-editor__list{gap:var(--space-4);margin-bottom:var(--space-4);flex-direction:column;display:flex}.social-editor__row{border:var(--border);border-radius:var(--radius-md);padding:var(--space-3);background-color:#0000}.social-editor__row-top{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.social-editor__field{flex:1;min-width:0}.social-editor__select-wrap{align-items:center;display:flex;position:relative}.social-editor__select-icon{color:var(--color-muted);pointer-events:none;line-height:0;display:inline-flex;position:absolute;inset-inline-start:10px}.social-editor__select{width:100%;min-height:42px;font-family:var(--font-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ink);background-color:var(--color-surface);border:var(--border);border-radius:var(--radius-sm);padding:8px var(--space-3);cursor:pointer;outline:none;padding-inline-start:34px}.social-editor__select:focus{border-color:var(--color-ink)}.social-editor__remove{border-radius:var(--radius-sm);width:42px;height:42px;color:var(--color-subtle);flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,background-color .12s;display:inline-flex}.social-editor__remove:hover{color:#e11d48;background-color:var(--color-hover)}.social-editor__remove:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.social-editor__input{width:100%;min-height:42px;font-family:var(--font-base);font-size:var(--font-size-sm);color:var(--color-ink);background-color:var(--color-white);border:var(--border);border-radius:var(--radius-sm);padding:8px var(--space-3);text-align:left;outline:none}.social-editor__input::placeholder{color:var(--color-subtle)}.social-editor__input:focus{border-color:var(--color-ink)}.social-editor__input--error{border-color:#e11d48}.social-editor__row-error{font-size:var(--font-size-xs);color:#e11d48;margin:6px 0 0;line-height:1.6}.social-editor__hint{font-size:var(--font-size-xs);color:var(--color-subtle);margin:6px 0 0;line-height:1.6}.social-editor__form-error{font-size:var(--font-size-sm);color:#e11d48;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-4);background-color:#e11d4814;border:1px solid #e11d484d;line-height:1.7}.social-editor__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:var(--border);flex-wrap:wrap;display:flex}.social-editor__footer-actions{align-items:center;gap:var(--space-2);display:flex}.social-editor__save-inner{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.social-editor__save-inner svg{display:block}@media (width<=480px){.social-editor__overlay{padding:var(--space-3);align-items:flex-end}.social-editor{max-width:100%;padding:var(--space-5) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0}.social-editor__footer{flex-direction:column;align-items:stretch}.social-editor__footer>.btn,.social-editor__footer-actions{width:100%}.social-editor__footer-actions>.btn{flex:1}}@media (prefers-reduced-motion:reduce){.social-editor__overlay,.social-editor{animation:none}}.avatar-preview-backdrop{z-index:300;padding:var(--space-6);-webkit-backdrop-filter:blur(6px);background-color:#000000b8;justify-content:center;align-items:center;animation:.18s ease-out avatar-preview-fade;display:flex;position:fixed;inset:0}@keyframes avatar-preview-fade{0%{opacity:0}to{opacity:1}}.avatar-preview__close{top:max(16px, env(safe-area-inset-top));border-radius:var(--radius-full);color:#e5e5e5;cursor:pointer;background-color:#ffffff1f;border:1px solid #ffffff29;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s,transform .15s;display:inline-flex;position:fixed;inset-inline-end:max(16px, env(safe-area-inset-left))}.avatar-preview__close:hover{background-color:#ffffff38}.avatar-preview__close:active{transform:scale(.94)}.avatar-preview__close:focus-visible{outline-offset:2px;outline:2px solid #fff}.avatar-preview__close svg{display:block}.avatar-preview__figure{align-items:center;gap:var(--space-4);flex-direction:column;max-width:100%;margin:0;animation:.22s ease-out avatar-preview-pop;display:flex}@keyframes avatar-preview-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.avatar-preview__image{aspect-ratio:1;border-radius:var(--radius-full);object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:1px solid #ffffff40;width:min(72vw,300px);display:block;box-shadow:0 0 0 6px #ffffff14,0 24px 64px -16px #0009}.avatar-preview__caption{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fafafa;text-align:center;overflow-wrap:break-word;max-width:min(80vw,340px);line-height:1.5}@media (width<=480px){.avatar-preview-backdrop{padding:var(--space-4)}.avatar-preview__image{width:min(76vw,260px)}.avatar-preview__close{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.avatar-preview-backdrop,.avatar-preview__figure{animation:none}.avatar-preview__close{transition:none}.avatar-preview__close:active{transform:none}}.profile-page{flex:1}.profile-page__container{max-width:var(--content-width);padding:var(--space-10) var(--page-padding) var(--space-20);margin:0 auto}.profile-page__back{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);padding:var(--space-2) var(--space-3);margin-inline-start:calc(-1 * var(--space-3));margin-bottom:var(--space-8);border-radius:var(--radius-full);text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.profile-page__back:hover{color:var(--color-ink);background-color:var(--color-surface);text-decoration:none}.profile-page__back:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.profile-page__back svg{flex-shrink:0;display:block}.profile-page__back--centered{margin-bottom:0}.profile-page__header{align-items:flex-start;gap:var(--space-5);padding:var(--space-2) 0 var(--space-8);margin-bottom:var(--space-8);border-bottom:var(--border);min-width:0;display:flex}.profile-page__avatar{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);width:88px;height:88px;box-shadow:0 0 0 4px var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-page__avatar-image{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%;display:block}button.profile-page__avatar{font:inherit;cursor:zoom-in;padding:0;transition:transform .15s,box-shadow .15s}button.profile-page__avatar:hover{transform:scale(1.04)}button.profile-page__avatar:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.profile-page__avatar-fallback{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-muted);-webkit-user-select:none;user-select:none;line-height:1}.profile-page__identity{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding-top:2px;display:flex}.profile-page__name{align-items:center;gap:var(--space-2);font-size:1.375rem;font-weight:var(--font-weight-semibold);color:var(--color-ink);letter-spacing:var(--letter-spacing-tight);overflow-wrap:break-word;text-wrap:balance;flex-wrap:wrap;margin:0;line-height:1.3;display:flex}.profile-page__handle{font-size:var(--font-size-sm);color:var(--color-subtle);overflow-wrap:break-word;line-height:1.5}.profile-page__social{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex-shrink:0;margin-inline-start:auto;padding-top:4px;display:flex}.profile-page__social .profile-page__social-edit{margin-top:0}.profile-page__social-edit{min-height:32px;margin-top:var(--space-2);padding:4px var(--space-3);border-radius:var(--radius-full);color:var(--color-muted);font-family:var(--font-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:6px;line-height:1.4;transition:color .15s,background-color .15s;display:inline-flex}.profile-page__social-edit:hover{color:var(--color-ink);background-color:var(--color-surface)}.profile-page__social-edit:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.profile-page__social-edit svg{flex-shrink:0;display:block}.profile-page__stats{margin-top:var(--space-3);flex-wrap:wrap;align-items:stretch;display:flex}.profile-page__stat{border-inline-end:1px solid var(--color-border);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;margin-inline-end:var(--space-4);padding-inline-end:var(--space-4);display:inline-flex}.profile-page__stat:last-child{border-inline-end:none;margin-inline-end:0;padding-inline-end:0}.profile-page__stat-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-ink);line-height:1.3}.profile-page__stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-subtle);line-height:1.4}.profile-page__follow{margin-top:var(--space-4)}.profile-page__follow .btn{border-radius:var(--radius-full);min-width:132px}.profile-page__follow-inner{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.profile-page__follow-inner svg{flex-shrink:0;display:block}.profile-page__section-title{align-items:baseline;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted);margin-bottom:var(--space-4);display:flex}.profile-page__count{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-subtle);font-variant-numeric:tabular-nums}.profile-page__list{flex-direction:column;gap:0;display:flex}.profile-page__empty{align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-12) var(--space-4);border:var(--border);background-color:#0000;border-radius:16px;flex-direction:column;display:flex}.profile-page__empty p{font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--line-height-base);text-wrap:balance;margin:0}.profile-page__skeleton{text-align:center;padding-top:var(--space-8);flex-direction:column;align-items:center;display:flex}.profile-page__skeleton-avatar,.profile-page__skeleton-name,.profile-page__skeleton-handle,.profile-page__skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-hover) 50%, var(--color-surface) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite profile-page-shimmer}.profile-page__skeleton-avatar{border-radius:var(--radius-full);width:88px;height:88px;margin-bottom:var(--space-4)}.profile-page__skeleton-name{width:180px;height:24px;margin-bottom:var(--space-2)}.profile-page__skeleton-handle{width:120px;height:16px;margin-bottom:var(--space-8)}.profile-page__skeleton-line{width:100%;height:120px;margin-bottom:var(--space-4);border-radius:16px}.profile-page__skeleton-line--short{width:100%;margin-bottom:0}@keyframes profile-page-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-page__not-found{text-align:center;padding:var(--space-24) var(--page-padding);max-width:var(--content-width);margin:0 auto}.profile-page__not-found h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-ink);margin-bottom:var(--space-4);text-wrap:balance}.profile-page__not-found p{font-size:var(--font-size-base);color:var(--color-muted);margin-bottom:var(--space-8)}@media (width<=768px){.profile-page__container{padding-top:var(--space-8);padding-bottom:var(--space-16)}.profile-page__back{margin-bottom:var(--space-6)}.profile-page__header{padding-bottom:var(--space-6);margin-bottom:var(--space-6)}}@media (width<=480px){.profile-page__container{padding-top:var(--space-6);padding-bottom:var(--space-12)}.profile-page__header{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column}.profile-page__avatar{width:76px;height:76px}.profile-page__avatar-fallback{font-size:var(--font-size-xl)}.profile-page__identity{align-items:center}.profile-page__social{align-items:center;margin-inline-start:0;padding-top:0}.profile-page__name{font-size:var(--font-size-lg);justify-content:center}.profile-page__stats{justify-content:center}.profile-page__follow{width:100%;max-width:280px}.profile-page__follow .btn{width:100%;min-width:0}.profile-page__empty{padding:var(--space-8) var(--space-4)}}@media (prefers-reduced-motion:reduce){.profile-page__skeleton-avatar,.profile-page__skeleton-name,.profile-page__skeleton-handle,.profile-page__skeleton-line{animation:none}.profile-page__back,button.profile-page__avatar{transition:none}button.profile-page__avatar:hover{transform:none}}.saved-page{background-color:var(--color-white);flex:1}.saved-page__wrapper{max-width:720px;padding:0 var(--space-6);margin:0 auto}.saved-page__bar{padding:var(--space-5) 0 0;justify-content:space-between;align-items:center;display:flex}.saved-page__list{padding-top:var(--space-5);padding-bottom:var(--space-20);flex-direction:column;gap:0;display:flex}.saved-page__status{text-align:center;color:var(--color-muted);font-size:var(--font-size-sm);padding:2rem 0}.saved-page__empty-list{align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-10) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.saved-page__empty-list p{font-size:var(--font-size-sm);color:var(--color-muted);margin:0;line-height:1.9}.saved-page__back{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);padding:var(--space-2) var(--space-3);margin-top:var(--space-4);border-radius:var(--radius-full);transition:color .15s,background-color .15s;display:inline-flex}.saved-page__back:hover{color:var(--color-ink);background-color:var(--color-surface);text-decoration:none}.saved-page__back:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.saved-page__back svg{flex-shrink:0;display:block}.saved-page__empty{align-items:center;gap:var(--space-4);text-align:center;max-width:480px;padding:var(--space-24) var(--space-6);flex-direction:column;margin:0 auto;display:flex}.saved-page__empty h1{font-size:var(--font-size-2xl);margin:0}.saved-page__empty p{font-size:var(--font-size-base);color:var(--color-muted);margin:0;line-height:1.9}@media (width<=768px){.saved-page__wrapper{padding:0 var(--space-4)}}@media (width<=480px){.saved-page__wrapper{padding:0 var(--space-4)}.saved-page__empty{padding:var(--space-16) var(--space-4)}}.notifications-page{background-color:var(--color-white);flex:1}.notifications-page__wrapper{max-width:720px;padding:0 var(--space-6);margin:0 auto}.notifications-page__bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5) 0 0;display:flex}.notifications-page__mark-all{font-family:var(--font-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-muted);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 10px;transition:color .12s,background-color .12s}.notifications-page__mark-all:hover{color:var(--color-ink);background-color:var(--color-surface)}.notifications-page__mark-all:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.notifications-page__list{padding-top:var(--space-4);padding-bottom:var(--space-20);flex-direction:column;gap:0;display:flex}.notifications-page__status{text-align:center;color:var(--color-muted);font-size:var(--font-size-sm);padding:2rem 0}.notifications-page__empty-list{align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-10) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.notifications-page__empty-list p{font-size:var(--font-size-sm);color:var(--color-muted);margin:0;line-height:1.9}.notifications-page__item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-2);border-radius:var(--radius-md);text-decoration:none;transition:background-color .12s;display:flex}.notifications-page__item+.notifications-page__item{border-top:1px solid var(--color-border);border-radius:0}.notifications-page__item:hover{background-color:var(--color-surface);text-decoration:none}.notifications-page__item:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.notifications-page__avatar{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);width:38px;height:38px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.notifications-page__item:hover .notifications-page__avatar{background-color:var(--color-white)}[data-theme=dark] .notifications-page__item:hover .notifications-page__avatar{background-color:var(--color-hover)}.notifications-page__avatar img{object-fit:cover;width:100%;height:100%;display:block}.notifications-page__content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notifications-page__text{font-size:var(--font-size-sm);color:var(--color-muted);overflow-wrap:break-word;line-height:1.8}.notifications-page__text strong{font-weight:var(--font-weight-semibold);color:var(--color-ink)}.notifications-page__post{color:var(--color-subtle)}.notifications-page__date{font-size:var(--font-size-xs);color:var(--color-subtle);font-variant-numeric:tabular-nums}.notifications-page__dot{border-radius:var(--radius-full);background-color:var(--color-ink);flex-shrink:0;width:8px;height:8px;margin-top:8px}.notifications-page__empty{align-items:center;gap:var(--space-4);text-align:center;max-width:480px;padding:var(--space-24) var(--space-6);flex-direction:column;margin:0 auto;display:flex}.notifications-page__empty h1{font-size:var(--font-size-2xl);margin:0}.notifications-page__empty p{font-size:var(--font-size-base);color:var(--color-muted);margin:0;line-height:1.9}@media (width<=768px){.notifications-page__wrapper{padding:0 var(--space-4)}}@media (width<=480px){.notifications-page__wrapper{padding:0 var(--space-4)}.notifications-page__empty{padding:var(--space-16) var(--space-4)}}.chat{background-color:var(--color-white);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.chat__layout{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:360px minmax(0,1fr);width:100%;max-width:none;height:calc(100dvh - 48px);min-height:480px;margin:0;padding:0;display:grid;overflow:hidden}.chat__sidebar,.chat__thread-wrap{background-color:var(--color-white);min-width:0;min-height:0}.chat__sidebar{border-inline-end:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.chat__thread-wrap{background-color:var(--color-white);flex-direction:column;display:flex;position:relative;overflow:hidden}.chat__search{padding:var(--space-3) var(--space-3) var(--space-2);position:relative}.chat__search-field{align-items:center;min-width:0;display:flex;position:relative}.chat__search-icon{color:var(--color-subtle);pointer-events:none;display:inline-flex;position:absolute;inset-inline-start:12px}.chat__search-input{width:100%;height:40px;font-family:var(--font-base);font-size:var(--font-size-sm);color:var(--color-ink);background-color:var(--color-surface);border-radius:var(--radius-full);border:1px solid #0000;padding-inline:36px;transition:background-color .15s,border-color .15s}.chat__search-input::placeholder{color:var(--color-subtle)}.chat__search-input:focus{border-color:var(--color-ink);background-color:var(--color-white);outline:none}.chat__search-input::-webkit-search-cancel-button{display:none}.chat__search-clear{width:26px;height:26px;color:var(--color-muted);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:8px}.chat__search-clear:hover{background-color:var(--color-border);color:var(--color-ink)}.chat__search-spinner{border-radius:var(--radius-full);border:2px solid var(--color-border);border-top-color:var(--color-ink);width:16px;height:16px;animation:.7s linear infinite chat-spin;position:absolute;inset-inline-end:12px}.chat__results{top:calc(100% - 2px);inset-inline:var(--space-3);z-index:30;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:2px;max-height:min(300px,50dvh);margin:0;padding:6px;list-style:none;display:flex;position:absolute;overflow-y:auto;box-shadow:0 12px 32px #0000001f}.chat__results-empty{top:calc(100% - 2px);inset-inline:var(--space-3);z-index:30;font-size:var(--font-size-sm);color:var(--color-muted);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;position:absolute;box-shadow:0 12px 32px #0000001f}.chat__result{align-items:center;gap:var(--space-2);width:100%;font-family:var(--font-base);text-align:start;border-radius:var(--radius-md);cursor:pointer;color:var(--color-ink);background:0 0;border:none;padding:8px;display:flex}.chat__result:hover:not(:disabled){background-color:var(--color-surface)}.chat__result:disabled{opacity:.6;cursor:wait}.chat__result-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat__result-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat__result-handle{font-size:var(--font-size-xs);color:var(--color-subtle)}.chat__result-state{font-size:var(--font-size-xs);color:var(--color-subtle);white-space:nowrap;flex-shrink:0}.chat__tabs{margin:0 var(--space-3) var(--space-2);border-radius:var(--radius-full);background-color:var(--color-surface);gap:2px;padding:3px;display:flex}.chat__tab{font-family:var(--font-base);font-size:var(--font-size-sm);color:var(--color-muted);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 4px;transition:background-color .15s,color .15s;display:inline-flex}.chat__tab:hover{color:var(--color-ink)}.chat__tab:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}.chat__tab--active{color:var(--color-ink);font-weight:var(--font-weight-semibold);background-color:var(--color-white);box-shadow:0 1px 3px #00000014}.chat__tab-count{color:#fff;border-radius:var(--radius-full);font-variant-numeric:tabular-nums;background-color:#d92d20;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}.chat__offline-bar{align-items:center;gap:var(--space-2);margin:0 var(--space-3) var(--space-2);font-size:var(--font-size-xs);color:#8a5a00;border-radius:var(--radius-md);background-color:#fff7e6;padding:8px 12px;line-height:1.7;display:flex}[data-theme=dark] .chat__offline-bar{color:#ffd98a;background-color:#2a2108}.chat__offline-dot{border-radius:var(--radius-full);background-color:#d92d20;flex-shrink:0;width:8px;height:8px}.chat__convs{min-height:0;padding:0 var(--space-2) var(--space-2);overscroll-behavior:contain;flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.chat__conv{align-items:center;gap:var(--space-3);width:100%;font-family:var(--font-base);text-align:start;border-radius:var(--radius-md);cursor:pointer;color:var(--color-ink);background:0 0;border:none;padding:10px;transition:background-color .12s;display:flex}.chat__conv:hover,.chat__conv--active{background-color:var(--color-surface)}.chat__conv:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.chat__conv-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.chat__conv-top{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.chat__conv-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat__conv--unread .chat__conv-name{font-weight:700}.chat__conv-time{font-size:var(--font-size-xs);color:var(--color-subtle);font-variant-numeric:tabular-nums;flex-shrink:0}.chat__conv-bottom{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.chat__conv-preview{min-width:0;font-size:var(--font-size-xs);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chat__conv--unread .chat__conv-preview{color:var(--color-ink);font-weight:var(--font-weight-medium)}.chat__unread-badge{color:#fff;border-radius:var(--radius-full);font-variant-numeric:tabular-nums;background-color:#d92d20;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}.chat__empty-convs{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-muted);font-size:var(--font-size-sm);gap:var(--space-2);flex-direction:column;align-items:center;line-height:1.9;list-style:none;display:flex}.chat__empty-convs p{margin:0}.chat__empty-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink);margin:0}.chat__avatar{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.chat__avatar img{object-fit:cover;width:100%;height:100%;display:block}.chat__thread-head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-white);flex-shrink:0;display:flex}.chat__back{width:36px;height:36px;color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;display:none}.chat__back:hover{background-color:var(--color-surface)}[dir=rtl] .chat__back svg{transform:scaleX(-1)}.chat__thread-peer{min-width:0;font-size:var(--font-size-sm);color:var(--color-ink);flex-direction:column;flex:1;gap:1px;display:flex}.chat__thread-peer strong{text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.chat__thread-status{font-size:var(--font-size-xs);color:var(--color-subtle);align-items:center;gap:6px;line-height:1.4;display:inline-flex}.chat__status-dot{border-radius:var(--radius-full);background-color:var(--color-subtle);flex-shrink:0;width:7px;height:7px}.chat__status-dot--live{background-color:#12805c}.chat__status-dot--connecting{background-color:#e89b00;animation:1.2s ease-in-out infinite chat-pulse}.chat__status-dot--offline{background-color:#d92d20}@keyframes chat-pulse{0%,to{opacity:1}50%{opacity:.35}}.chat__error{align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-4) 0;font-size:var(--font-size-sm);color:#8a1f1f;border-radius:var(--radius-md);background-color:#fdecec;padding:9px 12px;display:flex}[data-theme=dark] .chat__error{color:#ffb4b4;background-color:#2a1212}.chat__error-text{flex:1;min-width:0}.chat__error-retry{font-family:var(--font-base);font-size:var(--font-size-sm);color:inherit;white-space:nowrap;flex-shrink:0;text-decoration:underline}.chat__error-close{width:24px;height:24px;color:inherit;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat__error-close:hover{background-color:#0000000f}.chat__thread{min-height:0;padding:var(--space-4);padding-bottom:var(--space-6);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.chat__day{margin:var(--space-4) 0 var(--space-3);justify-content:center;display:flex}.chat__day span{font-size:var(--font-size-xs);color:var(--color-subtle);background-color:var(--color-surface);border-radius:var(--radius-full);white-space:nowrap;padding:3px 14px}.chat__msg{margin-top:var(--space-3);justify-content:flex-start;display:flex}.chat__msg--grouped{margin-top:3px}.chat__msg--mine{justify-content:flex-end}.chat__bubble{border-radius:18px;background-color:var(--color-surface);border:1px solid var(--color-border);overflow-wrap:break-word;word-break:break-word;border-start-start-radius:6px;flex-direction:column;gap:2px;max-width:min(75%,480px);padding:9px 13px;display:flex}.chat__msg--mine .chat__bubble{background-color:var(--color-ink);border-color:var(--color-ink);color:var(--color-white);border-start-start-radius:18px;border-start-end-radius:6px}.chat__text{font-size:var(--font-size-sm);white-space:pre-wrap;line-height:1.8}.chat__undecryptable{font-size:var(--font-size-xs);color:var(--color-subtle);font-style:italic}.chat__broken{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.chat__retry{font-family:var(--font-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:inherit;text-underline-offset:2px;cursor:pointer;opacity:.85;white-space:nowrap;padding:0;text-decoration:underline}.chat__retry:hover:not(:disabled){opacity:1}.chat__retry:disabled{cursor:wait;opacity:.6}.chat__msg--mine .chat__undecryptable{color:inherit;opacity:.8}.chat__msg-foot{align-items:center;gap:var(--space-2);opacity:.7;font-size:.68rem;line-height:1.5;display:flex}.chat__msg-foot time{font-variant-numeric:tabular-nums}.chat__delete{color:inherit;cursor:pointer;opacity:0;background:0 0;border:none;align-items:center;padding:0;transition:opacity .12s;display:inline-flex}.chat__msg:hover .chat__msg-foot .chat__delete,.chat__msg:focus-within .chat__msg-foot .chat__delete,.chat__delete--confirm{opacity:.85}.chat__delete:disabled{cursor:wait}.chat__delete--confirm{color:#ff9d9d;font-size:.68rem;font-weight:700}@media (hover:none){.chat__delete{opacity:.7}}.chat__jump{z-index:5;font-family:var(--font-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-white);background-color:var(--color-ink);border:1px solid var(--color-ink);border-radius:var(--radius-full);cursor:pointer;margin-top:var(--space-3);white-space:nowrap;align-self:center;align-items:center;gap:4px;padding:8px 16px;display:inline-flex;position:sticky;bottom:8px;box-shadow:0 6px 20px #0003}.chat__composer{align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background-color:var(--color-white);flex-shrink:0;display:flex}.chat__input{min-width:0;font-family:var(--font-base);font-size:var(--font-size-sm);color:var(--color-ink);background-color:var(--color-surface);resize:none;scrollbar-width:none;-ms-overflow-style:none;border:1px solid #0000;border-radius:20px;flex:1;min-height:44px;max-height:140px;padding:10px 16px;line-height:1.7;transition:background-color .15s,border-color .15s;overflow-y:auto}.chat__input::-webkit-scrollbar{display:none}.chat__input::placeholder{color:var(--color-subtle)}.chat__input:focus{border-color:var(--color-ink);background-color:var(--color-white);outline:none}.chat__send{color:#fff;background-color:var(--color-ink);border:1px solid var(--color-ink);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .15s,transform .1s;display:inline-flex}[dir=rtl] .chat__send svg{transform:scaleX(-1)}.chat__send:hover:not(:disabled){opacity:.88}.chat__send:active:not(:disabled){transform:scale(.95)}.chat__send:disabled{opacity:.3;cursor:not-allowed}.chat__send-spinner{border-radius:var(--radius-full);border:2px solid #ffffff59;border-top-color:#fff;width:16px;height:16px;animation:.7s linear infinite chat-spin}.chat__skeletons{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chat__skeleton-row{align-items:center;gap:var(--space-3);padding:10px;list-style:none;display:flex}.chat__skeleton-avatar,.chat__skeleton-line,.chat__skeleton-bubble{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-border) 50%, var(--color-surface) 75%);background-size:200% 100%;animation:1.3s ease-in-out infinite chat-shimmer}@keyframes chat-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chat__skeleton-avatar{border-radius:var(--radius-full);flex-shrink:0;width:48px;height:48px}.chat__skeleton-lines{flex-direction:column;flex:1;gap:6px;display:flex}.chat__skeleton-line{border-radius:6px;height:12px}.chat__skeleton-line--w60{width:60%}.chat__skeleton-line--w40{width:40%}.chat__skeletons--thread{gap:var(--space-3)}.chat__skeleton-bubble{border-radius:18px;width:62%;height:52px}.chat__skeleton-bubble--mine{align-self:flex-end;width:48%}.chat__no-active,.chat__empty-thread{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-8) var(--space-6);color:var(--color-muted);font-size:var(--font-size-sm);flex-direction:column;flex:1;line-height:1.9;display:flex}.chat__no-active p,.chat__empty-thread p{margin:0}.chat__no-active-icon{width:64px;height:64px;margin-bottom:var(--space-2);color:var(--color-subtle);background-color:var(--color-surface);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.chat__e2ee-note{font-size:var(--font-size-xs);color:var(--color-subtle)}.chat__loading{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-24) var(--space-6);color:var(--color-muted);font-size:var(--font-size-sm);flex-direction:column;display:flex}.chat__spinner{border-radius:var(--radius-full);border:3px solid var(--color-border);border-top-color:var(--color-ink);width:34px;height:34px;animation:.8s linear infinite chat-spin}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat__gate{align-items:center;gap:var(--space-4);text-align:center;max-width:440px;padding:var(--space-24) var(--space-6);flex-direction:column;margin:0 auto;display:flex}.chat__gate-icon{width:64px;height:64px;color:var(--color-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.chat__gate h1{font-size:var(--font-size-xl);margin:0}.chat__gate p{font-size:var(--font-size-base);color:var(--color-muted);margin:0;line-height:1.9}@media (width<=1100px) and (width>=861px){.chat__layout{border-radius:var(--radius-md);grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - 48px);min-height:440px}.chat__bubble{max-width:min(80%,420px)}}@media (width<=860px){.chat__layout{border:none;border-radius:0;grid-template-columns:1fr;height:calc(100svh - 132px)}.chat__sidebar,.chat__thread-wrap{border:none}.chat--thread-open .chat__sidebar,.chat__thread-wrap{display:none}.chat--thread-open .chat__thread-wrap{min-height:0;display:flex}.chat:not(.chat--thread-open) .chat__thread-wrap{display:none}.chat:not(.chat--thread-open) .chat__sidebar{display:flex}.chat__back{display:inline-flex}.chat__bubble{max-width:min(85%,380px)}}@media (width<=480px){.chat__layout{height:calc(100svh - 118px)}.chat__search{padding:var(--space-2) var(--space-2) var(--space-2)}.chat__tabs,.chat__offline-bar{margin:0 var(--space-2) var(--space-2)}.chat__thread{padding:var(--space-3);padding-bottom:var(--space-6)}.chat__thread-head{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.chat__error{margin:var(--space-2) var(--space-3) 0}.chat__composer{padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));gap:8px}.chat__send{width:42px;height:42px}.chat__bubble{max-width:88%;padding:8px 12px}.chat__conv{padding:9px 8px}}@media (prefers-reduced-motion:reduce){.chat__skeleton-avatar,.chat__skeleton-line,.chat__skeleton-bubble,.chat__search-spinner,.chat__send-spinner,.chat__status-dot--connecting{animation:none}}.people-page{flex:1}.people-page__container{max-width:var(--content-width);padding:var(--space-10) var(--page-padding) var(--space-20);margin:0 auto}.people-page__header{margin-bottom:var(--space-2);padding:var(--space-2) 0 var(--space-8)}.people-page__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-subtle);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-2);display:block}.people-page__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-ink);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.people-page__subtitle{font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--line-height-base);margin:0}.people-page__list{margin:0;padding:0;list-style:none}.people-page__item{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-2);margin:0 calc(-1 * var(--space-2));border-top:var(--border);border-radius:var(--radius-md);min-width:0;transition:background-color .12s;display:flex}.people-page__item:last-child{border-bottom:var(--border)}.people-page__item:hover{background-color:var(--color-surface)}.people-page__who{align-items:center;gap:var(--space-3);min-width:0;color:inherit;flex:1;text-decoration:none;display:flex}.people-page__who:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.people-page__avatar{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.people-page__item:hover .people-page__avatar{border-color:var(--color-subtle)}.people-page__avatar img{object-fit:cover;width:100%;height:100%;display:block}.people-page__avatar-fallback{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-muted);-webkit-user-select:none;user-select:none;line-height:1}.people-page__identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.people-page__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.people-page__meta{font-size:var(--font-size-xs);color:var(--color-subtle);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;line-height:1.5;display:flex;overflow:hidden}.people-page__dot{-webkit-user-select:none;user-select:none}.people-page__follow{min-height:34px;padding:0 var(--space-4);border:1px solid var(--color-ink);border-radius:var(--radius-full);color:var(--color-ink);font-family:var(--font-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;flex-shrink:0;line-height:1;transition:background-color .12s,color .12s,border-color .12s,opacity .12s}.people-page__follow:hover{background-color:var(--color-ink);color:var(--color-white)}.people-page__follow:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.people-page__follow:disabled{opacity:.55;cursor:wait}.people-page__follow--following{border-color:var(--color-border);color:var(--color-muted)}.people-page__follow--following:hover{border-color:var(--color-subtle);color:var(--color-ink);background-color:#0000}.people-page__empty{padding:var(--space-12) var(--space-4);text-align:center;border-top:var(--border)}.people-page__empty p{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.people-page__skeleton{align-items:center;gap:var(--space-3);padding:var(--space-4) 0;border-top:var(--border);display:flex}.people-page__skeleton:last-child{border-bottom:var(--border)}.people-page__skeleton-avatar,.people-page__skeleton-name,.people-page__skeleton-meta,.people-page__skeleton-btn{background-color:var(--color-surface);animation:1.2s ease-in-out infinite alternate people-page-pulse}.people-page__skeleton-avatar{border-radius:var(--radius-full);flex-shrink:0;width:52px;height:52px}.people-page__skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.people-page__skeleton-name{border-radius:var(--radius-sm);width:130px;height:14px}.people-page__skeleton-meta{border-radius:var(--radius-sm);width:180px;height:11px}.people-page__skeleton-btn{border-radius:var(--radius-full);flex-shrink:0;width:72px;height:34px}@keyframes people-page-pulse{0%{opacity:1}to{opacity:.45}}@media (width<=768px){.people-page__container{padding-top:var(--space-8)}}@media (width<=480px){.people-page__container{max-width:100%;padding-top:var(--space-6);padding-bottom:var(--space-12)}.people-page__title{font-size:var(--font-size-xl)}.people-page__item{gap:var(--space-3)}.people-page__avatar{width:46px;height:46px}.people-page__name{font-size:var(--font-size-sm)}.people-page__follow{min-height:32px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.people-page__skeleton-btn{width:64px}}@media (prefers-reduced-motion:reduce){.people-page__item,.people-page__follow{transition:none}.people-page__skeleton-avatar,.people-page__skeleton-name,.people-page__skeleton-meta,.people-page__skeleton-btn{animation:none}}