:root,[data-theme=light]{--bg-primary:#f0f2f5;--bg-card:#fff;--bg-hover:#f5f6f8;--bg-input:#f0f2f5;--bg-sidebar:#fff;--text-primary:#1a1a2e;--text-secondary:#65676b;--text-tertiary:#8e8e93;--border:#e4e6eb;--accent:#6c5ce7;--accent-light:#6c5ce71a;--accent-hover:#5a4bd1;--success:#00b894;--danger:#e17055;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:50%;--transition:0.2s ease}[data-theme=dark]{--bg-primary:#0d1117;--bg-card:#161b22;--bg-hover:#1c2333;--bg-input:#1c2333;--bg-sidebar:#161b22;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#6e7681;--border:#30363d;--accent:#8b7cf7;--accent-light:#8b7cf726;--accent-hover:#9d91f8;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f0f2f5;background:var(--bg-primary);color:#1a1a2e;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;transition:background .2s ease,color .2s ease;transition:background var(--transition),color var(--transition)}button{background:none;border:none;color:inherit;cursor:pointer}button,input,textarea{font-family:inherit;font-size:inherit}input,textarea{color:#1a1a2e;color:var(--text-primary)}img{display:block;max-width:100%}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{max-height:500px;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.app-header{background:#fff;background:var(--bg-card);border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border);box-shadow:0 1px 2px #0000000f;box-shadow:var(--shadow-sm);position:sticky;top:0;transition:background .2s ease;transition:background var(--transition);z-index:100}.header-inner{height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-inner,.header-logo{align-items:center;display:flex}.header-logo{color:#6c5ce7;color:var(--accent);font-size:20px;font-weight:700;gap:8px;-webkit-user-select:none;user-select:none}.logo-icon{font-size:24px}.header-nav{display:flex;gap:4px}.nav-tab{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#65676b;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;transition:all var(--transition)}.nav-tab:hover{background:#f5f6f8;background:var(--bg-hover);color:#1a1a2e;color:var(--text-primary)}.nav-tab.active{background:#6c5ce71a;background:var(--accent-light);color:#6c5ce7;color:var(--accent)}.nav-icon{flex-shrink:0}.header-actions{gap:12px}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{border-radius:50%;border-radius:var(--radius-full);color:#65676b;color:var(--text-secondary);height:36px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:36px}.theme-toggle:hover{background:#f5f6f8;background:var(--bg-hover);color:#1a1a2e;color:var(--text-primary)}.header-avatar,.header-avatar-placeholder{border-radius:50%;border-radius:var(--radius-full);height:34px;object-fit:cover;width:34px}.header-avatar-placeholder{align-items:center;background:#6c5ce7;background:var(--accent);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.app-main{margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:20px}.feed-container{display:flex;gap:24px}.feed-sidebar{flex-shrink:0;width:260px}.feed-main{flex:1 1;min-width:0;position:relative}.tag-filter{background:#fff;background:var(--bg-card);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000f;box-shadow:var(--shadow-sm);padding:20px;position:sticky;top:80px;transition:background .2s ease;transition:background var(--transition)}.sidebar-title{color:#1a1a2e;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:12px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{background:#f0f2f5;background:var(--bg-input);border:1px solid #0000;border-radius:20px;color:#65676b;color:var(--text-secondary);font-size:13px;padding:6px 12px;transition:all .2s ease;transition:all var(--transition)}.tag-chip:hover{background:#6c5ce71a;background:var(--accent-light);color:#6c5ce7;color:var(--accent)}.tag-chip.active{background:#6c5ce7;background:var(--accent);border-color:#6c5ce7;border-color:var(--accent);color:#fff}.tag-clear{color:#8e8e93;color:var(--text-tertiary);font-size:13px;margin-top:12px;padding:4px 0;text-decoration:underline}.tag-clear:hover{color:#e17055;color:var(--danger)}.post-list{display:flex;flex-direction:column;gap:16px}.post-card{animation:fadeIn .4s ease;background:#fff;background:var(--bg-card);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000f;box-shadow:var(--shadow-sm);padding:20px;transition:all .2s ease;transition:all var(--transition)}.post-card:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md)}.post-header{justify-content:space-between;margin-bottom:12px}.post-author-info,.post-header{align-items:center;display:flex}.post-author-info{gap:10px}.avatar-placeholder,.post-avatar{border-radius:50%;border-radius:var(--radius-full);height:42px;object-fit:cover;width:42px}.avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.post-author-name{font-size:15px;font-weight:600}.post-time{font-size:12px}.post-delete-btn,.post-time{color:#8e8e93;color:var(--text-tertiary)}.post-delete-btn{border-radius:8px;border-radius:var(--radius-sm);font-size:13px;padding:4px 10px;transition:all .2s ease;transition:all var(--transition)}.post-delete-btn:hover{background:#e170551a;color:#e17055;color:var(--danger)}.post-content{font-size:15px;line-height:1.7;margin-bottom:12px;white-space:pre-wrap;word-break:break-word}.post-images{grid-gap:4px;border-radius:8px;border-radius:var(--radius-sm);display:grid;gap:4px;margin-bottom:12px;overflow:hidden}.post-images.grid-1{grid-template-columns:1fr;max-width:480px}.post-images.grid-2{grid-template-columns:1fr 1fr}.post-images.grid-3{grid-template-columns:1fr 1fr 1fr}.post-image{aspect-ratio:1;cursor:pointer;object-fit:cover;transition:transform .3s ease;width:100%}.post-image:hover{transform:scale(1.02)}.post-images.grid-1 .post-image{aspect-ratio:16/10}.post-video{border-radius:8px;border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden}.post-video video{background:#000;max-height:400px;width:100%}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.post-tag{background:#6c5ce71a;background:var(--accent-light);border-radius:12px;color:#6c5ce7;color:var(--accent);font-size:13px;padding:2px 10px}.post-actions{border-top:1px solid #e4e6eb;border-top:1px solid var(--border);display:flex;gap:16px;padding-top:8px}.comment-toggle-btn,.like-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#65676b;color:var(--text-secondary);display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease;transition:all var(--transition)}.comment-toggle-btn:hover,.like-btn:hover{background:#f5f6f8;background:var(--bg-hover)}.comment-toggle-btn.active,.like-btn.liked{color:#6c5ce7;color:var(--accent)}.like-btn.heartbeat .heart-icon{animation:heartbeat .6s ease}.like-count{font-size:13px;min-width:12px}.comment-section{overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}.comment-visible{animation:fadeSlideIn .35s ease;border-top:1px solid #e4e6eb;border-top:1px solid var(--border);margin-top:12px;max-height:600px;opacity:1;padding-top:12px}.comment-hidden{margin-top:0;max-height:0;opacity:0;padding-top:0;pointer-events:none}.comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.comment-item{align-items:baseline;animation:fadeSlideIn .3s ease;display:flex;font-size:14px;gap:6px}.comment-author{color:#6c5ce7;color:var(--accent);font-weight:600;white-space:nowrap}.comment-text{color:#1a1a2e;color:var(--text-primary)}.comment-time{font-size:12px;margin-left:auto;white-space:nowrap}.comment-empty,.comment-time{color:#8e8e93;color:var(--text-tertiary)}.comment-empty{font-size:13px;padding:8px 0;text-align:center}.comment-form{display:flex;gap:8px}.comment-input{background:#f0f2f5;background:var(--bg-input);border:1px solid #e4e6eb;border:1px solid var(--border);border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:8px 14px;transition:border-color .2s ease;transition:border-color var(--transition)}.comment-input:focus{border-color:#6c5ce7;border-color:var(--accent)}.comment-submit{background:#6c5ce7;background:var(--accent);border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;transition:all var(--transition)}.comment-submit:hover:not(:disabled){background:#5a4bd1;background:var(--accent-hover)}.comment-submit:disabled{cursor:not-allowed;opacity:.5}.fab-create{align-items:center;background:#6c5ce7;background:var(--accent);border-radius:50%;border-radius:var(--radius-full);bottom:30px;box-shadow:0 4px 16px #6c5ce766;color:#fff;display:flex;height:56px;justify-content:center;position:fixed;right:30px;transition:all .2s ease;transition:all var(--transition);width:56px;z-index:50}.fab-create:hover{box-shadow:0 6px 24px #6c5ce780;transform:scale(1.1)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal-content{animation:scaleIn .25s ease;background:#fff;background:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);max-height:85vh;max-width:560px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{font-size:17px;font-weight:600}.modal-close{align-items:center;border-radius:50%;border-radius:var(--radius-full);color:#65676b;color:var(--text-secondary);display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:32px}.modal-close:hover{background:#f5f6f8;background:var(--bg-hover)}.modal-body{padding:20px}.post-create{display:flex;flex-direction:column;gap:16px}.post-create-textarea{background:#f0f2f5;background:var(--bg-input);border:1px solid #e4e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);font-size:15px;min-height:100px;outline:none;padding:12px;resize:vertical;transition:border-color .2s ease;transition:border-color var(--transition);width:100%}.post-create-textarea:focus{border-color:#6c5ce7;border-color:var(--accent)}.tag-selector-label{color:#65676b;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.tag-selector-list{display:flex;flex-wrap:wrap;gap:8px}.tag-option{background:#f0f2f5;background:var(--bg-input);border:1px solid #0000;border-radius:16px;color:#65676b;color:var(--text-secondary);font-size:13px;padding:4px 12px;transition:all .2s ease;transition:all var(--transition)}.tag-option:hover{border-color:#6c5ce7;border-color:var(--accent);color:#6c5ce7;color:var(--accent)}.tag-option.selected{border-color:#6c5ce7;border-color:var(--accent)}.post-create-submit,.tag-option.selected{background:#6c5ce7;background:var(--accent);color:#fff}.post-create-submit{border-radius:8px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;padding:12px;transition:all .2s ease;transition:all var(--transition)}.post-create-submit:hover:not(:disabled){background:#5a4bd1;background:var(--accent-hover)}.post-create-submit:disabled{cursor:not-allowed;opacity:.5}.image-preview-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.image-preview-item{aspect-ratio:1;border-radius:8px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.image-remove-btn{align-items:center;background:#0009;border-radius:50%;border-radius:var(--radius-full);color:#fff;display:flex;font-size:14px;height:22px;justify-content:center;position:absolute;right:4px;top:4px;transition:background .2s ease;transition:background var(--transition);width:22px}.image-remove-btn:hover{background:#e17055;background:var(--danger)}.image-add-btn{align-items:center;aspect-ratio:1;border:2px dashed #e4e6eb;border:2px dashed var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#8e8e93;color:var(--text-tertiary);display:flex;flex-direction:column;gap:4px;justify-content:center;transition:all .2s ease;transition:all var(--transition)}.image-add-btn:hover{border-color:#6c5ce7;border-color:var(--accent);color:#6c5ce7;color:var(--accent)}.plus-icon{font-size:24px;line-height:1}.add-text{font-size:12px}.compress-spinner{animation:spin .8s linear infinite;border:2px solid #e4e6eb;border-top-color:#6c5ce7;border:2px solid var(--border);border-radius:50%;border-radius:var(--radius-full);border-top-color:var(--accent);height:24px;width:24px}.video-add-btn{align-items:center;border:1px dashed #e4e6eb;border:1px dashed var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#65676b;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s ease;transition:all var(--transition)}.video-add-btn:hover{border-color:#6c5ce7;border-color:var(--accent);color:#6c5ce7;color:var(--accent)}.video-preview{border-radius:8px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.video-preview video{max-height:200px;width:100%}.video-remove{background:#0009;border-radius:16px;color:#fff;font-size:12px;padding:4px 12px;position:absolute;right:8px;top:8px}.video-remove:hover{background:#e17055;background:var(--danger)}.image-viewer{align-items:center;animation:fadeIn .2s ease;background:#000000e6;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.image-viewer img{border-radius:8px;border-radius:var(--radius-sm);max-height:90%;max-width:90%;object-fit:contain}.page-title{font-size:22px;font-weight:700;margin-bottom:20px}.chat-list-container{margin:0 auto;max-width:640px}.chat-list{background:#fff;background:var(--bg-card);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.chat-list-item{align-items:center;border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:14px 20px;transition:background .2s ease;transition:background var(--transition)}.chat-list-item:last-child{border-bottom:none}.chat-list-item:hover{background:#f5f6f8;background:var(--bg-hover)}.avatar-small{align-items:center;border-radius:50%;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.chat-list-info{flex:1 1;min-width:0}.chat-list-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chat-list-name{font-size:15px;font-weight:600}.chat-list-time{color:#8e8e93;color:var(--text-tertiary);font-size:12px}.chat-list-preview{color:#65676b;color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-empty{color:#8e8e93;color:var(--text-tertiary);padding:60px 20px;text-align:center}.chat-empty-icon{font-size:48px;margin-bottom:12px}.chat-window{border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000f;box-shadow:var(--shadow-sm);flex-direction:column;height:calc(100vh - 120px);margin:0 auto;max-width:640px;overflow:hidden}.chat-window,.chat-window-header{background:#fff;background:var(--bg-card);display:flex}.chat-window-header{align-items:center;border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border);gap:12px;padding:14px 16px}.chat-back-btn{align-items:center;border-radius:50%;border-radius:var(--radius-full);color:#65676b;color:var(--text-secondary);display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:32px}.chat-back-btn:hover{background:#f5f6f8;background:var(--bg-hover)}.chat-window-name{font-size:16px;font-weight:600}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.message-bubble{animation:fadeIn .25s ease;max-width:70%;position:relative}.message-bubble.mine{align-self:flex-end}.message-bubble.theirs{align-self:flex-start}.bubble-content{border-radius:18px;font-size:14px;line-height:1.5;padding:10px 14px;word-break:break-word}.message-bubble.mine .bubble-content{background:#6c5ce7;background:var(--accent);border-bottom-right-radius:4px;color:#fff}.message-bubble.theirs .bubble-content{background:#f0f2f5;background:var(--bg-input);border-bottom-left-radius:4px;color:#1a1a2e;color:var(--text-primary)}.bubble-meta{align-items:center;color:#8e8e93;color:var(--text-tertiary);display:flex;font-size:11px;gap:6px;margin-top:4px}.message-bubble.mine .bubble-meta{justify-content:flex-end}.status-read{color:#6c5ce7;color:var(--accent)}.status-delivered{color:#00b894;color:var(--success)}.message-bubble.recalled .message-recalled-text{color:#8e8e93;color:var(--text-tertiary);font-size:13px;font-style:italic;padding:6px 14px}.bubble-menu{animation:popIn .2s ease;background:#fff;background:var(--bg-card);border:1px solid #e4e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);bottom:100%;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);overflow:hidden;position:absolute;right:0;z-index:10}.bubble-menu button{font-size:13px;padding:8px 20px;transition:background .2s ease;transition:background var(--transition);white-space:nowrap}.bubble-menu button:hover{background:#f5f6f8;background:var(--bg-hover);color:#e17055;color:var(--danger)}.chat-input-bar{background:#fff;background:var(--bg-card);border-top:1px solid #e4e6eb;border-top:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.chat-input{background:#f0f2f5;background:var(--bg-input);border:1px solid #e4e6eb;border:1px solid var(--border);border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s ease;transition:border-color var(--transition)}.chat-input:focus{border-color:#6c5ce7;border-color:var(--accent)}.chat-send-btn{background:#6c5ce7;background:var(--accent);border-radius:24px;color:#fff;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;transition:all var(--transition)}.chat-send-btn:hover:not(:disabled){background:#5a4bd1;background:var(--accent-hover)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.profile-editor{margin:0 auto;max-width:560px}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:32px}.profile-avatar-wrapper{border-radius:50%;border-radius:var(--radius-full);cursor:pointer;height:100px;overflow:hidden;position:relative;width:100px}.profile-avatar-img,.profile-avatar-placeholder{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{color:#fff;font-size:36px;font-weight:600}.profile-avatar-overlay,.profile-avatar-placeholder{align-items:center;display:flex;justify-content:center}.profile-avatar-overlay{background:#0006;inset:0;opacity:0;position:absolute;transition:opacity .2s ease;transition:opacity var(--transition)}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.avatar-hint{color:#8e8e93;color:var(--text-tertiary);font-size:13px;margin-top:8px}.profile-form{background:#fff;background:var(--bg-card);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000f;box-shadow:var(--shadow-sm);gap:20px;padding:24px}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:6px;position:relative}.form-group label{color:#65676b;color:var(--text-secondary);font-size:14px;font-weight:500}.form-input{background:#f0f2f5;background:var(--bg-input);border:1px solid #e4e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);font-size:15px;outline:none;padding:10px 14px;transition:border-color .2s ease;transition:border-color var(--transition)}.form-input:focus{border-color:#6c5ce7;border-color:var(--accent)}.form-textarea{background:#f0f2f5;background:var(--bg-input);border:1px solid #e4e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);font-size:15px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .2s ease;transition:border-color var(--transition)}.form-textarea:focus{border-color:#6c5ce7;border-color:var(--accent)}.char-count{bottom:8px;color:#8e8e93;color:var(--text-tertiary);font-size:12px;position:absolute;right:12px}.profile-tag-list{display:flex;flex-wrap:wrap;gap:8px}.btn-primary{background:#6c5ce7;background:var(--accent);border-radius:8px;border-radius:var(--radius-sm);color:#fff;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease;transition:all var(--transition)}.btn-primary:hover{background:#5a4bd1;background:var(--accent-hover)}.btn-secondary{background:#f0f2f5;background:var(--bg-input);border-radius:8px;border-radius:var(--radius-sm);color:#65676b;color:var(--text-secondary);font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s ease;transition:all var(--transition)}.btn-secondary:hover{background:#f5f6f8;background:var(--bg-hover)}.save-btn{width:100%}.avatar-cropper{align-items:center;display:flex;flex-direction:column;gap:16px}.crop-area{border:2px solid #e4e6eb;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:move;overflow:hidden}.crop-area canvas{display:block}.crop-controls{align-items:center;display:flex;gap:12px;width:100%}.crop-controls label{color:#65676b;color:var(--text-secondary);font-size:14px;white-space:nowrap}.crop-controls input[type=range]{accent-color:#6c5ce7;accent-color:var(--accent);flex:1 1}.crop-actions{display:flex;gap:12px;width:100%}.crop-actions button{flex:1 1}.feed-empty{color:#8e8e93;color:var(--text-tertiary);padding:60px 20px;text-align:center}.feed-empty-icon{font-size:48px;margin-bottom:12px}@media (max-width:768px){.header-inner{padding:0 12px}.logo-text,.nav-label{display:none}.nav-tab{padding:8px 12px}.app-main{padding:12px}.feed-container{flex-direction:column}.feed-sidebar{width:100%}.tag-filter{margin-bottom:12px;position:static}.post-card{padding:16px}.image-preview-grid{grid-template-columns:repeat(3,1fr)}.chat-window{height:calc(100vh - 100px)}.fab-create{bottom:20px;height:50px;right:20px;width:50px}}@media (max-width:480px){.post-images.grid-3{grid-template-columns:1fr 1fr}.message-bubble{max-width:85%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e4e6eb;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8e8e93;background:var(--text-tertiary)}
/*# sourceMappingURL=main.d7ce4e35.css.map*/