@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--primary:#22c55e;--primary-light:#86efac;--primary-glow:#22c55e40;--primary-surface:#22c55e14;--background:#f0f2f5;--foreground:#1c1e21;--foreground-secondary:#65676b;--card:#fff;--card-elevated:#fff;--card-shadow:0 1px 2px #0000001a;--card-shadow-hover:0 2px 8px #00000026;--card-radius:12px;--border:#dddfe2;--border-light:#e4e6eb;--divider:#ced0d4;--glass-bg:#fffffff7;--glass-border:#e4e6eb;--item-bg:#f0f2f5;--item-hover:#e4e6e9;--input-bg:#f0f2f5;--like-color:#1877f2;--comment-color:#44be62;--share-color:#e8564a;--bookmark-color:#f5a623;--badge-gold:#f59e0b;--badge-silver:#94a3b8;--badge-pro:linear-gradient(135deg,#f59e0b,#ef4444);--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6}.dark{--background:#18191a;--foreground:#e4e6eb;--foreground-secondary:#b0b3b8;--card:#242526;--card-elevated:#2d2e2f;--card-shadow:0 1px 2px #0000004d;--card-shadow-hover:0 4px 12px #0006;--border:#3e4042;--border-light:#3e4042;--divider:#3e4042;--glass-bg:#242526f7;--glass-border:#3e4042;--item-bg:#3a3b3c;--item-hover:#4e4f50;--input-bg:#3a3b3c}html,body{max-width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card{background:var(--card);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:none;transition:box-shadow .2s}.card:hover{box-shadow:var(--card-shadow-hover)}.card-flat{background:var(--card);border-radius:var(--card-radius);border:1px solid var(--border-light)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)}.divider{background:var(--border-light);height:1px;margin:0}.badge{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-pro{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a)}.badge-analyst{color:#2563eb;background:#3b82f61a}.badge-guru{color:#7c3aed;background:#a855f71a}.engagement-btn{color:var(--foreground-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:.875rem;font-weight:600;transition:background .15s,color .15s;display:flex}.engagement-btn:hover{background:var(--item-hover)}.engagement-btn.active{color:var(--like-color)}.story-ring{cursor:pointer;background:linear-gradient(135deg,#22c55e,#06b6d4,#3b82f6);border-radius:50%;padding:3px;transition:transform .2s}.story-ring:hover{transform:scale(1.05)}.story-ring-seen{background:var(--border-light)}.compose-action{color:var(--foreground-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.compose-action:hover{background:var(--item-hover)}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.3s ease-out forwards slideUp}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--foreground-secondary)}.text-secondary{color:var(--foreground-secondary)}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}