:root{color-scheme:light;--color-primary: #f36836;--color-primary-hover: #ed5a28;--color-primary-pressed: #df4d1c;--color-primary-text: #b54118;--color-primary-soft: #fff0e9;--color-on-primary: #24160f;--color-secondary: #141919;--color-background: #f6f7f8;--color-surface: #ffffff;--color-surface-variant: #f1f3f4;--color-surface-hover: #f7f8f9;--color-text: #202727;--color-text-secondary: #737c80;--color-text-muted: #8a9296;--color-border: #e7eaec;--color-divider: #eff1f2;--color-success: #277a55;--color-success-soft: #edf7f1;--color-warning: #946313;--color-warning-soft: #fff8e6;--color-error: #ba3549;--color-error-soft: #fff0f2;--color-info: #3f6b9b;--color-info-soft: #edf4fb;--color-sidebar: #141919;--color-sidebar-hover: #232b2b;--color-sidebar-active: #2d2b28;--color-sidebar-muted: #9ba6a5;--color-sidebar-text: #f8fafa;--color-sidebar-border: #2a3232;--color-overlay: rgb(15 22 22 / 48%);--color-image-overlay: rgb(13 23 20 / 66%);--color-white-overlay: rgb(255 255 255 / 94%);--color-image-fallback: #d7e2da;--color-image-fallback-text: #40594b;--color-avatar: #ebe4da;--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-micro: 10px;--font-size-caption: 11px;--font-size-small: 12px;--font-size-label: 13px;--font-size-body: 14px;--font-size-subtitle: 16px;--font-size-title: 20px;--font-size-heading: 28px;--font-size-display: 36px;--font-size-hero: 44px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--line-height-tight: 1.2;--line-height-heading: 1.35;--line-height-body: 1.6;--letter-spacing-heading: -.035em;--letter-spacing-title: -.025em;--letter-spacing-label: .08em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-none: 0;--radius-small: 8px;--radius-medium: 16px;--radius-large: 24px;--radius-full: 999px;--border-thin: 1px;--border-regular: 2px;--border-thick: 3px;--shadow-small: 0 2px 5px rgb(21 30 30 / 2%), 0 7px 18px rgb(21 30 30 / 2%);--shadow-medium: 0 8px 32px rgb(21 30 30 / 8%);--shadow-large: 0 20px 90px rgb(10 20 20 / 20%);--opacity-disabled: .45;--opacity-hover: .85;--motion-fast: .14s;--motion-normal: .22s;--motion-slow: .36s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-header: 30;--z-overlay: 40;--z-modal: 50;--z-toast: 60;--size-control: 44px;--size-control-small: 36px;--size-avatar-small: 32px;--size-avatar-medium: 44px;--size-avatar-large: 96px;--layout-sidebar: 228px;--layout-sidebar-collapsed: 88px;--layout-topbar: 76px;--layout-bottomnav: 72px;--layout-feed: 680px;--layout-aside: 320px;--layout-content: 1120px;--layout-modal: 560px;--layout-modal-wide: 760px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-background);color:var(--color-text);font:var(--font-weight-regular) var(--font-size-body)/var(--line-height-body) var(--font-family);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button,a{touch-action:manipulation}button{transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:var(--line-height-heading)}h1{font-size:var(--font-size-heading);letter-spacing:var(--letter-spacing-heading);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-title);letter-spacing:var(--letter-spacing-title)}h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}input,textarea,select{min-width:0;color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:1}:focus-visible{outline:var(--border-regular) solid var(--color-primary-text);outline-offset:var(--space-1)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:var(--border-regular)}::selection{background:var(--color-primary-soft);color:var(--color-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--color-text-secondary)}.card{background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-small)}.button-primary,.button-secondary,.button-ghost,.follow-button{min-height:var(--size-control);padding:var(--space-2) var(--space-5);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-small);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.button-primary{background:var(--color-primary);color:var(--color-on-primary);border:var(--border-thin) solid var(--color-primary)}.button-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button-primary:active:not(:disabled){background:var(--color-primary-pressed)}.button-secondary,.follow-button{background:var(--color-surface);border:var(--border-thin) solid var(--color-border)}.button-secondary:hover:not(:disabled),.follow-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-muted)}.button-ghost:hover:not(:disabled){background:var(--color-surface-variant)}.text-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) 0;color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.text-button:hover{color:var(--color-primary-text)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--size-control);height:var(--size-control);padding:0;border-radius:var(--radius-full);color:var(--color-text-secondary);flex:0 0 auto}.icon-button:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-variant)}.badge{display:inline-flex;align-items:center;width:fit-content;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-micro);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-label);font-weight:var(--font-weight-bold);background:var(--color-primary-soft);color:var(--color-primary-text)}.avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--size-avatar-medium);height:var(--size-avatar-medium);position:relative;overflow:hidden;border-radius:var(--radius-full);background:var(--avatar-color, var(--color-avatar));color:var(--color-text);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);isolation:isolate}.avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.avatar-small{width:var(--size-avatar-small);height:var(--size-avatar-small);font-size:var(--font-size-micro)}.avatar-large{width:var(--size-avatar-large);height:var(--size-avatar-large);font-size:var(--font-size-heading)}.avatar-button{padding:0;display:inline-flex;border-radius:var(--radius-full)}.app-shell{min-height:100vh}.sidebar{width:var(--layout-sidebar);height:100dvh;position:fixed;top:0;left:0;z-index:var(--z-header);display:flex;flex-direction:column;padding:var(--space-8) var(--space-5) var(--space-6);background:var(--color-sidebar);color:var(--color-sidebar-text)}.logo{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-heading);font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-heading);line-height:1;white-space:nowrap}.sidebar>a,.sidebar>.logo{padding-left:var(--space-3);margin-bottom:var(--space-12);width:fit-content}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:var(--space-9);height:var(--space-9);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary)}.logo-period{color:var(--color-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:var(--space-12);padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);color:var(--color-sidebar-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);position:relative;text-align:left;transition:color var(--motion-fast),background var(--motion-fast)}.nav-item:hover{color:var(--color-sidebar-text);background:var(--color-sidebar-hover)}.nav-item.active,.nav-item[aria-current=page]{background:var(--color-sidebar-active);color:var(--color-primary)}.nav-item.active:before,.nav-item[aria-current=page]:before{content:"";width:var(--border-thick);height:var(--space-5);position:absolute;left:0;top:50%;transform:translateY(-50%);background:var(--color-primary);border-radius:var(--radius-full)}.nav-item>svg{width:var(--space-5);height:var(--space-5)}.nav-item>b,.nav-item>.nav-count{margin-left:auto;min-width:var(--space-5);height:var(--space-5);display:inline-flex;justify-content:center;align-items:center;font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);color:var(--color-sidebar-text);background:var(--color-sidebar-hover)}.nav-create{width:100%;min-height:var(--space-12);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-small);font-weight:var(--font-weight-semibold)}.nav-create:hover{background:var(--color-primary-hover)}.nav-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border-thin) solid var(--color-sidebar-border)}.nav-section>p,.nav-section>span{display:block;margin:0 0 var(--space-3) var(--space-4);color:var(--color-sidebar-muted);font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.nav-section .nav-item{min-height:var(--size-control);font-size:var(--font-size-label)}.sidebar-bottom{margin-top:auto;padding-top:var(--space-8)}.sidebar-profile{display:flex;width:100%;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);border-top:var(--border-thin) solid var(--color-sidebar-border);text-align:left}.sidebar-profile>div{display:flex;flex:1;min-width:0;flex-direction:column}.sidebar-profile strong{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.sidebar-profile small{font-size:var(--font-size-caption);color:var(--color-sidebar-muted)}.sidebar-profile>svg{color:var(--color-sidebar-muted)}.sidebar-bottom>.nav-item{font-size:var(--font-size-small)}.main-shell{margin-left:var(--layout-sidebar);min-width:0}.topbar{height:var(--layout-topbar);padding:0 var(--space-10);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);border-bottom:var(--border-thin) solid var(--color-border);background:var(--color-white-overlay);position:sticky;top:0;z-index:var(--z-sticky)}.global-search{width:min(100%,420px);min-width:0;height:var(--size-control);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);color:var(--color-text-secondary);background:var(--color-background);border:var(--border-thin) solid transparent;border-radius:var(--radius-full)}.global-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 var(--border-regular) var(--color-primary-soft)}.global-search input{width:100%;padding:0;border:0;outline:0;background:transparent;font-size:var(--font-size-label)}.global-search>span,.global-search kbd{margin-left:auto;font-size:var(--font-size-caption);white-space:nowrap;border:var(--border-thin) solid var(--color-border);border-radius:var(--space-1);padding:0 var(--space-1)}.topbar-actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-4)}.topbar-actions .icon-button{position:relative}.topbar-actions .notification-dot,.notification-dot{position:absolute;top:var(--space-2);right:var(--space-2);width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary);border:var(--border-regular) solid var(--color-surface)}.topbar-actions .avatar{width:var(--space-9);height:var(--space-9)}.demo-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);color:var(--color-text-secondary);background:var(--color-background);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap}.demo-pill:before{content:"";width:6px;height:6px;background:var(--color-text-muted);border-radius:var(--radius-full)}.main-grid{width:100%;max-width:var(--layout-content);margin:0 auto;display:grid;grid-template-columns:minmax(0,var(--layout-feed)) var(--layout-aside);gap:var(--space-7);padding:var(--space-8) var(--space-9) var(--space-16);align-items:start}.main-content{min-width:0;width:100%}.rightbar{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;padding-top:var(--space-1)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6)}.page-heading h1{margin-bottom:var(--space-1)}.page-heading p{font-size:var(--font-size-label);color:var(--color-text-secondary)}.page-heading>button{flex:0 0 auto}.eyebrow{color:var(--color-text-secondary);font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.bottom-nav{display:none}.feed-tabs{display:flex;align-items:center;gap:var(--space-6);border-bottom:var(--border-thin) solid var(--color-border);margin-bottom:var(--space-6)}.feed-tab{min-height:var(--space-12);padding:0 0 var(--space-4);position:relative;font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.feed-tab.active,.feed-tab[aria-selected=true]{color:var(--color-text);font-weight:var(--font-weight-semibold)}.feed-tab.active:after,.feed-tab[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:var(--border-regular);border-radius:var(--radius-full);background:var(--color-primary)}.composer-card{margin-bottom:var(--space-6);padding:var(--space-5)}.composer-prompt{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:0;text-align:left}.composer-prompt>span:not(.avatar),.composer-prompt>input,.composer-prompt>button{display:flex;align-items:center;min-height:var(--size-control);flex:1;min-width:0;border:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-background);color:var(--color-text-secondary);font-size:var(--font-size-label)}.composer-prompt:hover>span:not(.avatar),.composer-prompt>button:hover{background:var(--color-surface-variant)}.composer-options{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding-top:var(--space-4);margin-top:var(--space-4);border-top:var(--border-thin) solid var(--color-divider)}.composer-options button{min-height:var(--size-control-small);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-small)}.composer-options button:hover{background:var(--color-surface-hover);color:var(--color-text)}.composer-options button:first-child svg{color:var(--color-primary-text)}.composer-options button:nth-child(2) svg{color:var(--color-success)}.composer-options button:nth-child(3) svg{color:var(--color-info)}.composer-options button:nth-child(4) svg{color:var(--color-warning)}.filter-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1) 0;overflow-x:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--size-control-small);padding:var(--space-2) var(--space-4);flex:0 0 auto;border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-tight);font-weight:var(--font-weight-medium);white-space:nowrap}.filter-chip:hover{border-color:var(--color-text-muted);color:var(--color-text)}.filter-chip.active,.filter-chip[aria-pressed=true]{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.post-list{display:flex;flex-direction:column;gap:var(--space-6)}.post-card{min-width:0}.post-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) 0}.post-author{flex:1;min-width:0}.post-author>button{padding:0;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-align:left}.post-author>button:hover{text-decoration:underline;text-underline-offset:var(--space-1)}.post-author p{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:var(--line-height-heading);white-space:nowrap}.post-location{overflow:hidden;text-overflow:ellipsis}.post-menu-wrap{position:relative;margin-right:calc(-1 * var(--space-2));align-self:flex-start}.dropdown{min-width:180px;position:absolute;top:100%;right:var(--space-2);z-index:var(--z-dropdown);padding:var(--space-1);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:var(--shadow-medium)}.dropdown button{padding:var(--space-3);width:100%;font-size:var(--font-size-small);text-align:left;border-radius:var(--radius-small)}.dropdown button:hover{background:var(--color-background)}.post-copy{padding:var(--space-4) var(--space-5)}.post-copy p{font-size:var(--font-size-label);line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.post-image-wrap{position:relative;margin:0 var(--space-5);overflow:hidden;border-radius:var(--radius-small);background:var(--color-image-fallback);aspect-ratio:1.82}.post-image{width:100%;height:100%;object-fit:cover}.image-tag{position:absolute;left:var(--space-3);bottom:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-image-overlay);color:var(--color-sidebar-text);font-size:var(--font-size-micro)}.image-fallback{display:flex;align-items:center;justify-content:center;background:var(--color-image-fallback)}.image-fallback .image-fallback-label{display:block;padding:var(--space-6);color:var(--color-image-fallback-text);font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);text-align:center}.activity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--space-5) var(--space-5)}.activity-metrics>div{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-5);border-left:var(--border-thin) solid var(--color-border)}.activity-metrics>div:first-child{border-left:0;padding-left:0}.activity-metrics span{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.activity-metrics strong{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title);font-variant-numeric:tabular-nums}.activity-metrics small{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);letter-spacing:0}.post-social-line{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-caption)}.post-social-line>button{margin-left:auto;padding:var(--space-1) 0;color:var(--color-text-secondary);font-size:inherit}.post-social-line>button:hover{color:var(--color-text)}.mini-hearts{width:var(--space-4);height:var(--space-4);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-primary-text);background:var(--color-primary-soft)}.post-actions{display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-5);padding:var(--space-1) 0;border-top:var(--border-thin) solid var(--color-divider)}.post-actions>button{min-height:var(--space-12);display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.post-actions>button:first-child{margin-left:calc(-1 * var(--space-2))}.post-actions>button:hover{background:var(--color-surface-hover);color:var(--color-text)}.post-actions .save-action{margin-left:auto;margin-right:calc(-1 * var(--space-2))}.post-actions .is-liked,.post-actions .is-liked:hover,.post-actions .is-saved{color:var(--color-primary-text)}.embedded-card{display:flex;align-items:center;gap:var(--space-4);width:calc(100% - var(--space-10));margin:0 var(--space-5) var(--space-2);padding:var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);text-align:left}.embedded-card:hover{border-color:var(--color-text-muted)}.embedded-card>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.embedded-card strong{font-size:var(--font-size-label)}.embedded-card small{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.embedded-icon{display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-small);background:var(--color-primary-soft);color:var(--color-primary-text);font-size:var(--font-size-heading)}.load-more{display:flex;justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:var(--space-12);margin-top:var(--space-6);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-label)}.load-more:hover{background:var(--color-surface-hover);color:var(--color-text)}.comments{border-top:var(--border-thin) solid var(--color-divider);padding:var(--space-4) var(--space-5) var(--space-5)}.comments-list{display:flex;flex-direction:column;gap:var(--space-4)}.comment{display:flex;align-items:flex-start;gap:var(--space-2)}.comment>div{min-width:0;flex:1;background:var(--color-background);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small)}.comment strong{font-size:var(--font-size-small)}.comment p{font-size:var(--font-size-label);overflow-wrap:anywhere;white-space:pre-wrap}.comment small{font-size:var(--font-size-micro);color:var(--color-text-secondary)}.comment-form{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-4)}.comment-form input{width:100%;height:var(--size-control);padding:var(--space-2) var(--space-3);background:var(--color-background);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-small)}.rightbar>.card,.community-card{padding:var(--space-5)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section-title h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-label)}.section-title h3>svg{color:var(--color-text-secondary)}.section-title>button{flex-shrink:0}.community-card>p{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-top:var(--space-2)}.community-card>.button-primary{width:100%;margin-top:var(--space-4)}.challenge-feature{padding:0!important;overflow:hidden}.challenge-visual{height:132px;position:relative;overflow:hidden;background:var(--color-image-fallback)}.challenge-visual img{width:100%;height:100%;object-fit:cover}.challenge-visual>.badge{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--color-white-overlay);color:var(--color-text)}.challenge-visual>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-image-fallback-text)}.challenge-info h3{margin-bottom:var(--space-1);font-size:var(--font-size-subtitle);letter-spacing:var(--letter-spacing-title)}.challenge-info>p{font-size:var(--font-size-small);color:var(--color-text-secondary)}.challenge-info>button{width:100%;margin-top:var(--space-4)}.challenge-info>a{display:block}.progress-track{width:100%;height:6px;overflow:hidden;border-radius:var(--radius-full);background:var(--color-surface-variant);margin:var(--space-3) 0 var(--space-2)}.progress-fill{height:100%;max-width:100%;border-radius:inherit;background:var(--color-primary);transition:width var(--motion-normal) var(--ease-standard)}.progress-caption,.progress-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-caption)}.progress-caption strong,.progress-label strong{color:var(--color-text);font-weight:var(--font-weight-medium)}.event-list{display:flex;flex-direction:column;gap:var(--space-4)}.event-row{display:flex;align-items:center;width:100%;gap:var(--space-3);text-align:left;padding:0}.event-thumb{width:var(--space-12);height:var(--space-12);flex:0 0 auto;overflow:hidden;background:var(--color-surface-variant);border-radius:var(--radius-small)}.event-thumb>span{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--font-size-title);line-height:var(--line-height-tight);color:var(--color-text);font-weight:var(--font-weight-semibold)}.event-thumb small{font-size:var(--font-size-micro);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.event-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-1)}.event-info strong{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.event-info p,.event-info small{font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:var(--line-height-heading)}.event-row:hover .event-info strong{color:var(--color-primary-text)}.person-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.person-row:first-of-type{padding-top:0}.person-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:0}.person-info strong{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.person-info small,.person-info p{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.person-info:hover strong{color:var(--color-primary-text)}.person-row .avatar{width:var(--space-9);height:var(--space-9);font-size:var(--font-size-caption)}.follow-button{min-height:var(--size-control-small);padding:var(--space-2) var(--space-3);font-size:var(--font-size-caption)}.follow-button.following,.follow-button[aria-pressed=true]{color:var(--color-text-secondary);background:var(--color-background)}.sidebar-footer{padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:1.9}.sidebar-footer a,.sidebar-footer button{padding:0;font-size:inherit;color:inherit}.sidebar-footer a:hover,.sidebar-footer button:hover{color:var(--color-text);text-decoration:underline}.sidebar-footer p{margin-top:var(--space-2)}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-overlay);backdrop-filter:blur(3px);animation:fade-in var(--motion-fast) var(--ease-standard)}.modal{width:100%;max-width:var(--layout-modal);max-height:calc(100dvh - var(--space-12));overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-large);animation:rise-in var(--motion-normal) var(--ease-standard)}.modal:focus{outline:none}.modal-wide{max-width:var(--layout-modal-wide)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:var(--border-thin) solid var(--color-border)}.modal-header h2{font-size:var(--font-size-subtitle)}.modal-header .icon-button{margin-right:calc(-1 * var(--space-2))}.modal-body{padding:var(--space-6)}.modal-body>.muted{font-size:var(--font-size-label);margin-bottom:var(--space-4)}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:var(--border-thin) solid var(--color-border);padding:var(--space-4) var(--space-6)}.modal-footer>.muted{font-size:var(--font-size-caption)}.modal-footer .button-primary{margin-left:auto}.composer-person{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.composer-person strong{font-size:var(--font-size-label)}.composer-person small{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-caption);margin-top:var(--space-1)}.compose-types{display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--color-background);border-radius:var(--radius-small);margin-bottom:var(--space-4)}.compose-types button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex:1;min-height:var(--size-control-small);color:var(--color-text-secondary);border-radius:var(--radius-small);font-size:var(--font-size-label)}.compose-types button.selected{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-small)}.compose-types button.selected svg{color:var(--color-primary-text)}.compose-text{width:100%;min-height:140px;padding:var(--space-3) 0;border:0;resize:vertical;background:transparent;line-height:var(--line-height-body);font-size:var(--font-size-subtitle)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin:var(--space-4) 0}.metrics-form{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label,.form-label,.profile-form label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.form-grid input,.form-grid select,.profile-form input,.profile-form textarea,.form-input{width:100%;min-height:var(--size-control);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);font-size:var(--font-size-label);font-weight:var(--font-weight-regular)}.form-grid select{appearance:auto}.form-grid input:focus,.form-grid select:focus,.profile-form input:focus,.profile-form textarea:focus{border-color:var(--color-primary)}.input-with-icon{display:flex;align-items:center;position:relative}.input-with-icon>svg{position:absolute;left:var(--space-3);color:var(--color-text-secondary)}.input-with-icon>input{padding-left:var(--space-9)}.upload-button{display:flex;align-items:center;gap:var(--space-2);position:relative;min-height:var(--space-12);padding:var(--space-3);margin-top:var(--space-5);border:var(--border-thin) dashed var(--color-text-muted);border-radius:var(--radius-small);cursor:pointer;font-size:var(--font-size-label)}.upload-button:hover{background:var(--color-background)}.upload-button:focus-within{outline:var(--border-regular) solid var(--color-primary-text);outline-offset:var(--space-1)}.upload-button>span{margin-left:auto;color:var(--color-text-secondary);font-size:var(--font-size-caption)}.upload-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.upload-preview{position:relative;margin-bottom:var(--space-4);max-height:240px;overflow:hidden;border-radius:var(--radius-small);background:var(--color-background)}.upload-preview img{width:100%;max-height:240px;object-fit:contain}.upload-preview .icon-button{position:absolute;right:var(--space-2);top:var(--space-2);background:var(--color-surface)}.form-error{padding:var(--space-3);margin-top:var(--space-4);color:var(--color-error);background:var(--color-error-soft);border-radius:var(--radius-small);font-size:var(--font-size-small)}.info-note,.demo-note{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-body)}.info-note{padding:var(--space-3) var(--space-4);margin-top:var(--space-4);background:var(--color-background);border-radius:var(--radius-small)}.demo-note{margin-top:var(--space-5)}.share-option{width:100%;display:flex;align-items:center;gap:var(--space-3);min-height:var(--space-14);padding:var(--space-3);border-bottom:var(--border-thin) solid var(--color-divider);text-align:left;border-radius:var(--radius-small)}.share-option:hover{background:var(--color-background)}.share-option>span{flex:1;font-size:var(--font-size-label)}.share-option>svg:first-child{color:var(--color-text-secondary)}.share-option>svg:last-child{color:var(--color-text-muted)}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:280px;padding:var(--space-10) var(--space-6);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-medium);text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:var(--space-16);height:var(--space-16);margin-bottom:var(--space-5);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-text)}.empty h3{font-size:var(--font-size-subtitle);margin-bottom:var(--space-2)}.empty p{max-width:360px;color:var(--color-text-secondary);font-size:var(--font-size-label)}.empty button,.empty a{margin-top:var(--space-5)}.toast{position:fixed;z-index:var(--z-toast);bottom:var(--space-8);left:calc(50% + var(--layout-sidebar) / 2);transform:translate(-50%);max-width:calc(100vw - var(--space-8));display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-secondary);color:var(--color-sidebar-text);border-radius:var(--radius-small);box-shadow:var(--shadow-medium);font-size:var(--font-size-label);animation:fade-in var(--motion-fast)}.toast>svg{color:var(--color-primary)}.toast button{color:inherit;padding:var(--space-1)}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--size-control);margin-bottom:var(--space-4);padding:0;color:var(--color-text-secondary);font-size:var(--font-size-label)}.back-button:hover{color:var(--color-text)}.search-panel{margin-bottom:var(--space-6)}.search-input,.search-field{width:100%;display:flex;align-items:center;gap:var(--space-3);min-height:var(--space-14);padding:var(--space-3) var(--space-5);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);color:var(--color-text-secondary)}.search-input input,.search-field input{flex:1;width:100%;border:0;outline:0;background:transparent;font-size:var(--font-size-body)}.search-input:focus-within,.search-field:focus-within{border-color:var(--color-primary)}.search-results,.explore-sections{display:flex;flex-direction:column;gap:var(--space-6)}.people-grid,.explore-grid,.events-grid,.challenges-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.person-card{display:flex;align-items:center;flex-direction:column;gap:var(--space-3);padding:var(--space-6);text-align:center}.person-card h3{font-size:var(--font-size-body)}.person-card p{color:var(--color-text-secondary);font-size:var(--font-size-small)}.person-card .avatar{width:var(--space-16);height:var(--space-16);font-size:var(--font-size-subtitle)}.person-card .button-secondary,.person-card .follow-button{margin-top:var(--space-2)}.profile-card{overflow:hidden;margin-bottom:var(--space-6)}.profile-cover{height:144px;background:var(--color-image-fallback);position:relative;overflow:hidden}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-cover>svg{position:absolute;right:var(--space-10);top:var(--space-8);width:var(--space-20);height:var(--space-20);color:var(--color-image-fallback-text)}.profile-body,.profile-info{padding:0 var(--space-6) var(--space-6);position:relative}.profile-topline,.profile-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.profile-topline>.avatar,.profile-top>.avatar{margin-top:calc(-1 * var(--space-12));border:var(--space-1) solid var(--color-surface)}.profile-topline>button,.profile-top>button{margin-top:var(--space-4)}.profile-body h1,.profile-info h1{font-size:var(--font-size-heading)}.profile-handle{color:var(--color-text-secondary);font-size:var(--font-size-label)}.profile-bio{margin-top:var(--space-4);max-width:460px;font-size:var(--font-size-label);white-space:pre-wrap;overflow-wrap:anywhere}.profile-location{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-small)}.profile-stats{display:flex;gap:var(--space-7);margin-top:var(--space-5);padding-top:var(--space-5);border-top:var(--border-thin) solid var(--color-divider)}.profile-stats>div,.profile-stats>button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:0}.profile-stats strong{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semibold)}.profile-stats span{font-size:var(--font-size-small);color:var(--color-text-secondary)}.profile-form{display:flex;flex-direction:column;gap:var(--space-4)}.profile-form textarea{min-height:100px;resize:vertical}.detail-card{overflow:hidden}.detail-image{width:100%;height:280px;object-fit:cover;background:var(--color-image-fallback)}.detail-body{padding:var(--space-6)}.detail-body>.badge{margin-bottom:var(--space-3)}.detail-body h1{margin-bottom:var(--space-4)}.detail-description{margin:var(--space-5) 0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:1.8}.detail-meta{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) 0;border-top:var(--border-thin) solid var(--color-border);border-bottom:var(--border-thin) solid var(--color-border)}.detail-meta>div,.detail-meta>p{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-label)}.detail-meta svg{color:var(--color-text-secondary)}.detail-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.detail-actions>button:first-child{flex:1}.collection-card{overflow:hidden;text-align:left}.collection-card>img{width:100%;height:160px;object-fit:cover;background:var(--color-image-fallback)}.collection-card>div{padding:var(--space-5)}.collection-card h3{margin:var(--space-2) 0;font-size:var(--font-size-subtitle)}.collection-card p{color:var(--color-text-secondary);font-size:var(--font-size-small)}.collection-card button{margin-top:var(--space-4);width:100%}.settings-card{padding:var(--space-6)}.settings-card>h2{margin-bottom:var(--space-4)}.settings-card>p{color:var(--color-text-secondary);font-size:var(--font-size-label)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:var(--border-thin) solid var(--color-divider)}.settings-row strong{display:block;font-size:var(--font-size-label)}.settings-row small{display:block;margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-small)}.messages-layout,.messages-panel{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:620px;overflow:hidden}.conversation-list{padding:var(--space-4) var(--space-2);border-right:var(--border-thin) solid var(--color-border);background:var(--color-surface)}.conversation-list>.feed-tabs{margin:0 var(--space-2) var(--space-3);gap:var(--space-4)}.conversation-row{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-radius:var(--radius-small);text-align:left}.conversation-row:hover{background:var(--color-background)}.conversation-row.active{background:var(--color-primary-soft)}.conversation-row>div{min-width:0;flex:1}.conversation-row strong{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.conversation-row p{font-size:var(--font-size-caption);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row>b,.unread-count{min-width:var(--space-4);height:var(--space-4);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold)}.community-avatar{width:var(--size-avatar-medium);height:var(--size-avatar-medium);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-success-soft);color:var(--color-success);border-radius:var(--radius-small)}.chat-panel{display:flex;flex-direction:column;min-width:0;background:var(--color-surface)}.chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:var(--border-thin) solid var(--color-border)}.chat-header>div{flex:1;min-width:0}.chat-header h3{font-size:var(--font-size-label)}.chat-header p{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.chat-body,.message-list{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:280px;max-height:500px;padding:var(--space-5);overflow-y:auto;background:var(--color-background)}.chat-date{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-micro)}.message{display:flex;align-items:flex-end;gap:var(--space-2);max-width:88%;align-self:flex-start}.message.mine{align-self:flex-end;flex-direction:row-reverse}.message-bubble{padding:var(--space-3);border-radius:var(--radius-medium) var(--radius-medium) var(--radius-medium) var(--space-1);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);font-size:var(--font-size-small);overflow-wrap:anywhere;white-space:pre-wrap}.message.mine .message-bubble{border-color:transparent;background:var(--color-primary-soft);border-radius:var(--radius-medium) var(--radius-medium) var(--space-1) var(--radius-medium)}.message-bubble strong{display:block;font-size:var(--font-size-caption);margin-bottom:var(--space-1)}.message-bubble small{display:block;color:var(--color-text-secondary);text-align:right;font-size:var(--font-size-micro);margin-top:var(--space-1)}.chat-form{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-top:var(--border-thin) solid var(--color-border)}.chat-form input,.chat-form textarea{width:100%;min-height:var(--size-control);padding:var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background);font-size:var(--font-size-small);resize:none}.chat-form button{flex:0 0 auto}.chat-panel>.demo-note{margin:0;padding:var(--space-2) var(--space-4);font-size:var(--font-size-micro);border-top:var(--border-thin) solid var(--color-divider)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.main-grid{padding-top:var(--space-10)}}@media(max-width:1350px){.main-grid{padding-right:var(--space-6);padding-left:var(--space-6);gap:var(--space-6)}.topbar{padding-right:var(--space-6);padding-left:var(--space-6)}.composer-options{gap:0}.composer-options button{padding-right:var(--space-1);padding-left:var(--space-1)}}@media(max-width:1199px){.rightbar{display:none}.main-grid{grid-template-columns:minmax(0,var(--layout-feed));justify-content:center;max-width:calc(var(--layout-feed) + var(--space-12))}}@media(max-width:1100px)and (min-width:760px){:root{--layout-sidebar: var(--layout-sidebar-collapsed)}.sidebar{padding:var(--space-8) var(--space-4) var(--space-5);align-items:center}.sidebar>a,.sidebar>.logo{padding:0;margin-bottom:var(--space-10)}.sidebar .logo>span:last-child{display:none}.sidebar-nav{width:100%}.nav-item{justify-content:center;padding:var(--space-3)}.nav-item>span,.nav-item>b,.nav-item>.nav-count,.nav-section>p,.nav-section>span{display:none}.nav-create{width:var(--space-12);height:var(--space-12);min-height:var(--space-12);padding:var(--space-3);font-size:0}.nav-create>span{display:none}.nav-section{width:100%;padding-top:var(--space-5);margin-top:var(--space-6)}.sidebar-bottom{width:100%}.sidebar-profile{justify-content:center;padding:var(--space-4) 0}.sidebar-profile>div,.sidebar-profile>svg{display:none}.topbar{padding-right:var(--space-8);padding-left:var(--space-8)}}@media(max-width:759px){:root{--layout-sidebar: 0px;--layout-topbar: 64px}body{padding-bottom:calc(var(--layout-bottomnav) + env(safe-area-inset-bottom))}.sidebar{display:none}.main-shell{margin-left:0}.topbar{padding:0 var(--space-4);gap:var(--space-3)}.global-search{height:var(--space-10);padding:0 var(--space-3);max-width:420px}.global-search input{font-size:var(--font-size-small)}.global-search>span,.global-search>kbd{display:none}.topbar-actions{gap:var(--space-1)}.topbar-actions .demo-pill{display:none}.topbar-actions>.avatar-button{display:none}.main-grid{padding:var(--space-6) var(--space-4) var(--space-8);gap:0;max-width:712px}.page-heading{margin-bottom:var(--space-5);align-items:center}.page-heading h1{font-size:var(--font-size-heading)}.page-heading p{font-size:var(--font-size-small)}.page-heading .eyebrow{font-size:var(--font-size-micro)}.page-heading>.button-primary,.page-heading>.button-secondary{padding:var(--space-2) var(--space-3)}.feed-tabs{gap:var(--space-6);margin-bottom:var(--space-5)}.feed-tab{min-height:var(--space-10);padding-bottom:var(--space-3)}.composer-card{padding:var(--space-4);margin-bottom:var(--space-4)}.composer-options{flex-wrap:wrap;justify-content:space-around;padding-top:var(--space-3);margin-top:var(--space-3)}.composer-options button{gap:var(--space-1);font-size:var(--font-size-caption)}.filter-row{margin-bottom:var(--space-4);margin-right:calc(-1 * var(--space-4));padding-right:var(--space-4)}.filter-chip{min-height:var(--space-10);padding:var(--space-2) var(--space-3)}.post-list{gap:var(--space-4)}.post-header{padding:var(--space-4) var(--space-4) 0;gap:var(--space-2)}.post-copy{padding:var(--space-3) var(--space-4)}.post-image-wrap{margin-right:var(--space-4);margin-left:var(--space-4);aspect-ratio:1.45}.post-author p{font-size:var(--font-size-micro);gap:var(--space-1)}.post-author>button{font-size:var(--font-size-small)}.post-location{max-width:150px}.post-actions{margin:0 var(--space-4);gap:0;justify-content:space-between}.post-actions>button{font-size:var(--font-size-caption);padding-right:var(--space-2);padding-left:var(--space-2);gap:var(--space-1)}.post-actions>button svg{width:18px;height:18px}.post-social-line{padding-right:var(--space-4);padding-left:var(--space-4);font-size:var(--font-size-micro)}.activity-metrics{padding:var(--space-4)}.activity-metrics>div{padding-left:var(--space-3)}.activity-metrics strong{font-size:var(--font-size-subtitle)}.activity-metrics small{font-size:var(--font-size-caption)}.activity-metrics span{font-size:var(--font-size-micro)}.embedded-card{margin:0 var(--space-4) var(--space-2);width:calc(100% - var(--space-8));padding:var(--space-3);gap:var(--space-3)}.embedded-card small{font-size:var(--font-size-micro)}.comments{padding:var(--space-4)}.bottom-nav{position:fixed;z-index:var(--z-header);left:0;right:0;bottom:0;height:calc(var(--layout-bottomnav) + env(safe-area-inset-bottom));padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;background:var(--color-white-overlay);border-top:var(--border-thin) solid var(--color-border)}.bottom-nav>a,.bottom-nav>button{height:var(--space-14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-micro);font-weight:var(--font-weight-medium);border-radius:var(--radius-small)}.bottom-nav .active,.bottom-nav [aria-current=page]{color:var(--color-primary-text)}.bottom-nav .bottom-create,.bottom-nav .nav-create{width:var(--space-12);height:var(--space-12);justify-self:center;margin:0;padding:var(--space-2);color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-medium)}.bottom-nav>a>svg,.bottom-nav>button>svg{width:var(--space-5);height:var(--space-5)}.toast{bottom:calc(var(--layout-bottomnav) + var(--space-4) + env(safe-area-inset-bottom));left:50%;width:max-content;max-width:calc(100vw - var(--space-8));padding:var(--space-3) var(--space-4);font-size:var(--font-size-small)}.modal-overlay{padding:var(--space-4);align-items:center}.modal{max-height:calc(100dvh - var(--space-8));border-radius:var(--radius-medium)}.modal-header{padding:var(--space-3) var(--space-4)}.modal-header h2{font-size:var(--font-size-body)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4)}.modal-footer>.muted{display:none}.compose-text{min-height:120px;font-size:var(--font-size-body)}.form-grid{gap:var(--space-3)}.form-grid label{font-size:var(--font-size-caption)}.form-grid input,.form-grid select{padding:var(--space-2);font-size:var(--font-size-small)}.input-with-icon>input{padding-left:var(--space-8)}.input-with-icon>svg{left:var(--space-2)}.profile-body,.profile-info{padding-right:var(--space-4);padding-left:var(--space-4)}.profile-cover{height:120px}.profile-stats{gap:var(--space-6)}.profile-stats span{font-size:var(--font-size-caption)}.detail-image{height:220px}.detail-body{padding:var(--space-5)}.people-grid,.explore-grid,.events-grid,.challenges-grid{gap:var(--space-3)}.person-card{padding:var(--space-4)}.messages-layout,.messages-panel{grid-template-columns:1fr;min-height:calc(100dvh - 230px)}.conversation-list{border-right:0}.messages-layout.has-conversation .conversation-list,.messages-panel.has-conversation .conversation-list{display:none}.messages-layout:not(.has-conversation) .chat-panel,.messages-panel:not(.has-conversation) .chat-panel{display:none}.chat-body,.message-list{min-height:280px;max-height:calc(100dvh - 350px);padding:var(--space-4)}.chat-form{padding:var(--space-3)}.settings-card{padding:var(--space-5)}.settings-row{flex-wrap:wrap}}@media(max-width:390px){.main-grid{padding-left:var(--space-3);padding-right:var(--space-3)}.post-actions>button{font-size:var(--font-size-micro);padding-right:var(--space-1);padding-left:var(--space-1)}.post-author p .post-location{max-width:90px}.composer-options button{font-size:var(--font-size-micro)}.composer-options button svg{width:var(--space-4);height:var(--space-4)}.activity-metrics strong{font-size:var(--font-size-body)}.activity-metrics>div{padding-left:var(--space-2)}.form-grid:not(.metrics-form){grid-template-columns:1fr}.people-grid,.events-grid,.challenges-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:fixed;left:var(--space-4);top:-100px;z-index:var(--z-toast);background:var(--color-surface);padding:var(--space-3);border-radius:var(--radius-small)}.skip-link:focus{top:var(--space-4)}.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar>.brand-link{margin-bottom:var(--space-3)}.sidebar-tagline{font-size:var(--font-size-caption);color:var(--color-sidebar-muted);line-height:1.6;padding-left:var(--space-3);margin-bottom:var(--space-8)}.nav-create{margin-top:0;justify-content:flex-start;font-size:var(--font-size-label)}.sidebar-profile>span:not(.avatar){display:flex;flex-direction:column;flex:1;min-width:0}.sidebar-profile strong,.sidebar-profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-manifesto{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-4) var(--space-3);color:var(--color-sidebar-muted);font-size:var(--font-size-caption)}.manifesto-dot{height:6px;width:6px;background:var(--color-primary);border-radius:var(--radius-full);margin-top:6px;flex-shrink:0}.sidebar-manifesto strong{font-weight:var(--font-weight-medium);color:var(--color-sidebar-text)}.sidebar-bottom{padding-top:var(--space-6)}.nav-section{margin-top:var(--space-6);padding-top:var(--space-5)}.nav-section .nav-item>small{margin-left:auto}.mobile-logo,.mobile-menu-button{display:none}.notification-button>i{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary);position:absolute;top:9px;right:10px;border:2px solid var(--color-surface);box-sizing:content-box}.eyebrow{display:block;margin-bottom:var(--space-2);font-size:9px;letter-spacing:.14em}.heading-symbol{color:var(--color-primary-text);background:var(--color-primary-soft);display:flex;padding:var(--space-3);border-radius:var(--radius-medium)}.page-heading{align-items:center}.feed-status{margin-left:auto;font-size:var(--font-size-micro);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-4)}.feed-status>span{width:5px;height:5px;background:var(--color-success);border-radius:var(--radius-full)}.composer-options .composer-submit{background:var(--color-primary-soft);color:var(--color-primary-text);padding:var(--space-2) var(--space-3)}.composer-options .composer-submit>svg{color:inherit}.full-width{width:100%}.button-small{padding:var(--space-2) var(--space-3);min-height:var(--size-control-small)}.feed-end{padding:var(--space-8);text-align:center;display:flex;align-items:center;flex-direction:column;gap:var(--space-2)}.feed-end strong{font-size:var(--font-size-label)}.feed-end p{font-size:var(--font-size-small);color:var(--color-text-secondary)}.end-icon{display:flex;align-items:center;justify-content:center;background:var(--color-success-soft);color:var(--color-success);width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);margin-bottom:var(--space-2)}.post-copy p,.comment p,.detail-description{overflow-wrap:anywhere;white-space:pre-wrap}.post-menu-wrap{position:relative;margin-left:auto}.post-menu-wrap .dropdown{position:absolute;right:0;top:100%;width:210px;background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);padding:var(--space-2);box-shadow:var(--shadow-medium);z-index:var(--z-dropdown)}.dropdown button{display:block;text-align:left;min-height:var(--size-control);width:100%;padding:var(--space-2);font-size:var(--font-size-small);border-radius:var(--radius-small)}.dropdown button:hover{background:var(--color-surface-variant)}.image-fallback-label{display:none}.image-fallback .image-fallback-label{display:block;text-align:center;padding:var(--space-20) var(--space-4);font-size:var(--font-size-title);color:var(--color-image-fallback-text)}.image-fallback{background:var(--color-image-fallback)}.challenge-feature>.section-title{padding:var(--space-5);margin:0}.challenge-visual{width:calc(100% - var(--space-10));height:190px;margin:0 var(--space-5);display:block;border-radius:var(--radius-small);padding:0;text-align:left}.challenge-overlay{position:absolute;inset:0;background:linear-gradient(0deg,var(--color-image-overlay),transparent)}.challenge-visual-content{position:absolute;inset:auto var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-sidebar-text)}.visual-label{font-size:9px;letter-spacing:.12em;font-weight:var(--font-weight-semibold)}.challenge-visual-content strong{font-size:var(--font-size-title);letter-spacing:var(--letter-spacing-title);line-height:1.2;max-width:200px}.challenge-visual-content>span:last-child{font-size:var(--font-size-caption)}.challenge-arrow{position:absolute;right:var(--space-3);top:var(--space-3);width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;background:var(--color-white-overlay);border-radius:var(--radius-full)}.challenge-info{padding:var(--space-5)}.challenge-participants{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.challenge-participants>span:last-child{display:flex;flex-direction:column}.challenge-participants strong{font-size:var(--font-size-caption)}.challenge-participants small{font-size:var(--font-size-micro);color:var(--color-text-secondary)}.avatar-stack{display:flex;padding-left:var(--space-2)}.avatar-stack>.avatar{margin-left:calc(-1 * var(--space-2));border:2px solid var(--color-surface)}.progress-label{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-caption);margin-bottom:var(--space-2)}.progress-label strong{font-weight:var(--font-weight-semibold)}.progress-track{width:100%;height:6px;background:var(--color-surface-variant);border-radius:var(--radius-full);overflow:hidden}.progress-fill{display:block;height:100%;background:var(--color-primary);border-radius:inherit}.challenge-info>.button-secondary,.challenge-info>.button-primary{margin-top:var(--space-4);min-height:var(--space-10)}.section-description{margin-top:calc(-1 * var(--space-2));font-size:var(--font-size-caption)}.event-list{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-5)}.event-row{display:flex;align-items:center;width:100%;padding:0;gap:var(--space-3);text-align:left}.event-thumb{position:relative;width:var(--space-14);height:var(--space-16);flex-shrink:0;border-radius:var(--radius-small);overflow:hidden;background:var(--color-surface-variant)}.event-thumb img{width:100%;height:100%;object-fit:cover}.event-thumb>span{position:absolute;bottom:var(--space-1);left:var(--space-1);background:var(--color-white-overlay);border-radius:var(--space-1);padding:0 var(--space-1);font-size:var(--font-size-micro);font-weight:var(--font-weight-bold)}.event-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.event-info strong{font-size:var(--font-size-small);line-height:1.4}.event-info small,.event-info>span{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-micro);color:var(--color-text-secondary)}.event-row>svg{color:var(--color-text-muted)}.suggested-people{display:flex;flex-direction:column;gap:var(--space-4)}.person-row{display:flex;gap:var(--space-3);align-items:center;min-width:0}.person-info{display:flex;flex-direction:column;text-align:left;flex:1;min-width:0;padding:0}.person-info strong{font-size:var(--font-size-small)}.person-info small{color:var(--color-text-secondary);font-size:var(--font-size-micro);line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-button{min-height:var(--space-8);width:var(--space-8);padding:0;border-radius:var(--radius-full);color:var(--color-primary-text)}.follow-button.following{color:var(--color-success);background:var(--color-success-soft);border-color:transparent}.invite-card{padding:var(--space-6);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-primary-soft)}.invite-card>svg{color:var(--color-primary-text);margin-bottom:var(--space-3)}.invite-card h3{font-size:var(--font-size-subtitle)}.invite-card p{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:var(--space-2) 0 var(--space-3)}.invite-card .text-button{color:var(--color-primary-text)}.sidebar-footer{color:var(--color-text-secondary);padding:0 var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-micro)}.sidebar-footer p{width:100%}.sidebar-footer button{padding:0;font-size:inherit}.sidebar-footer>span{margin-left:auto}.notification-row{display:flex;gap:var(--space-4);padding:var(--space-3) 0}.notification-row p{color:var(--color-text-secondary);margin-top:var(--space-2)}.notification-icon{color:var(--color-primary-text);background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);flex-shrink:0}.notification-row~.button-primary{margin-top:var(--space-5)}.modal-body>h4{margin:var(--space-6) 0 var(--space-2)}.card>.empty{border:0}.search-input-large{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-medium);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);margin-bottom:var(--space-4);min-height:var(--space-16)}.search-input-large input{width:100%;border:0;background:transparent;outline:none}.search-input-large:focus-within{border-color:var(--color-primary)}.search-input-large>svg{color:var(--color-text-secondary)}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:var(--space-6) 0}.results-heading h2{font-size:var(--font-size-subtitle)}.results-heading>span{font-size:var(--font-size-small);white-space:nowrap;color:var(--color-text-secondary)}.search-section{margin-bottom:var(--space-6)}.search-section.card{padding:var(--space-5)}.search-section>h3{margin-bottom:var(--space-5);font-size:var(--font-size-body)}.search-person{padding:var(--space-4) 0;border-top:var(--border-thin) solid var(--color-divider)}.search-person .person-info p{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-top:var(--space-2);line-height:1.6}.result-row{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) 0;border-top:var(--border-thin) solid var(--color-divider);text-align:left}.result-row>span:not(.avatar):not(.result-symbol){display:flex;flex-direction:column;gap:var(--space-1);flex:1}.result-row strong{font-size:var(--font-size-label)}.result-row small{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.result-symbol{display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-medium);background:var(--color-primary-soft);color:var(--color-primary-text)}.discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.discover-card{padding:0;text-align:left;overflow:hidden;transition:box-shadow var(--motion-fast),transform var(--motion-fast)}.discover-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.discover-card>img{width:100%;height:170px;object-fit:cover}.discover-card>div:not(.discover-placeholder){padding:var(--space-5)}.discover-card h3{margin:var(--space-3) 0;font-size:var(--font-size-subtitle);letter-spacing:var(--letter-spacing-title)}.discover-card p{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-top:var(--space-2)}.discover-card p>svg{margin-top:2px}.discover-card .discover-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-4);line-height:1.7}.discover-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);margin-top:var(--space-4);border-top:var(--border-thin) solid var(--color-divider)}.discover-bottom>span{display:flex;gap:var(--space-2);align-items:center;font-size:var(--font-size-caption);color:var(--color-text-secondary)}.discover-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.joined-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-micro);color:var(--color-success)}.discover-placeholder,.detail-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-image-fallback);color:var(--color-image-fallback-text)}.discover-placeholder{height:170px}.detail-cover{width:100%;height:290px;object-fit:cover}.detail-kicker{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.detail-kicker>span:last-child{color:var(--color-text-secondary);font-size:var(--font-size-micro)}.detail-organizer{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-small);color:var(--color-text-secondary);margin:var(--space-4) 0}.detail-organizer .text-button{color:var(--color-text);font-size:inherit}.detail-facts{padding:var(--space-5) 0;margin:var(--space-5) 0;border-top:var(--border-thin) solid var(--color-border);border-bottom:var(--border-thin) solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-5)}.detail-facts>div{display:flex;align-items:center;gap:var(--space-4)}.detail-facts>div>svg{color:var(--color-primary-text)}.detail-facts span{display:flex;flex-direction:column;gap:var(--space-1)}.detail-facts strong{font-size:var(--font-size-label)}.detail-facts small,.detail-facts a{font-size:var(--font-size-small);color:var(--color-text-secondary)}.detail-facts a{color:var(--color-primary-text)}.detail-facts a>svg{margin-left:var(--space-1)}.detail-body>h2{font-size:var(--font-size-subtitle)}.detail-description{margin-top:var(--space-3)}.detail-progress{padding:var(--space-5);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);margin-bottom:var(--space-5)}.detail-progress p{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:var(--space-3) 0}.participants-button{display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:left;padding:var(--space-4) 0}.participants-button>span:last-of-type{display:flex;flex-direction:column;flex:1}.participants-button strong{font-size:var(--font-size-small)}.participants-button small{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.detail-actions{flex-wrap:wrap}.detail-actions>button{flex:1}.detail-community{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);margin-top:var(--space-6);border-radius:var(--radius-small);background:var(--color-primary-soft);flex-wrap:wrap}.detail-community>svg{color:var(--color-primary-text)}.detail-community>div{flex:1}.detail-community strong{font-size:var(--font-size-small)}.detail-community p{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.detail-community>.text-button{margin-left:auto;color:var(--color-primary-text)}.form-label,.form-field>label{display:flex;flex-direction:column;font-size:var(--font-size-label);font-weight:var(--font-weight-medium);gap:var(--space-2);margin:var(--space-4) 0 var(--space-2)}.form-label>input{min-height:var(--size-control);padding:var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface)}.profile-header{overflow:hidden;margin-bottom:var(--space-6)}.profile-cover{height:144px;background:var(--color-image-fallback);display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--space-6)}.profile-cover>span{font-size:var(--font-size-small);color:var(--color-image-fallback-text);letter-spacing:.04em}.profile-identity{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-6);margin-top:calc(-1 * var(--space-10));position:relative}.profile-identity>.avatar{border:5px solid var(--color-surface);width:var(--space-24);height:var(--space-24)}.profile-actions{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-10);flex-wrap:wrap;justify-content:flex-end}.profile-info{padding-top:var(--space-4)}.profile-info h2{font-size:var(--font-size-heading)}.profile-meta{display:flex;gap:var(--space-2);align-items:center;font-size:var(--font-size-small);color:var(--color-text-secondary);margin-top:var(--space-3)}.profile-stats{margin-bottom:0}.profile-stats dt{font-size:var(--font-size-small);color:var(--color-text-secondary);order:1}.profile-stats dd{margin:0;font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semibold)}.profile-tabs{display:flex;border-top:var(--border-thin) solid var(--color-divider);padding:0 var(--space-6);gap:var(--space-6)}.profile-tabs>button{min-height:var(--space-14);position:relative;font-size:var(--font-size-label);color:var(--color-text-secondary);padding:0}.profile-tabs>button.active{color:var(--color-text);font-weight:var(--font-weight-semibold)}.profile-tabs>button.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-primary)}.profile-content{display:flex;flex-direction:column;gap:var(--space-5)}.profile-content:focus-visible{outline:none}.profile-form{gap:0}.form-field{margin-bottom:var(--space-4)}.form-field>input,.form-field>textarea{width:100%;padding:var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface)}.full-page-grid{display:block;max-width:1280px}.messages-demo-note{margin:0 0 var(--space-5);font-size:var(--font-size-caption)}.messages-layout{grid-template-columns:300px minmax(0,1fr);height:min(740px,calc(100dvh - 260px));min-height:520px}.conversations-panel{border-right:var(--border-thin) solid var(--color-border);min-width:0;overflow-y:auto}.conversations-tabs{display:flex;border-bottom:var(--border-thin) solid var(--color-border);padding:0 var(--space-4);gap:var(--space-5);height:var(--space-20);align-items:center}.conversations-tabs>button{height:100%;font-size:var(--font-size-small);position:relative;padding:0;color:var(--color-text-secondary)}.conversations-tabs>button.active{color:var(--color-primary-text);font-weight:var(--font-weight-semibold)}.conversations-tabs>button.active:after{content:"";position:absolute;bottom:0;width:100%;height:2px;left:0;background:var(--color-primary)}.conversation-list{border:0;padding:var(--space-2)}.conversation-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);width:100%;text-align:left;border-radius:var(--radius-small);border:0}.conversation-item:hover{background:var(--color-surface-hover)}.conversation-item.is-active{background:var(--color-primary-soft)}.conversation-item>.avatar{width:var(--space-10);height:var(--space-10)}.conversation-preview{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.conversation-preview strong{font-size:var(--font-size-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview>span{font-size:var(--font-size-caption);color:var(--color-text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.conversation-time{font-size:var(--font-size-micro);color:var(--color-text-secondary)}.conversation-unread{min-width:16px;height:16px;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-micro);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.community-icon{width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-medium);background:var(--color-success-soft);color:var(--color-success);flex-shrink:0}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.chat-header{height:var(--space-20);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-thin) solid var(--color-border);flex-shrink:0}.chat-heading{flex:1;min-width:0}.chat-heading h2{font-size:var(--font-size-body)}.chat-heading p{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-top:var(--space-1)}.message-history{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6) var(--space-5);background:var(--color-surface-hover)}.message-date{text-align:center;font-size:var(--font-size-micro);color:var(--color-text-secondary);margin:var(--space-3) 0 var(--space-6)}.message-row{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-5)}.message-content{max-width:80%;min-width:0}.message-author{display:block;font-size:var(--font-size-micro);margin-bottom:var(--space-1);font-weight:var(--font-weight-medium)}.message-bubble{background:var(--color-surface);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-medium) var(--radius-medium) var(--radius-medium);border:var(--border-thin) solid var(--color-border)}.message-bubble p{font-size:var(--font-size-label);white-space:pre-wrap;overflow-wrap:anywhere}.message-time{display:block;font-size:9px;color:var(--color-text-secondary);margin-top:var(--space-1)}.message-row.is-own{justify-content:flex-end}.message-row.is-own .message-author,.message-row.is-own .message-time{text-align:right}.message-row.is-own .message-bubble{background:var(--color-primary-soft);border-color:transparent;border-radius:var(--radius-medium) 0 var(--radius-medium) var(--radius-medium)}.message-compose{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-top:var(--border-thin) solid var(--color-border)}.message-compose textarea{flex:1;min-width:0;min-height:var(--size-control);max-height:140px;resize:vertical;border:0;border-radius:var(--radius-small);background:var(--color-background);padding:var(--space-3);font-size:var(--font-size-small)}.message-compose-actions{display:flex;align-items:center}.message-send{padding:var(--space-3)}.message-send>span{display:none}.settings-card{margin-bottom:var(--space-5)}.settings-card h2{font-size:var(--font-size-subtitle)}.settings-row{width:100%;text-align:left}.settings-row>span{flex:1}.settings-row:last-child{border-bottom:0;padding-bottom:0}.destructive-text{color:var(--color-error)}.info-row{display:flex;gap:var(--space-4);padding:var(--space-4) 0}.info-row>svg{color:var(--color-primary-text)}.info-row strong{font-size:var(--font-size-label)}.info-row p{color:var(--color-text-secondary);font-size:var(--font-size-small);margin-top:var(--space-2)}.button-destructive{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-control);padding:var(--space-2) var(--space-4);background:var(--color-error);color:var(--color-surface);border-radius:var(--radius-small);font-weight:var(--font-weight-semibold);font-size:var(--font-size-small)}@media(max-width:1300px){.messages-layout{grid-template-columns:260px minmax(0,1fr)}.feed-status{display:none}.main-grid:not(.full-page-grid){gap:var(--space-5)}}@media(max-width:1100px)and (min-width:760px){.sidebar-tagline,.sidebar-manifesto,.sidebar-profile>span:not(.avatar),.nav-section .nav-item>small{display:none}.nav-section .nav-item{font-size:0}.nav-create{justify-content:center}.sidebar>.brand-link{margin-bottom:var(--space-10)}}@media(max-width:759px){.mobile-logo{display:block}.mobile-logo .logo{font-size:var(--font-size-title)}.mobile-logo .logo-mark{width:var(--space-8);height:var(--space-8)}.mobile-logo .logo-mark svg{width:var(--space-5)}.global-search{display:none}.mobile-menu-button{display:flex}.topbar{justify-content:space-between}.sidebar.mobile-open{display:flex;width:240px;top:var(--layout-topbar);height:calc(100dvh - var(--layout-topbar) - var(--layout-bottomnav));box-shadow:var(--shadow-large)}.mobile-open .brand-link,.mobile-open .sidebar-tagline,.sidebar.mobile-open .sidebar-manifesto{display:none}.sidebar.mobile-open .sidebar-bottom{margin-top:var(--space-5);padding-top:0}.page-heading h1{font-size:24px}.heading-symbol{display:none}.page-heading{gap:var(--space-2)}.profile-page>.page-heading{flex-wrap:wrap}.page-heading>.text-button{font-size:var(--font-size-caption)}.page-heading p{line-height:1.6}.feed-tabs{gap:var(--space-6)}.composer-options{flex-wrap:nowrap;gap:var(--space-2)}.composer-options>button{font-size:var(--font-size-micro)}.composer-options .composer-submit{padding:var(--space-2)}.composer-prompt>button{font-size:var(--font-size-small);padding-left:var(--space-3)}.feed-end{padding:var(--space-6) var(--space-3)}.search-person{gap:var(--space-2)}.search-person .person-info p{display:none}.search-person .person-info small{max-width:180px}.search-person>.button-small{font-size:var(--font-size-caption)}.search-section.card{padding:var(--space-4)}.results-heading h2{font-size:var(--font-size-body)}.discover-grid{gap:var(--space-3)}.discover-card>img,.discover-placeholder{height:140px}.discover-card>div:not(.discover-placeholder){padding:var(--space-4)}.discover-card h3{font-size:var(--font-size-body)}.discover-card .discover-description{-webkit-line-clamp:2}.discover-bottom{flex-wrap:wrap}.discover-meta{gap:var(--space-1)}.detail-cover{height:220px}.detail-body{padding:var(--space-5)}.detail-body h1{font-size:var(--font-size-heading)}.detail-kicker{flex-wrap:wrap}.detail-organizer{font-size:var(--font-size-caption)}.detail-actions{flex-direction:column}.detail-community{padding:var(--space-4);gap:var(--space-3)}.detail-community>.text-button{width:100%;justify-content:flex-end}.modal-footer{gap:var(--space-3)}.modal-footer>button{font-size:var(--font-size-caption)}.profile-cover{height:120px;padding:var(--space-4)}.profile-cover>span{font-size:var(--font-size-caption)}.profile-identity{padding:0 var(--space-4);align-items:flex-start}.profile-actions{gap:var(--space-1);padding-top:var(--space-12)}.profile-actions>.button-secondary,.profile-actions>.button-primary{padding:var(--space-2);font-size:var(--font-size-caption)}.profile-identity>.avatar{width:var(--space-20);height:var(--space-20)}.profile-tabs{padding:0 var(--space-4);gap:var(--space-5)}.profile-tabs>button{font-size:var(--font-size-small)}.profile-info h2{font-size:var(--font-size-title)}.profile-stats{padding-top:var(--space-4);gap:var(--space-6)}.full-page-grid{max-width:100%}.messages-layout{grid-template-columns:1fr;min-height:680px;height:auto}.conversations-panel{border-right:0;border-bottom:var(--border-thin) solid var(--color-border);overflow:visible}.conversations-tabs{height:var(--space-14)}.conversation-list{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3)}.conversation-item{min-width:200px;width:200px;padding:var(--space-2)}.conversation-item>.avatar,.conversation-item>.community-icon{width:var(--space-8);height:var(--space-8)}.conversation-meta{display:none}.conversation-preview strong{font-size:var(--font-size-caption)}.conversation-preview>span{font-size:var(--font-size-micro)}.messages-layout:not(.has-conversation) .chat-panel{display:flex}.chat-panel{min-height:470px;height:calc(100dvh - 370px);max-height:650px}.chat-header{height:var(--space-16);padding:var(--space-3)}.message-history{padding:var(--space-4) var(--space-3)}.message-content{max-width:calc(100% - var(--space-12))}.message-bubble{padding:var(--space-3)}.message-bubble p{font-size:var(--font-size-small)}.message-compose{padding:var(--space-3);gap:var(--space-1)}.message-compose-actions>.icon-button{width:var(--space-8)}.settings-row{flex-wrap:nowrap}.settings-row>span{min-width:0}.settings-row small{font-size:var(--font-size-caption)}.settings-card .person-row{flex-wrap:wrap}}@media(max-width:440px){.discover-grid{grid-template-columns:1fr}.discover-card>img,.discover-placeholder{height:190px}.discover-card .discover-description{-webkit-line-clamp:3}.search-person .person-info small{max-width:135px}.search-person>.avatar-button .avatar{width:var(--space-9);height:var(--space-9)}.profile-actions .button-secondary>svg,.profile-actions .button-primary>svg{display:none}.profile-identity{gap:var(--space-1)}.form-grid.metrics-form{grid-template-columns:1fr}.profile-actions>.icon-button{width:var(--space-8)}.results-heading{align-items:flex-start}.results-heading>span{font-size:var(--font-size-caption)}}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:var(--color-background)}.auth-card{width:100%;max-width:440px;padding:var(--space-8)}.auth-card h1{margin:var(--space-6) 0 var(--space-2)}.auth-card>p.muted{margin-bottom:var(--space-5)}.auth-card form{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.auth-card code{font-size:.9em;background:var(--color-background);padding:1px 6px;border-radius:6px}.auth-logo{display:inline-block}.auth-links{margin-top:var(--space-4);font-size:var(--font-size-label);color:var(--color-text-secondary);text-align:center}.auth-links a{color:var(--color-primary-text, var(--color-primary));font-weight:var(--font-weight-semibold)}.form-field small{display:block;margin-top:var(--space-1);font-size:var(--font-size-caption)}.form-field input[aria-invalid=true]{border-color:var(--color-error)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.fullscreen-center{min-height:100dvh;display:flex;align-items:center;justify-content:center}.live-pill{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-micro);color:var(--color-text-secondary)}.live-pill>span{width:7px;height:7px;border-radius:50%;background:var(--color-text-muted)}.live-pill.live>span{background:var(--color-success)}.live-pill.offline>span{background:var(--color-error)}.notification-button,.bottom-item,.bottom-create{position:relative}.bottom-badge{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-primary);color:var(--color-on-primary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.stat-button{text-align:left;padding:0}.stat-button:disabled{cursor:default}.stat-button dt,.stat-button dd{text-align:inherit}.avatar-edit{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.avatar-preview{width:64px;height:64px;border-radius:50%;object-fit:cover}.cover-preview{width:100%;max-height:180px;object-fit:cover;border-radius:var(--radius-small);margin-bottom:var(--space-3)}.request-actions{display:flex;gap:var(--space-2)}.online-dot{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;background:var(--color-success);border:2px solid var(--color-surface)}.notification-list{padding:var(--space-2)}.notification-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);text-align:left}.notification-item:hover{background:var(--color-surface-hover, var(--color-background))}.notification-item.is-unread{background:var(--color-primary-soft, rgba(243, 104, 54, .08))}.notification-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-body strong{font-size:var(--font-size-label)}.notification-body small{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary);flex:0 0 auto}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-toggle small{display:block;color:var(--color-text-secondary);font-size:var(--font-size-small)}.settings-empty{padding:var(--space-3) 0}.switch{position:relative;flex:0 0 auto;width:48px;height:28px;border-radius:14px;background:var(--color-border);transition:background .15s}.switch>span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--color-primary)}.switch.on>span{transform:translate(20px)}.community-discover{padding:var(--space-4) var(--space-2) 0;border-top:var(--border-thin) solid var(--color-divider, var(--color-border));margin-top:var(--space-3)}.result-row-static{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.small-note{font-size:var(--font-size-small);padding:var(--space-2)}.chat-back{display:none}.retry{font-size:inherit;color:var(--color-error)}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-placeholder{align-items:center;justify-content:center}@media(max-width:759px){.form-row{grid-template-columns:1fr}.auth-card{padding:var(--space-6) var(--space-5)}.chat-back{display:inline-flex}.live-pill,.messages-page.has-selection .conversations-panel{display:none}.messages-page:not(.has-selection) .chat-panel{display:none}.messages-page.has-selection>.page-heading{display:none}.messages-layout{height:calc(100dvh - 220px);min-height:420px}.messages-page.has-selection .messages-layout{height:calc(100dvh - 190px)}}.main-shell{overflow-x:clip}@media(max-width:759px){.messages-layout{grid-template-rows:minmax(0,1fr)}.chat-panel{height:100%}}