:root{--bg: #f5f4f8;--surface: #ffffff;--surface2: #f8f7fb;--surface3: #f0eef7;--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.13);--text: #0c0c10;--text2: #52525b;--text3: #a1a1aa;--accent: #6366f1;--accent2: #7c3aed;--accent3: #a78bfa;--green: #10B981;--red: #EF4444;--pink: #EC4899;--yellow: #F59E0B;--blue: #3B82F6;--gold: #D4AF37;--kin: #c89b3c;--kin-soft: rgba(200,155,60,.14);--surface-highlight: rgba(255,255,255,.9);--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 14px rgba(0,0,0,.06);--shadow-lg: 0 4px 20px rgba(0,0,0,.09), 0 20px 52px rgba(0,0,0,.12);--glow: 0 0 0 3px rgba(99,102,241,.18);--sidebar-w: 280px;--glass-blur: blur(20px) saturate(160%);--popup-bg: #ffffff;--popup-blur: blur(20px)}html.dark{--bg: #09090b;--surface: #111113;--surface2: #18181b;--surface3: #27272a;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #fafafa;--text2: #a1a1aa;--text3: #6b7280;--accent: #818cf8;--accent2: #a78bfa;--accent3: #c4b5fd;--kin: #e6c266;--kin-soft: rgba(230,194,102,.12);--surface-highlight: rgba(255,255,255,.04);--shadow: 0 1px 3px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.35);--shadow-lg: 0 4px 20px rgba(0,0,0,.5), 0 20px 52px rgba(0,0,0,.6);--glow: 0 0 0 3px rgba(129,140,248,.2);--glass-blur: blur(20px) saturate(140%);--popup-bg: #18181b;--popup-blur: blur(20px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html,body,#root{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(ellipse 80% 50% at 0% 0%,rgba(99,102,241,.05) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(124,58,237,.04) 0%,transparent 60%),linear-gradient(160deg,#f7f6fc,#f5f4f8,#f6f4fb);background-attachment:fixed}html.dark body{background:#09090b;background-attachment:fixed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,textarea,input,select{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}html.dark ::-webkit-scrollbar-thumb{background:#ffffff1a}html.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-topbar{height:60px;flex-shrink:0;z-index:30;display:grid;grid-template-columns:var(--sidebar-w) 1fr auto;align-items:center;background:#fffffff5;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px #0000000a}html.dark .app-topbar{background:#111113f7;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 1px #ffffff08}.topbar-brand{display:flex;align-items:center;gap:9px;padding:0 16px}.logo-icon{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px #6366f14d}.logo-text{font-size:17px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#6366f1,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-center{display:flex;justify-content:center;align-items:center;gap:10px}.topbar-home-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text3);font-size:16px;text-decoration:none;transition:all .15s;cursor:pointer;flex-shrink:0}.topbar-home-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border)}.topbar-home-btn.active{background:#6366f114;border-color:#6366f133;color:var(--accent)}.topbar-search-bar{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:7px 14px;cursor:pointer;font-family:inherit;color:var(--text3);font-size:13.5px;width:320px;max-width:100%;transition:all .15s}.topbar-search-bar:hover{background:var(--surface3);border-color:var(--border2);color:var(--text2)}html.dark .topbar-search-bar{background:var(--surface2);border-color:var(--border)}.topbar-actions{display:flex;align-items:center;gap:8px;padding:0 16px}.topbar-bell{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text3);font-size:16px;text-decoration:none;transition:all .15s;cursor:pointer}.topbar-bell:hover{background:var(--surface2);color:var(--text);border-color:var(--border)}.topbar-bell.active{background:#6366f114;color:var(--accent);border-color:#6366f133}.topbar-bell-badge{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#ef4444;border:2px solid var(--bg)}.topbar-avatar-btn{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;text-decoration:none;overflow:hidden;flex-shrink:0;border:1.5px solid rgba(99,102,241,.25);transition:box-shadow .15s}.topbar-avatar-btn:hover{box-shadow:0 0 0 3px #6366f133}.topbar-avatar-btn.active{box-shadow:0 0 0 3px #6366f14d}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--popup-bg);backdrop-filter:var(--popup-blur);-webkit-backdrop-filter:var(--popup-blur);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;animation:scIn .15s ease}.avatar-dropdown-header{padding:12px 14px 10px}.avatar-dropdown-divider{height:1px;background:var(--border);margin:2px 0}.avatar-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--text2);text-align:left;transition:background .12s,color .12s}.avatar-dropdown-item:hover{background:var(--surface2);color:var(--text)}.avatar-dropdown-item.danger{color:#ef4444}.avatar-dropdown-item.danger:hover{background:#ef44440f;color:#ef4444}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-w);background:#fffffffa;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;padding:10px 8px;flex-shrink:0;z-index:10}html.dark .sidebar{background:#111113fa;border-right:1px solid rgba(255,255,255,.07)}.sidebar-user-card{display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:8px;gap:6px;text-decoration:none}html.dark .sidebar-user-card{border-bottom-color:#ffffff0f}.sidebar-user-card:hover .sidebar-user-card-avatar{box-shadow:0 0 0 3px #6366f133}.sidebar-user-card-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#fff;overflow:hidden;border:1.5px solid rgba(99,102,241,.2);transition:box-shadow .15s}.sidebar-user-card-name{font-size:13px;font-weight:600;color:var(--text);text-align:center;line-height:1.2}.sidebar-user-card-username{font-size:11.5px;color:var(--text3);line-height:1}.nav{flex:1;display:flex;flex-direction:column;gap:1px;overflow-y:auto;min-height:0}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border:none;background:none;cursor:pointer;color:var(--text2);font-size:13.5px;font-weight:500;width:100%;text-align:left;border-radius:8px;transition:all .15s ease;border:1px solid transparent}.nav-item:hover{background:var(--surface2);color:var(--text);border-color:var(--border)}html.dark .nav-item:hover{background:var(--surface2);border-color:var(--border)}.nav-item.active{background:#6366f114;color:var(--accent);font-weight:600;border-color:#6366f126}html.dark .nav-item.active{background:#818cf81a;color:var(--accent);border-color:#818cf82e}.nav-icon{font-size:14px;width:18px;text-align:center}.nav-badge{background:#ef4444;color:#fff;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:99px;min-width:18px;text-align:center;margin-left:auto}.sidebar-create-post{border-top:1px solid rgba(0,0,0,.06);padding-top:10px;margin-top:4px}html.dark .sidebar-create-post{border-top-color:#ffffff0f}.sidebar-create-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;color:var(--text2);font-size:13.5px;font-weight:500;font-family:inherit;text-align:left;transition:all .15s ease}.sidebar-create-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border)}.logout-btn{background:none;border:none;color:var(--text3);font-size:15px;cursor:pointer;padding:6px;border-radius:6px;transition:all .15s}.logout-btn:hover{background:#ef444414;color:var(--red)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.main>div{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.topbar{background:#fffffff5;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(0,0,0,.07);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:20;box-shadow:0 1px #0000000a;min-height:56px}html.dark .topbar{background:#111113f7;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 1px #ffffff08}.content{flex:1;overflow:auto;padding:24px 36px}.input{width:100%;background:var(--surface);border:1.5px solid var(--border2);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text);outline:none;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px #0000000a}.input:focus{border-color:var(--accent);box-shadow:var(--glow)}.input::placeholder{color:var(--text3)}textarea.input{resize:none}select.input{cursor:pointer}html.dark .input{background:var(--surface2);border-color:var(--border2);box-shadow:none}html.dark .input:focus{background:var(--surface2);border-color:var(--accent);box-shadow:var(--glow)}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:16px;box-shadow:var(--shadow)}html.dark .card{background:var(--surface);border-color:var(--border)}.card-hover{transition:all .2s ease}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border2);transform:translateY(-1px)}.badge{font-size:10.5px;padding:2px 8px;border-radius:99px;font-weight:600;white-space:nowrap}.post-card{background:var(--surface);border-radius:14px;padding:calc(16px * var(--density-scale, 1)) calc(18px * var(--density-scale, 1));border:1px solid var(--border);margin-bottom:calc(8px * var(--density-scale, 1));transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;animation:fadeUp .25s ease both;box-shadow:var(--shadow)}.post-card:hover{border-color:var(--border2);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.post-card.liked{border-color:#6366f14d}.post-author{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.post-author-info{flex:1}.post-author-name{font-weight:600;font-size:13.5px;cursor:pointer}.post-author-name:hover{color:var(--accent)}.post-meta{font-size:11px;color:var(--text3);margin-top:1px}.post-content{font-size:14px;line-height:1.65;color:var(--text2);margin-bottom:12px;white-space:pre-wrap;word-break:break-word}.post-actions{display:flex;padding-top:4px;border-top:1px solid var(--border);margin:0 -2px}.post-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border-radius:8px;border:none;background:transparent;color:var(--text3);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.post-action-btn:hover{background:var(--surface2);color:var(--text)}.post-action-btn.liked{color:var(--red)}.post-action-btn.liked:hover{background:#ef44440f}.post-action-btn .pa-icon{font-size:16px;line-height:1}.post-action-btn .pa-label{font-size:12.5px}.post-action-btn .pa-count{font-size:12px;font-weight:600;color:var(--text3)}.post-action-btn.liked .pa-count{color:var(--red)}.post-action-owner{display:flex;gap:4px;margin-left:auto}.post-action-owner .post-action-btn{flex:none;padding:8px 10px}.graph-wrap{background:var(--surface);border-radius:16px;border:1px solid var(--border);overflow:hidden;position:relative;box-shadow:var(--shadow)}html.dark .graph-wrap{background:var(--surface2)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-logo{text-align:center;margin-bottom:26px}.auth-logo-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px;box-shadow:0 4px 20px #6366f159}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12px;font-weight:600;color:var(--text2);letter-spacing:.2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-error{color:var(--red);font-size:12.5px;text-align:center}.profile-cover{height:170px;border-radius:16px;background:linear-gradient(135deg,#4f46e5,#6366f1,#a78bfa);margin-bottom:-52px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #6366f133}.profile-header{display:flex;align-items:flex-end;gap:14px;padding:0 20px 20px;flex-wrap:wrap}.settings-card{background:var(--surface);border-radius:12px;padding:calc(20px * var(--density-scale, 1));margin-bottom:calc(10px * var(--density-scale, 1));border:1px solid var(--border);box-shadow:var(--shadow)}.toggle-btn{padding:5px 14px;border-radius:99px;font-size:12px;font-weight:600;cursor:pointer;min-width:56px;transition:all .2s}.toggle-on{border:1px solid var(--green);background:#10b98114;color:var(--green)}.toggle-off{border:1px solid var(--border2);background:var(--surface2);color:var(--text3)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 44px;border-bottom:1px solid rgba(0,0,0,.07);position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:50;box-shadow:0 1px #0000000a}html.dark .landing-nav{background:#09090bf7;border-bottom-color:#ffffff12;box-shadow:none}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px;transition:all .2s ease;box-shadow:var(--shadow)}.feature-card:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:var(--shadow-lg)}html.dark .feature-card{background:var(--surface);border-color:var(--border)}.ob-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.step-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.step-done{background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff;box-shadow:0 2px 12px #6366f14d}.step-todo{background:var(--surface2);border:1px solid var(--border2);color:var(--text3)}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--popup-bg);backdrop-filter:var(--popup-blur);-webkit-backdrop-filter:var(--popup-blur);border:1px solid var(--border);border-radius:12px;z-index:50;overflow:hidden;box-shadow:var(--shadow-lg);max-height:260px;overflow-y:auto}html.dark .search-dropdown{background:var(--popup-bg);border-color:var(--border)}.search-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .12s}.search-item:hover{background:var(--surface2)}html.dark .search-item:hover{background:var(--surface3)}.notif-item{display:flex;align-items:center;gap:12px;border-radius:10px;padding:12px 14px;margin-bottom:4px;cursor:pointer;transition:all .15s ease;border:1px solid}.notif-unread{background:#6366f10d;border-color:#6366f126}.notif-read{background:var(--surface);border-color:var(--border)}html.dark .notif-unread{background:#818cf812;border-color:#818cf82e}html.dark .notif-read{background:var(--surface2);border-color:var(--border)}.notif-unread:hover{border-color:#6366f14d;background:#6366f114}.notif-read:hover{border-color:var(--border2);background:var(--surface2)}.rel-result{background:var(--surface);border-radius:16px;padding:24px;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:fadeUp .25s ease}html.dark .rel-result{background:var(--surface);border-color:var(--border)}.path-row{display:flex;align-items:center;flex-wrap:wrap}.path-node{display:flex;flex-direction:column;align-items:center;gap:4px}.path-conn{width:24px;height:1.5px;background:linear-gradient(90deg,#6366f1,#a78bfa);margin:0 2px 20px;opacity:.4;border-radius:99px}.glass{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08)}html.dark .glass{background:#111113e6;border:1px solid rgba(255,255,255,.07)}.glow-accent{box-shadow:0 0 20px #6366f133,0 0 0 1px #6366f11f}.glow-green{box-shadow:0 0 20px #10b9812e,0 0 0 1px #10b9811a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f126}50%{box-shadow:0 0 40px #6366f166}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes headFade{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes reactionPop{0%{opacity:0;transform:scale(.7) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;height:60px;background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -1px #0000000a;padding:0 8px;justify-content:space-around;align-items:stretch}html.dark .bottom-nav{background:#111113f7;border-top:1px solid rgba(255,255,255,.07);box-shadow:none}.bottom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;text-decoration:none;color:var(--text3);font-size:9.5px;font-weight:600;letter-spacing:.1px;transition:color .15s;padding:4px 0}.bottom-tab:hover{color:var(--text2);text-decoration:none}.bottom-tab.active{color:var(--accent)}.bottom-tab-icon{font-size:20px;line-height:1}.bottom-tab-label{line-height:1}.topbar-profile-pill{display:flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);text-decoration:none;color:var(--text);transition:all .15s;cursor:pointer;flex-shrink:0}.topbar-profile-pill:hover{background:var(--surface3);border-color:var(--border2);text-decoration:none}html.dark .topbar-profile-pill{background:var(--surface2);border-color:var(--border)}html.dark .topbar-profile-pill:hover{background:var(--surface3);border-color:var(--border2)}.topbar-avatar-ring{width:26px;height:26px;padding:2px;border-radius:6px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#a78bfa)}.topbar-avatar-inner{width:100%;height:100%;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#6366f1;overflow:hidden}.topbar-profile-name{font-size:13px;font-weight:600;color:var(--text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-card{background:var(--surface2);border-radius:12px;padding:18px 14px 14px;margin-bottom:10px;border:1px solid var(--border);box-shadow:var(--shadow);position:relative}html.dark .sidebar-profile-card{background:var(--surface2);border-color:var(--border)}.avatar-gradient-ring{padding:2px;background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:50%;box-shadow:0 4px 16px #6366f14d}.profile-stats-bar{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;background:var(--surface3);border-radius:8px;border:1px solid var(--border);padding:9px 4px;margin-bottom:10px}.profile-stats-bar .stat-val{font-size:16px;font-weight:800;color:var(--text);line-height:1}.profile-stats-bar .stat-lbl{font-size:9.5px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.profile-stats-bar .stat-div{background:var(--border)}.field-error{color:#ef4444;font-size:11.5px;margin-top:3px;font-weight:500}.avatar-dropdown-mobile-nav{display:none}@media (hover: none){.post-card:hover{transform:none;box-shadow:var(--shadow);border-color:var(--border)}.card-hover:hover{transform:none;box-shadow:var(--shadow)}}@media (max-width:768px){:root{--sidebar-w: 0px}.sidebar{display:none}.bottom-nav{display:flex}.app-body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}.content{padding:10px 12px;max-width:100%}.profile-page-content{padding:0 10px 24px!important}.landing-nav{padding:12px 18px}.form-row{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr!important}.topbar-search-bar{display:none}.app-topbar{grid-template-columns:auto 1fr auto}.topbar-brand,.topbar-actions{padding:0 12px}.post-card{border-radius:12px;margin-bottom:6px}.post-action-btn{padding:11px 4px;font-size:12px;gap:4px}.post-action-btn .pa-label{font-size:11.5px}.ob-card{padding:22px 16px}.profile-cover{height:180px!important;margin-bottom:0!important}.profile-cover-wrap{padding:10px!important}.profile-header-wrap{padding:14px 12px 16px!important}.profile-header-row{flex-direction:column!important;align-items:center!important;gap:14px!important}.profile-avatar-inner{width:110px!important;height:110px!important;font-size:34px!important}.profile-info{text-align:center}.profile-stats{justify-content:center!important}.profile-actions{justify-content:center!important;width:100%!important;flex-shrink:unset!important}.profile-body{flex-direction:column!important;padding:16px 12px 40px!important;gap:12px!important}.profile-sidebar{width:100%!important;position:static!important;top:auto!important}.profile-fam-grid{grid-template-columns:repeat(2,1fr)!important}.settings-avatar-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.path-row{overflow-x:auto}.landing-hero{gap:28px!important;padding:40px 20px 32px!important}.landing-stats{padding:24px 20px!important}.landing-stats-inner{gap:16px!important}.landing-footer{padding:16px 20px!important;flex-direction:column!important;text-align:center!important;gap:8px!important}.landing-how-row{overflow-x:auto;gap:12px!important}.landing-how-step{min-width:240px}.post-composer{padding:10px 12px!important}.avatar-dropdown{right:-8px;min-width:220px;max-height:80vh;overflow-y:auto}.avatar-dropdown-mobile-nav{display:block}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes drawer-slide-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}