html,body,#root{height:100%;margin:0;padding:0}:root{--bg: #f8fafc;--surface: #ffffff;--text: #0f172a;--muted: #475569;--border: #e2e8f0;--border-strong: #cbd5e1;--primary: #0f172a;--primary-hover: #1e293b;--danger: #b91c1c;--focus: rgba(30, 41, 59, .16);--btn-active-bg: var(--primary);--btn-active-fg: #fff;--btn-active-ring: inset 0 0 0 1px rgba(255, 255, 255, .35);--btn-warning-muted-bg: rgba(185, 28, 28, .14);--btn-warning-muted-fg: var(--danger)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45;overflow:hidden}.app-shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app-header{position:sticky;top:0;z-index:20;flex-shrink:0}.app-layout{display:flex;flex:1;min-height:0;overflow:hidden}.app-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);padding:14px 12px;overflow:auto}.mobile-nav-toggle,.app-sidebar-backdrop{display:none}.app-header-controls-inline{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.app-content{flex:1;min-width:0;min-height:0;overflow:auto;padding:0 12px}.app-content-inner{width:100%;margin:0 auto;padding-bottom:34px}.page-stack{display:grid;gap:16px;margin-top:16px;min-width:0}.page-band{width:100%;min-width:0}.page-band--narrow{max-width:720px;margin:0 auto}.page-band--wide{max-width:none;margin:0}.app-content-inner--posts{max-width:none;padding-bottom:20px}.app-content-inner--messenger{padding-bottom:0}.posts-page-bar{position:sticky;top:0;z-index:5;margin:0 -12px;padding:10px 12px 8px;border-bottom:1px solid var(--border);background:var(--bg)}.posts-page-content{width:100%;margin:0 auto}.posts-page-bar-inner{width:100%;max-width:none;margin:0}.posts-page-content{max-width:none}.posts-page-content,.posts-page-content--messenger{padding-top:0}.posts-feed-filter-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:0}.posts-feed-filter-toolbar__label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em}.posts-feed-filter-toolbar__controls{display:inline-flex;align-items:center;flex-wrap:wrap}.posts-top-composer{margin-top:6px;margin-left:-12px;margin-right:-12px;padding:8px 12px 14px;background:var(--surface)}.posts-top-filters{margin-top:0;margin-left:-12px;margin-right:-12px;padding:10px 12px;border-top:1px solid var(--border)}.post-composer-card{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.post-composer-card--primary,.post-composer-card--primary-status{max-width:720px;margin:0 auto}.post-composer-card--primary{border:none;border-radius:0;background:transparent}.post-composer-card--primary-status{padding:10px;border:none;border-radius:0;background:transparent}h1,h2,h3{line-height:1.2}button,input,textarea{font:inherit}button{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:8px;padding:8px 12px;font-weight:600;cursor:pointer}button:hover{background:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{width:100%;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--text);padding:10px 12px}input:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:0;border-color:var(--primary)}input:disabled,textarea:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.truncate-1{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.app-layout{display:block;flex:initial;min-height:0;overflow:auto}.app-sidebar{position:fixed;top:57px;left:0;bottom:0;width:min(280px,86vw);height:auto;border-right:1px solid var(--border);border-bottom:none;overflow:auto;z-index:30;transform:translate(-100%);transition:transform .16s ease-out;box-shadow:0 8px 24px #0f172a29}.app-sidebar.app-sidebar--mobile-open{transform:translate(0)}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center}.account-menu-trigger--compact-mobile{padding:4px 6px!important}.account-menu-trigger-label--compact-mobile{display:none}.app-sidebar-backdrop{display:block;position:fixed;top:57px;right:0;bottom:0;left:0;background:#0f172a47;border:0;margin:0;padding:0;z-index:25;cursor:pointer}.app-content{overflow:auto}}