@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #eff3f4;--text-primary: #0f1419;--text-secondary: #536471;--text-muted: #8899a6;--accent: #0085ff;--accent-hover: #0066cc;--accent-light: rgba(0, 133, 255, .1);--border: #eff3f4;--border-strong: #cfd9de;--success: #00ba7c;--error: #f4212e;--warning: #ffad1f;--text: var(--text-primary);--muted: var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none}h1,h2,h3,h4{font-weight:700;margin:0;color:var(--text-primary)}p{margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.app-shell,#root{width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column;color:var(--text-primary)}.app-header{background:#c5d3e7;position:fixed;top:0;left:0;right:0;width:100%;z-index:10000}.header-inner{max-width:1200px;margin:0 auto;padding:.5rem 1rem;display:flex;justify-content:space-between;gap:1.5rem;align-items:center;min-width:0;flex-wrap:nowrap}.header-right{display:flex;align-items:center;gap:1rem;min-width:0;flex-shrink:0}.brand{display:flex;align-items:center;gap:.75rem;min-width:0;flex-shrink:0}.brand-mark{width:36px;height:36px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}.brand-title{font-size:1.1rem;font-weight:700;color:#3b3b3b;white-space:nowrap}.brand-subtitle{font-size:.8rem;color:#3b3b3b;white-space:nowrap}.header-nav{display:flex;gap:.25rem;justify-content:flex-end;flex-shrink:0;white-space:nowrap}.header-nav a,.header-nav button{color:#3b3b3b;font-weight:600;font-size:.9rem;background:transparent;border:none;cursor:pointer;font-family:inherit;padding:.5rem .75rem;border-radius:9999px;text-decoration:none;transition:background .15s ease,color .15s ease;white-space:nowrap}.header-nav a:hover,.header-nav button:hover{background:#ffffff1a;color:#fff;text-decoration:none}.nav-with-badge{display:inline-flex;align-items:center;gap:.35rem}.nav-badge{background:#ff6b35;color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:9999px;font-weight:700;min-width:18px;text-align:center}.header-actions{display:flex;align-items:center;gap:.5rem}.profile-menu{position:relative}.profile-menu .avatar{border:none;cursor:pointer}.menu-panel{position:absolute;right:0;top:calc(100% + .5rem);background:var(--bg-primary);color:var(--text-primary);border-radius:12px;min-width:220px;padding:.5rem;box-shadow:0 4px 24px #0000001f;border:1px solid var(--border);display:flex;flex-direction:column;gap:.125rem;z-index:20000}.menu-panel button{border:none;background:transparent;padding:.6rem .75rem;text-align:left;border-radius:8px;font-weight:500;cursor:pointer;color:var(--text-primary);transition:background .15s ease}.menu-panel button:hover{background:var(--bg-tertiary)}.menu-header{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);margin-bottom:.25rem}.menu-header span{font-size:.8rem;color:var(--text-secondary)}.avatar{width:40px;height:40px;border-radius:9999px;background:var(--bg-tertiary);color:var(--text-secondary);display:grid;place-items:center;font-weight:600;border:1px solid var(--border);flex-shrink:0}.avatar.small{width:32px;height:32px;font-size:.8rem}.avatar.medium{width:56px;height:56px;font-size:1rem}.avatar.has-image{background:transparent;padding:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:9999px;display:block}.avatar-button{border:none;background:transparent;padding:0;cursor:pointer}.app-body{flex:1;display:grid;grid-template-columns:220px 600px;gap:1.5rem;max-width:900px;margin:0 auto;padding:1rem;padding-top:calc(1rem + 56px);position:relative}.sidebar{display:flex;flex-direction:column;gap:0}.panel{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:1rem;overflow-wrap:break-word;word-wrap:break-word;overflow:visible;min-width:0}.panel h3{font-size:.95rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.menu,.trend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.menu li{padding:.5rem .75rem;font-weight:500;color:var(--text-primary);border-radius:8px;cursor:pointer;transition:background .15s ease}.menu li:hover{background:var(--bg-tertiary)}.trend-list li{display:flex;flex-direction:column;gap:.125rem;padding:.5rem 0;font-weight:600}.trend-list span:last-child{font-size:.8rem;color:var(--text-secondary);font-weight:400}.main-content{display:flex;flex-direction:column;gap:0;width:600px;min-width:0;max-width:600px;overflow-wrap:break-word;word-wrap:break-word;border:1px solid var(--border);border-radius:0;background:var(--bg-primary)}.composer{background:var(--bg-primary);padding:1rem;display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--border);overflow-wrap:break-word;word-wrap:break-word;overflow:hidden}.composer form{display:flex;flex-direction:column;gap:.75rem}.composer-input{border-radius:8px;border:1px solid var(--border-strong);padding:.75rem 1rem;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;margin-top:.75rem;transition:border-color .15s ease,box-shadow .15s ease}.composer-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.composer-input::placeholder{color:var(--text-muted)}.composer-meta{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:.85rem}.file-picker{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-weight:500;color:var(--accent);padding:.5rem .75rem;border-radius:8px;transition:background .15s ease}.file-picker:hover{background:var(--accent-light)}.file-picker input{display:none}.post-attachments{display:grid;gap:.5rem;margin-top:.5rem}.post-attachments img{width:100%;border-radius:12px;border:1px solid var(--border);object-fit:cover;max-height:320px}.composer-header{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-weight:500}.composer-actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.composer-preview{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.composer-preview img{width:100%;max-height:200px;border-radius:12px;object-fit:cover;border:1px solid var(--border)}.post-card{background:var(--bg-primary);padding:1rem;display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--border);transition:background .15s ease}.post-card:hover{background:var(--bg-secondary)}.post-card header{display:flex;align-items:center;gap:.75rem}.post-card header div{display:flex;flex-direction:column;min-width:0;flex:1}.post-card header strong{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;font-weight:600;color:var(--text-primary)}.post-card header span{color:var(--text-secondary);font-size:.85rem}.post-card p{font-size:.95rem;line-height:1.5;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;color:var(--text-primary)}.post-tags{display:flex;flex-wrap:wrap;gap:.375rem}.post-tags span{background:var(--accent-light);padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;color:var(--accent)}.post-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.post-actions button{border:none;background:transparent;border-radius:9999px;padding:.375rem .75rem;font-weight:500;font-size:.85rem;cursor:pointer;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.375rem;transition:background .15s ease,color .15s ease}.post-actions button:hover{background:var(--accent-light);color:var(--accent)}.comment-panel{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.comment-panel form{display:flex;gap:.5rem}.comment-panel input{flex:1;border-radius:9999px;border:1px solid var(--border-strong);padding:.5rem 1rem;font-size:.9rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.comment-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.comment-list{display:flex;flex-direction:column;gap:.5rem}.comment-item{display:flex;align-items:flex-start;gap:.5rem;background:var(--bg-secondary);border-radius:12px;padding:.75rem}.comment-item div{display:flex;flex-direction:column;gap:.125rem}.comment-item span{color:var(--text-secondary);font-size:.85rem}.page-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.page-header p{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem}.page-form{display:flex;flex-direction:column;gap:1rem}.page-form label{display:flex;flex-direction:column;gap:.375rem;font-weight:500;font-size:.9rem;color:var(--text-primary)}.page-form input,.page-form textarea,.page-form select{border-radius:8px;border:1px solid var(--border-strong);padding:.625rem .875rem;font-size:.95rem;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.page-form input:focus,.page-form textarea:focus,.page-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.page-form input::placeholder,.page-form textarea::placeholder{color:var(--text-muted)}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.avatar-uploader{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.avatar-actions{display:flex;flex-direction:column;gap:.375rem}.checkbox-field{display:flex;align-items:center;gap:.5rem;font-weight:500}.checkbox-field input{width:18px;height:18px;accent-color:var(--accent)}.request-list,.notification-list{display:flex;flex-direction:column;gap:0}.request-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-primary);transition:background .15s ease}.request-item:hover{background:var(--bg-secondary)}.request-item>div{display:flex;align-items:center;gap:.5rem}.request-actions{display:flex;gap:.375rem}.notification-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-primary);transition:background .15s ease}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:var(--accent-light)}.notification-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.notification-preview{color:var(--text-secondary);font-size:.85rem}.notification-date{color:var(--text-muted);font-size:.75rem}.feed-sentinel{height:1px}.security-list{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 0;border-top:1px solid var(--border)}.security-list:first-of-type{border-top:none}.security-list span{display:block;color:var(--text-secondary);font-size:.85rem}.people{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;overflow-wrap:break-word;word-wrap:break-word;min-width:0}.people div{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1;overflow:hidden}.people div>div{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.people strong{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;font-weight:600;min-width:0}.people span{color:var(--text-secondary);font-size:.85rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;min-width:0}.people button{flex-shrink:0;white-space:nowrap}.primary,.ghost{border:none;border-radius:9999px;padding:.5rem 1rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .15s ease,opacity .15s ease}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-hover)}.primary:disabled{opacity:.5;cursor:not-allowed}.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.ghost:hover{background:var(--bg-tertiary)}button.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:background .15s ease}button.secondary:hover{background:var(--border-strong)}.app-footer{background:var(--bg-primary);border-top:1px solid var(--border);color:var(--text-secondary)}.footer-inner{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;gap:1rem;font-size:.85rem}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:var(--bg-secondary)}.auth-card{width:min(400px,100%);background:var(--bg-primary);padding:2rem;border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;gap:1.25rem}.auth-brand{font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-size:.75rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form label{display:flex;flex-direction:column;gap:.375rem;font-weight:500;font-size:.9rem;color:var(--text-primary)}.auth-form input{border-radius:8px;border:1px solid var(--border-strong);padding:.625rem .875rem;font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.auth-actions{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.auth-actions>button{width:100%}.auth-links{display:flex;flex-direction:column;gap:.5rem;align-items:center}.text-link{font-weight:500;color:var(--accent)}.text-link:hover{opacity:.8}.form-message{font-size:.875rem;font-weight:500;padding:.75rem;border-radius:8px;color:var(--text-primary);background:var(--bg-tertiary)}.form-message.success{color:var(--success);background:#00ba7c1a}.form-message.warning{color:var(--warning);background:#ffad1f1a}.form-message.error{color:var(--error);background:#f4212e1a}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{background:var(--bg-primary);border-radius:16px;border:1px solid var(--border);box-shadow:0 8px 32px #0000001f;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700}.modal-close{background:transparent;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:background .15s ease}.modal-close:hover{background:var(--bg-tertiary)}.modal-body{overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem}.modal-section{display:flex;flex-direction:column;gap:.75rem}.modal-section .page-header{margin-bottom:0}.modal-section .page-header h3{font-size:1rem;margin-bottom:.25rem}.modal-section .page-header p{font-size:.85rem;color:var(--text-secondary);margin:0}.modal-body .auth-form{gap:1rem}.modal-body .auth-form textarea{border-radius:8px;border:1px solid var(--border-strong);padding:.625rem .875rem;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px}.hashtag-input-row{display:flex;gap:.5rem;align-items:center}.hashtag-input-row input{flex:1}.hashtag-input-row button{flex-shrink:0}.hashtag-chips{display:flex;flex-wrap:wrap;gap:.375rem}.hashtag-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:9999px;font-size:.85rem;font-weight:500;border:1px solid var(--border)}.hashtag-chip .chip-remove{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:0;color:var(--text-secondary);transition:color .15s ease}.hashtag-chip .chip-remove:hover{color:var(--error)}.form-hint{font-size:.8rem;color:var(--text-secondary)}.checkbox-label{display:flex;flex-direction:row!important;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;margin-right:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;border-radius:8px;transition:background .15s ease}.mobile-menu-toggle:hover{background:#ffffff1a}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:20px;height:16px}.hamburger-icon span{display:block;width:100%;height:2px;background:#3b3b3b;border-radius:2px;transition:all .15s ease}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;left:0;top:0;bottom:0;width:320px;min-width:320px;max-width:85vw;background:var(--bg-primary);border-right:1px solid var(--border);z-index:16000;display:flex;flex-direction:column;transform:translate(0);animation:slideIn .25s ease;box-shadow:4px 0 24px #0000001f;overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-primary);position:sticky;top:0;z-index:10}.mobile-menu-header h3{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-primary)}.mobile-menu-close{background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:background .15s ease}.mobile-menu-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-menu-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.mobile-menu-content .panel{margin:0;min-width:0;overflow:visible}@media(max-width:900px){.mobile-menu-toggle{display:flex}.header-inner{flex-wrap:nowrap;gap:.75rem}.header-nav{justify-content:flex-start;flex-wrap:nowrap}.app-body{grid-template-columns:1fr;max-width:600px}.sidebar{display:none}.main-content{width:100%;max-width:100%}}@media(max-width:640px){.app-body{padding:56px 0 0}.main-content{border:none;border-radius:0}.footer-inner{flex-direction:column;text-align:center}.modal-backdrop{padding:0;align-items:flex-end}.modal-content{max-height:95vh;border-radius:16px 16px 0 0}.brand-subtitle{display:none}.header-nav button{font-size:.8rem;padding:.4rem .6rem}}