@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px}.popup-overlay[data-v-fb73b315]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-container[data-v-fb73b315]{background:#fff;border-radius:16px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:slideIn-fb73b315 .3s ease}@keyframes slideIn-fb73b315{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.popup-header[data-v-fb73b315]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eff3f4}.popup-title[data-v-fb73b315]{margin:0;font-size:20px;font-weight:700;color:#0f1419}.close-btn[data-v-fb73b315]{background:none;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#536471;transition:all .2s ease}.close-btn[data-v-fb73b315]:hover{background:#0000000d;color:#0f1419}.close-btn i[data-v-fb73b315]{font-size:18px}.popup-body[data-v-fb73b315]{padding:32px 24px;text-align:center}.popup-icon[data-v-fb73b315]{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px}.icon-danger[data-v-fb73b315]{background:#f4212e1a;color:#f4212e}.icon-warning[data-v-fb73b315]{background:#ffc1071a;color:#ffc107}.icon-success[data-v-fb73b315]{background:#00ba7c1a;color:#00ba7c}.icon-info[data-v-fb73b315]{background:#1d9bf01a;color:#1d9bf0}.popup-message[data-v-fb73b315]{font-size:16px;line-height:1.6;color:#536471;margin:0}.popup-footer[data-v-fb73b315]{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #eff3f4}.btn[data-v-fb73b315]{flex:1;padding:12px 24px;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-cancel[data-v-fb73b315]{background:#fff;color:#0f1419;border:1px solid #cfd9de}.btn-cancel[data-v-fb73b315]:hover{background:#00000008}.btn-confirm[data-v-fb73b315]{color:#fff}.btn-danger[data-v-fb73b315]{background:#f4212e}.btn-danger[data-v-fb73b315]:hover{background:#dc1a29}.btn-warning[data-v-fb73b315]{background:#ffc107;color:#0f1419}.btn-warning[data-v-fb73b315]:hover{background:#ffb300}.btn-success[data-v-fb73b315]{background:#00ba7c}.btn-success[data-v-fb73b315]:hover{background:#00a368}.btn-info[data-v-fb73b315]{background:#1d9bf0}.btn-info[data-v-fb73b315]:hover{background:#1a8cd8}.popup-enter-active[data-v-fb73b315],.popup-leave-active[data-v-fb73b315]{transition:opacity .3s ease}.popup-enter-from[data-v-fb73b315],.popup-leave-to[data-v-fb73b315]{opacity:0}.popup-enter-active .popup-container[data-v-fb73b315],.popup-leave-active .popup-container[data-v-fb73b315]{transition:transform .3s ease}.popup-enter-from .popup-container[data-v-fb73b315],.popup-leave-to .popup-container[data-v-fb73b315]{transform:scale(.9) translateY(-20px)}.sidebar[data-v-916175f6]{position:fixed;left:0;top:0;height:100vh;width:275px;background:#fff;border-right:1px solid #eff3f4;display:flex;flex-direction:column;padding:12px;transition:width .3s ease;z-index:100}.sidebar-collapsed[data-v-916175f6]{width:88px}.sidebar-header[data-v-916175f6]{padding:4px 12px;margin-bottom:8px}.logo-container[data-v-916175f6]{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px 0}.logo-icon[data-v-916175f6]{width:140px;height:115px}.sidebar-nav[data-v-916175f6]{flex:1}.sidebar-menu[data-v-916175f6]{list-style:none;padding:0;margin:0}.menu-item[data-v-916175f6]{margin-bottom:4px}.menu-item a[data-v-916175f6]{display:flex;align-items:center;padding:12px;border-radius:50px;text-decoration:none;color:#0f1419;font-size:20px;font-weight:400;transition:all .2s ease;border:2px solid transparent}.menu-item a[data-v-916175f6]:hover{background-color:#1d9bf01a;color:#1d9bf0}.menu-item.active a[data-v-916175f6]{color:#1d9bf0;font-weight:700;background-color:#1d9bf01a;border:2px solid #616060;animation:pulse-916175f6 .3s ease}@keyframes pulse-916175f6{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.icon-wrapper[data-v-916175f6]{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.icon-wrapper i[data-v-916175f6]{font-size:24px;transition:transform .2s ease}.menu-item a:hover .icon-wrapper i[data-v-916175f6]{transform:scale(1.1)}.badge[data-v-916175f6]{position:absolute;top:-6px;right:-6px;background:#1d9bf0;color:#fff;font-size:11px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.menu-label[data-v-916175f6]{margin-left:20px;white-space:nowrap}.tweet-section[data-v-916175f6]{padding:16px 12px}.btn-tweet[data-v-916175f6]{width:100%;padding:16px 32px;background:#1d9bf0;color:#fff;border:none;border-radius:50px;font-size:17px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #1d9bf04d}.btn-tweet[data-v-916175f6]:hover{background:#1a8cd8;transform:translateY(-2px);box-shadow:0 6px 16px #1d9bf066}.btn-tweet[data-v-916175f6]:active{transform:translateY(0)}.sidebar-collapsed .btn-tweet[data-v-916175f6]{width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center}.sidebar-collapsed .btn-tweet i[data-v-916175f6]{font-size:20px}.sidebar-footer[data-v-916175f6]{padding:16px 12px;text-align:center}.footer-link[data-v-916175f6]{color:#1d9bf0;font-size:14px;text-decoration:none;transition:color .2s ease}.footer-link[data-v-916175f6]:hover{text-decoration:underline}.sidebar-collapsed .footer-link[data-v-916175f6],.sidebar-collapsed .menu-label[data-v-916175f6]{display:none}.more-dropdown[data-v-916175f6]{position:absolute;bottom:100%;left:0;background:#fff;border:1px solid #eff3f4;border-radius:16px;box-shadow:0 8px 24px #00000026;margin-bottom:8px;padding:12px 0;min-width:220px;z-index:1000;animation:slideUp-916175f6 .2s ease}@keyframes slideUp-916175f6{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-916175f6]{display:flex;align-items:center;gap:16px;width:100%;padding:12px 20px;background:none;border:none;text-align:left;font-size:15px;font-weight:600;color:#0f1419;cursor:pointer;transition:background-color .2s ease}.dropdown-item[data-v-916175f6]:hover{background-color:#1d9bf01a}.dropdown-item i[data-v-916175f6]{font-size:18px;width:20px;text-align:center}.dropdown-item.danger[data-v-916175f6]{color:#f4212e}.dropdown-item.danger[data-v-916175f6]:hover{background-color:#f4212e1a}.menu-item[data-v-916175f6]{position:relative}@media(max-width:1280px){.sidebar[data-v-916175f6]{width:88px}.menu-label[data-v-916175f6],.btn-tweet span[data-v-916175f6],.sidebar-footer[data-v-916175f6]{display:none}.btn-tweet[data-v-916175f6]{width:50px;height:50px;padding:0;border-radius:50%}.btn-tweet i[data-v-916175f6]{display:block}}@media(max-width:768px){.sidebar[data-v-916175f6]{width:100%;height:auto;position:fixed;inset:auto 0 0;flex-direction:row;padding:8px 0;border-right:none;border-top:1px solid #eff3f4;background:#fff}.sidebar-header[data-v-916175f6],.sidebar-footer[data-v-916175f6],.tweet-section[data-v-916175f6]{display:none}.sidebar-nav[data-v-916175f6]{width:100%}.sidebar-menu[data-v-916175f6]{display:flex;justify-content:space-around;align-items:center}.menu-item[data-v-916175f6]{margin-bottom:0}.menu-item a[data-v-916175f6]{padding:12px 16px}.menu-label[data-v-916175f6]{display:none}.more-dropdown[data-v-916175f6]{bottom:100%;top:auto;left:50%;transform:translate(-50%)}}.tweet-composer[data-v-1610b678]{background:#fff;border:1px solid #eff3f4;border-radius:16px;padding:16px;margin-bottom:16px}.composer-header[data-v-1610b678]{padding-bottom:12px;border-bottom:1px solid #eff3f4;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.header-text[data-v-1610b678]{color:#536471;font-size:14px}.preview-toggle[data-v-1610b678]{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #eff3f4;border-radius:9999px;background:transparent;color:#536471;font-size:13px;cursor:pointer;transition:all .2s}.preview-toggle[data-v-1610b678]:hover{background:#1d9bf01a;border-color:#1d9bf0;color:#1d9bf0}.preview-toggle.active[data-v-1610b678]{background:#1d9bf0;border-color:#1d9bf0;color:#fff}.ai-link[data-v-1610b678]{color:#1d9bf0;font-size:14px;text-decoration:none;margin-left:4px}.ai-link[data-v-1610b678]:hover{text-decoration:underline}.composer-body[data-v-1610b678]{padding:8px 0}.title-input[data-v-1610b678]{width:100%;border:none;outline:none;font-size:20px;font-family:inherit;color:#0f1419;padding:8px 0;line-height:1.5;margin-bottom:8px}.title-input[data-v-1610b678]::placeholder{color:#536471}.caption-input[data-v-1610b678]{width:100%;border:none;outline:none;resize:none;font-size:15px;font-family:inherit;color:#536471;padding:8px 0;line-height:1.5}.caption-input[data-v-1610b678]::placeholder{color:#8899a6}.caption-input.over-limit[data-v-1610b678]{color:#f4212e}.image-preview[data-v-1610b678]{position:relative;margin-top:12px;border-radius:16px;overflow:hidden}.image-preview img[data-v-1610b678]{width:100%;max-height:300px;object-fit:cover;border-radius:16px}.remove-image[data-v-1610b678]{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#0f1419bf;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-image[data-v-1610b678]:hover{background:#0f1419e6}.composer-footer[data-v-1610b678]{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #eff3f4}.footer-left[data-v-1610b678]{display:flex;align-items:center}.image-upload-btn[data-v-1610b678]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background .2s;color:#1d9bf0;font-size:18px}.image-upload-btn[data-v-1610b678]:hover{background:#1d9bf01a}.footer-right[data-v-1610b678]{display:flex;align-items:center;gap:12px}.char-count[data-v-1610b678]{color:#536471;font-size:14px}.char-count.over-limit[data-v-1610b678]{color:#f4212e}.divider[data-v-1610b678]{width:1px;height:24px;background:#eff3f4}.btn-tweet[data-v-1610b678]{padding:8px 16px;background:#1d9bf0;color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.btn-tweet[data-v-1610b678]:hover:not(:disabled){background:#1a8cd8}.btn-tweet[data-v-1610b678]:disabled{opacity:.5;cursor:not-allowed}.markdown-preview[data-v-1610b678]{min-height:80px;padding:12px;background:#f7f9fa;border-radius:12px;font-size:15px;line-height:1.6;color:#0f1419}.markdown-preview[data-v-1610b678] h1,.markdown-preview[data-v-1610b678] h2,.markdown-preview[data-v-1610b678] h3{margin-top:16px;margin-bottom:8px;font-weight:600}.markdown-preview[data-v-1610b678] h1{font-size:1.4em}.markdown-preview[data-v-1610b678] h2{font-size:1.2em}.markdown-preview[data-v-1610b678] h3{font-size:1.1em}.markdown-preview[data-v-1610b678] p{margin:0 0 12px}.markdown-preview[data-v-1610b678] code{background:#1b1f2314;padding:2px 6px;border-radius:4px;font-size:90%;font-family:monospace}.markdown-preview[data-v-1610b678] pre{background:#0d1117;color:#e6edf3;padding:12px;border-radius:8px;overflow-x:auto;margin:12px 0}.markdown-preview[data-v-1610b678] pre code{background:transparent;padding:0}.markdown-preview[data-v-1610b678] blockquote{border-left:3px solid #1d9bf0;padding-left:12px;color:#536471;margin:12px 0}.markdown-preview[data-v-1610b678] ul,.markdown-preview[data-v-1610b678] ol{padding-left:20px;margin:8px 0}.markdown-preview[data-v-1610b678] a{color:#1d9bf0;text-decoration:none}.markdown-preview[data-v-1610b678] a:hover{text-decoration:underline}.markdown-help-wrapper[data-v-1610b678]{margin-top:8px}.markdown-help-btn[data-v-1610b678]{display:flex;align-items:center;gap:4px;border:none;background:transparent;color:#657786;font-size:12px;cursor:pointer;padding:4px 0}.markdown-help-btn[data-v-1610b678]:hover{color:#1d9bf0}.markdown-help[data-v-1610b678]{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px;margin-top:8px;background:#f7f9fa;border-radius:8px;font-size:12px}.help-item[data-v-1610b678]{display:flex;align-items:center;gap:6px;color:#536471}.help-item code[data-v-1610b678]{background:#1b1f231a;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:11px}.card-post[data-v-3ad0dfa8]{background:#fff;border:1px solid #e1e8ed;border-bottom:none;padding:12px 16px;transition:background .2s;cursor:pointer}.card-post[data-v-3ad0dfa8]:last-child{border-bottom:1px solid #e1e8ed}.card-post[data-v-3ad0dfa8]:hover{background:#f5f8fa}.post-header[data-v-3ad0dfa8]{display:flex;align-items:flex-start;gap:12px}.avatar[data-v-3ad0dfa8]{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer;transition:opacity .2s}.avatar[data-v-3ad0dfa8]:hover{opacity:.8}.avatar img[data-v-3ad0dfa8]{width:100%;height:100%;object-fit:cover}.user-info[data-v-3ad0dfa8]{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.display-name[data-v-3ad0dfa8]{font-weight:700;color:#14171a;font-size:15px;cursor:pointer}.display-name[data-v-3ad0dfa8]:hover{text-decoration:underline}.username[data-v-3ad0dfa8]{color:#657786;font-size:15px;cursor:pointer}.username[data-v-3ad0dfa8]:hover{text-decoration:underline}.separator[data-v-3ad0dfa8],.time[data-v-3ad0dfa8]{color:#14171a}.post-content[data-v-3ad0dfa8]{margin:8px 0 8px 60px}.post-title[data-v-3ad0dfa8]{font-size:16px;font-weight:600;color:#14171a;margin:0 0 4px}.post-caption[data-v-3ad0dfa8]{font-size:15px;color:#14171a;line-height:1.4;margin:0;white-space:pre-wrap}.post-image[data-v-3ad0dfa8]{margin:12px 0 12px 60px;border-radius:16px;overflow:hidden;border:1px solid #e1e8ed}.post-image img[data-v-3ad0dfa8]{width:100%;max-height:500px;object-fit:cover;display:block}.post-actions[data-v-3ad0dfa8]{display:flex;margin-left:60px;margin-top:12px;justify-content:space-between;max-width:425px}.action-btn[data-v-3ad0dfa8]{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;color:#657786;cursor:pointer;border-radius:50px;font-size:13px;transition:all .2s}.action-btn[data-v-3ad0dfa8]:hover{background:#1da1f21a}.action-btn.comment[data-v-3ad0dfa8]:hover{color:#1da1f2}.action-btn.bookmark[data-v-3ad0dfa8]:hover{color:#f5a623;background:#f5a6231a}.action-btn.bookmark.active[data-v-3ad0dfa8]{color:#f5a623}.action-btn.bookmark.active i[data-v-3ad0dfa8]{font-size:18px}.action-btn.like[data-v-3ad0dfa8]:hover{color:#e0245e;background:#e0245e1a}.action-btn.like.active[data-v-3ad0dfa8]{color:#e0245e}.action-btn.like.active i[data-v-3ad0dfa8]{font-size:18px}.action-btn.share[data-v-3ad0dfa8]:hover{color:#1da1f2}.action-btn svg[data-v-3ad0dfa8]{flex-shrink:0}@media(max-width:768px){.card-post[data-v-3ad0dfa8]{padding:12px}.avatar[data-v-3ad0dfa8]{width:40px;height:40px}.post-content[data-v-3ad0dfa8],.post-image[data-v-3ad0dfa8],.post-actions[data-v-3ad0dfa8]{margin-left:52px}.display-name[data-v-3ad0dfa8],.username[data-v-3ad0dfa8]{font-size:14px}}@media(max-width:480px){.post-header[data-v-3ad0dfa8]{gap:8px}.avatar[data-v-3ad0dfa8]{width:36px;height:36px}.post-content[data-v-3ad0dfa8]{margin-left:0;margin-top:8px}.post-image[data-v-3ad0dfa8]{margin-left:0}.post-actions[data-v-3ad0dfa8]{margin-left:0;justify-content:space-around}.action-btn[data-v-3ad0dfa8]{padding:8px}.action-btn span[data-v-3ad0dfa8]{display:none}}.home[data-v-d0561cd8]{min-height:100vh;background:#f5f8fa;display:flex}.main-content[data-v-d0561cd8]{flex:1;margin-left:275px;border-right:1px solid #e1e8ed;background:#fff;min-height:100vh}.container[data-v-d0561cd8]{width:100%}.header[data-v-d0561cd8]{position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 16px;border-bottom:1px solid #e1e8ed;z-index:10}.header h2[data-v-d0561cd8]{font-size:20px;font-weight:800;color:#0f1419;margin:0}.header .subtitle[data-v-d0561cd8]{font-size:13px;color:#657786;margin:0}.posts-list[data-v-d0561cd8]{border-top:1px solid #e1e8ed}.loading-state[data-v-d0561cd8],.error-state[data-v-d0561cd8]{text-align:center;padding:40px;color:#536471}.error-state[data-v-d0561cd8]{color:#f4212e}.empty-state[data-v-d0561cd8]{text-align:center;padding:80px 20px;color:#536471;font-size:16px}.empty-state i[data-v-d0561cd8]{font-size:48px;color:#cfd9de;margin-bottom:16px}.search-bar[data-v-d0561cd8]{padding:12px 16px;border-bottom:1px solid #e1e8ed}.search-input-wrapper[data-v-d0561cd8]{display:flex;align-items:center;background:#eff3f4;border-radius:9999px;padding:12px 16px;gap:12px;transition:all .2s}.search-input-wrapper[data-v-d0561cd8]:focus-within{background:#fff;box-shadow:0 0 0 2px #1da1f2}.search-icon[data-v-d0561cd8]{color:#536471;flex-shrink:0}.search-input[data-v-d0561cd8]{flex:1;border:none;background:transparent;font-size:15px;color:#0f1419;outline:none}.search-input[data-v-d0561cd8]::placeholder{color:#536471}.clear-search[data-v-d0561cd8]{border:none;background:transparent;color:#536471;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search[data-v-d0561cd8]:hover{background:#1d9bf01a;color:#1da1f2}.search-results-info[data-v-d0561cd8]{margin-top:12px;font-size:14px;color:#536471;text-align:center}.pagination[data-v-d0561cd8]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:20px}.pagination-btn[data-v-d0561cd8]{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #cfd9de;background:#fff;color:#0f1419;border-radius:9999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pagination-btn[data-v-d0561cd8]:hover:not(:disabled){background:#f7f9fa;border-color:#1da1f2;color:#1da1f2}.pagination-btn[data-v-d0561cd8]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-d0561cd8]{display:flex;align-items:center;gap:8px}.page-numbers[data-v-d0561cd8]{display:flex;align-items:center;gap:4px}.page-btn[data-v-d0561cd8]{width:36px;height:36px;border:1px solid #cfd9de;background:#fff;color:#0f1419;border-radius:50%;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.page-btn[data-v-d0561cd8]:hover{background:#f7f9fa;border-color:#1da1f2}.page-btn.active[data-v-d0561cd8]{background:#1da1f2;border-color:#1da1f2;color:#fff}.ellipsis[data-v-d0561cd8]{color:#536471;padding:0 4px}@media(max-width:1280px){.main-content[data-v-d0561cd8]{margin-left:88px}}@media(max-width:768px){.main-content[data-v-d0561cd8]{margin-left:0;margin-bottom:60px;max-width:100%}.pagination[data-v-d0561cd8]{flex-wrap:wrap;gap:12px}.pagination-btn[data-v-d0561cd8]{padding:8px 16px;font-size:13px}.page-numbers[data-v-d0561cd8]{order:-1;width:100%;justify-content:center}}@media(max-width:480px){.container[data-v-d0561cd8]{padding:16px 12px}.header[data-v-d0561cd8]{margin-bottom:24px}.search-input-wrapper[data-v-d0561cd8]{padding:10px 14px}.pagination-btn span[data-v-d0561cd8]{display:none}}.login-container[data-v-1aebe2f2]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff;padding:20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-card[data-v-1aebe2f2]{width:100%;max-width:400px;padding:20px}.logo-section[data-v-1aebe2f2]{text-align:center;margin-bottom:30px}.logo[data-v-1aebe2f2]{width:150px;height:150px}.login-title[data-v-1aebe2f2]{font-size:31px;font-weight:700;color:#0f1419;margin-bottom:30px;text-align:center}.form-group[data-v-1aebe2f2]{margin-bottom:20px}label[data-v-1aebe2f2]{display:none}input[data-v-1aebe2f2]{width:100%;padding:16px;border:1px solid #cfd9de;border-radius:4px;font-size:17px;background:#fff;color:#0f1419;transition:border-color .2s;box-sizing:border-box}input[data-v-1aebe2f2]:focus{outline:none;border-color:#1d9bf0;border-width:2px;padding:15px}input[data-v-1aebe2f2]::placeholder{color:#536471}.error-message[data-v-1aebe2f2]{background:#fef1f1;color:#f4212e;padding:12px;border-radius:4px;margin-bottom:20px;font-size:15px;border:1px solid #f4212e}.success-message[data-v-1aebe2f2]{background:#e8f5e9;color:#00ba7c;padding:12px;border-radius:4px;margin-bottom:20px;font-size:15px;border:1px solid #00ba7c}.btn-submit[data-v-1aebe2f2]{width:100%;padding:14px;background:#0f1419;color:#fff;border:none;border-radius:24px;font-size:17px;font-weight:700;cursor:pointer;transition:background .2s;margin-top:10px}.btn-submit[data-v-1aebe2f2]:hover:not(:disabled){background:#272c30}.btn-submit[data-v-1aebe2f2]:disabled{opacity:.5;cursor:not-allowed}.toggle-mode[data-v-1aebe2f2]{text-align:center;margin-top:40px;color:#536471;font-size:15px}.toggle-mode a[data-v-1aebe2f2]{color:#1d9bf0;text-decoration:none;cursor:pointer}.toggle-mode a[data-v-1aebe2f2]:hover{text-decoration:underline}@media(max-width:768px){.login-card[data-v-1aebe2f2]{padding:32px 24px;margin:16px;max-width:none}.login-title[data-v-1aebe2f2]{font-size:24px}}@media(max-width:480px){.login-container[data-v-1aebe2f2]{padding:16px}.login-card[data-v-1aebe2f2]{padding:24px 16px;margin:8px}.logo[data-v-1aebe2f2]{width:40px;height:40px}.login-title[data-v-1aebe2f2]{font-size:20px}input[data-v-1aebe2f2]{padding:14px 16px;font-size:15px}.btn-submit[data-v-1aebe2f2]{padding:14px;font-size:15px}}.detail-post[data-v-ff0b54db]{display:flex;min-height:100vh;background:#fff}.main-content[data-v-ff0b54db]{flex:1;margin-left:275px;border-left:1px solid #e1e8ed;border-right:1px solid #e1e8ed}.container[data-v-ff0b54db]{min-height:100vh}.page-header[data-v-ff0b54db]{display:flex;align-items:center;gap:24px;padding:12px 16px;border-bottom:1px solid #e1e8ed;position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.back-btn[data-v-ff0b54db]{width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#14171a;transition:background .2s}.back-btn[data-v-ff0b54db]:hover{background:#0000001a}.page-header h2[data-v-ff0b54db]{font-size:20px;font-weight:700;margin:0;color:#14171a}.loading-state[data-v-ff0b54db],.error-state[data-v-ff0b54db]{display:flex;justify-content:center;align-items:center;padding:40px;color:#657786}.post-main[data-v-ff0b54db]{padding:12px 16px;border-bottom:1px solid #e1e8ed}.post-author[data-v-ff0b54db]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatar[data-v-ff0b54db]{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer}.avatar[data-v-ff0b54db]:hover{opacity:.8}.avatar img[data-v-ff0b54db]{width:100%;height:100%;object-fit:cover}.author-info[data-v-ff0b54db]{flex:1;display:flex;flex-direction:column}.display-name[data-v-ff0b54db]{font-weight:700;color:#14171a;font-size:15px;cursor:pointer}.display-name[data-v-ff0b54db]:hover{text-decoration:underline}.username[data-v-ff0b54db]{color:#657786;font-size:15px}.author-actions[data-v-ff0b54db]{display:flex;gap:4px}.author-actions .action-btn[data-v-ff0b54db]{width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#657786;transition:all .2s}.author-actions .edit-btn[data-v-ff0b54db]:hover{background:#1da1f21a;color:#1da1f2}.author-actions .delete-btn[data-v-ff0b54db]:hover{background:#e0245e1a;color:#e0245e}.post-content[data-v-ff0b54db]{margin-bottom:12px}.post-title[data-v-ff0b54db]{font-size:23px;font-weight:700;color:#14171a;margin:0 0 8px;line-height:1.3}.post-caption[data-v-ff0b54db]{font-size:17px;color:#14171a;line-height:1.5;margin:0;white-space:pre-wrap}.post-image[data-v-ff0b54db]{margin:12px 0;border-radius:16px;overflow:hidden;border:1px solid #e1e8ed}.post-image img[data-v-ff0b54db]{width:100%;max-height:500px;object-fit:cover;display:block}.post-meta[data-v-ff0b54db]{padding:16px 0;border-bottom:1px solid #e1e8ed;color:#657786;font-size:15px}.edited-badge[data-v-ff0b54db]{color:#657786}.post-stats[data-v-ff0b54db]{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid #e1e8ed}.stat[data-v-ff0b54db]{display:flex;gap:4px}.stat-value[data-v-ff0b54db]{font-weight:700;color:#14171a}.stat-label[data-v-ff0b54db]{color:#657786}.post-actions[data-v-ff0b54db]{display:flex;justify-content:space-around;padding:8px 0;border-bottom:1px solid #e1e8ed}.post-actions .action-btn[data-v-ff0b54db]{width:44px;height:44px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#657786;transition:all .2s}.post-actions .action-btn[data-v-ff0b54db]:hover{background:#1da1f21a;color:#1da1f2}.edit-form[data-v-ff0b54db]{padding:12px 0}.edit-title[data-v-ff0b54db]{width:100%;padding:12px;font-size:20px;font-weight:700;border:1px solid #e1e8ed;border-radius:8px;margin-bottom:12px;outline:none}.edit-title[data-v-ff0b54db]:focus{border-color:#1da1f2}.edit-caption[data-v-ff0b54db]{width:100%;padding:12px;font-size:17px;border:1px solid #e1e8ed;border-radius:8px;resize:none;outline:none;font-family:inherit}.edit-caption[data-v-ff0b54db]:focus{border-color:#1da1f2}.markdown-hint[data-v-ff0b54db]{margin:8px 0 0;font-size:12px;color:#657786}.edit-actions[data-v-ff0b54db]{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.btn-cancel[data-v-ff0b54db]{padding:8px 16px;border:1px solid #e1e8ed;background:transparent;border-radius:9999px;font-weight:700;cursor:pointer;transition:background .2s}.btn-cancel[data-v-ff0b54db]:hover{background:#0000000d}.btn-save[data-v-ff0b54db]{padding:8px 16px;border:none;background:#1da1f2;color:#fff;border-radius:9999px;font-weight:700;cursor:pointer;transition:background .2s}.btn-save[data-v-ff0b54db]:hover:not(:disabled){background:#1a91da}.btn-save[data-v-ff0b54db]:disabled{opacity:.5;cursor:not-allowed}.reply-composer[data-v-ff0b54db]{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #e1e8ed}.composer-avatar[data-v-ff0b54db]{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.composer-avatar img[data-v-ff0b54db]{width:100%;height:100%;object-fit:cover}.composer-input-wrapper[data-v-ff0b54db]{flex:1;display:flex;flex-direction:column;gap:12px}.composer-input[data-v-ff0b54db]{width:100%;padding:12px 0;font-size:17px;border:none;outline:none;resize:none;font-family:inherit}.composer-input[data-v-ff0b54db]::placeholder{color:#657786}.btn-reply[data-v-ff0b54db]{align-self:flex-end;padding:8px 16px;border:none;background:#1da1f2;color:#fff;border-radius:9999px;font-weight:700;cursor:pointer;transition:background .2s}.btn-reply[data-v-ff0b54db]:hover:not(:disabled){background:#1a91da}.btn-reply[data-v-ff0b54db]:disabled{opacity:.5;cursor:not-allowed}.comments-section[data-v-ff0b54db]{min-height:200px}.no-comments[data-v-ff0b54db]{display:flex;justify-content:center;padding:40px;color:#657786}.comment-item[data-v-ff0b54db]{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #e1e8ed;transition:background .2s}.comment-item[data-v-ff0b54db]:hover{background:#f5f8fa}.comment-avatar[data-v-ff0b54db]{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer}.comment-avatar[data-v-ff0b54db]:hover{opacity:.8}.comment-avatar img[data-v-ff0b54db]{width:100%;height:100%;object-fit:cover}.comment-body[data-v-ff0b54db]{flex:1;min-width:0}.comment-header[data-v-ff0b54db]{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:4px}.comment-author[data-v-ff0b54db]{font-weight:700;color:#14171a;font-size:15px;cursor:pointer}.comment-author[data-v-ff0b54db]:hover{text-decoration:underline}.comment-username[data-v-ff0b54db]{color:#657786;font-size:15px}.comment-separator[data-v-ff0b54db]{color:#657786}.comment-time[data-v-ff0b54db]{color:#657786;font-size:15px}.comment-actions[data-v-ff0b54db]{margin-left:auto;display:flex;gap:4px}.comment-action-btn[data-v-ff0b54db]{width:28px;height:28px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#657786;transition:all .2s}.comment-action-btn[data-v-ff0b54db]:hover{background:#1da1f21a;color:#1da1f2}.comment-action-btn.delete[data-v-ff0b54db]:hover{background:#e0245e1a;color:#e0245e}.comment-content[data-v-ff0b54db]{font-size:15px;color:#14171a;line-height:1.4;margin:0 0 8px;white-space:pre-wrap}.comment-action-bar[data-v-ff0b54db]{display:flex;gap:24px;margin-top:8px}.action-btn-sm[data-v-ff0b54db]{display:flex;align-items:center;padding:4px;border:none;background:transparent;color:#657786;cursor:pointer;border-radius:50%;transition:all .2s}.action-btn-sm[data-v-ff0b54db]:hover{background:#1da1f21a;color:#1da1f2}.edit-comment-form[data-v-ff0b54db]{margin:8px 0}.edit-comment-input[data-v-ff0b54db]{width:100%;padding:8px;font-size:15px;border:1px solid #1da1f2;border-radius:8px;resize:none;outline:none;font-family:inherit}.edit-comment-actions[data-v-ff0b54db]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.btn-cancel-sm[data-v-ff0b54db],.btn-save-sm[data-v-ff0b54db]{padding:4px 12px;border-radius:9999px;font-size:13px;font-weight:700;cursor:pointer}.btn-cancel-sm[data-v-ff0b54db]{border:1px solid #e1e8ed;background:transparent}.btn-cancel-sm[data-v-ff0b54db]:hover{background:#0000000d}.btn-save-sm[data-v-ff0b54db]{border:none;background:#1da1f2;color:#fff}.btn-save-sm[data-v-ff0b54db]:hover:not(:disabled){background:#1a91da}.btn-save-sm[data-v-ff0b54db]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1280px){.main-content[data-v-ff0b54db]{margin-left:88px}}@media(max-width:768px){.main-content[data-v-ff0b54db]{margin-left:0;margin-bottom:60px;max-width:100%;border-left:none;border-right:none}.post-title[data-v-ff0b54db]{font-size:20px}.post-caption[data-v-ff0b54db]{font-size:16px}.post-stats[data-v-ff0b54db]{flex-wrap:wrap}.reply-composer[data-v-ff0b54db]{padding:12px}.composer-avatar[data-v-ff0b54db]{width:40px;height:40px}}@media(max-width:480px){.page-header[data-v-ff0b54db]{padding:10px 12px;gap:16px}.page-header h2[data-v-ff0b54db]{font-size:18px}.post-main[data-v-ff0b54db]{padding:12px}.avatar[data-v-ff0b54db]{width:40px;height:40px}.comment-avatar[data-v-ff0b54db]{width:32px;height:32px}.comment-item[data-v-ff0b54db]{padding:10px 12px}.comment-action-bar[data-v-ff0b54db]{gap:16px}}.markdown-content[data-v-ff0b54db]{font-size:17px;color:#14171a;line-height:1.6}.markdown-content[data-v-ff0b54db] h1,.markdown-content[data-v-ff0b54db] h2,.markdown-content[data-v-ff0b54db] h3,.markdown-content[data-v-ff0b54db] h4,.markdown-content[data-v-ff0b54db] h5,.markdown-content[data-v-ff0b54db] h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-content[data-v-ff0b54db] h1{font-size:1.5em}.markdown-content[data-v-ff0b54db] h2{font-size:1.3em}.markdown-content[data-v-ff0b54db] h3{font-size:1.15em}.markdown-content[data-v-ff0b54db] h4{font-size:1em}.markdown-content[data-v-ff0b54db] p{margin-top:0;margin-bottom:16px}.markdown-content[data-v-ff0b54db] code{background-color:#1b1f230d;border-radius:6px;font-size:85%;padding:.2em .4em;font-family:Fira Code,Consolas,Monaco,monospace}.markdown-content[data-v-ff0b54db] pre{background-color:#0d1117;border-radius:8px;font-size:85%;line-height:1.45;overflow-x:auto;padding:16px;margin:16px 0}.markdown-content[data-v-ff0b54db] pre code{background-color:transparent;border:0;display:inline;font-size:100%;padding:0;color:#e6edf3}.markdown-content[data-v-ff0b54db] blockquote{border-left:4px solid #1da1f2;color:#657786;margin:16px 0;padding:0 16px}.markdown-content[data-v-ff0b54db] ul,.markdown-content[data-v-ff0b54db] ol{padding-left:2em;margin-top:0;margin-bottom:16px}.markdown-content[data-v-ff0b54db] li{margin-top:4px}.markdown-content[data-v-ff0b54db] a{color:#1da1f2;text-decoration:none}.markdown-content[data-v-ff0b54db] a:hover{text-decoration:underline}.markdown-content[data-v-ff0b54db] hr{background-color:#e1e8ed;border:0;height:1px;margin:24px 0}.markdown-content[data-v-ff0b54db] img{max-width:100%;height:auto;border-radius:8px}.markdown-content[data-v-ff0b54db] table{border-collapse:collapse;width:100%;margin:16px 0}.markdown-content[data-v-ff0b54db] th,.markdown-content[data-v-ff0b54db] td{border:1px solid #e1e8ed;padding:8px 12px;text-align:left}.markdown-content[data-v-ff0b54db] th{background-color:#f7f8fa;font-weight:600}.markdown-content[data-v-ff0b54db] strong{font-weight:600}.markdown-content[data-v-ff0b54db] em{font-style:italic}.profile[data-v-b1b2c1fe]{min-height:100vh;background:#f5f5f5;display:flex}.main-content[data-v-b1b2c1fe]{margin-left:275px;flex:1;transition:margin-left .3s ease}.container[data-v-b1b2c1fe]{margin:0 auto;background:#fff;min-height:100vh;border-left:1px solid #e1e8ed;border-right:1px solid #e1e8ed}.profile-header[data-v-b1b2c1fe]{display:flex;align-items:center;gap:30px;padding:12px 16px;border-bottom:1px solid #e1e8ed;background:#fff;position:sticky;top:0;z-index:10}.back-btn[data-v-b1b2c1fe]{width:36px;height:36px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn[data-v-b1b2c1fe]:hover{background:#1da1f21a}.back-btn i[data-v-b1b2c1fe]{font-size:18px;color:#14171a}.header-info h2[data-v-b1b2c1fe]{margin:0;font-size:20px;font-weight:700;color:#14171a}.tweet-count[data-v-b1b2c1fe]{font-size:13px;color:#657786}.profile-banner[data-v-b1b2c1fe]{width:100%;height:200px;background:linear-gradient(135deg,#1da1f2,#0c85d0)}.profile-info-section[data-v-b1b2c1fe]{padding:0 16px;position:relative}.avatar-container[data-v-b1b2c1fe]{margin-top:-75px;margin-bottom:12px}.profile-avatar[data-v-b1b2c1fe]{width:140px;height:140px;border-radius:50%;border:5px solid white;background:#fff}.profile-actions[data-v-b1b2c1fe]{position:absolute;top:12px;right:16px;display:flex;gap:8px}.btn-follow[data-v-b1b2c1fe]{width:36px;height:36px;border-radius:50%;border:1px solid #cfd9de;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-follow[data-v-b1b2c1fe]:hover{background:#00000008}.btn-follow i[data-v-b1b2c1fe]{color:#14171a}.btn-follow-primary[data-v-b1b2c1fe]{padding:8px 24px;border-radius:50px;border:1px solid #1da1f2;background:#fff;color:#1da1f2;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s}.btn-follow-primary[data-v-b1b2c1fe]:hover{background:#1da1f21a}.profile-details[data-v-b1b2c1fe]{margin-top:12px}.profile-name[data-v-b1b2c1fe]{display:flex;align-items:center;gap:6px}.profile-name h1[data-v-b1b2c1fe]{margin:0;font-size:20px;font-weight:700;color:#14171a}.verified-badge[data-v-b1b2c1fe]{color:#1da1f2;font-size:18px}.profile-username[data-v-b1b2c1fe]{color:#657786;font-size:15px}.profile-bio[data-v-b1b2c1fe]{margin:12px 0;color:#14171a;font-size:15px;line-height:1.5}.profile-meta[data-v-b1b2c1fe]{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.meta-item[data-v-b1b2c1fe]{display:flex;align-items:center;gap:6px;color:#657786;font-size:15px}.meta-item i[data-v-b1b2c1fe]{font-size:14px}.meta-link[data-v-b1b2c1fe]{color:#1da1f2;text-decoration:none}.meta-link[data-v-b1b2c1fe]:hover{text-decoration:underline}.profile-stats[data-v-b1b2c1fe]{display:flex;gap:20px;margin:12px 0 16px}.stat-item[data-v-b1b2c1fe]{display:flex;gap:4px;text-decoration:none;color:#14171a;font-size:15px;transition:text-decoration .2s}.stat-item:hover span[data-v-b1b2c1fe]{text-decoration:underline}.stat-item strong[data-v-b1b2c1fe]{font-weight:700}.stat-item span[data-v-b1b2c1fe]{color:#657786}.profile-tabs[data-v-b1b2c1fe]{display:flex;border-bottom:1px solid #e1e8ed}.tab-item[data-v-b1b2c1fe]{flex:1;padding:16px;border:none;background:transparent;color:#657786;font-size:15px;font-weight:700;cursor:pointer;position:relative;transition:background .2s}.tab-item[data-v-b1b2c1fe]:hover{background:#1da1f21a;color:#1da1f2}.tab-item.active[data-v-b1b2c1fe]{color:#14171a}.tab-item.active[data-v-b1b2c1fe]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:#1da1f2;border-radius:2px}.posts-list[data-v-b1b2c1fe]{background:#fff}.loading-state[data-v-b1b2c1fe],.error-state[data-v-b1b2c1fe],.empty-state[data-v-b1b2c1fe]{padding:40px 20px;text-align:center;color:#657786;font-size:15px}@media(max-width:1280px){.main-content[data-v-b1b2c1fe]{margin-left:88px}}@media(max-width:768px){.main-content[data-v-b1b2c1fe]{margin-left:0;margin-bottom:60px;max-width:100%}.profile-banner[data-v-b1b2c1fe]{height:150px}.profile-avatar[data-v-b1b2c1fe]{width:100px;height:100px;margin-top:-50px;border-width:3px}.profile-name[data-v-b1b2c1fe]{font-size:18px}.profile-stats[data-v-b1b2c1fe]{gap:16px}.profile-tabs[data-v-b1b2c1fe]{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-item[data-v-b1b2c1fe]{padding:16px 12px;font-size:14px;white-space:nowrap}}@media(max-width:480px){.profile-header[data-v-b1b2c1fe]{padding:10px 12px;gap:16px}.profile-info-section[data-v-b1b2c1fe]{padding:12px}.profile-actions[data-v-b1b2c1fe]{gap:8px}.btn-follow[data-v-b1b2c1fe],.btn-follow-primary[data-v-b1b2c1fe]{padding:6px 14px;font-size:13px}.profile-meta[data-v-b1b2c1fe]{flex-direction:column;gap:4px}}.bookmarks-page[data-v-f6b253e7]{display:flex;min-height:100vh;background:#f5f8fa}.main-content[data-v-f6b253e7]{flex:1;margin-left:275px;border-right:1px solid #e1e8ed;background:#fff;min-height:100vh}.container[data-v-f6b253e7]{width:100%}.header[data-v-f6b253e7]{position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 16px;border-bottom:1px solid #e1e8ed;z-index:10}.header h2[data-v-f6b253e7]{font-size:20px;font-weight:800;color:#0f1419;margin:0}.header .subtitle[data-v-f6b253e7]{font-size:13px;color:#657786;margin:0}.loading-state[data-v-f6b253e7],.error-state[data-v-f6b253e7],.empty-state[data-v-f6b253e7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner[data-v-f6b253e7]{width:32px;height:32px;border:3px solid #e1e8ed;border-top-color:#1da1f2;border-radius:50%;animation:spin-f6b253e7 1s linear infinite}@keyframes spin-f6b253e7{to{transform:rotate(360deg)}}.loading-state p[data-v-f6b253e7],.error-state p[data-v-f6b253e7]{color:#657786;margin-top:16px}.btn-retry[data-v-f6b253e7]{margin-top:16px;padding:10px 20px;background:#1da1f2;color:#fff;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:background .2s}.btn-retry[data-v-f6b253e7]:hover{background:#1a91da}.empty-state .empty-icon[data-v-f6b253e7]{font-size:48px;color:#657786;margin-bottom:20px}.empty-state h3[data-v-f6b253e7]{font-size:20px;font-weight:800;color:#0f1419;margin:0 0 8px}.empty-state p[data-v-f6b253e7]{color:#657786;margin:0;max-width:300px}.posts-list[data-v-f6b253e7]{border-top:1px solid #e1e8ed}@media(max-width:1280px){.main-content[data-v-f6b253e7]{margin-left:88px}}@media(max-width:768px){.main-content[data-v-f6b253e7]{margin-left:0;margin-bottom:60px;max-width:100%}}.notifications-page[data-v-58f6ccd7]{display:flex;min-height:100vh;background:#f5f8fa}.main-content[data-v-58f6ccd7]{flex:1;margin-left:275px;border-right:1px solid #e1e8ed;background:#fff;min-height:100vh}.container[data-v-58f6ccd7]{width:100%}.header[data-v-58f6ccd7]{position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 16px;border-bottom:1px solid #e1e8ed;z-index:10}.header-top[data-v-58f6ccd7]{display:flex;justify-content:space-between;align-items:flex-start}.header h2[data-v-58f6ccd7]{font-size:20px;font-weight:800;color:#0f1419;margin:0}.header .subtitle[data-v-58f6ccd7]{font-size:13px;color:#657786;margin:0}.mark-all-btn[data-v-58f6ccd7]{background:transparent;border:none;color:#1da1f2;font-size:14px;font-weight:600;cursor:pointer;padding:4px 12px;border-radius:16px;transition:background .2s}.mark-all-btn[data-v-58f6ccd7]:hover{background:#1da1f21a}.loading-state[data-v-58f6ccd7],.error-state[data-v-58f6ccd7],.empty-state[data-v-58f6ccd7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner[data-v-58f6ccd7]{width:32px;height:32px;border:3px solid #e1e8ed;border-top-color:#1da1f2;border-radius:50%;animation:spin-58f6ccd7 1s linear infinite}@keyframes spin-58f6ccd7{to{transform:rotate(360deg)}}.loading-state p[data-v-58f6ccd7],.error-state p[data-v-58f6ccd7]{color:#657786;margin-top:16px}.btn-retry[data-v-58f6ccd7]{margin-top:16px;padding:10px 20px;background:#1da1f2;color:#fff;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:background .2s}.btn-retry[data-v-58f6ccd7]:hover{background:#1a91da}.empty-state .empty-icon[data-v-58f6ccd7]{font-size:48px;color:#657786;margin-bottom:20px}.empty-state h3[data-v-58f6ccd7]{font-size:20px;font-weight:800;color:#0f1419;margin:0 0 8px}.empty-state p[data-v-58f6ccd7]{color:#657786;margin:0;max-width:300px}.notifications-list[data-v-58f6ccd7]{border-top:1px solid #e1e8ed}.notification-item[data-v-58f6ccd7]{display:flex;align-items:flex-start;padding:16px;border-bottom:1px solid #e1e8ed;cursor:pointer;transition:background .2s;position:relative}.notification-item[data-v-58f6ccd7]:hover{background:#f7f9fa}.notification-item.unread[data-v-58f6ccd7]{background:#1da1f208}.notification-icon[data-v-58f6ccd7]{width:40px;height:40px;border-radius:50%;background:#f7f9fa;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.notification-icon i[data-v-58f6ccd7]{font-size:16px}.notification-content[data-v-58f6ccd7]{flex:1;min-width:0}.notification-text[data-v-58f6ccd7]{font-size:15px;line-height:1.4;margin-bottom:4px}.actor-name[data-v-58f6ccd7]{font-weight:700;color:#0f1419}.action-text[data-v-58f6ccd7]{color:#657786;margin-left:4px}.post-preview[data-v-58f6ccd7]{font-size:14px;color:#657786;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-title[data-v-58f6ccd7]{font-weight:600;color:#0f1419}.separator[data-v-58f6ccd7]{margin:0 6px;color:#cfd9de}.post-caption[data-v-58f6ccd7]{color:#657786}.notification-time[data-v-58f6ccd7]{font-size:13px;color:#657786}.unread-indicator[data-v-58f6ccd7]{width:8px;height:8px;background:#1da1f2;border-radius:50%;position:absolute;right:16px;top:50%;transform:translateY(-50%)}@media(max-width:1280px){.main-content[data-v-58f6ccd7]{margin-left:88px}}@media(max-width:768px){.main-content[data-v-58f6ccd7]{margin-left:0;margin-bottom:60px;max-width:100%}.notification-item[data-v-58f6ccd7]{padding:12px}.notification-icon[data-v-58f6ccd7]{width:36px;height:36px}}.messages-page[data-v-6ee46813]{display:flex;min-height:100vh;background:#f5f8fa}.main-content[data-v-6ee46813]{flex:1;margin-left:275px;border-right:1px solid #e1e8ed;background:#fff;min-height:100vh}.container[data-v-6ee46813]{width:100%}.header[data-v-6ee46813]{position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 16px;border-bottom:1px solid #e1e8ed;z-index:10}.header h2[data-v-6ee46813]{font-size:20px;font-weight:800;color:#0f1419;margin:0}.header .subtitle[data-v-6ee46813]{font-size:13px;color:#657786;margin:0}.coming-soon-state[data-v-6ee46813]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.coming-soon-icon[data-v-6ee46813]{width:100px;height:100px;background:linear-gradient(135deg,#1da1f2,#0d8bd9);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:pulse-6ee46813 2s ease-in-out infinite}.coming-soon-icon i[data-v-6ee46813]{font-size:42px;color:#fff}@keyframes pulse-6ee46813{0%,to{transform:scale(1);box-shadow:0 0 #1da1f266}50%{transform:scale(1.05);box-shadow:0 0 0 20px #1da1f200}}.coming-soon-state h3[data-v-6ee46813]{font-size:28px;font-weight:800;color:#0f1419;margin:0 0 12px}.coming-soon-state p[data-v-6ee46813]{font-size:16px;color:#657786;margin:0 0 8px;max-width:320px}.coming-soon-state .sub-text[data-v-6ee46813]{font-size:14px;color:#1da1f2;font-weight:600}.progress-indicator[data-v-6ee46813]{width:200px;height:6px;background:#e1e8ed;border-radius:3px;margin-top:24px;overflow:hidden}.progress-bar[data-v-6ee46813]{width:60%;height:100%;background:linear-gradient(90deg,#1da1f2,#0d8bd9);border-radius:3px;animation:loading-6ee46813 2s ease-in-out infinite}@keyframes loading-6ee46813{0%{width:20%}50%{width:80%}to{width:20%}}@media(max-width:1280px){.main-content[data-v-6ee46813]{margin-left:88px}}@media(max-width:768px){.main-content[data-v-6ee46813]{margin-left:0;margin-bottom:60px;max-width:100%}.coming-soon-icon[data-v-6ee46813]{width:80px;height:80px}.coming-soon-icon i[data-v-6ee46813]{font-size:32px}.coming-soon-state h3[data-v-6ee46813]{font-size:24px}}