.realtime-toast{position:fixed;z-index:90;right:var(--space-5);bottom:var(--space-5);display:grid;gap:var(--space-1);max-width:min(22rem,calc(100vw - 2rem));border-radius:var(--radius-md);background:#111827;color:#fff;box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);animation:realtime-toast 2.6s ease forwards}.realtime-toast strong,.realtime-toast span{overflow-wrap:anywhere}.realtime-toast span{color:#ffffffc7;font-size:var(--font-size-sm)}@keyframes realtime-toast{0%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.5rem)}}@media(max-width:767px){.realtime-toast{right:var(--space-3);bottom:5.5rem;left:var(--space-3)}}.button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);padding:0 var(--space-4);font-weight:700;line-height:1;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--color-brand-600);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.button--primary:hover{background:var(--color-brand-700)}.button--secondary{background:var(--color-surface-muted);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.button--ghost{background:transparent;color:var(--color-text-secondary)}.button__icon{display:inline-flex}.icon-button{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);transition:background-color .16s ease,color .16s ease,transform .16s ease}.icon-button:hover,.icon-button.is-active{background:var(--color-surface-hover);color:var(--color-brand-600)}.icon-button:hover{transform:translateY(-1px)}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-wrap:after{position:absolute;z-index:var(--z-tooltip);bottom:calc(100% + .45rem);left:50%;max-width:12rem;padding:.35rem .5rem;border-radius:var(--radius-sm);background:#111827;color:#fff;content:attr(data-tooltip);font-size:var(--font-size-xs);line-height:1.2;opacity:0;pointer-events:none;transform:translate(-50%) translateY(.25rem);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}.tooltip-wrap:hover:after,.tooltip-wrap:focus-within:after{opacity:1;transform:translate(-50%) translateY(0)}.avatar{position:relative;display:inline-grid;flex:0 0 auto;place-items:center;overflow:visible;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-brand-100),var(--color-brand-400));color:var(--color-brand-900);font-weight:800}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar--sm{width:2rem;height:2rem;font-size:var(--font-size-xs)}.avatar--md{width:2.5rem;height:2.5rem;font-size:var(--font-size-sm)}.avatar--lg{width:3rem;height:3rem;font-size:var(--font-size-md)}.avatar__status{position:absolute;right:0;bottom:0;width:.7rem;height:.7rem;border:2px solid var(--color-surface-app);border-radius:var(--radius-full)}.avatar__status--online{background:var(--color-success)}.avatar__status--offline{background:var(--color-text-muted)}.card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-xs)}.input-shell{display:flex;min-height:2.5rem;align-items:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-muted);padding:0 var(--space-3);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.input-shell:focus-within{border-color:var(--color-brand-300);background:var(--color-surface-app);box-shadow:var(--shadow-focus)}.input-shell input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text-primary)}.input-shell input::placeholder{color:var(--color-text-muted)}.input-shell__icon{display:inline-flex;flex:0 0 auto}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);background:var(--color-brand-50);color:var(--color-brand-700);font-size:var(--font-size-xs);font-weight:800;padding:.25rem .5rem}.skeleton{min-height:1rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-muted),var(--color-border-subtle),var(--color-surface-muted));background-size:200% 100%;animation:skeleton-pulse 1.3s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.feed-state{margin-top:var(--space-4);color:var(--color-text-secondary);padding:var(--space-5);text-align:center}.story-card{cursor:pointer}.story-card input{pointer-events:none}.story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-card.is-unseen{outline:3px solid var(--color-brand-500);outline-offset:-3px}.story-card.is-viewed{filter:saturate(.75)}.story-error{margin:0 var(--space-4);color:var(--color-danger);font-size:var(--font-size-sm)}.story-viewer{position:fixed;z-index:80;inset:0;display:grid;place-items:center;background:var(--color-overlay);padding:var(--space-5)}.story-viewer__card{position:relative;display:grid;width:min(100%,24rem);overflow:hidden;border-radius:var(--radius-xl);background:#111827;color:#fff;box-shadow:var(--shadow-md)}.story-viewer__card img,.story-viewer__card .mock-media{width:100%;min-height:32rem;object-fit:cover}.story-viewer__card strong,.story-viewer__card small{position:absolute;left:var(--space-4);text-shadow:0 1px 4px rgb(0 0 0 / 50%)}.story-viewer__card strong{bottom:var(--space-8)}.story-viewer__card small{bottom:var(--space-4);color:#ffffffc2}.modal-backdrop{position:fixed;z-index:60;inset:0;display:grid;overflow-y:auto;place-items:center;background:var(--color-overlay);padding:var(--space-5)}.composer-modal{display:grid;width:min(100%,36rem);max-height:min(90vh,44rem);overflow-y:auto;gap:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-app);box-shadow:var(--shadow-md);padding:var(--space-5)}.composer-modal__header,.composer-modal__identity,.composer-modal__footer{display:flex;align-items:center;gap:var(--space-3)}.composer-modal__header{justify-content:space-between}.composer-modal__header h2{margin:0;font-size:var(--font-size-xl)}.composer-modal__header span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.composer-modal textarea{width:100%;min-width:0;resize:vertical;border:0;border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-primary);font-size:var(--font-size-lg);padding:var(--space-4)}.composer-modal textarea:focus,.privacy-selector select:focus{outline:none;box-shadow:var(--shadow-focus)}.composer-modal__footer{justify-content:flex-end}.privacy-selector{display:grid;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:800}.privacy-selector select{min-height:2.25rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-app);color:var(--color-text-primary);padding:0 var(--space-3)}.upload-control{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-brand-700);font-weight:800;padding:0 var(--space-4)}.upload-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.preview-grid span{position:relative;overflow:hidden;aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface-muted)}.preview-grid img{width:100%;height:100%;object-fit:cover}.preview-grid button{position:absolute;top:var(--space-1);right:var(--space-1);display:grid;width:1.75rem;height:1.75rem;place-items:center;border:0;border-radius:var(--radius-full);background:#0f172ab8;color:#fff}.form-alert{border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface-app));color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-3)}.post-menu{position:relative;margin-left:auto}.post-menu__panel{position:absolute;z-index:15;top:calc(100% + var(--space-2));right:0;display:grid;width:12.5rem;gap:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-app);box-shadow:var(--shadow-sm);padding:var(--space-2)}.post-menu__panel button{display:flex;min-height:2.25rem;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:700;padding:0 var(--space-2);text-align:left}.post-menu__panel button:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-brand-700)}.post-menu__panel button:disabled{cursor:not-allowed;opacity:.6}.post-media{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.post-media--1{grid-template-columns:1fr}.post-media--2,.post-media--4,.post-media--3{grid-template-columns:repeat(2,minmax(0,1fr))}.post-media--3 .post-media__item:first-child{grid-row:span 2}.post-media__item{position:relative;display:block;overflow:hidden;min-height:9rem;border-radius:var(--radius-md);background:var(--color-surface-muted)}.post-media__item img,.mock-media{width:100%;height:100%;min-height:9rem;object-fit:cover}.mock-media{display:block;background:linear-gradient(135deg,var(--color-brand-100),var(--color-brand-600))}.mock-media--green{background:linear-gradient(135deg,#dcfce7,#22c55e)}.mock-media--orange{background:linear-gradient(135deg,#fed7aa,#f97316)}.mock-media--purple{background:linear-gradient(135deg,#ddd6fe,#7c3aed)}.post-media__item strong{position:absolute;inset:0;display:grid;place-items:center;background:#0f172a94;color:#fff;font-size:var(--font-size-xl)}.post-card__actions button.is-active{color:var(--color-brand-700);background:var(--color-surface-hover)}.comment-list{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.comment-item{display:flex;align-items:flex-start;gap:var(--space-2)}.comment-item>span{display:grid;min-width:0;border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.comment-item strong{color:var(--color-text-primary);font-size:var(--font-size-xs)}.comment-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);margin-top:var(--space-4)}.comment-form input{min-width:0;border:0;border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-primary);padding:0 var(--space-4)}.comment-form input:focus{outline:none;box-shadow:var(--shadow-focus)}.load-more-button{display:block;min-height:2.75rem;width:100%;margin-top:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-app);color:var(--color-brand-700);font-weight:800}.feed-toast{position:fixed;z-index:70;right:var(--space-5);bottom:var(--space-5);border-radius:var(--radius-md);background:#111827;color:#fff;font-weight:800;padding:var(--space-3) var(--space-4);animation:feed-toast 2.2s ease forwards}@keyframes feed-toast{0%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.5rem)}}@media(max-width:767px){.modal-backdrop{align-items:end;padding:0}.composer-modal{width:100%;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.comment-form{grid-template-columns:auto minmax(0,1fr)}.comment-form .button{grid-column:2}.feed-toast{right:var(--space-3);bottom:5.5rem;left:var(--space-3)}}.page-shell{min-height:100vh;padding:4rem var(--space-4)}.app-frame{width:min(100%,72rem);margin:0 auto;overflow:hidden;border-radius:var(--radius-app);background:var(--color-surface-app);box-shadow:var(--shadow-md)}.top-nav{position:sticky;z-index:var(--z-navigation);top:0;display:grid;min-height:4.35rem;align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(10rem,14rem) 1fr auto;border-bottom:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-surface-app) 94%,transparent);padding:0 var(--space-5)}.top-nav__search-form{min-width:0}.brand{display:inline-flex;min-width:0;align-items:center;gap:var(--space-2);font-weight:900}.brand__mark{display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:var(--radius-full);background:var(--color-brand-600);color:var(--color-text-inverse);letter-spacing:0}.brand__name{color:var(--color-text-primary)}.top-nav__tabs{display:flex;justify-content:center;gap:var(--space-4)}.top-nav__tabs .icon-button{position:relative;border-radius:var(--radius-md)}.top-nav__tabs .icon-button.is-active:after{position:absolute;right:.5rem;bottom:-.9rem;left:.5rem;height:3px;border-radius:var(--radius-full);background:var(--color-brand-600);content:""}.top-nav__actions,.user-menu{display:inline-flex;align-items:center;gap:var(--space-2)}.top-action{position:relative;display:inline-flex}.user-menu{max-width:12rem;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-primary);font-weight:700;padding:var(--space-1) var(--space-2)}.user-menu span:not(.avatar,.avatar span){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu:hover{background:var(--color-surface-hover)}.dashboard-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 245px;min-height:42rem}.left-sidebar,.right-sidebar{min-width:0;background:var(--color-surface-app);padding:var(--space-5)}.left-sidebar{border-right:1px solid var(--color-border-subtle)}.right-sidebar{border-left:1px solid var(--color-border-subtle)}.create-button{width:100%}.sidebar-menu,.shortcut-list,.news-list,.contact-list{display:grid;gap:var(--space-2)}.sidebar-menu{margin-top:var(--space-6)}.sidebar-link,.shortcut-link,.contact-item,.news-item{display:flex;min-width:0;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:700;padding:var(--space-2)}.sidebar-link:hover,.sidebar-link.is-active,.shortcut-link:hover,.contact-item:hover,.news-item:hover{background:var(--color-surface-hover);color:var(--color-brand-700)}.sidebar-link span,.shortcut-link span,.contact-item span,.news-item span{min-width:0}.nav-badge{display:grid;min-width:1.3rem;height:1.3rem;place-items:center;margin-left:auto;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:.7rem;font-weight:900}.shortcut-section{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.shortcut-section h2,.section-heading h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.shortcut-list{margin-top:var(--space-4)}.sidebar-state{color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-3);text-align:center}.sidebar-state--error{color:var(--color-danger)}.feed{min-width:0;background:var(--color-surface-page);padding:var(--space-4)}.stories{display:grid;min-width:0;grid-auto-columns:7.25rem;grid-auto-flow:column;gap:var(--space-3);overflow-x:auto;overscroll-behavior-inline:contain;padding:var(--space-4);scrollbar-width:thin}.story-card{position:relative;display:flex;height:10rem;align-items:flex-end;overflow:hidden;border:0;border-radius:var(--radius-lg);background:linear-gradient(180deg,transparent,rgb(15 23 42 / 72%)),linear-gradient(135deg,var(--color-brand-200),var(--color-brand-600));color:var(--color-text-inverse);padding:var(--space-3);text-align:left}.story-card--2{background:linear-gradient(180deg,transparent,rgb(15 23 42 / 72%)),linear-gradient(135deg,#f8c471,#ec4899)}.story-card--3{background:linear-gradient(180deg,transparent,rgb(15 23 42 / 72%)),linear-gradient(135deg,#86efac,#2563eb)}.story-card--4{background:linear-gradient(180deg,transparent,rgb(15 23 42 / 72%)),linear-gradient(135deg,#fca5a5,#7c3aed)}.story-card__create{position:absolute;top:var(--space-4);left:50%;display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:var(--radius-full);background:var(--color-surface-app);color:var(--color-brand-600);font-size:1.75rem;font-weight:700;transform:translate(-50%)}.story-card__footer{display:grid;gap:var(--space-2);min-width:0}.story-card__footer>span:last-child{overflow:hidden;font-size:var(--font-size-xs);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.composer-card,.post-card{margin-top:var(--space-4);padding:var(--space-5)}.composer-card__header,.post-card__header{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.composer-card__header>div,.post-card__header>div{display:grid;min-width:0;gap:var(--space-1)}.composer-card__header strong,.post-card__header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-card__header .tooltip-wrap{margin-left:auto}.post-card__header span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.composer-card__input{width:100%;min-height:4.25rem;margin-top:var(--space-4);border:0;border-bottom:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-lg);text-align:left}.composer-card__actions,.post-card__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3)}.composer-card__actions button,.post-card__actions button{display:inline-flex;min-height:2.25rem;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:700;padding:0 var(--space-2)}.composer-card__actions button:hover,.post-card__actions button:hover{background:var(--color-surface-hover);color:var(--color-brand-700)}.post-card p{color:var(--color-text-secondary);line-height:var(--line-height-base)}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.media-grid span{display:block;aspect-ratio:4 / 3;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-brand-100),var(--color-brand-500))}.media-grid span:nth-child(2){background:linear-gradient(135deg,#d9f99d,#22c55e)}.media-grid span:nth-child(3){background:linear-gradient(135deg,#fecaca,#f97316)}.sidebar-section+.sidebar-section{margin-top:var(--space-6)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.section-heading a{color:var(--color-brand-600);font-size:var(--font-size-xs);font-weight:800}.news-item{align-items:flex-start}.news-thumb{display:block;flex:0 0 3.5rem;width:3.5rem;height:3rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-brand-300),var(--color-brand-700))}.news-thumb--2{background:linear-gradient(135deg,#f9a8d4,#7c3aed)}.news-thumb--3{background:linear-gradient(135deg,#fef08a,#16a34a)}.news-item strong,.contact-item strong,.request-card strong{display:block;overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.news-item small,.contact-item small,.request-card small{display:-webkit-box;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.news-item em{display:block;color:var(--color-text-muted);font-size:.68rem;font-style:normal;font-weight:800;margin-top:var(--space-1)}.request-card{display:flex;gap:var(--space-3);padding:var(--space-3)}.request-card--empty{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.request-card>div{min-width:0}.request-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.request-card__actions .button{min-height:2rem;padding:0 var(--space-3)}.contact-item small{display:inline-flex;align-items:center;gap:var(--space-1)}.mobile-nav{position:fixed;z-index:var(--z-navigation);right:var(--space-3);bottom:var(--space-3);left:var(--space-3);display:none;align-items:center;justify-content:space-around;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-app);box-shadow:var(--shadow-md);padding:var(--space-2)}.mobile-nav__item{position:relative;display:inline-flex}.nav-badge--mobile{position:absolute;top:-.1rem;right:-.1rem;margin-left:0}.nav-badge--top{position:absolute;top:-.15rem;right:-.15rem;margin-left:0}@media(min-width:768px)and (max-width:1199px){.page-shell{padding:var(--space-6)}.app-frame{width:min(100%,58rem)}.top-nav{grid-template-columns:auto minmax(8rem,1fr) auto}.brand__name,.top-nav__tabs{display:none}.dashboard-grid{grid-template-columns:5.25rem minmax(0,1fr)}.left-sidebar{padding:var(--space-4) var(--space-3)}.create-button{width:2.75rem;padding:0}.create-button span:last-child,.sidebar-link span,.shortcut-section{display:none}.sidebar-link{justify-content:center;padding:var(--space-3)}.right-sidebar{display:none}}@media(max-width:767px){.page-shell{min-height:100dvh;padding:0 0 5.25rem;background:var(--color-surface-page)}.app-frame{width:100%;min-height:100dvh;border-radius:0;box-shadow:none}.top-nav{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);min-height:4rem;padding:0 var(--space-3)}.brand__name,.top-nav__tabs,.top-nav__actions .tooltip-wrap,.user-menu span,.user-menu svg{display:none}.top-nav__search{min-width:0}.dashboard-grid{display:block}.left-sidebar,.right-sidebar{display:none}.feed{padding:var(--space-3)}.stories{margin-right:calc(var(--space-3) * -1);margin-left:calc(var(--space-3) * -1);padding:var(--space-3)}.composer-card,.post-card{padding:var(--space-4)}.composer-card__actions{justify-content:flex-start}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid span:first-child{grid-column:span 2}.mobile-nav{display:flex}}.auth-page{display:grid;min-height:100vh;place-items:center;background:linear-gradient(135deg,var(--color-brand-800),var(--color-brand-500));padding:var(--space-5)}.auth-card{width:min(100%,28rem);padding:var(--space-8)}.auth-card--compact{display:grid;gap:var(--space-4);justify-items:start}.auth-card__intro{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.auth-logo{display:inline-grid;width:3rem;height:3rem;place-items:center;border-radius:var(--radius-full);background:var(--color-brand-600);color:var(--color-text-inverse);font-size:var(--font-size-xl);font-weight:900}.auth-card h1{margin:0;font-size:1.75rem;line-height:var(--line-height-tight)}.auth-card p{margin:0;color:var(--color-text-secondary);line-height:var(--line-height-base)}.auth-form{display:grid;gap:var(--space-3)}.auth-form .input-shell{border-radius:var(--radius-md)}.auth-form .button{width:100%}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.auth-links button{display:inline-flex;align-items:center;gap:var(--space-1);border:0;background:transparent;color:var(--color-brand-700);font-weight:800;padding:0}.form-alert,.form-success{border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--space-3)}.form-alert{background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface-app));color:var(--color-danger)}.form-success{background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface-app));color:var(--color-success)}@media(max-width:767px){.auth-page{align-items:start;padding-top:var(--space-8)}.auth-card{padding:var(--space-5)}}.friends-page{min-width:0;background:var(--color-surface-page);padding:var(--space-5)}.friends-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.friends-page__header h1,.friends-section h2{margin:0;color:var(--color-text-primary);line-height:var(--line-height-tight)}.friends-page__header p{margin:var(--space-1) 0 0;color:var(--color-text-secondary)}.request-badge{display:grid;min-width:2rem;height:2rem;place-items:center;border-radius:var(--radius-full);background:var(--color-brand-600);color:#fff;font-weight:900}.friends-section{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.friend-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-4)}.friend-row strong,.friend-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.friend-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.friends-state{color:var(--color-text-secondary);padding:var(--space-5);text-align:center}.friends-toast{position:fixed;z-index:70;right:var(--space-5);bottom:var(--space-5);border-radius:var(--radius-md);background:#111827;color:#fff;font-weight:800;padding:var(--space-3) var(--space-4);animation:friends-toast 2.2s ease forwards}@keyframes friends-toast{0%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.5rem)}}@media(max-width:767px){.friends-page{padding:var(--space-3)}.friend-row{grid-template-columns:auto minmax(0,1fr)}.friend-actions,.friend-row>.button{grid-column:1 / -1}.friends-toast{right:var(--space-3);bottom:5.5rem;left:var(--space-3)}}.profile-page{min-width:0;background:var(--color-surface-page);padding:var(--space-5)}.profile-card{max-width:42rem;margin:0 auto;padding:var(--space-6)}.profile-card__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.profile-card h1{margin:0;font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.profile-card p{margin:0;color:var(--color-text-secondary)}.profile-form{display:grid;gap:var(--space-4)}.profile-form label{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:800}.profile-form .input-shell{border-radius:var(--radius-md)}.profile-form textarea{width:100%;min-width:0;resize:vertical;border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-primary);padding:var(--space-3)}.profile-form textarea:focus{border-color:var(--color-brand-300);outline:none;box-shadow:var(--shadow-focus)}.session-panel{display:grid;gap:var(--space-1);margin-top:var(--space-6);border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding-top:var(--space-4)}.session-panel strong{color:var(--color-text-primary)}@media(max-width:767px){.profile-page{padding:var(--space-3)}.profile-card{padding:var(--space-4)}}.search-page{min-width:0;background:var(--color-surface-page);padding:var(--space-5)}.search-page__form{margin-bottom:var(--space-5)}.search-page__form .input-shell{border-radius:var(--radius-md);background:var(--color-surface-app)}.search-section{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.search-section h2{margin:0;font-size:var(--font-size-lg)}.search-result-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-4)}.search-result-row strong,.search-result-row span,.search-post__author span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-row span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-post{padding:var(--space-4)}.search-post__author{display:flex;align-items:center;gap:var(--space-2);font-weight:800}.search-post p{color:var(--color-text-secondary)}.search-state{color:var(--color-text-secondary);padding:var(--space-5);text-align:center}.search-state--error{color:var(--color-danger)}@media(max-width:767px){.search-page{padding:var(--space-3)}}:root{color-scheme:light;--color-brand-50: #eef6ff;--color-brand-100: #d9eaff;--color-brand-200: #bcd9ff;--color-brand-300: #8ec0ff;--color-brand-400: #589bff;--color-brand-500: #286fe8;--color-brand-600: #1f5fe3;--color-brand-700: #1d4fc0;--color-brand-800: #1f459b;--color-brand-900: #1d3b7a;--color-surface-page: #f4f7fb;--color-surface-app: #ffffff;--color-surface-raised: #ffffff;--color-surface-muted: #f6f8fb;--color-surface-hover: #eff5ff;--color-border-subtle: #e6ebf2;--color-border-strong: #cfd8e6;--color-text-primary: #172033;--color-text-secondary: #647086;--color-text-muted: #8c97aa;--color-text-inverse: #ffffff;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-overlay: rgb(15 23 42 / 62%);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--line-height-tight: 1.2;--line-height-base: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-app: 1.375rem;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(15 23 42 / 5%);--shadow-sm: 0 6px 16px rgb(36 87 184 / 10%);--shadow-md: 0 16px 40px rgb(36 87 184 / 16%);--shadow-focus: 0 0 0 3px rgb(40 111 232 / 24%);--breakpoint-mobile-max: 767px;--breakpoint-tablet-min: 768px;--breakpoint-tablet-max: 1199px;--breakpoint-desktop-min: 1200px;--z-navigation: 20;--z-tooltip: 50}[data-theme=dark]{color-scheme:dark;--color-surface-page: #08111f;--color-surface-app: #101827;--color-surface-raised: #162033;--color-surface-muted: #0f1726;--color-surface-hover: #1a2942;--color-border-subtle: #27364e;--color-border-strong: #3b4c68;--color-text-primary: #f7faff;--color-text-secondary: #c5cfdf;--color-text-muted: #8fa0b8;--color-overlay: rgb(0 0 0 / 70%)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:linear-gradient(135deg,var(--color-brand-800),var(--color-brand-500));font-family:var(--font-sans);color:var(--color-text-primary)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.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}