:root{--brand-primary:#8b5cf6;--brand-primary-hover:#7c3aed;--brand-primary-active:#6d28d9;--brand-primary-light:#ede9fe;--brand-accent:#06b6d4;--bg-base:#f0f2f5;--bg-surface:#fff;--bg-elevated:#fff;--bg-hover:#0000000d;--bg-active:#0000001a;--bg-input:#f0f2f5;--bg-skeleton:#e4e6eb;--bg-skeleton-shimmer:#fff9;--text-primary:#050505;--text-secondary:#65676b;--text-placeholder:#8d949e;--text-inverse:#fff;--border-divider:#ced0d4;--border-focus:#8b5cf6;--shadow-1:0 1px 2px #0003;--shadow-2:0 2px 4px #0000001a, 0 12px 28px #0003;--shadow-focus:0 0 0 3px #8b5cf666;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-xs:12px;--font-sm:13px;--font-md:15px;--font-lg:17px;--font-xl:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:20px;--radius-circle:50%;--nav-height:56px;--feed-max-width:680px;--sidebar-width:360px}[data-theme=dark]{--bg-base:#18191a;--bg-surface:#242526;--bg-elevated:#3a3b3c;--bg-hover:#ffffff1a;--bg-active:#fff3;--bg-input:#3a3b3c;--bg-skeleton:#3a3b3c;--bg-skeleton-shimmer:#ffffff0d;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--text-placeholder:#8d949e;--border-divider:#3e4042;--shadow-1:0 1px 2px #00000080;--shadow-2:0 4px 12px #0009;--brand-primary:#a78bfa;--brand-primary-hover:#c4b5fd;--brand-primary-light:#8b5cf633}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-md);-webkit-font-smoothing:antialiased;line-height:1.34;transition:background-color .2s,color .2s;overflow-y:scroll}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:var(--text-primary);text-decoration:none}img{display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-divider);border-radius:4px}.nb-app-layout{padding-top:var(--nav-height);grid-template-columns:minmax(280px, var(--sidebar-width)) minmax(0, var(--feed-max-width)) minmax(280px, var(--sidebar-width));justify-content:center;gap:32px;padding-bottom:40px;display:grid}@media (width<=1100px){.nb-app-layout{grid-template-columns:minmax(80px, 280px) minmax(0, var(--feed-max-width))}.nb-right-sidebar{display:none}}@media (width<=700px){.nb-app-layout{padding-left:var(--space-2);padding-right:var(--space-2);flex-direction:column;display:flex}.nb-left-sidebar{display:none}}.nb-navbar{height:var(--nav-height);background-color:var(--bg-surface);box-shadow:var(--shadow-1);padding:0 var(--space-4);z-index:100;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nb-nav-section{align-items:center;gap:var(--space-2);flex:1;display:flex}.nb-nav-center{justify-content:center;gap:var(--space-1);flex:2}.nb-nav-right{justify-content:flex-end}.nb-nav-tab{border-radius:var(--radius-md);width:110px;height:48px;color:var(--text-secondary);justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.nb-nav-tab:hover{background-color:var(--bg-hover)}.nb-nav-tab[aria-selected=true]{color:var(--brand-primary)}.nb-nav-tab[aria-selected=true]:after{content:"";background-color:var(--brand-primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-4px;left:0;right:0}.nb-search-input{background-color:var(--bg-input);border-radius:var(--radius-pill);padding:10px var(--space-4) 10px 36px;color:var(--text-primary);font-size:var(--font-md);border:none;width:240px}.nb-search-input::placeholder{color:var(--text-placeholder)}.nb-icon-btn{border-radius:var(--radius-circle);background-color:var(--bg-input);width:40px;height:40px;color:var(--text-primary);justify-content:center;align-items:center;transition:filter .2s;display:flex;position:relative}.nb-icon-btn:hover{filter:brightness(.95)}.nb-badge{background-color:var(--brand-accent);color:#fff;border-radius:var(--radius-pill);text-align:center;min-width:20px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:-4px;right:-4px}.nb-card{background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-1);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);overflow:hidden}.nb-stories-wrapper{gap:var(--space-2);scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--space-2) 0 var(--space-4) 0;scroll-behavior:smooth;display:flex;overflow-x:auto}.nb-stories-wrapper::-webkit-scrollbar{display:none}.nb-story-card{border-radius:var(--radius-lg);scroll-snap-align:start;background-color:var(--bg-input);min-width:112px;height:200px;box-shadow:var(--shadow-1);flex-shrink:0;position:relative;overflow:hidden}.nb-story-bg{object-fit:cover;width:100%;height:100%}.nb-story-gradient{padding:var(--space-2);background:linear-gradient(#0000000d,#0009);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.nb-story-ring{border-radius:var(--radius-circle);border:4px solid var(--brand-primary);width:40px;height:40px;padding:2px}.nb-story-text{color:#fff;font-weight:600;font-size:var(--font-sm);text-shadow:0 1px 2px #00000080}.nb-post-meta-text{flex-direction:column;display:flex}.nb-post-author{font-weight:600;font-size:var(--font-md)}.nb-post-time{font-size:var(--font-sm);color:var(--text-secondary)}.nb-post-actions{padding-top:var(--space-1);border-top:1px solid var(--border-divider);display:flex;position:relative}.nb-action-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600;font-size:var(--font-md);flex:1;transition:background-color .15s;display:flex}.nb-action-btn:hover{background-color:var(--bg-hover)}.nb-reaction-picker{background-color:var(--bg-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-2);z-index:50;transform-origin:0 100%;gap:8px;padding:4px 8px;display:flex;position:absolute;bottom:48px;left:0}.nb-comment-bubble{background-color:var(--bg-input);border-radius:var(--radius-pill);padding:8px 12px;display:inline-block}.nb-comment-name{font-weight:600;font-size:var(--font-sm);margin-bottom:2px;display:block}.nb-comment-text{font-size:var(--font-md);color:var(--text-primary)}.nb-skeleton{background:var(--bg-skeleton);background-image:linear-gradient(90deg, var(--bg-skeleton) 0px, var(--bg-skeleton-shimmer) 40px, var(--bg-skeleton) 80px);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nb-sidebar{top:calc(var(--nav-height) + 16px);max-height:calc(100vh - var(--nav-height) - 16px);padding-right:var(--space-2);position:sticky;overflow-y:auto}.nb-sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-md);cursor:pointer;color:var(--text-primary);transition:background-color .15s;display:flex}.nb-sidebar-item:hover{background-color:var(--bg-hover)}.nb-composer-input{background-color:var(--bg-input);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--font-md);font-family:var(--font-family);cursor:text;text-align:left;border:none;flex:1;padding:10px 16px}.nb-composer-input:hover{background-color:var(--border-divider)}