:root{--bg-color: #0d1117;--card-bg: #161b22;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent-color: #238636;--accent-hover: #2ea043;--border-color: #30363d;--input-bg: #010409;--shadow: 0 4px 12px rgba(0, 0, 0, .5);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}a{color:#58a6ff;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:800px;margin:0 auto;padding:20px}input,textarea{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;padding:12px;font-size:16px;font-family:inherit;transition:border-color .2s}input:focus,textarea:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff33}button{background-color:var(--accent-color);color:#fff;border:1px solid rgba(27,31,35,.15);border-radius:6px;padding:8px 16px;font-weight:600;cursor:pointer;transition:.2s cubic-bezier(.3,0,.5,1)}button:hover{background-color:var(--accent-hover)}button:disabled{background-color:#21262d;color:#484f58;cursor:not-allowed}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.app-layout[data-v-cbc0e051]{min-height:100vh;background-color:var(--bg-color)}.navbar[data-v-cbc0e051]{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:.75rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-content[data-v-cbc0e051]{max-width:900px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo[data-v-cbc0e051]{font-weight:800;font-size:1.5rem;background:linear-gradient(135deg,#42b883,#35495e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0}.logo-search-container[data-v-cbc0e051]{display:flex;align-items:center;gap:30px}.search-bar input[data-v-cbc0e051]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;padding:8px 15px;color:var(--text-primary);width:250px;transition:all .2s}.search-bar input[data-v-cbc0e051]:focus{outline:none;border-color:var(--accent-color);width:300px;box-shadow:0 0 5px #42b8834d}@media(max-width:600px){.search-bar input[data-v-cbc0e051]{width:150px}}nav[data-v-cbc0e051]{display:flex;gap:20px;align-items:center}nav a[data-v-cbc0e051]{color:var(--text-secondary);font-weight:500;transition:color .2s}nav a.router-link-active[data-v-cbc0e051],nav a[data-v-cbc0e051]:hover{color:var(--text-primary)}.nav-profile[data-v-cbc0e051]{display:flex;align-items:center;gap:8px}.nav-avatar[data-v-cbc0e051]{width:24px;height:24px;border-radius:50%;background:var(--bg-color);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:1px solid var(--border-color)}.nav-avatar img[data-v-cbc0e051]{width:100%;height:100%;object-fit:cover}.btn-sm[data-v-cbc0e051]{padding:6px 12px;font-size:14px}.btn-outline[data-v-cbc0e051]{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline[data-v-cbc0e051]:hover{border-color:#ff4d4d;color:#ff4d4d}.icon-btn[data-v-cbc0e051]{background:transparent;border:none;font-size:1.2rem;cursor:pointer;position:relative;padding:8px;margin-right:15px}.badge[data-v-cbc0e051]{position:absolute;top:0;right:0;background:#ff4d4d;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:700}.notification-wrapper[data-v-cbc0e051]{position:relative;display:inline-block}.notification-dropdown[data-v-cbc0e051]{position:absolute;right:0;top:40px;width:300px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000080;max-height:300px;overflow-y:auto;z-index:200}.notif-item[data-v-cbc0e051]{padding:12px;border-bottom:1px solid var(--border-color);font-size:.9rem;color:var(--text-primary)}.notif-item.unread[data-v-cbc0e051]{background:#2386361a}.notif-time[data-v-cbc0e051]{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.empty-notif[data-v-cbc0e051]{padding:20px;text-align:center;color:var(--text-secondary)}.main-content[data-v-cbc0e051]{padding-top:20px}.sidebar[data-v-d5951ea6]{position:sticky;top:80px}.trending-card[data-v-d5951ea6]{padding:20px}.trending-card h3[data-v-d5951ea6]{margin-top:0;margin-bottom:16px}.trend-item[data-v-d5951ea6]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color)}.hashtag[data-v-d5951ea6]{color:#58a6ff;font-weight:600;cursor:pointer}.hashtag[data-v-d5951ea6]:hover{text-decoration:underline}.count[data-v-d5951ea6]{font-size:.85rem;color:var(--text-secondary)}.follow-card[data-v-d5951ea6]{margin-top:20px;padding:20px}.follow-item[data-v-d5951ea6]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.user-brief[data-v-d5951ea6]{display:flex;align-items:center;gap:12px;cursor:pointer}.avatar-sm[data-v-d5951ea6]{width:32px;height:32px;border-radius:50%;background:var(--bg-color);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;overflow:hidden}.avatar-sm img[data-v-d5951ea6]{width:100%;height:100%;object-fit:cover}.username[data-v-d5951ea6]{font-weight:600;font-size:.9rem}.btn-sm[data-v-d5951ea6]{padding:4px 12px;font-size:.8rem;border-radius:20px}.btn-outline[data-v-d5951ea6]{background:transparent;border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;transition:all .2s}.btn-outline[data-v-d5951ea6]:hover{background:var(--accent-color);color:#fff}.stories-wrapper[data-v-67c0946e]{margin-bottom:24px;padding:10px 0}.stories-container[data-v-67c0946e]{display:flex;gap:16px;overflow-x:auto;padding:4px;scrollbar-width:none}.stories-container[data-v-67c0946e]::-webkit-scrollbar{display:none}.story-item[data-v-67c0946e]{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;flex-shrink:0;width:70px}.avatar-ring[data-v-67c0946e]{width:64px;height:64px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);position:relative;transition:transform .2s}.avatar-ring.seen[data-v-67c0946e]{background:var(--border-color)}.story-item:hover .avatar-ring[data-v-67c0946e]{transform:scale(1.05)}.avatar-placeholder[data-v-67c0946e]{width:100%;height:100%;border-radius:50%;background:#1f242d;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--body-bg)}.avatar-img[data-v-67c0946e]{width:100%;height:100%;object-fit:cover}.plus-icon[data-v-67c0946e]{position:absolute;bottom:0;right:0;background:var(--accent-color);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid var(--body-bg)}.story-user[data-v-67c0946e]{font-size:.75rem;color:var(--text-secondary);width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay[data-v-67c0946e]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.modal[data-v-67c0946e]{width:90%;max-width:400px;padding:24px}.modal-input[data-v-67c0946e]{width:100%;padding:12px;background:var(--body-bg);border:1px solid var(--border-color);border-radius:8px;color:#fff;margin:16px 0}.modal-actions[data-v-67c0946e]{display:flex;gap:12px;justify-content:flex-end}.story-viewer-overlay[data-v-67c0946e]{position:fixed;inset:0;background:#000;z-index:3000;display:flex;align-items:center;justify-content:center}.story-viewer-content[data-v-67c0946e]{position:relative;max-width:500px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.story-img[data-v-67c0946e]{max-width:100%;max-height:100%;object-fit:contain}.story-viewer-info[data-v-67c0946e]{position:absolute;top:20px;left:20px;color:#fff;display:flex;align-items:center;gap:10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.feed-layout[data-v-f77a5abe]{display:grid;grid-template-columns:1fr 300px;gap:24px;max-width:1200px;margin:0 auto}@media(max-width:968px){.feed-layout[data-v-f77a5abe]{grid-template-columns:1fr}}.feed-container[data-v-f77a5abe]{max-width:600px;margin:0 auto;padding-bottom:50px}.create-post-card[data-v-f77a5abe]{padding:20px;margin-bottom:24px;animation:slideDown-f77a5abe .3s ease-out}@keyframes slideDown-f77a5abe{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}textarea[data-v-f77a5abe]{width:100%;resize:none;background:#0d1117;border:1px solid var(--border-color);margin-bottom:12px;box-sizing:border-box;padding:12px;border-radius:8px;font-family:inherit;color:var(--text-primary);transition:border-color .2s}textarea[data-v-f77a5abe]:focus{outline:none;border-color:var(--accent-color)}textarea[data-v-f77a5abe]:disabled{opacity:.6;cursor:not-allowed}.create-post-actions[data-v-f77a5abe]{display:flex;justify-content:space-between;align-items:center}.char-count[data-v-f77a5abe]{font-size:.85rem;color:var(--text-secondary)}.char-count.warning[data-v-f77a5abe]{color:#ff4d4d;font-weight:700}.btn-primary[data-v-f77a5abe]{padding:10px 24px;background:var(--accent-color);color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary[data-v-f77a5abe]:hover:not(:disabled){background:#2ea043;transform:translateY(-1px);box-shadow:0 4px 12px #2ea04366}.btn-primary[data-v-f77a5abe]:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-container[data-v-f77a5abe],.error-container[data-v-f77a5abe],.empty-state[data-v-f77a5abe]{text-align:center;padding:60px 20px}.spinner-large[data-v-f77a5abe]{width:50px;height:50px;border:4px solid rgba(46,160,67,.1);border-top-color:var(--accent-color);border-radius:50%;animation:spin-f77a5abe .8s linear infinite;margin:0 auto 20px}.spinner[data-v-f77a5abe]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-f77a5abe .6s linear infinite;display:inline-block}.spinner-sm[data-v-f77a5abe]{width:12px;height:12px;border:2px solid rgba(46,160,67,.3);border-top-color:var(--accent-color);border-radius:50%;animation:spin-f77a5abe .6s linear infinite;display:inline-block}@keyframes spin-f77a5abe{to{transform:rotate(360deg)}}.error-container[data-v-f77a5abe]{color:#ff6b6b}.error-icon[data-v-f77a5abe]{font-size:3rem;display:block;margin-bottom:16px}.empty-icon[data-v-f77a5abe]{font-size:4rem;display:block;margin-bottom:16px;opacity:.5}.feed-toggle[data-v-f77a5abe]{display:flex;gap:10px;margin-bottom:24px;background:var(--card-bg);padding:6px;border-radius:12px;border:1px solid var(--border-color)}.feed-toggle button[data-v-f77a5abe]{flex:1;padding:10px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feed-toggle button[data-v-f77a5abe]:hover{color:var(--text-primary);background:#ffffff0d}.feed-toggle button.active[data-v-f77a5abe]{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px #2ea0434d}.post-card[data-v-f77a5abe]{padding:0;margin-bottom:20px;animation:fadeIn-f77a5abe .4s ease-out;transition:transform .2s,box-shadow .2s}.post-card[data-v-f77a5abe]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}@keyframes fadeIn-f77a5abe{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.post-header[data-v-f77a5abe]{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);position:relative}.btn-delete[data-v-f77a5abe]{position:absolute;right:16px;top:16px;background:transparent;border:none;cursor:pointer;opacity:.4;transition:opacity .2s;font-size:.9rem}.btn-delete[data-v-f77a5abe]:hover{opacity:1}.avatar-placeholder[data-v-f77a5abe]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-right:12px;overflow:hidden}.avatar-img[data-v-f77a5abe]{width:100%;height:100%;object-fit:cover}.post-meta[data-v-f77a5abe]{display:flex;flex-direction:column}.username[data-v-f77a5abe]{font-weight:600;color:var(--text-primary)}.username.clickable[data-v-f77a5abe]{cursor:pointer}.time[data-v-f77a5abe]{font-size:.8rem;color:var(--text-secondary)}.post-content[data-v-f77a5abe]{padding:16px;font-size:1rem;line-height:1.6;color:#e6edf3;white-space:pre-wrap;word-wrap:break-word}.post-content[data-v-f77a5abe] .hashtag{color:#58a6ff;font-weight:600;cursor:pointer;transition:color .2s}.post-content[data-v-f77a5abe] .hashtag:hover{color:#79c0ff;text-decoration:underline}.post-content[data-v-f77a5abe] .mention{color:#f778ba;font-weight:600;cursor:pointer;transition:color .2s}.post-content[data-v-f77a5abe] .mention:hover{color:#ff9ed2;text-decoration:underline}.post-footer[data-v-f77a5abe]{padding:12px 16px;background-color:#161b2280;border-top:1px solid var(--border-color)}.footer-actions[data-v-f77a5abe]{display:flex;gap:16px}.action-btn[data-v-f77a5abe]{background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;border-radius:6px;cursor:pointer;transition:all .2s}.action-btn[data-v-f77a5abe]:hover:not(:disabled){color:var(--accent-color);background:#2ea0431a}.action-btn[data-v-f77a5abe]:disabled{opacity:.5;cursor:not-allowed}.action-btn.active[data-v-f77a5abe]{color:var(--accent-color);background:#2ea04326}.action-btn .icon[data-v-f77a5abe]{font-size:1.1rem}.comments-section[data-v-f77a5abe]{margin-top:12px;border-top:1px solid rgba(48,54,61,.5);padding-top:12px;animation:slideDown-f77a5abe .3s ease-out}.comment-list[data-v-f77a5abe]{margin-bottom:12px;max-height:300px;overflow-y:auto}.comment-item[data-v-f77a5abe]{display:flex;gap:10px;padding:10px 0;font-size:.9rem;border-bottom:1px solid rgba(48,54,61,.3)}.comment-item[data-v-f77a5abe]:last-child{border-bottom:none}.comment-avatar[data-v-f77a5abe]{width:32px;height:32px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.85rem;flex-shrink:0}.comment-content[data-v-f77a5abe]{flex:1;display:flex;flex-direction:column;gap:4px}.comment-user[data-v-f77a5abe]{font-weight:600;color:var(--text-primary)}.comment-text[data-v-f77a5abe]{color:var(--text-secondary);line-height:1.4}.comment-time[data-v-f77a5abe]{font-size:.75rem;color:var(--text-secondary);opacity:.7}.no-comments[data-v-f77a5abe]{text-align:center;padding:20px;color:var(--text-secondary);font-size:.9rem}.no-comments span[data-v-f77a5abe]{font-size:1.5rem;display:block;margin-bottom:8px}.comment-input-area[data-v-f77a5abe]{display:flex;gap:8px}.comment-input[data-v-f77a5abe]{flex:1;background:#0d1117;border:1px solid var(--border-color);border-radius:18px;padding:8px 12px;font-size:.9rem;color:var(--text-primary);transition:border-color .2s}.comment-input[data-v-f77a5abe]:focus{outline:none;border-color:var(--accent-color)}.comment-input[data-v-f77a5abe]:disabled{opacity:.6;cursor:not-allowed}.btn-comment[data-v-f77a5abe]{background:var(--accent-color);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-comment[data-v-f77a5abe]:hover:not(:disabled){background:#2ea043;transform:scale(1.1)}.btn-comment[data-v-f77a5abe]:disabled{opacity:.5;cursor:not-allowed}.media-input-wrapper[data-v-f77a5abe]{margin-bottom:12px;animation:fadeIn-f77a5abe .3s ease-in}.media-url-input[data-v-f77a5abe]{width:100%;padding:8px 12px;background:#0d1117;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem}.btn-icon[data-v-f77a5abe]{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:4px 8px;border-radius:4px;transition:background .2s}.btn-icon[data-v-f77a5abe]:hover{background:#ffffff1a}.post-media[data-v-f77a5abe]{margin:0 16px 16px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.post-media img[data-v-f77a5abe]{width:100%;display:block;max-height:500px;object-fit:cover}.sentinel[data-v-f77a5abe]{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.no-more[data-v-f77a5abe]{color:var(--text-secondary);font-size:.9rem}.action-btn.active .icon[data-v-f77a5abe]{animation:heartBeat-f77a5abe .3s ease-in-out}@keyframes heartBeat-f77a5abe{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}