@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--background:#000;--surface:#0a0a0a;--surface-hover:#121212;--surface-active:#1a1a1a;--border:#262626;--border-focus:#404040;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#737373;--accent:#fff;--accent-secondary:#f5f5f5;--error:#ef4444;--success:#22c55e;--glass:#0a0a0abf;--glass-border:#26262680;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}input,textarea,button{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}@keyframes heartPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}15%{opacity:.9;transform:translate(-50%,-50%)scale(1.2)rotate(-10deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(.9)rotate(5deg)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseBorder{0%{border-color:var(--border)}50%{border-color:var(--text-muted)}to{border-color:var(--border)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn var(--transition-normal) forwards}.slide-up{animation:slideUp var(--transition-normal) forwards}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px}.filter-normal{filter:none}.filter-high-contrast{filter:grayscale()contrast(150%)}.filter-vintage-bw{filter:grayscale()sepia(20%)brightness(90%)contrast(110%)}.filter-slate-glass{filter:grayscale()hue-rotate(180deg)brightness(110%)contrast(90%)}.filter-fade{filter:grayscale()opacity(80%)}.app-container{background-color:var(--background);width:100vw;min-height:100vh;display:flex}.main-content{min-height:100vh;transition:margin var(--transition-normal);flex:1;justify-content:center;margin-left:244px;padding:24px;display:flex;overflow-y:auto}@media (width<=1260px){.main-content{margin-left:72px;padding:16px}}@media (width<=768px){.main-content{width:100%;margin-bottom:60px;margin-left:0;padding:12px}}.bw-input{background-color:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-primary);transition:all var(--transition-fast);border-radius:8px;padding:12px 16px;font-size:14px}.bw-input:focus{border-color:var(--text-primary);background-color:var(--surface-hover);box-shadow:0 0 0 1px var(--text-primary);outline:none}.bw-button{background-color:var(--accent);width:100%;color:var(--background);transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.bw-button:hover{background-color:var(--accent-secondary);transform:translateY(-1px)}.bw-button:active{transform:translateY(0)}.bw-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.bw-button-outline{border:1px solid var(--border);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background-color:#0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.bw-button-outline:hover{background-color:var(--surface-hover);border-color:var(--border-focus)}.create-post-overlay{z-index:1200;background-color:#000000d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.create-close-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;position:absolute;top:20px;right:20px}.create-dialog{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;width:100%;max-width:740px;height:100%;max-height:520px;display:flex;overflow:hidden}@media (width<=768px){.create-post-overlay{padding:12px}.create-dialog{max-height:90vh}}.create-dialog-header{border-bottom:1px solid var(--border);text-align:center;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.create-dialog-header h3{flex:1;font-size:16px;font-weight:700}.explore-modal-wrapper{z-index:1500;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.explore-modal-backdrop{background-color:#000c;position:absolute;inset:0}.explore-modal-content{z-index:10;width:100%;max-width:480px;max-height:90vh;position:relative;overflow-y:auto}.explore-search-input{flex:1;font-size:14px;color:var(--text-primary)!important;background:0 0!important;border:none!important}.explore-search-input:focus{outline:none!important}.search-icon{color:var(--text-muted);margin-right:12px}.search-result-row{cursor:pointer;width:100%;transition:background-color var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.search-result-row:hover{background-color:var(--surface-hover)}.search-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:36px;height:36px}.search-names{flex-direction:column;align-items:flex-start;display:flex}.search-username{color:var(--text-primary);font-size:14px;font-weight:700}.search-fullname{color:var(--text-secondary);font-size:12px}