:root{--font-family-sans:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;color-scheme:light dark}*{box-sizing:border-box}body,html{overflow:hidden;overflow-x:hidden;margin:0;padding:0;width:100%;max-width:100%;height:100vh}body{font-family:var(--font-family-sans);background:var(--color-bg-canvas);color:var(--color-fg);line-height:1.5;transition:background .2s ease,color .2s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}a{text-decoration:none}a,a:focus,a:hover{color:var(--color-accent-brand)}a:focus,a:hover{background:var(--color-bg-muted)}button,input,textarea{font-family:inherit}input,textarea{border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-fg);padding:var(--space-xs) var(--space-sm)}button,input,textarea{border-radius:var(--radius-sm)}button{border:1px solid transparent;background:transparent;color:inherit;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}.material-symbols-outlined{font-size:1em;display:inline-block}*{scrollbar-width:none}:hover{scrollbar-width:thin;scrollbar-color:var(--color-border-subtle,rgba(128,128,128,.4)) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}:hover::-webkit-scrollbar-thumb{background:rgba(128,128,128,.4)}::-webkit-scrollbar-thumb:hover{background:rgba(128,128,128,.6)}@supports (overflow:overlay){.layout-columns__feed,.layout-columns__left,.layout-columns__online,body,html{overflow-y:overlay}}.auto-hide-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent}.auto-hide-scrollbar:hover{scrollbar-color:rgba(155,155,155,.5) transparent}.auto-hide-scrollbar::-webkit-scrollbar{width:6px}.auto-hide-scrollbar::-webkit-scrollbar-track{background:transparent}.auto-hide-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.auto-hide-scrollbar:hover::-webkit-scrollbar-thumb{background:rgba(155,155,155,.5)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.home-shell{display:flex;flex-direction:column;gap:0;padding:0;background:var(--color-bg-canvas);width:100%;max-width:100%;height:100vh;max-height:100vh;overflow:hidden;overflow-x:hidden}.home-shell__top-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-xl);padding:var(--space-sm) var(--space-xl);border-radius:0;background:#1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.3);position:sticky;top:0;z-index:50;min-height:64px;width:100%}.home-shell__brand{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:1.25rem;color:#fff;min-width:120px;text-decoration:none}.home-shell__brand:focus,.home-shell__brand:hover{background:transparent}.home-shell__brand-logo{display:block;height:auto;max-width:100%}.home-shell__brand-logo--desktop{display:block}.home-shell__brand-logo--mobile{display:none}.home-shell__brand-mark{width:32px;height:32px;border-radius:var(--radius-pill);box-shadow:0 4px 12px rgba(236,72,153,.4)}.home-shell__brand-mark,.home-shell__brand-name{background:linear-gradient(135deg,#ec4899,#f43f5e)}.home-shell__brand-name{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.25rem}.home-shell__nav-center{display:flex;align-items:center;gap:var(--space-lg);flex:1;justify-content:center}.home-shell__nav-link,.home-shell__nav-primary{display:inline-flex;align-items:center;gap:var(--space-2xs)}.home-shell__nav-link{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:rgba(236,72,153,.15);border:1px solid transparent;font-weight:600;color:#fff;font-size:.95rem;transition:all .2s ease}.home-shell__nav-link-icon{font-size:1rem;display:inline-flex}.home-shell__nav-link:focus-visible,.home-shell__nav-link:hover{background:rgba(236,72,153,.25);border-color:rgba(236,72,153,.6);outline:none;transform:translateY(-1px)}.home-shell__search{display:flex;align-items:center;gap:var(--space-xs);background:rgba(255,255,255,.08);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);flex:1;max-width:500px}.home-shell__search input{width:100%;padding:0;background:transparent;border:none;color:#fff;font-size:.9rem}.home-shell__search input::-moz-placeholder{color:rgba(255,255,255,.5)}.home-shell__search input::placeholder{color:rgba(255,255,255,.5)}.home-shell__main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--color-bg-canvas)}.layout-columns{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:0;align-items:stretch;padding:0;margin:0;width:100%;max-width:100%;height:calc(100vh - 64px);overflow:hidden;overflow-x:hidden}.layout-columns__left{position:sticky;top:0;height:calc(100vh - 64px);overflow-y:auto;align-self:start;padding:var(--space-xl) var(--space-lg) var(--space-xl) var(--space-xl)}.layout-columns__feed{display:grid;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);overflow-y:auto;overflow-x:hidden;height:calc(100vh - 64px);align-content:start}.layout-columns__feed,.layout-columns__feed>*{max-width:100%;min-width:0}.layout-columns__online{position:sticky;top:0;height:calc(100vh - 64px);overflow-y:auto;align-self:start;border-left:1px solid var(--color-border-subtle)}@media (max-width:1279px){.layout-columns{grid-template-columns:minmax(0,1fr) 300px;padding:0}.layout-columns__left{display:none}.layout-columns__feed{padding:var(--space-lg)}}@media (max-width:1023px){.layout-columns{grid-template-columns:minmax(0,1fr);padding:0}.layout-columns__left,.layout-columns__online{position:static;display:none}.layout-columns__feed{order:1;padding:var(--space-md) 0}}@media (max-width:1024px){.layout-columns{grid-template-columns:1fr;padding:0 0 60px;margin:0;width:100%;max-width:100%;height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:thin}.layout-columns__left,.layout-columns__online,.layout-columns__right{display:none!important}.layout-columns__feed{padding:0!important;margin:0!important;gap:8px;width:100%;max-width:100%;min-width:0;height:auto;overflow:visible;box-sizing:border-box}.composer,.feed-post{border-radius:0!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.feed-column .bg-card,.feed-column .rounded-lg,.feed-column .rounded-xl,.feed-column [data-slot=card],.feed-column>[class*=rounded-],.feed-column>div>[class*=rounded-]{border-radius:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box;border-left:none!important;border-right:none!important}.feed-column>*{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}.feed-empty,.people-you-may-know{border-radius:0!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.feed-posts{margin:0;padding:0}.feed-column,.feed-posts{gap:8px;width:100%;max-width:100%;box-sizing:border-box}.feed-column{padding:0!important;margin:0!important}.feed-post__actions{flex-wrap:wrap;overflow:hidden}.feed-post__footer{overflow:hidden;max-width:100%}}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/MaterialSymbolsOutlined.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.feed-posts{display:grid;gap:var(--space-sm);width:100%}.feed-posts,.feed-posts>*{min-width:0;max-width:100%;overflow:hidden}.feed-column{display:grid;gap:var(--space-lg)}.feed-column>*{min-width:0}.feed-column__alert{padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-status-danger);background:rgba(239,68,68,.1);color:var(--color-status-danger)}.feed-column__list pre{margin:0;padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);overflow:auto}.feed-column__list pre,.feed-post{background:var(--color-bg-surface)}.feed-post{padding:var(--space-md);border-radius:8px;box-shadow:var(--shadow-card);display:grid;gap:var(--space-sm);min-width:0;max-width:100%;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.feed-post__header{display:flex;justify-content:space-between;align-items:flex-start}.feed-post__identity{display:flex;gap:var(--space-sm)}.feed-post__avatar{background:var(--color-bg-muted);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--color-fg)}.feed-post__avatar,.feed-post__avatar img{width:48px;height:48px;border-radius:var(--radius-pill)}.feed-post__avatar img{-o-object-fit:cover;object-fit:cover}.feed-post__meta{display:grid;gap:2px}.feed-post__author{margin:0;font-size:1rem;font-weight:700}.feed-post__time{font-size:.85rem;color:var(--color-fg-muted)}.feed-post__menu{width:36px;height:36px;border-radius:var(--radius-pill);border:none;background:var(--color-bg-muted);color:var(--color-fg);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.feed-post__menu svg{width:20px!important;height:20px!important;color:var(--color-fg)!important}.feed-post__menu:focus-visible,.feed-post__menu:hover{background:var(--color-accent-brand);outline:none}.feed-post__menu:focus-visible svg,.feed-post__menu:hover svg{color:#fff!important}.feed-post__body{display:grid;gap:var(--space-sm)}.feed-post__body--clickable{cursor:pointer}.feed-post__title{display:block;font-size:18px;font-weight:700;color:var(--color-fg);text-decoration:none;padding:var(--space-xs) var(--space-sm);margin:0 calc(-1 * var(--space-sm)) var(--space-xs);border-radius:var(--radius-md);transition:background .2s ease,color .2s ease}.feed-post__title:focus,.feed-post__title:hover{background:var(--color-bg-muted);color:var(--color-fg)}.feed-post__caption{margin:0;font-size:1rem;line-height:1.6;font-weight:400}.feed-post__caption--measure{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-post__caption-wrapper{position:relative}.feed-post__caption-wrapper--truncated .feed-post__caption{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-post__more-link{color:var(--color-fg-muted);font-weight:500;cursor:pointer;text-decoration:none;margin-top:4px;display:inline-block}.feed-post__more-link:hover{text-decoration:underline}.feed-post__footer{display:flex;flex-direction:column;gap:var(--space-sm)}.feed-post__metrics{display:flex;gap:var(--space-lg);flex-wrap:wrap}.feed-post__metric{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:.85rem;color:var(--color-fg-muted)}.feed-post__metric-value{font-weight:600;color:var(--color-fg)}.feed-post__actions{display:flex;gap:var(--space-2xs);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-xs);padding-top:var(--space-xs)}.feed-post__actions>*{flex:1;min-width:0}.feed-post__actions .reaction-picker-container{flex:1;min-width:0;display:flex}.feed-post__actions .reaction-picker__trigger{flex:1;justify-content:center}.reaction-picker-container{position:relative;display:inline-flex}.reaction-picker__trigger{display:flex;align-items:center;gap:6px;background:none;border:none;padding:8px 12px;cursor:pointer;font-size:14px;font-weight:600;color:var(--color-fg-muted);transition:background-color .2s,color .2s;border-radius:8px}.reaction-picker__trigger:hover:not(:disabled){background:var(--color-bg-muted)}.reaction-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.reaction-picker__trigger--active{color:var(--color-fg)}.reaction-picker__label--like{color:#1877F2}.reaction-picker__label--love{color:#F33E58}.reaction-picker__label--care,.reaction-picker__label--haha,.reaction-picker__label--sad,.reaction-picker__label--wow{color:#F7B125}.reaction-picker__label--angry{color:#E9710F}.reaction-picker__popup{display:flex;gap:6px;padding:6px;background:var(--color-bg-surface);border-radius:50px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1);z-index:100;border:1px solid var(--color-border-subtle)}.reaction-picker__popup,.reaction-picker__popup--mobile{animation:reactionPickerIn .2s cubic-bezier(.175,.885,.32,1.275)}.reaction-picker__popup--mobile{padding:8px 12px;gap:4px;border-radius:50px;background:var(--color-bg-surface,#1c1c1c);box-shadow:0 4px 20px rgba(0,0,0,.5);z-index:10001;width:auto;max-width:calc(100vw - 16px);flex-wrap:nowrap;justify-content:flex-start;border:1px solid var(--color-border-subtle,rgba(255,255,255,.1))}.reaction-picker__popup--mobile .reaction-picker__option{width:40px;height:40px}.reaction-picker__popup--mobile .reaction-picker__icon{width:36px;height:36px}@keyframes reactionPickerIn{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-picker__option{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;border-radius:50%;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.reaction-picker__icon{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.reaction-picker__option--hovered,.reaction-picker__option:hover{transform:scale(1.3) translateY(-8px);z-index:10}.reaction-picker__option--selected{transform:scale(1.1)}.reaction-picker__tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:white;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;white-space:nowrap;pointer-events:none;animation:tooltipIn .15s ease-out}@keyframes tooltipIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.feed-post__action{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-bg-muted);color:var(--color-fg);font-weight:600}.feed-post__action:focus-visible,.feed-post__action:hover{border-color:var(--color-border-focus);background:var(--color-bg-surface);outline:none}.feed-post__action-tab{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);border:none;background:transparent!important;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:4px;flex:1}.feed-empty,.feed-post__action-tab{gap:var(--space-xs);color:var(--color-fg-muted)}.feed-empty{display:grid;justify-items:center;padding:var(--space-xl);border-radius:8px;background:var(--color-bg-surface);box-shadow:var(--shadow-card);text-align:center}.feed-empty__icon{width:48px;height:48px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-accent-brand),var(--color-accent-secondary));display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-fg-inverse)}.feed-empty__hint{margin:0;color:var(--color-fg-muted);font-size:.9rem}.feed-skeleton{display:grid;gap:var(--space-md)}.feed-skeleton__card{padding:var(--space-md);border-radius:8px;background:var(--color-bg-surface);box-shadow:var(--shadow-card);display:grid;gap:var(--space-sm)}.feed-skeleton__footer,.feed-skeleton__header,.feed-skeleton__line{height:14px;border-radius:var(--radius-pill);background:linear-gradient(90deg,rgba(148,163,184,.18),rgba(71,85,105,.1) 50%,rgba(148,163,184,.18));background-size:200% 100%;animation:skeletonPulse 1.2s ease-in-out infinite}.feed-skeleton__line{height:12px}.feed-skeleton__line--short{width:60%}.feed-skeleton__footer{height:18px;margin-top:var(--space-xs)}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.feed-filters{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-surface);border-radius:8px;margin-bottom:var(--space-md)}.feed-filters__tabs{display:flex;gap:var(--space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.feed-filters__tabs::-webkit-scrollbar{display:none}.feed-filters__tab{padding:var(--space-xs) var(--space-md);border-radius:8px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease;background:var(--color-bg-muted);color:var(--color-fg)}.feed-filters__tab--active{background:var(--color-accent-brand);color:white}.feed-filters__tab:hover:not(.feed-filters__tab--active){background:var(--color-bg-canvas)}.feed-filters__select{padding:var(--space-xs) var(--space-md);border-radius:8px;border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-fg);cursor:pointer;outline:none;font-size:.9rem}.feed-status-bar{overflow:hidden}.feed-status-bar .status-bar{margin:0}.feed-status-bar .status-bar__container{padding:12px 16px}@media (max-width:1024px){.feed-status-bar{margin:0 -16px!important}.feed-status-bar .status-bar{border-radius:0!important;border-left:none!important;border-right:none!important}.feed-post{border-radius:0!important;margin:0!important;width:100%!important;min-width:0;max-width:100%!important;box-sizing:border-box}.feed-posts{margin:0}.feed-column,.feed-posts{gap:8px;width:100%;max-width:100%;padding:0;box-sizing:border-box}.feed-empty{margin:0!important}.feed-empty,.feed-filters{border-radius:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.feed-filters{margin:0 0 8px!important;padding:var(--space-sm) var(--space-md);overflow:visible!important}.feed-filters__tabs{width:100%;display:flex!important;overflow-x:visible!important;flex-wrap:nowrap!important}.feed-filters__tab{flex:1!important;min-width:0!important;text-align:center!important;padding:var(--space-xs) var(--space-sm)!important}}@media (max-width:767px){.feed-post{border-radius:0!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow:hidden;padding:var(--space-md)!important}.feed-post__actions{flex-wrap:wrap;overflow:visible;max-width:100%}.feed-post__footer{overflow:hidden;max-width:100%}.feed-post__action-tab{flex:1 1 auto;min-width:0;padding:var(--space-xs) var(--space-sm)}.feed-posts{gap:0;width:100%;max-width:100%;padding:0;margin:0}.feed-column{padding:0!important;margin:0!important}.feed-post__menu svg{width:24px!important;height:24px!important}.feed-post .media-carousel,.feed-post .media-carousel__main,.feed-post .post-media,.feed-post .post-media__container{margin-left:calc(var(--space-md) * -1)!important;margin-right:calc(var(--space-md) * -1)!important;width:calc(100% + var(--space-md) * 2)!important;max-width:calc(100% + var(--space-md) * 2)!important;border-radius:0!important}.feed-post .media-carousel__slide img,.feed-post .media-carousel__slide video,.feed-post .post-media__image,.feed-post video{border-radius:0!important;width:100%!important}.feed-post .prose>span{margin-left:calc(var(--space-md) * -1)!important;margin-right:calc(var(--space-md) * -1)!important;width:calc(100% + var(--space-md) * 2)!important}.feed-post .prose>span>span,.feed-post iframe[src*=spotify],.feed-post iframe[src*=youtube]{border-radius:0!important}}.composer{display:grid;gap:var(--space-md);padding:var(--space-md);border-radius:8px;background:var(--color-bg-surface);box-shadow:var(--shadow-card)}.composer__header{display:flex;align-items:center;gap:var(--space-md)}.composer__avatar{width:52px;height:52px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-accent-brand),var(--color-accent-secondary));display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--color-fg-inverse)}.composer__prompt{margin:0;font-weight:600;font-size:1rem}.composer__hint{margin:0;color:var(--color-fg-muted);font-size:.9rem}.composer__field textarea{width:100%;resize:vertical;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-canvas);color:var(--color-fg);padding:var(--space-sm) var(--space-md);min-height:96px;transition:border .2s ease,background .2s ease}.composer__field textarea:focus{outline:none;border-color:var(--color-border-focus);background:var(--color-bg-surface)}.composer__actions{justify-content:space-between;align-items:center}.composer__actions,.composer__shortcuts{display:flex;gap:var(--space-sm);flex-wrap:wrap}.composer__shortcut{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-bg-muted);color:var(--color-fg);font-weight:600;transition:transform .2s ease,border .2s ease}.composer__shortcut:focus-visible,.composer__shortcut:hover{transform:translateY(-1px);border-color:var(--color-border-focus);outline:none}.composer__submit button{border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-lg);font-weight:600}.composer-close-btn,.composer-icon-btn,.composer-mood-btn{width:40px;height:40px;border:1px solid var(--color-border-subtle);background:var(--color-bg-muted);color:var(--color-fg-muted);flex-shrink:0}.composer-close-btn:hover,.composer-icon-btn:hover,.composer-mood-btn:hover{background:var(--color-bg-surface);color:var(--color-fg);border-color:var(--color-border-focus)}@media (max-width:1024px){.composer{border-radius:0!important;margin:0!important;width:100%!important;min-width:0;max-width:100%!important;box-sizing:border-box}}@media (max-width:767px){.composer{border-radius:0!important;margin:0!important;width:100%!important;box-sizing:border-box}}.left-rail{padding:var(--space-md);border-radius:8px;background:var(--color-bg-surface);box-shadow:var(--shadow-card)}.left-rail ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-xs)}.left-rail a{display:block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-fg)}.left-rail a:focus-visible,.left-rail a:hover{background:var(--color-bg-muted)}.sidebar-nav{display:grid;gap:var(--space-md)}.sidebar-nav__header{display:flex;flex-direction:column;gap:var(--space-2xs)}.sidebar-nav__title{margin:0;font-size:1.1rem;font-weight:700}.sidebar-nav__caption{margin:0;color:var(--color-fg-muted);font-size:.9rem}.sidebar-nav__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-xs)}.sidebar-nav__list-item{position:relative}.sidebar-nav__item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--color-fg);background:transparent;border:1px solid transparent;transition:background .2s ease,border .2s ease,transform .2s ease}.sidebar-nav__indicator{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--color-bg-muted);justify-self:start;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--color-fg-muted);transition:background .2s ease,color .2s ease}.sidebar-nav__indicator:after{content:attr(data-order)}.sidebar-nav__icon{width:36px;height:36px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-muted);font-size:1.1rem}.sidebar-nav__label{font-weight:600}.sidebar-nav__chevron{font-size:1.3rem;opacity:.4}.sidebar-nav__item[data-active=true]{background:var(--color-bg-muted);border-color:var(--color-border-subtle);transform:translateX(2px)}.sidebar-nav__item[data-active=true] .sidebar-nav__indicator{background:var(--color-accent-brand);color:var(--color-fg-inverse)}.sidebar-nav__item:focus-visible,.sidebar-nav__item:hover{background:var(--color-bg-muted);border-color:var(--color-border-subtle)}.right-column{display:grid;gap:var(--space-lg)}.right-column__card{padding:var(--space-md);border-radius:8px;background:var(--color-bg-surface);box-shadow:var(--shadow-card);display:grid;gap:var(--space-sm)}.right-column__caption{margin:0;color:var(--color-fg-muted);font-size:.9rem}.right-column__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-sm);margin:0}.right-column__stats div{display:grid;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-bg-muted);text-align:center}.right-column__stats dt{margin:0;color:var(--color-fg-muted);font-size:.8rem;font-weight:500}.right-column__stats dd{margin:0;font-weight:700;font-size:1rem}.right-column__meta-note{margin:0;color:var(--color-fg-muted);font-size:.85rem}.right-column__chat-link{display:flex;justify-content:flex-end}.right-column__chat-link a{font-weight:600}.right-column__cta{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-accent-brand);color:var(--color-fg-inverse)}.right-column__chat-preview{display:flex;align-items:center;gap:var(--space-sm);font-weight:600}.right-column__meta details{border-radius:var(--radius-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);padding:var(--space-sm)}.right-column__meta pre{margin-top:var(--space-sm);max-height:220px;overflow:auto}.people-you-may-know{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;width:100%;max-width:100%;min-width:0;box-shadow:var(--shadow-card)}.people-you-may-know__header{padding:var(--space-md);padding-bottom:var(--space-xs);display:flex;align-items:center;justify-content:space-between}.people-you-may-know__title{display:flex;align-items:center;gap:var(--space-xs);font-weight:600;color:var(--color-fg)}.people-you-may-know__close-btn{color:var(--color-fg-muted);padding:var(--space-2xs);border-radius:var(--radius-pill);border:none;background:transparent;cursor:pointer;transition:background .2s,color .2s}.people-you-may-know__close-btn:hover{background:var(--color-bg-muted);color:var(--color-fg)}.people-you-may-know__scroll{overflow-x:auto;width:100%}.people-you-may-know__list{display:flex;gap:var(--space-sm);padding:var(--space-md);padding-top:var(--space-xs);width:-moz-max-content;width:max-content}.people-you-may-know__card{min-width:140px;max-width:140px;flex-shrink:0;background:var(--color-bg-muted);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;position:relative}.people-you-may-know__remove-btn{position:absolute;top:var(--space-xs);right:var(--space-xs);z-index:10;padding:var(--space-2xs);background:rgba(0,0,0,.5);color:#fff;border-radius:var(--radius-pill);border:none;cursor:pointer;opacity:1;transition:opacity .2s,background .2s}@media (min-width:768px){.people-you-may-know__remove-btn{opacity:0}.people-you-may-know__card:hover .people-you-may-know__remove-btn{opacity:1}}.people-you-may-know__remove-btn:hover{background:rgba(0,0,0,.7)}.people-you-may-know__avatar-link{display:block;height:100px;overflow:hidden}.people-you-may-know__avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.people-you-may-know__avatar-placeholder{width:100%;height:100%;background:var(--color-bg-canvas);display:flex;align-items:center;justify-content:center;color:var(--color-fg-muted)}.people-you-may-know__info{padding:var(--space-xs);display:flex;flex-direction:column;flex:1}.people-you-may-know__name{font-weight:600;color:var(--color-fg);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.people-you-may-know__name:hover{text-decoration:underline}.people-you-may-know__subtitle{font-size:.75rem;color:var(--color-fg-muted);margin-bottom:var(--space-xs)}.people-you-may-know__action{margin-top:auto}.people-you-may-know__btn{width:100%;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);transition:background .2s}.people-you-may-know__btn--add{background:var(--color-accent-brand);color:var(--color-fg-inverse)}.people-you-may-know__btn--add:hover{background:var(--color-accent-brand-hover,#db2777)}.people-you-may-know__btn--sent{background:var(--color-bg-canvas);color:var(--color-fg-muted);cursor:not-allowed}.people-you-may-know__footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-xs)}.people-you-may-know__see-all{display:block;text-align:center;font-size:.875rem;font-weight:500;color:var(--color-accent-brand);text-decoration:none;padding:var(--space-2xs)}.people-you-may-know__see-all:hover{text-decoration:underline;background:transparent}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card__header{padding:var(--space-md);border-bottom:1px solid var(--color-border-subtle)}.card__title{margin:0;font-weight:600;color:var(--color-fg)}.card__body,.card__footer{padding:var(--space-md)}.card__footer{border-top:1px solid var(--color-border-subtle)}.post-image{position:relative;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg,12px);overflow:hidden;cursor:pointer;min-height:200px;aspect-ratio:16/9;background:var(--color-bg-muted,rgba(0,0,0,.05));max-height:80vh;height:auto}@media (min-width:768px){.post-image{max-height:80vh;min-height:240px}}.post-image__img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease}@media (min-width:768px){.post-image__img{max-height:100%}}.post-image:hover .post-image__img{transform:scale(1.02)}.post-image__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs,8px);padding:var(--space-lg,24px);background:var(--color-bg-muted,#f3f4f6);border-radius:var(--radius-lg,12px);color:var(--color-fg-muted,#6b7280);min-height:120px}:root[data-theme=dark] .post-image__error{background:var(--color-bg-muted,#374151)}.post-image__error-icon{font-size:2rem;opacity:.5}.post-image__error-text{font-size:.875rem}.post-image:focus-visible{outline:2px solid var(--color-accent-brand,#E50C92);outline-offset:2px}@media (prefers-reduced-motion:reduce){.post-image:hover .post-image__img{transform:none}}.media-carousel__container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-muted,rgba(0,0,0,.05));border-radius:var(--radius-lg,12px);overflow:hidden;min-height:200px;aspect-ratio:16/9;max-height:80vh}@media (min-width:768px){.media-carousel__container{max-height:80vh}}.media-carousel__image-wrapper{cursor:pointer}.media-carousel__image-wrapper,.media-carousel__video-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:root[data-theme=dark] .media-carousel__container{background:var(--color-bg-muted,#1f2937)}.status-bar{position:relative;background:var(--color-bg-surface,#fff);border-radius:12px;border:1px solid var(--color-border-subtle,#e5e7eb);margin-bottom:16px}.status-bar__container{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:12px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.status-bar__container::-webkit-scrollbar{display:none}.status-bar__arrow{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--color-bg-surface,#fff);border:1px solid var(--color-border-subtle,#e5e7eb);box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.status-bar__arrow:hover{background:var(--color-bg-muted,#f3f4f6);box-shadow:0 4px 12px rgba(0,0,0,.15)}.status-bar-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;background:transparent;border:none;cursor:pointer;min-width:74px;transition:transform .2s ease}.status-bar-item:hover{transform:scale(1.05)}.status-bar-item:focus-visible{outline:2px solid var(--color-accent-brand,#3b82f6);outline-offset:2px;border-radius:8px}.status-bar-item__ring{border-radius:50%;padding:3px;display:flex;align-items:center;justify-content:center}.status-bar-item__ring--blue{background:#3b82f6}.status-bar-item__ring--gray{background:#9ca3af}.status-bar-item__ring--gradient{background:linear-gradient(135deg,#f472b6,#fb923c);animation:ring-pulse 2s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:1}50%{opacity:.85}}.status-bar-item__avatar-wrapper{border-radius:50%;background:var(--color-bg-surface,#fff);padding:2px;display:flex;align-items:center;justify-content:center}.status-bar-item__username{font-size:11px;color:var(--color-fg-muted,#6b7280);max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.status-bar-item--create .status-bar-item__create-wrapper{position:relative}.status-bar-item--create:hover .status-bar-item__plus-badge{transform:scale(1.1)}.status-bar-item__plus-badge{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;background:var(--color-accent-brand,#3b82f6);border:2px solid var(--color-bg-surface,#fff);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.status-bar--loading .status-bar-item--skeleton{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;min-width:74px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-viewer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:99998}.status-viewer-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}.status-viewer-content{position:relative;width:100%;max-width:420px;height:100%;max-height:90vh;display:flex;flex-direction:column;background:#000;border-radius:12px;overflow:hidden}.status-viewer-progress{display:flex;gap:4px;padding:12px 12px 0;position:absolute;top:0;left:0;right:0;z-index:10}.status-viewer-progress__bar{flex:1;height:3px;background:rgba(255,255,255,.3);border-radius:2px;overflow:hidden}.status-viewer-progress__fill{height:100%;background:#fff;transition:width .1s linear}.status-viewer-header{display:flex;align-items:center;gap:12px;padding:24px 12px 12px;position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent)}.status-viewer-media{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.status-viewer-media img,.status-viewer-media video{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.status-viewer-footer{display:flex;align-items:center;justify-content:space-between;padding:12px;position:absolute;bottom:0;left:0;right:0;z-index:10;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.status-viewer-footer__actions{display:flex;align-items:center;gap:16px}.status-viewer-footer__action{display:flex;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;color:#fff;font-size:14px;padding:4px;border-radius:4px;transition:opacity .2s ease}.status-viewer-footer__action:hover{opacity:.8}.status-viewer-footer__action--liked{color:#ef4444}.status-viewer__nav{position:absolute;top:50%;transform:translateY(-50%);padding:8px;background:rgba(255,255,255,.2);border:none;border-radius:50%;cursor:pointer;color:#fff;z-index:10;transition:background .2s ease}.status-viewer__nav:hover{background:rgba(255,255,255,.3)}.status-viewer__nav--prev{left:8px}.status-viewer__nav--next{right:8px}.status-viewer__close{position:absolute;top:16px;right:16px;padding:8px;background:rgba(255,255,255,.1);border:none;border-radius:50%;cursor:pointer;color:#fff;z-index:10;transition:background .2s ease}.status-viewer__close:hover{background:rgba(255,255,255,.2)}.status-creator-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:99998}.status-creator-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:480px;max-height:90vh;background:var(--color-bg-surface,#fff);border-radius:16px;overflow:hidden;z-index:99999;display:flex;flex-direction:column}.status-creator-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-subtle,#e5e7eb)}.status-creator-content{flex:1;overflow:auto;padding:20px}.status-creator-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border-subtle,#e5e7eb)}.status-creator-error{padding:12px 16px;margin-bottom:16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#dc2626;font-size:14px}.status-creator__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;border:2px dashed var(--color-border-subtle,#e5e7eb);border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:280px}.status-creator__dropzone--dragging,.status-creator__dropzone:hover{border-color:var(--color-accent-brand,#3b82f6);background:rgba(59,130,246,.05)}.status-creator__preview{position:relative;border-radius:12px;overflow:hidden;background:#000}.status-creator__preview img,.status-creator__preview video{width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;display:block}.status-creator__preview-overlay{inset:0;flex-direction:column}.status-creator__preview-clear,.status-creator__preview-overlay{position:absolute;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.status-creator__preview-clear{top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;color:#fff;transition:background .2s ease}.status-creator__preview-clear:hover{background:rgba(0,0,0,.8)}.status-analytics{display:flex;align-items:center;gap:16px}.status-analytics__button{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:rgba(255,255,255,.8);font-size:13px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.status-analytics__button:hover{background:rgba(255,255,255,.1);color:#fff}.status-analytics__modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100000}.status-analytics__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:360px;max-height:70vh;background:var(--color-bg-surface,#fff);border-radius:12px;overflow:hidden;z-index:100001;display:flex;flex-direction:column}.status-analytics__modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-subtle,#e5e7eb)}.status-analytics__modal-content{flex:1;overflow:auto;padding:8px 0}.status-analytics__user-item{display:flex;align-items:center;gap:12px;padding:10px 16px;transition:background .2s ease}.status-analytics__user-item:hover{background:var(--color-bg-muted,#f3f4f6)}.status-bar--cards{padding:0}.status-bar--cards .status-bar__container{padding:12px 16px;gap:8px}.status-card{position:relative;width:110px;height:190px;border-radius:12px;overflow:hidden;border:none;padding:0;cursor:pointer;flex-shrink:0;background:#1f2937;transition:transform .2s ease,box-shadow .2s ease}.status-card:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.15)}.status-card:focus-visible{outline:2px solid var(--color-accent-brand,#3b82f6);outline-offset:2px}.status-card__media{position:absolute;inset:0;background-size:cover;background-position:50%}.status-card__gradient-top{top:0;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}.status-card__gradient-bottom,.status-card__gradient-top{position:absolute;left:0;right:0;height:50%;pointer-events:none}.status-card__gradient-bottom{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.status-card__avatar{position:absolute;top:8px;left:8px;border-radius:50%}.status-card__username{position:absolute;bottom:8px;left:8px;right:8px;color:#fff;font-size:12px;font-weight:500;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-story-card{position:relative;width:110px;height:190px;border-radius:12px;overflow:hidden;border:none;padding:0;cursor:pointer;flex-shrink:0;background:var(--color-bg-muted,#f3f4f6);display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.create-story-card:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.1)}.create-story-card:focus-visible{outline:2px solid var(--color-accent-brand,#3b82f6);outline-offset:2px}.create-story-card__avatar-section{flex:1;display:flex;align-items:center;justify-content:center;padding-top:20px;position:relative}.create-story-card__avatar{position:relative}.create-story-card__plus{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;background:var(--color-accent-brand,#3b82f6);border:3px solid var(--color-bg-muted,#f3f4f6);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.create-story-card:hover .create-story-card__plus{transform:translateX(-50%) scale(1.1)}.create-story-card__label{padding:20px 8px 12px;color:var(--color-fg-default,#1f2937);font-size:12px;font-weight:500;text-align:center}.status-card--skeleton{width:110px;height:190px;border-radius:12px;background:var(--color-bg-skeleton,#e5e7eb);flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}.status-bar--cards .status-bar__arrow{width:40px;height:40px}.status-bar__arrow--left{left:4px;right:auto}.status-bar__arrow--right{right:4px;left:auto}@media (max-width:768px){.status-bar__arrow--left,.status-bar__arrow--right{display:none!important}.status-bar__container{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.create-story-card,.status-card{scroll-snap-align:start}}@media (max-width:520px){.status-creator-modal{width:95%;max-height:95vh}.status-viewer-content{max-width:100%;max-height:100vh;border-radius:0}.status-bar{border-radius:0;border-left:none;border-right:none}.status-bar,.status-bar--cards{margin-left:-16px;margin-right:-16px}}[data-theme=dark] .status-bar,[data-theme=dark] .status-bar__arrow{background:var(--color-bg-surface-dark,#1f2937);border-color:var(--color-border-dark,#374151)}[data-theme=dark] .status-bar__arrow:hover{background:var(--color-bg-muted-dark,#374151)}[data-theme=dark] .status-analytics__modal,[data-theme=dark] .status-bar-item__avatar-wrapper,[data-theme=dark] .status-creator-modal{background:var(--color-bg-surface-dark,#1f2937)}[data-theme=dark] .create-story-card{background:var(--color-bg-muted-dark,#374151)}[data-theme=dark] .create-story-card__plus{border-color:var(--color-bg-muted-dark,#374151)}[data-theme=dark] .create-story-card__label{color:var(--color-fg-default-dark,#f3f4f6)}[data-theme=dark] .status-card--skeleton{background:var(--color-bg-skeleton-dark,#374151)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@keyframes gradient-rotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.status-bar-item__ring--gradient-animated{background:linear-gradient(135deg,#f472b6,#fb923c,#f472b6,#fb923c);background-size:300% 300%;animation:gradient-rotate 3s ease infinite}.community-page{flex:1;height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden;background:var(--color-bg-canvas);scrollbar-width:thin;scrollbar-color:var(--color-border-subtle) transparent;padding-top:64px}.community-page::-webkit-scrollbar{width:8px}.community-page::-webkit-scrollbar-track{background:transparent}.community-page::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:4px}.community-page::-webkit-scrollbar-thumb:hover{background:var(--color-fg-muted)}.community-page__container{display:grid;grid-template-columns:1fr 312px;gap:var(--space-lg);max-width:1200px;margin:0 auto;padding:var(--space-lg)}@media (max-width:1024px){.community-page__container{grid-template-columns:1fr}.community-sidebar{display:none}}@media (max-width:768px){.community-page__container{padding:var(--space-md)}}.community-page__main{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.community-page__content{max-width:800px;margin:0 auto;padding:var(--space-lg)}.community-page__back{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-fg-muted);font-size:.875rem;padding:var(--space-xs) 0;transition:color .2s}.community-page__back:hover{color:var(--color-fg);background:transparent}.community-header{background:var(--color-bg-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-subtle)}.community-header__banner{height:120px;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);position:relative}.community-header__info{padding:var(--space-md) var(--space-lg) var(--space-lg)}.community-header__avatar-row{display:flex;align-items:flex-start;gap:var(--space-md);margin-top:-40px}.community-header__avatar{width:80px;height:80px;border-radius:50%;background:var(--color-bg-surface);border:4px solid var(--color-bg-surface);overflow:hidden;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.community-header__avatar-letter{font-size:2rem;font-weight:700;color:var(--color-fg-muted)}.community-header__title-section{flex:1;padding-top:44px;min-width:0}.community-header__name{font-size:1.5rem;font-weight:700;color:var(--color-fg);margin:0 0 var(--space-xs);line-height:1.2}.community-header__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.community-header__badge{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--color-fg-muted)}.community-header__actions{display:flex;align-items:center;gap:var(--space-xs);padding-top:44px}.community-header__icon-btn{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-muted);color:var(--color-fg);display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.community-header__icon-btn:hover{background:var(--color-border-subtle)}.community-header__btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-weight:600;font-size:.875rem;transition:all .2s}.community-header__btn--primary{background:var(--color-accent-brand);color:white}.community-header__btn--primary:hover:not(:disabled){background:var(--color-accent-brand-hover)}.community-header__btn--secondary{background:var(--color-bg-muted);color:var(--color-fg);border:1px solid var(--color-border-subtle)}.community-header__btn--secondary:hover:not(:disabled){background:var(--color-border-subtle)}.community-header__btn:disabled{opacity:.6;cursor:not-allowed}.community-header__description{margin:var(--space-md) 0 0;color:var(--color-fg-muted);font-size:.9375rem;line-height:1.5}.community-tabs{display:flex;gap:2px;background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:4px;border:1px solid var(--color-border-subtle)}.community-tabs__tab{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;color:var(--color-fg-muted);background:transparent;border:none;transition:all .2s}.community-tabs__tab--active,.community-tabs__tab:hover{color:var(--color-fg);background:var(--color-bg-muted)}.community-content{min-height:200px}.community-empty,.community-posts{display:flex;flex-direction:column;gap:var(--space-md)}.community-empty{align-items:center;justify-content:center;padding:var(--space-xl) * 2;color:var(--color-fg-muted);text-align:center}.community-about,.community-empty{background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.community-about{padding:var(--space-lg)}.community-about__title{font-size:1.125rem;font-weight:700;color:var(--color-fg);margin:0 0 var(--space-md)}.community-about__description{color:var(--color-fg-muted);line-height:1.6;margin:0 0 var(--space-lg)}.community-about__rules{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-subtle)}.community-about__subtitle{display:flex;align-items:center;gap:var(--space-xs);font-size:1rem;font-weight:600;color:var(--color-fg);margin:0 0 var(--space-md)}.community-about__rules-list{list-style:decimal;padding-left:var(--space-lg);color:var(--color-fg-muted);display:flex;flex-direction:column;gap:var(--space-sm)}.community-about__category{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--space-sm)}.community-about__category-badge{font-size:.8125rem;padding:4px 12px;background:var(--color-bg-muted);border-radius:var(--radius-pill);color:var(--color-fg)}.community-members{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border-subtle)}.community-members__title{font-size:1.125rem;font-weight:700;color:var(--color-fg);margin:0 0 var(--space-md)}.community-members__placeholder{color:var(--color-fg-muted)}.community-sidebar{display:flex;flex-direction:column;gap:var(--space-md);position:sticky;top:var(--space-lg);height:-moz-fit-content;height:fit-content}.community-sidebar__card{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--color-border-subtle)}.community-sidebar__card-title{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;font-weight:700;color:var(--color-fg);margin:0 0 var(--space-sm);text-transform:uppercase;letter-spacing:.025em}.community-sidebar__card-text{color:var(--color-fg-muted);font-size:.875rem;line-height:1.5;margin:0 0 var(--space-md)}.community-sidebar__stats{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-md)}.community-sidebar__stat{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-fg-muted);font-size:.8125rem}.community-sidebar__stat-value{font-weight:700;color:var(--color-fg)}.community-sidebar__stat-label{color:var(--color-fg-muted)}.community-sidebar__join-btn{width:100%;padding:var(--space-sm);background:var(--color-accent-brand);color:white;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:background .2s}.community-sidebar__join-btn:hover:not(:disabled){background:var(--color-accent-brand-hover)}.community-sidebar__rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.community-sidebar__rule{display:flex;gap:var(--space-sm);font-size:.8125rem;color:var(--color-fg-muted);line-height:1.4}.community-sidebar__rule-num{flex-shrink:0;width:20px;height:20px;background:var(--color-bg-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-fg)}.community-sidebar__mod-links{display:flex;flex-direction:column;gap:var(--space-xs)}.community-sidebar__mod-link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-fg);transition:background .2s}.community-sidebar__mod-link:hover{background:var(--color-bg-muted)}.community-post{display:flex;background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);overflow:hidden;transition:border-color .2s}.community-post:hover{border-color:var(--color-border-strong)}.community-post__votes{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);background:var(--color-bg-muted);min-width:40px}.community-post__vote-btn{padding:4px;color:var(--color-fg-muted);background:transparent;border:none;border-radius:var(--radius-sm);transition:color .2s,background .2s}.community-post__vote-btn:hover{color:var(--color-accent-brand);background:var(--color-accent-brand-alpha-10)}.community-post__vote-count{font-size:.75rem;font-weight:700;color:var(--color-fg)}.community-post__content{flex:1;padding:var(--space-sm) var(--space-md);min-width:0}.community-post__pinned{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:var(--color-accent-brand);margin-bottom:var(--space-xs)}.community-post__meta{font-size:.75rem;margin-bottom:var(--space-xs)}.community-post__author-link,.community-post__meta{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-fg-muted)}.community-post__author-link:hover{background:transparent}.community-post__author-link:hover .community-post__author-name{text-decoration:underline}.community-post__avatar{width:20px;height:20px;border-radius:50%;background:var(--color-bg-muted);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:var(--color-fg-muted)}.community-post__author-name{font-weight:500}.community-post__dot,.community-post__more-btn,.community-post__time{color:var(--color-fg-muted)}.community-post__more-btn{padding:4px;background:transparent;border:none;border-radius:var(--radius-sm)}.community-post__more-btn:hover{background:var(--color-bg-muted)}.community-post__title{font-size:1.125rem;font-weight:600;color:var(--color-fg);margin:0 0 var(--space-xs);line-height:1.3;transition:color .2s}.community-post__title:hover{color:var(--color-accent-brand)}.community-post__body{font-size:.875rem;color:var(--color-fg-muted);line-height:1.5;margin:0 0 var(--space-sm);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.community-post__media{display:block;position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-sm);background:var(--color-bg-muted)}.community-post__media-count{position:absolute;bottom:var(--space-xs);right:var(--space-xs);padding:2px 8px;background:rgba(0,0,0,.7);color:white;font-size:.75rem;border-radius:var(--radius-sm)}.community-post__actions{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.community-post__action{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;color:var(--color-fg-muted);background:transparent;border:none;border-radius:var(--radius-sm);transition:background .2s,color .2s}.community-post__action:hover{background:var(--color-bg-muted);color:var(--color-fg)}@media (max-width:640px){.community-header__avatar-row{flex-wrap:wrap}.community-header__actions{width:100%;justify-content:flex-end}.community-header__actions,.community-header__title-section{padding-top:var(--space-md)}.community-post__votes{display:none}.community-post__content{padding:var(--space-md)}.community-tabs__tab{padding:var(--space-xs) var(--space-sm);font-size:.8125rem}}.skeleton-pulse{background:linear-gradient(90deg,var(--color-bg-muted) 0,var(--color-bg-surface) 50%,var(--color-bg-muted) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;will-change:background-position}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton-pulse{animation:none;background:var(--color-bg-muted)}}.feed-post:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:0 400px}.sidebar-nav__list-item:nth-child(n+6){content-visibility:auto;contain-intrinsic-size:0 48px}.chat-sidebar__item:nth-child(n+10){content-visibility:auto;contain-intrinsic-size:0 56px}.image-loading{background:var(--color-bg-muted);position:relative;overflow:hidden}.image-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);animation:image-shimmer 1.5s infinite}@keyframes image-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.image-loaded{animation:imageReveal .3s ease-out}@keyframes imageReveal{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.feed-post{contain:layout style}.layout-columns__left,.layout-columns__online{contain:layout style paint}.font-loading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.home-shell__top-nav{contain:layout style;will-change:transform}.feed-post__avatar,.profile-avatar__image,.user-avatar{aspect-ratio:1;background:var(--color-bg-muted)}.feed-post__media{aspect-ratio:16/9;background:var(--color-bg-muted);border-radius:8px;overflow:hidden}@media print{.composer,.feed-post__actions,.home-shell__top-nav,.layout-columns__left,.layout-columns__online{display:none!important}.layout-columns{display:block!important}.layout-columns__feed{width:100%!important;max-width:none!important}}