@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color:#f3f4f6;--text-main:#111827;--text-muted:#6b7280;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#app{flex-direction:column;min-height:100vh;display:flex}.navbar[data-v-8c8ceace]{z-index:100;background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.navbar-container[data-v-8c8ceace]{justify-content:space-between;align-items:center;max-width:1400px;height:72px;margin:0 auto;padding:0 2rem;display:flex}.navbar-logo[data-v-8c8ceace]{letter-spacing:.5px;color:#111827;align-items:center;gap:10px;font-size:1.125rem;font-weight:800;display:flex}.navbar-search[data-v-8c8ceace]{flex:1;max-width:480px;margin:0 2rem}.search-input-wrapper[data-v-8c8ceace]{align-items:center;display:flex;position:relative}.search-icon[data-v-8c8ceace]{position:absolute;left:12px}.navbar-search input[data-v-8c8ceace]{color:#374151;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 10px 10px 36px;font-size:.9rem;transition:all .2s}.navbar-search input[data-v-8c8ceace]:focus{background-color:#fff;border-color:#d1d5db;box-shadow:0 0 0 2px #0000000d}.navbar-actions[data-v-8c8ceace]{align-items:center;gap:1.5rem;display:flex}.nav-link[data-v-8c8ceace]{color:#4b5563;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link[data-v-8c8ceace]:hover,.nav-link.active[data-v-8c8ceace]{color:#111827}.user-profile[data-v-8c8ceace]{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:1px solid #e5e7eb;align-items:center;gap:8px;padding-left:1rem;display:flex;position:relative}.avatar[data-v-8c8ceace]{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-name[data-v-8c8ceace]{color:#111827;font-size:.9rem;font-weight:500}.user-dropdown[data-v-8c8ceace]{-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:12px;flex-direction:column;width:160px;padding:6px;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 25px #00000014}.dropdown-header[data-v-8c8ceace]{flex-direction:column;padding:8px 12px;display:flex}.user-role[data-v-8c8ceace]{color:#6366f1;font-size:.75rem;font-weight:600}.dropdown-divider[data-v-8c8ceace]{background-color:#f3f4f6;height:1px;margin:4px 6px}.dropdown-item[data-v-8c8ceace]{color:#374151;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.logout-item[data-v-8c8ceace]{color:#ef4444}.dropdown-item[data-v-8c8ceace]:hover{background-color:#f3f4f6b3}.logout-item[data-v-8c8ceace]:hover{background-color:#ef444414}.dropdown-enter-active[data-v-8c8ceace],.dropdown-leave-active[data-v-8c8ceace]{transition:all .25s cubic-bezier(.25,.8,.25,1)}.dropdown-enter-from[data-v-8c8ceace],.dropdown-leave-to[data-v-8c8ceace]{opacity:0;transform:translateY(-8px)}.auth-overlay[data-v-69f9ef03]{z-index:1000;-webkit-backdrop-filter:blur(12px);background-color:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.forced-lock[data-v-69f9ef03]{pointer-events:auto}.auth-card-wrapper[data-v-69f9ef03]{perspective:1000px;width:100%;max-width:420px;padding:0 1.5rem}.auth-card[data-v-69f9ef03]{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #ffffff73;border-radius:24px;padding:2.5rem;box-shadow:0 20px 40px #0000001a,inset 0 1px #ffffff80}.auth-header[data-v-69f9ef03]{text-align:center;margin-bottom:2rem}.brand-logo[data-v-69f9ef03]{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:inline-flex;box-shadow:0 8px 16px #3b82f64d}.brand-name[data-v-69f9ef03]{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.brand-subtitle[data-v-69f9ef03]{color:#64748b;margin:4px 0 0;font-size:.825rem}.auth-tabs[data-v-69f9ef03]{background:#0f172a0d;border-radius:12px;margin-bottom:2rem;padding:4px;display:flex;position:relative}.tab-btn[data-v-69f9ef03]{color:#64748b;cursor:pointer;z-index:1;background:0 0;border:none;flex:1;padding:8px 0;font-size:.9rem;font-weight:600;transition:color .3s}.tab-btn.active[data-v-69f9ef03]{color:#0f172a}.tab-indicator[data-v-69f9ef03]{background:#fff;border-radius:8px;width:calc(50% - 6px);transition:left .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:4px;bottom:4px;box-shadow:0 4px 12px #0000000f}.auth-form[data-v-69f9ef03]{flex-direction:column;gap:1.25rem;display:flex}.form-group[data-v-69f9ef03]{flex-direction:column;gap:6px;display:flex}.form-group label[data-v-69f9ef03]{color:#475569;font-size:.8rem;font-weight:600}.input-wrapper input[data-v-69f9ef03]{color:#0f172a;background:#fff9;border:1px solid #0f172a1f;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:.925rem;transition:all .25s}.input-wrapper input[data-v-69f9ef03]:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-group.error .input-wrapper input[data-v-69f9ef03]{background:#ef444408;border-color:#ef4444}.error-tip[data-v-69f9ef03]{color:#ef4444;font-size:.75rem}.global-error[data-v-69f9ef03]{color:#dc2626;background:#ef444414;border:1px solid #ef444426;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;display:flex}.submit-btn[data-v-69f9ef03]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e293b,#0f172a);border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 10px 20px #0f172a26}.submit-btn[data-v-69f9ef03]:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a40}.submit-btn[data-v-69f9ef03]:active{transform:translateY(0)}.submit-btn[data-v-69f9ef03]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-69f9ef03]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-69f9ef03}@keyframes spin-69f9ef03{to{transform:rotate(360deg)}}.shake[data-v-69f9ef03]{animation:.5s ease-in-out shakeAnimation-69f9ef03}@keyframes shakeAnimation-69f9ef03{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-8px)}30%,60%,90%{transform:translate(8px)}}.fade-enter-active[data-v-69f9ef03],.fade-leave-active[data-v-69f9ef03]{transition:opacity .4s}.fade-enter-from[data-v-69f9ef03],.fade-leave-to[data-v-69f9ef03]{opacity:0}.slide-down-enter-active[data-v-69f9ef03]{transition:all .3s cubic-bezier(.25,.8,.25,1)}.slide-down-enter-from[data-v-69f9ef03]{opacity:0;transform:translateY(-10px)}.modal-overlay[data-v-88fd7631]{-webkit-backdrop-filter:blur(8px);z-index:900;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn-88fd7631;display:flex;position:fixed;top:0;left:0}.upload-card[data-v-88fd7631]{-webkit-backdrop-filter:blur(25px);background:#ffffffbf;border:1px solid #fff6;border-radius:24px;width:90%;max-width:850px;padding:2.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards cardPopUp-88fd7631;position:relative;transform:scale(.95);box-shadow:0 25px 50px -12px #00000040}@keyframes fadeIn-88fd7631{0%{opacity:0}to{opacity:1}}@keyframes cardPopUp-88fd7631{to{transform:scale(1)}}.close-btn[data-v-88fd7631]{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s;position:absolute;top:20px;right:20px}.close-btn[data-v-88fd7631]:hover{color:#1f2937}.modal-title[data-v-88fd7631]{color:#111827;text-align:center;background:linear-gradient(135deg,#4f46e5,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:0;margin-bottom:2rem;font-size:1.5rem;font-weight:800}.upload-form[data-v-88fd7631]{grid-template-columns:1fr 1.2fr;gap:2.5rem;display:grid}@media (width<=768px){.upload-form[data-v-88fd7631]{grid-template-columns:1fr;gap:1.5rem}.upload-card[data-v-88fd7631]{max-height:90vh;padding:1.5rem;overflow-y:auto}}.form-left[data-v-88fd7631]{flex-direction:column;display:flex}.dropzone[data-v-88fd7631]{cursor:pointer;background:#f3f4f666;border:2px dashed #6366f166;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:280px;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden}.dropzone[data-v-88fd7631]:hover{background:#f3f4f6b3;border-color:#4f46e5}.dropzone.dragging[data-v-88fd7631]{background:#ec48990d;border-color:#ec4899;transform:scale(1.02)}.dropzone.has-file[data-v-88fd7631]{border-style:solid;border-color:#6366f133}.hidden-file-input[data-v-88fd7631]{display:none}.dropzone-placeholder[data-v-88fd7631]{text-align:center;flex-direction:column;align-items:center;padding:2rem;display:flex}.upload-svg[data-v-88fd7631]{color:#6366f1;width:48px;height:48px;margin-bottom:1rem}.upload-text[data-v-88fd7631]{color:#374151;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.upload-hint[data-v-88fd7631]{color:#6b7280;font-size:.75rem}.preview-container[data-v-88fd7631]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.preview-img[data-v-88fd7631]{object-fit:cover;border-radius:14px;width:100%;height:100%}.preview-mask[data-v-88fd7631]{opacity:0;color:#fff;background:#0f172a99;border-radius:14px;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.dropzone:hover .preview-mask[data-v-88fd7631]{opacity:1}.form-right[data-v-88fd7631]{flex-direction:column;gap:1.25rem;display:flex}.form-group[data-v-88fd7631]{flex-direction:column;display:flex}.form-label[data-v-88fd7631]{color:#374151;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.form-textarea[data-v-88fd7631]{resize:none;color:#1f2937;background:#ffffffb3;border:1px solid #d1d5dbcc;border-radius:10px;outline:none;width:100%;height:120px;padding:12px;font-size:.9rem;transition:all .2s}.form-textarea[data-v-88fd7631]:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.textarea-footer[data-v-88fd7631]{color:#9ca3af;justify-content:flex-end;margin-top:4px;font-size:.75rem;display:flex}.warning-text[data-v-88fd7631]{color:#ef4444;font-weight:600}.tags-container[data-v-88fd7631]{background:#ffffffb3;border:1px solid #d1d5dbcc;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}.tags-container[data-v-88fd7631]:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.tag-pill[data-v-88fd7631]{color:#4f46e5;background:linear-gradient(135deg,#6366f11a,#ec48991a);border:1px solid #6366f133;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.tag-remove[data-v-88fd7631]{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;transition:color .15s}.tag-remove[data-v-88fd7631]:hover{color:#ef4444}.tag-input[data-v-88fd7631]{color:#1f2937;background:0 0;border:none;outline:none;flex:1;min-width:120px;height:28px;font-size:.85rem}.tag-hint[data-v-88fd7631]{color:#9ca3af;margin-top:4px;font-size:.7rem}.error-alert[data-v-88fd7631]{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.error-alert .error-icon[data-v-88fd7631]{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.75rem;font-weight:700;display:flex}.error-text[data-v-88fd7631]{color:#b91c1c;font-size:.8rem;font-weight:500}.form-actions[data-v-88fd7631]{margin-top:1rem}.btn-submit[data-v-88fd7631]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#ec4899);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #6366f14d}.btn-submit[data-v-88fd7631]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.btn-submit[data-v-88fd7631]:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#d1d5db}.spinner-mini[data-v-88fd7631]{border:2px solid #ffffff4d;border-left-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin-88fd7631}@keyframes spin-88fd7631{to{transform:rotate(360deg)}}.fade-enter-active[data-v-88fd7631],.fade-leave-active[data-v-88fd7631]{transition:opacity .25s}.fade-enter-from[data-v-88fd7631],.fade-leave-to[data-v-88fd7631]{opacity:0}.comments-section[data-v-f29fe567]{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;height:100%;max-height:calc(100vh - 120px);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.comments-header[data-v-f29fe567]{border-bottom:1px solid #f3f4f6;padding:1.5rem 1.5rem 1rem}.comments-header h3[data-v-f29fe567]{color:#111827;letter-spacing:.5px;margin:0;font-size:.85rem;font-weight:700}.comments-header span[data-v-f29fe567]{color:#6b7280;font-weight:500}.comments-list[data-v-f29fe567]{flex-direction:column;flex:1;gap:1.5rem;padding:1rem 1.5rem;display:flex;overflow-y:auto}.comments-list[data-v-f29fe567]::-webkit-scrollbar{width:6px}.comments-list[data-v-f29fe567]::-webkit-scrollbar-track{background:0 0}.comments-list[data-v-f29fe567]::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:10px}.comment-item[data-v-f29fe567]{gap:12px;display:flex}.comment-avatar[data-v-f29fe567]{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.small-avatar[data-v-f29fe567]{width:28px;height:28px}.comment-content[data-v-f29fe567]{flex:1}.comment-header-row[data-v-f29fe567]{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.comment-author[data-v-f29fe567]{color:#111827;font-size:.9rem;font-weight:600}.comment-time[data-v-f29fe567]{color:#9ca3af;font-size:.75rem}.comment-text[data-v-f29fe567]{color:#374151;margin:0 0 6px;font-size:.9rem;line-height:1.4}.reply-to[data-v-f29fe567]{color:#4f46e5;margin-right:4px;font-weight:500}.comment-actions[data-v-f29fe567]{gap:16px;margin-bottom:8px;display:flex}.action-btn[data-v-f29fe567]{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.75rem;font-weight:600;transition:color .2s;display:flex}.action-btn[data-v-f29fe567]:hover{color:#4b5563}.action-btn.liked[data-v-f29fe567]{color:#ef4444}.replies-list[data-v-f29fe567]{border-left:2px solid #f3f4f6;flex-direction:column;gap:12px;margin-top:12px;padding-left:12px;display:flex}.reply-input-area[data-v-f29fe567]{align-items:center;gap:8px;margin-top:8px;display:flex}.reply-input-area input[data-v-f29fe567]{border:1px solid #e5e7eb;border-radius:16px;outline:none;flex:1;padding:6px 12px;font-size:.85rem}.reply-input-area input[data-v-f29fe567]:focus{border-color:#d1d5db}.cancel-btn[data-v-f29fe567]{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:.8rem}.comment-input-area[data-v-f29fe567]{background-color:#fafafa;border-top:1px solid #f3f4f6;align-items:center;gap:12px;padding:1.25rem 1.5rem;display:flex}.current-user-avatar[data-v-f29fe567]{object-fit:cover;border-radius:50%;width:36px;height:36px}.input-wrapper[data-v-f29fe567]{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;flex:1;align-items:center;padding:4px 4px 4px 16px;display:flex}.input-wrapper[data-v-f29fe567]:focus-within{border-color:#d1d5db}.input-wrapper input[data-v-f29fe567]{background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.post-btn[data-v-f29fe567]{color:#4f46e5;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:6px 12px;font-size:.9rem;font-weight:600}.post-btn[data-v-f29fe567]:hover{background-color:#eef2ff}.image-viewer[data-v-46408641]{flex-direction:column;gap:1.5rem;animation:.3s fadeIn-46408641;display:flex}@keyframes fadeIn-46408641{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.image-container[data-v-46408641]{background-color:#000;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.main-image[data-v-46408641]{object-fit:contain;width:100%;height:auto;max-height:75vh;display:block}.nav-arrow[data-v-46408641]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;background-color:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-container:hover .nav-arrow[data-v-46408641]{opacity:1}.nav-arrow[data-v-46408641]:hover{background-color:#fff6;transform:translateY(-50%)scale(1.1)}.nav-left[data-v-46408641]{left:16px}.nav-right[data-v-46408641]{right:16px}.image-details[data-v-46408641]{justify-content:space-between;align-items:flex-end;padding:0 .5rem;display:flex}.details-content[data-v-46408641]{flex:1}.image-title[data-v-46408641]{color:#111827;margin:0 0 4px;font-size:1.25rem;font-weight:700}.image-author[data-v-46408641]{color:#4b5563;margin:0 0 12px;font-size:.95rem}.image-tags[data-v-46408641]{gap:12px;display:flex}.tag[data-v-46408641]{color:#6b7280;cursor:pointer;font-size:.85rem;transition:color .2s}.tag[data-v-46408641]:hover{color:#111827}.action-buttons[data-v-46408641]{gap:12px;display:flex}.btn[data-v-46408641]{cursor:pointer;color:#fff;background-color:#374151;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;transition:all .2s;display:flex}.btn[data-v-46408641]:hover{background-color:#1f2937;transform:translateY(-1px)}.btn.liked[data-v-46408641]{background-color:#ef4444}.btn.liked[data-v-46408641]:hover{background-color:#dc2626}.btn-text[data-v-46408641]{flex-direction:column;align-items:flex-start;display:flex}.btn-text strong[data-v-46408641]{font-size:.95rem;font-weight:600}.btn-text small[data-v-46408641]{opacity:.8;font-size:.7rem}.btn-download[data-v-46408641]{padding:10px 20px}.author-click-link[data-v-46408641]{font:inherit;color:#4f46e5;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;text-decoration:underline;transition:color .2s}.author-click-link[data-v-46408641]:hover{color:#6366f1}.popular-grid-section[data-v-36e4e5dc]{width:100%;max-width:1300px;margin:3rem auto;padding:0 2rem}.section-header[data-v-36e4e5dc]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2[data-v-36e4e5dc]{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.view-all[data-v-36e4e5dc]{color:#4f46e5;font-size:.95rem;font-weight:600;text-decoration:none}.masonry-grid[data-v-36e4e5dc]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-rows:240px;gap:1.5rem;display:grid}.grid-item[data-v-36e4e5dc]{cursor:pointer;background-color:#e5e7eb;border-radius:12px;position:relative;overflow:hidden}.grid-item[data-v-36e4e5dc]:nth-child(3n){grid-row:span 2}.grid-item img[data-v-36e4e5dc]{object-fit:cover;width:100%;height:100%;transition:transform .3s}.grid-item:hover img[data-v-36e4e5dc]{transform:scale(1.05)}.overlay[data-v-36e4e5dc]{opacity:0;background:linear-gradient(#0000 50%,#000000b3 100%);align-items:flex-end;padding:1.25rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.grid-item:hover .overlay[data-v-36e4e5dc]{opacity:1}.overlay-content[data-v-36e4e5dc]{color:#fff;justify-content:space-between;align-items:flex-end;width:100%;display:flex}.title[data-v-36e4e5dc]{white-space:nowrap;text-overflow:ellipsis;max-width:70%;font-size:1rem;font-weight:600;overflow:hidden}.stats[data-v-36e4e5dc]{align-items:center;font-size:.85rem;font-weight:600;display:flex}.likes[data-v-36e4e5dc]{align-items:center;gap:4px;display:flex}.app-wrapper[data-v-162fccca]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-162fccca]{flex-direction:column;flex:1;align-items:center;padding:2.5rem 0;display:flex}.content-container[data-v-162fccca]{grid-template-columns:340px 1fr;align-items:start;gap:2.5rem;width:100%;max-width:1300px;padding:0 2rem;display:grid}.sidebar[data-v-162fccca]{height:calc(100vh - 72px - 5rem);position:sticky;top:calc(72px + 2.5rem)}.content-view[data-v-162fccca]{width:100%}@media (width<=1024px){.content-container[data-v-162fccca]{grid-template-columns:1fr}.sidebar[data-v-162fccca]{order:2;height:500px;position:static}.content-view[data-v-162fccca]{order:1}}.comments-skeleton[data-v-162fccca],.image-skeleton-loader[data-v-162fccca],.image-empty-state[data-v-162fccca],.image-error-state[data-v-162fccca]{-webkit-backdrop-filter:blur(20px);color:#6b7280;text-align:center;background:#ffffff73;border:1px solid #fff6;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex;box-shadow:0 10px 15px -3px #0000000d}.comments-skeleton[data-v-162fccca]{height:100%}.image-skeleton-loader[data-v-162fccca]{gap:1.5rem;width:100%;height:60vh}.skeleton-image[data-v-162fccca]{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:16px;width:100%;height:80%;animation:1.5s infinite loadingShimmer-162fccca}.skeleton-text[data-v-162fccca]{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:4px;width:60%;height:20px;animation:1.5s infinite loadingShimmer-162fccca}@keyframes loadingShimmer-162fccca{0%{background-position:200% 0}to{background-position:-200% 0}}.image-empty-state[data-v-162fccca],.image-error-state[data-v-162fccca]{width:100%;height:60vh}.feed-load-more[data-v-162fccca]{justify-content:center;margin:2rem 0;display:flex}.btn-load-feed[data-v-162fccca]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 36px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #4f46e533}.btn-load-feed[data-v-162fccca]:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#3730a3);transform:translateY(-1px);box-shadow:0 6px 8px -1px #4f46e54d}.btn-load-feed[data-v-162fccca]:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#cbd5e1}.mini-spinner[data-v-162fccca]{border:2px solid #ffffff4d;border-left-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin-162fccca}.author-modal-overlay[data-v-162fccca]{-webkit-backdrop-filter:blur(8px);z-index:990;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out modalFadeIn-162fccca;display:flex;position:fixed;top:0;left:0}.author-card[data-v-162fccca]{opacity:0;background:#fff;border:1px solid #f1f5f9;border-radius:24px;flex-direction:column;align-items:center;width:320px;padding:0 0 2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards cardPopUp-162fccca;display:flex;position:relative;overflow:hidden;transform:scale(.95);box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #00000008}@keyframes modalFadeIn-162fccca{0%{opacity:0}to{opacity:1}}@keyframes cardPopUp-162fccca{to{opacity:1;transform:scale(1)}}.close-btn[data-v-162fccca]{color:#ffffffd9;cursor:pointer;z-index:10;background:#00000026;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0 0 2px;font-size:1.1rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.close-btn[data-v-162fccca]:hover{color:#fff;background:#00000040}.modal-loading-state[data-v-162fccca],.modal-error-state[data-v-162fccca],.modal-success-state[data-v-162fccca]{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.modal-loading-state[data-v-162fccca],.modal-error-state[data-v-162fccca]{padding:3rem 2rem}.modal-loading-state p[data-v-162fccca]{color:#4b5563;margin-top:1rem;font-size:.95rem}.spinner[data-v-162fccca]{border:4px solid #6366f11a;border-left-color:#4f46e5;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-162fccca}@keyframes spin-162fccca{to{transform:rotate(360deg)}}.modal-error-state p[data-v-162fccca]{color:#dc2626;margin:1rem 0;font-size:.95rem}.error-icon[data-v-162fccca]{color:#dc2626;background-color:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex}.btn-retry[data-v-162fccca]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:12px;padding:8px 24px;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #4f46e533}.btn-retry[data-v-162fccca]:hover{background:linear-gradient(135deg,#4338ca,#3730a3);transform:translateY(-1px);box-shadow:0 6px 8px -1px #4f46e54d}.author-card-banner[data-v-162fccca]{background:linear-gradient(135deg,#6366f1,#a855f7);width:100%;height:90px}.author-avatar-wrapper[data-v-162fccca]{z-index:2;background-color:#f3f4f6;border:4px solid #fff;border-radius:50%;width:88px;height:88px;margin-top:-44px;margin-bottom:1rem;overflow:hidden;box-shadow:0 8px 16px -2px #00000014}.author-avatar[data-v-162fccca]{object-fit:cover;width:100%;height:100%}.author-info-body[data-v-162fccca]{flex-direction:column;align-items:center;width:100%;padding:0 1.5rem;display:flex}.author-name-row[data-v-162fccca]{align-items:center;gap:6px;margin-bottom:.25rem;display:flex}.author-nickname[data-v-162fccca]{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.author-verified-icon[data-v-162fccca]{color:#6366f1;justify-content:center;align-items:center;display:flex}.verified-svg[data-v-162fccca]{width:18px;height:18px}.author-id[data-v-162fccca]{color:#64748b;background:#f1f5f9;border-radius:9999px;margin-bottom:.75rem;padding:2px 10px;font-family:monospace;font-size:.75rem;font-weight:500}.author-bio[data-v-162fccca]{color:#64748b;max-width:90%;margin:0 0 1.25rem;font-size:.85rem;font-style:italic;line-height:1.5}.author-badge[data-v-162fccca]{color:#4f46e5;background:#6366f114;border:1px solid #6366f126;border-radius:20px;padding:4px 14px;font-size:.75rem;font-weight:600}