@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Roboto+Mono:wght@400;500;700&display=swap";@import "https://fonts.cdnfonts.com/css/minecraft-4";:root{--bg:#fff;--bg-secondary:#f4f4f5;--bg-hover:#e4e4e7;--border:#d4d4d8;--border-dark:#a1a1aa;--text-primary:#000;--text-secondary:#555;--text-muted:#888;--accent:#2523f8;--accent-light:#2523f81f;--accent-hover:#1b19d4;--blue:#2523f8;--blue-light:#2523f81f;--danger:#ef4444;--success:#10b981;--sidebar-w:250px;--sidebar-icon-w:68px;--feed-max-w:600px;--right-panel-w:350px;--header-h:53px;--radius-sm:4px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg-secondary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-family:Roboto Mono,monospace;line-height:1.5}#root{height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--bg) inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px var(--bg) inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--bg) inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out}.icon-btn{border-radius:var(--radius-full);cursor:pointer;width:38px;height:38px;color:var(--text-primary);transition:background var(--transition), color var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-hover)}.icon-btn.accent:hover{background:var(--accent-light);color:var(--accent)}.icon-btn.blue:hover{background:var(--blue-light);color:var(--blue)}.divider{background:var(--border);width:100%;height:1px}.page-header{z-index:10;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:var(--header-h);background:#ffffffd9;align-items:center;gap:16px;padding:0 16px;display:flex;position:sticky;top:0}.post-item{border-bottom:1px solid var(--border);transition:background var(--transition);cursor:pointer}.post-item:hover{background:var(--bg-hover)}.pill{border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.btn-follow{border-radius:var(--radius-full);background:var(--text-primary);color:#fff;cursor:pointer;transition:opacity var(--transition);border:none;padding:8px 20px;font-size:14px;font-weight:700}.btn-follow:hover{opacity:.85}.btn-outline{border-radius:var(--radius-full);border:1.5px solid var(--border-dark);color:var(--text-primary);cursor:pointer;transition:background var(--transition);background:0 0;padding:8px 20px;font-size:14px;font-weight:700}.btn-outline:hover{background:var(--bg-hover)}.tab-bar{border-bottom:1px solid var(--border);display:flex}.tab-btn{cursor:pointer;color:var(--text-secondary);transition:color var(--transition), background var(--transition);background:0 0;border:none;flex:1;padding:14px 0;font-size:15px;font-weight:500;position:relative}.tab-btn:hover{background:var(--bg-hover)}.tab-btn.active{color:var(--text-primary);font-weight:700}.tab-btn.active:after{content:"";background:var(--accent);border-radius:4px 4px 0 0;width:32px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.2s forwards fadeUp}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}