@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.search-bar{display:flex;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem 1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.search-bar:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.search-bar input{flex:1 1 0%;background-color:transparent;font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px}.search-icon{font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.search-icon:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.search-dropdown-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;background-color:#0006;padding-top:10rem}.search-dropdown-portal{margin-left:.5rem;margin-right:.5rem;width:100%;max-width:28rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.search-dropdown-portal:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.search-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.search-header h4{font-size:1.125rem;line-height:1.75rem;font-weight:600}.search-header button{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.search-header button:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.loading-indicator,.no-results{padding-top:1rem;padding-bottom:1rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.loading-indicator:is(.dark *),.no-results:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.search-results>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.search-results:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.search-result-item{display:flex;align-items:center;gap:.75rem;border-radius:.25rem;padding:.75rem .5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.search-result-item:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.search-result-item:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.search-result-item .username,.search-result-item .\!username{font-weight:500}.search-result-item .fullname{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.search-result-item .fullname:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.search-result-item .user-info{display:flex;flex-direction:column}.search-result-item img{height:2.5rem;width:2.5rem;border-radius:9999px;-o-object-fit:cover;object-fit:cover}.explore-page{min-height:100vh;width:100%;padding:1.5rem 1rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.explore-page:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.explore-content{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 768px){.explore-content{grid-template-columns:repeat(4,minmax(0,1fr))}}.trending-section{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.trending-section:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}@media (min-width: 768px){.trending-section{grid-column:span 6 / span 6}}.trending-section h2{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600}.topics-container{display:flex;flex-direction:column;gap:.5rem}.topic-tag{display:flex;align-items:center;justify-content:space-between;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.topic-tag:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.topic-tag:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.topic-tag:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.topic-tag .post-count{margin-left:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.topic-tag .post-count:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-bottom-3{bottom:-.75rem}.bottom-0{bottom:0}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.left-6{left:1.5rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-96{height:24rem}.h-\[100dvh\]{height:100dvh}.h-\[200px\]{height:200px}.h-\[250px\]{height:250px}.h-\[300px\]{height:300px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[100dvh\]{max-height:100dvh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-28{width:7rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[2\]{flex:2}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-t-\[100\%\]{border-top-left-radius:100%;border-top-right-radius:100%}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-none{border-style:none}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-t-transparent{border-top-color:transparent}.bg-\[--color-gray-800\]{background-color:var(--color-gray-800)}.bg-\[--color-primary\]{background-color:var(--color-primary)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity))}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity))}.bg-cyan-600{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-400\/40{background-color:#9ca3af66}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/80{background-color:#fffc}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-75{--tw-bg-opacity: .75}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-50{--tw-gradient-from: #ecfeff var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-gray-200{--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pt-10{padding-top:2.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur-sm{--tw-blur: blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}html,body,#root{height:100%;overflow:hidden}.scrollable-page{height:100%;overflow-y:auto}.beta-badge{display:inline-block;top:0;padding:3px 8px;font-weight:700;font-size:10px;color:#fff;border-radius:9999px;background:linear-gradient(90deg,#aa9deb 1%,#b47ee0 17%,#d391e6 35%,#b52ec9 60%,#0048ff 90%,#00d4ff);box-shadow:0 2px 6px #0003;letter-spacing:1px;cursor:default}:root{--color-primary: #3385ff;--color-primary-variant: #d3e4ff;--color-gray-0: #f8f9fb;--color-gray-100: #e3e7ed;--color-gray-200: #cbd1da;--color-gray-300: #b5bbc5;--color-gray-400: #9ca3ad;--color-gray-500: #8b939f;--color-gray-600: #5c616a;--color-gray-700: #303339;--color-gray-800: #16181b;--color-gray-900: #070809;--color-danger: #ce0750;--transition: all .3s ease;--radius-1: .3rem;--radius-2: .6rem;--radius-3: .9rem;--radius-4: 1.2rem;--radius-5: 2rem;--radius-6: 2.2rem;--container-w-lg: 70%;--container-w-sm: 96%;--dark-bg: #1a1a1a;--dark-text: #ffffff;--dark-border: #333333;--dark-hover: #2a2a2a;--dark-dropdown: #252525;--dark-input: #333333;--bg-dark: #1a1a1a;--bg-light: #f9f9f9;--text-dark: #ffffff;--text-light: #1a1a1a;--input-dark: #2a2a2a;--input-light: #eeeeee;--border-radius: 10px;--transition: .3s ease-in-out;--accent-color: #ff007f}.dark{--color-gray-0: #282c35;--color-gray-100: #070809;--color-gray-200: #303339;--color-gray-300: #5c616a;--color-gray-400: #8b939f;--color-gray-500: #9ca3ad;--color-gray-600: #b5bbc5;--color-gray-700: #cbd1da;--color-gray-800: #e3e7ed;--color-gray-900: #f8f9fb}.gradient-blue{--color-gray-0: linear-gradient(135deg, #1e3c72, #2a5298);--color-gray-100: rgba(30, 60, 114, .9);--color-gray-200: rgba(42, 82, 152, .85);--color-gray-300: rgba(42, 82, 152, .8);--color-gray-400: rgba(42, 82, 152, .75);--color-gray-500: rgba(42, 82, 152, .6);--color-gray-600: rgba(42, 82, 152, .5);--color-gray-700: rgba(42, 82, 152, .4);--color-gray-800: rgba(42, 82, 152, .3);--color-gray-900: rgba(42, 82, 152, .2)}.gradient-purple{--color-gray-0: linear-gradient(135deg, #6a11cb, #2575fc);--color-gray-100: rgba(106, 17, 203, .9);--color-gray-200: rgba(106, 17, 203, .8);--color-gray-300: rgba(106, 17, 203, .7);--color-gray-400: rgba(106, 17, 203, .6);--color-gray-500: rgba(106, 17, 203, .5);--color-gray-600: rgba(106, 17, 203, .4);--color-gray-700: rgba(106, 17, 203, .3);--color-gray-800: rgba(106, 17, 203, .2);--color-gray-900: rgba(106, 17, 203, .1)}.gradient-orange{--color-gray-0: linear-gradient(135deg, #ff7e5f, #feb47b);--color-gray-100: rgba(255, 126, 95, .9);--color-gray-200: rgba(255, 126, 95, .8);--color-gray-300: rgba(255, 126, 95, .7);--color-gray-400: rgba(255, 126, 95, .6);--color-gray-500: rgba(255, 126, 95, .5);--color-gray-600: rgba(255, 126, 95, .4);--color-gray-700: rgba(255, 126, 95, .3);--color-gray-800: rgba(255, 126, 95, .2);--color-gray-900: rgba(255, 126, 95, .1)}.gradient-green{--color-gray-0: linear-gradient(135deg, #11998e, #38ef7d);--color-gray-100: rgba(17, 153, 142, .9);--color-gray-200: rgba(17, 153, 142, .8);--color-gray-300: rgba(17, 153, 142, .7);--color-gray-400: rgba(17, 153, 142, .6);--color-gray-500: rgba(17, 153, 142, .5);--color-gray-600: rgba(17, 153, 142, .4);--color-gray-700: rgba(17, 153, 142, .3);--color-gray-800: rgba(17, 153, 142, .2);--color-gray-900: rgba(17, 153, 142, .1)}.gradient-pink{--color-gray-0: linear-gradient(135deg, #ff6a88, #ff99ac);--color-gray-100: rgba(255, 106, 136, .9);--color-gray-200: rgba(255, 106, 136, .8);--color-gray-300: rgba(255, 106, 136, .7);--color-gray-400: rgba(255, 106, 136, .6);--color-gray-500: rgba(255, 106, 136, .5);--color-gray-600: rgba(255, 106, 136, .4);--color-gray-700: rgba(255, 106, 136, .3);--color-gray-800: rgba(255, 106, 136, .2);--color-gray-900: rgba(255, 106, 136, .1)}.red{--color-primary: #df2d56;--color-primary-variant: rgba(223, 45, 86, .2)}.blue{--color-primary: #3385ff;--color-primary-variant: rgba(51, 133, 255, .2)}.yellow{--color-primary: #eca61c;--color-primary-variant: rgba(236, 166, 28, .2)}.green{--color-primary: #04bb90;--color-primary-variant: rgba(4, 187, 144, .2)}.purple{--color-primary: #b21fc9;--color-primary-variant: rgba(178, 31, 201, .2)}.orange{--color-primary: #ff6b35;--color-primary-variant: rgba(255, 107, 53, .2)}.pink{--color-primary: #ff6b9d;--color-primary-variant: rgba(255, 107, 157, .2)}.teal{--color-primary: #00c9c8;--color-primary-variant: rgba(0, 201, 200, .2)}.notification-icon.dark .notification-button{color:var(--dark-text)}.notification-icon.dark .notification-dropdown{background-color:var(--dark-dropdown);border:1px solid var(--dark-border);color:var(--dark-text)}.notification-icon.dark .notification-item{color:var(--dark-text)}.notification-icon.dark .notification-item:hover{background-color:var(--dark-hover)}.settings-dropdown.dark .dropdown-menu{background-color:var(--dark-dropdown);border:1px solid var(--dark-border);color:var(--dark-text)}.settings-dropdown.dark .menu-item{color:var(--dark-text)}.settings-dropdown.dark .menu-item:hover{background-color:var(--dark-hover)}.search-container.dark .navbar__search input{background-color:var(--dark-input);color:var(--dark-text);border-color:var(--dark-border)}.search-container.dark .navbar__search button{color:var(--dark-text)}.search-container.dark .search-dropdown{background-color:var(--dark-dropdown);border:1px solid var(--dark-border);color:var(--dark-text)}.search-container.dark .search-result-item{color:var(--dark-text)}.search-container.dark .search-result-item:hover{background-color:var(--dark-hover)}.container.main__container.desktop-layout.messages-layout{display:flex;flex-direction:column;max-width:100%;padding:0}.container.main__container.desktop-layout.messages-layout .outlet-container.full-width{width:100%;flex:1}.messages-layout .sidebar{display:none}.messages-layout-container{width:100%;height:100%;display:flex;flex-direction:row;padding:0}.messages-layout-container>*{flex:1;overflow-y:auto}.messages-layout-container .conversation-list{width:350px;min-width:280px;max-width:400px;border-right:1px solid var(--border-color)}@media (max-width: 768px){.container.main__container.desktop-layout.messages-layout{padding:0}}.theme{position:fixed;top:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100vh;width:100vw;z-index:100;display:grid;place-items:center;cursor:pointer;animation:animateModal .5s ease forwards}@keyframes animateModal{0%{opacity:0}to{opacity:1}}.theme__container{position:relative;background:var(--color-gray-0);padding:3rem;border-radius:var(--radius-5);width:35rem;text-align:center;display:flex;flex-direction:column;gap:2rem;cursor:default}.theme__container h3{margin-bottom:1.5rem;font-size:1.25rem}.theme__container ul{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.theme__container ul li{width:2rem;aspect-ratio:1/1;border-radius:50%;background:var(--color-gray-200);border:.2rem solid transparent;cursor:pointer;transition:var(--transition)}.theme__container ul li:hover{opacity:.7;transform:scale(1.1)}.theme__container ul li.active{border-color:var(--color-primary)}.theme__primary ul li:nth-child(1){background-color:#df2d56}.theme__primary ul li:nth-child(2){background-color:#3385ff}.theme__primary ul li:nth-child(3){background-color:#eca61c}.theme__primary ul li:nth-child(4){background-color:#04bb90}.theme__primary ul li:nth-child(5){background-color:#b21fc9}.theme__primary ul li:nth-child(6){background-color:#ff6b35}.theme__primary ul li:nth-child(7){background-color:#ff6b9d}.theme__primary ul li:nth-child(8){background-color:#00c9c8}.theme__background ul li{width:4rem;aspect-ratio:1 / 1;border-radius:var(--radius-2);border:.2rem solid var(--color-gray-100);transition:var(--transition)}.theme__background ul li:hover{transform:scale(1.05)}.theme__background ul li.active{border-color:var(--color-primary)}.theme__close-btn{position:absolute;top:1rem;right:1rem;font-size:1.8rem;background:none;border:none;color:var(--color-gray-700);cursor:pointer;transition:transform .2s ease;z-index:101}.theme__close-btn:hover{transform:scale(1.2)}*{margin:0;padding:0;border:0;outline:0;-webkit-appearance:0;-moz-appearance:0;appearance:0;list-style:none;text-decoration:none;box-sizing:border-box}::-webkit-scrollbar{display:none}html{font-size:12px}body{font-family:Montserrat,sans-serif;line-height:1.5;background:var(--color-gray-100);color:var(--color-gray-700)}.container{width:var(--container-w-lg);margin-inline:auto}img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900)}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.2rem}h4{font-size:.95rem}h5{font-size:.85rem}h6{font-size:.7rem}a{color:var(--color-gray-700);transition:var(--transition)}button{background:transparent;transition:var(--transition);cursor:pointer}.btn{width:-moz-fit-content;width:fit-content;background:var(--color-gray-0);color:var(--color-gray-900);font-weight:600;text-align:center;padding:1rem 2rem;border-radius:var(--radius-3);transition:var(--transition)}.btn.danger{background:var(--color-danger);color:#fff}.btn.sm{padding:.5rem 1.2rem}.btn.full{width:100%}.btn:hover,.btn.dark{background:var(--color-gray-900);color:var(--color-gray-0)}.profileImage{width:2rem;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.center{text-align:center;padding:1rem 0}.register{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.register__container{width:100%;max-width:500px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.brand-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.brand-header p{opacity:.9}.form-group input{width:100%;padding:1rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-2);font-size:1rem;transition:border-color .3s}.password__controller input{padding-right:3rem}.password__controller span{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-gray-600);cursor:pointer}.login-link{text-align:center;margin-bottom:1.5rem}.login-link a{color:var(--color-primary);font-weight:500}.btn{display:block;width:100%;padding:1rem;border:none;border-radius:var(--radius-2);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn.secondary{background:var(--color-gray-100);color:var(--color-gray-900);margin-top:1rem}.btn.secondary:hover{background:var(--color-gray-200)}.terms-notice{margin-top:1.5rem;text-align:center;font-size:.85rem;color:var(--color-gray-600)}.terms-notice a{color:var(--color-primary)}.verify-email-container{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.verification-card{width:100%;max-width:500px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:3rem;text-align:center}.verifying{display:flex;flex-direction:column;align-items:center}.spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.success .success-icon{font-size:4rem;color:var(--color-success);margin-bottom:1.5rem}.error .error-icon{font-size:4rem;color:var(--color-error);margin-bottom:1.5rem}.verification-card h2{margin-bottom:1rem}.verification-card p{margin-bottom:2rem;line-height:1.6}.auth{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.auth__container{width:100%;max-width:500px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.brand-header{background:var(--color-primary);color:#fff;text-align:center;padding:2.5rem}.brand-header h1{font-size:2.5rem;margin-bottom:.5rem}.brand-header p{opacity:.9;font-size:1.1rem}.form-wrapper{padding:2.5rem}.form-wrapper h2{text-align:center;margin-bottom:2rem;color:var(--color-dark)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-gray-900)}.input-with-icon{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-gray-500);font-size:1.1rem}.form-group input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-2);font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4299e133}.password__controller{position:relative}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-gray-600);cursor:pointer;font-size:1.1rem}.forgot-password{text-align:right;margin-top:.5rem}.forgot-password a{color:var(--color-primary);font-size:.9rem;font-weight:500}.forgot-password a:hover{text-decoration:underline}.form-footer{margin-top:2rem}.btn{display:block;width:100%;padding:1rem;border:none;border-radius:var(--radius-2);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;text-align:center}.btn.primary{background:var(--color-primary);color:#fff}.btn.primary:hover{background:var(--color-primary-dark)}.btn.primary:disabled{background:var(--color-gray-300);cursor:not-allowed}.register-link{text-align:center;margin-top:1.5rem;color:var(--color-gray-600)}.register-link a{color:var(--color-primary);font-weight:500}.register-link a:hover{text-decoration:underline}.social-login{margin-top:2.5rem}.divider{display:flex;align-items:center;margin-bottom:1.5rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-gray-300)}.divider span{padding:0 1rem;color:var(--color-gray-500);font-size:.9rem}.social-buttons{display:flex;gap:1rem}.btn.social{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.btn.social:hover{background:var(--color-gray-50)}.btn.social.google{border-color:#db4437}.btn.social.github{border-color:#333}.social-icon{width:18px;height:18px;fill:currentColor}.form__error-message{background:#fee;border:1px solid #fcc;color:#d81744;padding:.8rem 1.2rem;border-radius:var(--radius-2);margin-bottom:1.5rem;font-size:.95rem}.instruction{margin-top:.5rem;font-size:.9rem;color:var(--color-gray-600)}.back-link{text-align:center;margin-top:1.5rem}.back-link a{color:var(--color-primary);font-weight:500}.password-requirements{background:var(--color-gray-50);border-radius:var(--radius-2);padding:1rem;margin:1.5rem 0;font-size:.9rem}.password-requirements p{font-weight:500;margin-bottom:.5rem}.password-requirements ul{padding-left:1.5rem;margin-bottom:0}.password-requirements li{margin-bottom:.25rem;color:var(--color-gray-700)}.error-message{text-align:center;padding:2rem}.error-message h2{color:var(--color-error);margin-bottom:1rem}.error-message p{margin-bottom:1rem;line-height:1.6}.success-message{text-align:center;padding:2rem}.success-icon{font-size:4rem;color:var(--color-success);margin-bottom:1.5rem}.success-message h2{margin-bottom:1rem;color:var(--color-success)}.success-message p{margin-bottom:1rem;line-height:1.6}.action-buttons{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.settings-dropdown{position:relative}.settings-button{background:none;border:none;cursor:pointer;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;transition:background .2s}.settings-button:hover{background:var(--color-gray-100)}.icon{font-size:1.25rem;color:#000}.menu-item{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:#000;font-size:.9rem;transition:background .2s;width:100%;background:none;border:none;text-align:left;cursor:pointer}.menu-item:hover{background:var(--color-gray-50)}.menu-item .icon{margin-right:.75rem;font-size:.9rem}.divider{border-top:1px solid var(--color-gray-100);margin:.25rem 0}.logout{color:red}.errorPage{background:var(--color-gray-100);width:100vw;height:100vh;display:grid;place-items:center}.errorPage__container{text-align:center}.navbar{background:var(--color-gray-0);display:grid;place-items:center;height:4rem;position:fixed;top:0;left:0;width:100vw;border-bottom:.2rem solid var(--color-gray-100);z-index:1000}.navbar__container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;padding:0 1rem}.navbar__logo{display:flex;align-items:center;font-size:1.8rem;font-weight:700;color:var(--color-primary)}.logo-symbol{font-weight:800}.logo-text{font-weight:500;margin-left:.1rem}.search-container{position:relative;flex:1;max-width:500px;margin:0 2rem}.navbar__search{background:var(--color-gray-100);padding:.6rem 1rem;border-radius:var(--radius-2);display:flex;align-items:center;justify-content:space-between;gap:1rem}.navbar__search input{background:transparent;width:100%;color:var(--color-gray-900);border:none;outline:none}.navbar__search button{color:var(--color-gray-0);background:var(--color-primary);width:2rem;height:2rem;border-radius:var(--radius-2);display:grid;place-items:center;transition:var(--transition);border:none;cursor:pointer}.navbar__search button:hover{background:var(--color-primary-dark)}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 10px 20px #0000001a;z-index:100;max-height:300px;overflow-y:auto;margin-top:5px}.search-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid black}.search-header h4{margin:0;font-size:.9rem}.search-header button{background:none;border:none;color:#000;cursor:pointer;font-size:.8rem}.search-results{padding:.5rem 0}.search-result-item{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:#000;transition:background .2s}.search-result-item:hover{background:var(--color-gray-50)}.search-result-item .profileImage{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:1rem}.user-info{display:flex;flex-direction:column}.username{margin:0;font-weight:500;font-size:.9rem}.fullname{font-size:.8rem;color:gray}.loading-indicator,.no-results{padding:1.5rem;text-align:center;color:#343333;font-size:.9rem}.navbar__right{display:flex;align-items:center;gap:1.5rem}.notification-icon,.settings-dropdown{position:relative}.notification-button,.settings-button{background:none;border:none;position:relative;cursor:pointer;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;transition:background .2s}.notification-button:hover,.settings-button:hover{background:var(--color-gray-100)}.icon{font-size:1.25rem;color:var(--color-gray-700)}.badge{position:absolute;top:-3px;right:-3px;background:var(--color-error);color:#fff;font-size:.65rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-dropdown,.dropdown-menu{position:absolute;right:-20px;top:calc(100% + 10px);background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;width:320px;z-index:100;overflow:hidden}.notification-dropdown{max-height:200px;margin-bottom:1rem;border-radius:8px;overflow:auto;gap:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.notification-dropdown::-webkit-scrollbar{display:none}.notification-header{position:sticky;top:0;background:#fff;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-gray-100)}.notification-header h3{margin:0;font-size:1rem;color:#000}.notification-list{max-height:400px;overflow-y:auto}.notification-list p{color:gray}.notification-item{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background .2s;gap:12px}.notification-item.unread{background-color:var(--color-primary-variant)}.notification-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.notification-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.default-avatar{width:100%;height:100%;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;color:var(--color-gray-600)}.notification-content{flex:1;min-width:0}.notification-message{margin:0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{margin:3px 0 0;font-size:.75rem;color:var(--color-gray-500)}.delete-notification{background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;padding:5px;flex-shrink:0;transition:color .2s}.delete-notification:hover{color:var(--color-danger)}.mark-all-read{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.85rem}.notification-item:hover{background:var(--color-gray-50)}.empty-notifications{text-align:center;padding:2rem;color:var(--color-gray-600);font-size:.9rem}@media (max-width: 768px){.search-container,.navbar__logo .logo-text{display:none}.navbar__right{gap:1rem}.notification-dropdown{width:280px;right:-50px}}@media (min-width: 769px){.mobile-search-icon{display:none}}.main{margin:5rem 0}.main__container{display:grid;grid-template-columns:18rem auto 25rem;align-items:start;gap:1.2rem;margin-top:1.2rem;position:relative}.sidebar{background:var(--color-gray-0);padding:1rem;border-radius:var(--radius-3);display:flex;flex-direction:column;gap:.8rem;position:sticky;top:5rem;left:0;z-index:1}.sidebar__item{display:flex;align-items:center;gap:1rem;padding:1rem .5rem;border-radius:var(--radius-3);font-weight:500;transition:var(--transition);cursor:pointer}.sidebar__item:hover{padding-left:1.5rem;background:var(--color-primary-variant)}.sidebar__item.active{background:var(--color-primary);padding-left:1.5rem}.sidebar__item.active *{color:var(--color-gray-0)}.sidebar__icon{position:relative;display:inline-block;margin-top:0;font-size:1rem}.sidebar__icon span{position:absolute;top:-4px;right:-6px;background:var(--color-primary);height:1.2rem;aspect-ratio:1/1;border-radius:50%;color:var(--color-gray-0);display:grid;place-items:center;font-weight:600;font-size:.7rem}@media screen and (min-width: 600px) and (max-width: 1024px){.container{width:96%}.main__container{grid-template-columns:15rem auto 20rem;grid-template-columns:1fr;grid-template-areas:"content" "sidebar"}.sidebar{grid-area:sidebar}.widgets{display:none}.mobile-sidebar{position:fixed;top:100px;left:20px;height:800px;display:flex;justify-content:space-around;padding:1rem 0;border-top:.5rem solid var(--color-gray-200);z-index:100;background:var(--color-gray-0)}}@media screen and (max-width: 1200px){.container{width:96%}.main__container{grid-template-columns:15rem auto 20rem}}@media screen and (max-width: 1024px){.main__container{grid-template-columns:1fr;grid-template-areas:"content" "sidebar"}.sidebar{grid-area:sidebar}.widgets{display:none}}@media screen and (min-width: 1024px){.sidebar{position:sticky;top:5rem;height:-moz-fit-content;height:fit-content}}.mobile-sidebar{position:fixed;bottom:2rem;display:flex;height:800px;flex-direction:row;justify-content:space-evenly;align-items:center;padding:1rem;border-top:.5rem solid var(--color-gray-200);z-index:100;background:var(--color-gray-0)}.mobile-sidebar .sidebar__item{flex-direction:column;gap:.5rem;padding:1rem;font-size:2rem;align-items:center;border-radius:var(--radius-6)}.mobile-sidebar .sidebar__item p{font-size:2rem}.sidebar__dropdown{position:fixed;bottom:6rem;right:-10px;background:var(--color-gray-0);display:flex;border-radius:50px;flex-wrap:wrap;padding:1rem;gap:.5rem;border-top:1px solid var(--color-gray-200);box-shadow:0 -2px 10px #0000001a;z-index:99}.sidebar__dropdown .sidebar__item{flex:1;min-width:50px;flex-direction:row;font-size:.8rem;padding:.5rem}.tablet-sidebar-toggle{position:fixed;top:5rem;left:1rem;background:var(--color-primary);color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:101;box-shadow:0 2px 10px #0003}.tablet-sidebar{position:fixed;top:9rem;left:1rem;bottom:20rem;flex-direction:column;padding:1rem .5rem;width:5rem;box-shadow:2px 0 10px #0000001a;overflow-y:auto}.tablet-sidebar .sidebar__item{justify-content:center;padding:1rem 0;position:relative}.tablet-sidebar .sidebar__item-container{position:relative;margin-bottom:.5rem}.sidebar__tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--color-gray-900);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-2);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;z-index:200;box-shadow:2px 2px 5px #0003}.sidebar__item-container:hover .sidebar__tooltip{opacity:1}.editPostPage{display:flex;flex-direction:column;align-items:center;padding:2rem;margin-top:-25px;background-color:var(--color-gray-0);color:var(--color-gray-500);min-height:100vh;border-radius:20px;transition:var(--transition)}.editPostPage h2{font-size:2rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1.5rem;text-align:center;font-family:Silkscreen,sans-serif}.editPostPage{background-color:var(--color-gray-0);padding:2rem;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d;width:100%;max-width:600px;display:flex;flex-direction:column;gap:1rem;transition:var(--transition)}.editPostPage textarea{width:100%;padding:1rem;border-radius:var(--border-radius);border:1px solid #ccc;background-color:inherit;resize:vertical;min-height:120px;font-size:1rem;color:inherit}.editPostPage input[type=text]{width:100%;padding:.8rem 1rem;border-radius:var(--border-radius);border:1px solid #ccc;font-size:1rem;background-color:inherit;color:inherit;margin-top:10px}.editPostPage input[type=file]{font-size:.95rem;padding:.4rem 0;color:var(--color-gray-700);margin-top:10px}.editPost__preview{display:flex;flex-wrap:wrap;gap:12px}.editPost__preview img,.editPost__preview video,.editPost__preview audio{margin-top:10px;width:100%;max-height:300px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius);border:1px solid #ccc}.editPost__preview video,.editPost__preview audio{width:100%}.editPostPage button[type=submit]{background-color:var(--color-primary);color:#fff;padding:.9rem 1.5rem;font-weight:700;font-size:1rem;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background .2s ease;margin-top:10px;margin-left:150px}.editPostPage button[type=submit]:hover{background-color:var(--color-primary-dark)}.editPostPage button[type=submit]:focus,.editPostPage button[type=submit]:active{background-color:var(--color-primary);outline:none}@media (max-width: 768px){.editPostPage{padding:1rem .5rem}.editPostPage h2{font-size:1.6rem;font-weight:500}.editPostPage{padding:1rem}.editPostPage textarea{min-height:100px}.editPostPage .editPost__preview img,.editPostPage .editPost__preview video,.editPostPage .editPost__preview audio{max-height:180px}.editPostPage button[type=submit]{width:50%}}.editPost__bottom{display:flex;justify-content:space-between;align-items:center}.editPost__bottom label{cursor:pointer;margin-top:1rem;color:var(--color-primary)}.editPost__bottom button:disabled{background-color:#ccc;cursor:not-allowed}.cancel-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-gray-100);color:var(--color-danger);border:none;padding:.7rem 1.5rem;border-radius:var(--radius-3);margin-bottom:1.5rem;cursor:pointer;transition:all .2s ease;font-weight:500;width:90px}.feed-container{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.createPost{background:var(--color-gray-0);border-radius:var(--radius-3);padding:.5rem;width:100%;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.createPost__error-message{background:Var(--color-danger);color:#fff;padding:1.2rem;border-radius:var(--radius-2);margin-bottom:1.2rem}.createPost__top{display:flex;gap:1.2rem;align-items:flex-start;margin-bottom:1.2rem}.createPost__top textarea{width:100%;resize:none;background:var(--color-gray-100);border-radius:var(--radius-3);padding:1rem;height:10rem;color:var(--color-gray-900)}.createPost__author{width:2.4rem;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.createPost__actions{display:flex;align-items:center;justify-content:flex-end;gap:1.2rem}.createPost__actions input{visibility:collapse;width:0}.createPost__actions label{font-size:1.5rem}.createPost__actions button{background:var(--color-primary);color:var(--color-gray-0);padding:.8rem 1.8rem;border-radius:var(--radius-3)}.createPostPage{background:var(--color-gray-0);border-radius:var(--radius-3);padding-top:6rem;margin-top:6rem;margin-bottom:1.2rem;width:100%;display:flex;flex-direction:column;gap:.5rem}.createPostPage .back-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-gray-100);color:var(--color-gray-700);border:none;border-radius:var(--radius-3);margin-bottom:1.5rem;cursor:pointer;transition:all .2s ease;font-weight:500}.createPostPage h2{font-size:2rem;margin-bottom:1.5rem;color:var(--color-gray-900);font-family:Silkscreen,sans-serif;font-weight:400;font-style:normal;text-align:center}.createPost{background-color:var(--color-gray-0);padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d;width:100%;display:flex;flex-direction:column;gap:.5rem;transition:var(--transition)}.createPost__top{display:flex;align-items:flex-start}.createPost__top textarea{flex:1;padding:1.5rem;border-radius:var(--border-radius);background-color:inherit;border:1px solid #ccc;resize:vertical;min-height:100px;font-size:1rem;color:inherit}.createPost__preview img{width:100%;margin-top:10px;max-height:300px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius);border:1px solid #ccc}.createPost__preview{display:flex;flex-wrap:wrap;gap:10px}.createPost__extras input[type=text],.createPost__extras input[type=datetime-local]{width:100%;padding:.8rem 1rem;border:1px solid #ccc;border-radius:var(--border-radius);font-size:1rem;background-color:inherit;color:inherit}.createPost__tag,.createPost__row{display:flex;align-items:center;gap:2rem;margin-top:1rem}.createPost__bottom{display:flex;justify-content:space-between;align-items:center}.createPost__bottom label{cursor:pointer;color:var(--color-primary)}.createPost__bottom button{background-color:var(--color-primary);color:#fff;padding:.8rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:700;transition:var(--transition)}.createPost__bottom button:disabled{background-color:#ccc;cursor:not-allowed}.createPost__error-message{color:#fff;font-weight:500;margin-bottom:1rem}@media (max-width: 768px){.createPostPage{background-color:transparent;padding:.2rem 0rem}.createPostPage h2{font-family:Silkscreen,sans-serif;font-weight:400;font-style:normal;text-align:center}.createPost{padding:1rem}.createPost textarea{height:80px;margin-bottom:-2rem}.createPost__extras{top:-2rem}.createPost__top{flex-direction:row;align-items:baseline}.createPost__bottom{flex-direction:row;gap:1rem;align-items:last baseline}}.deleted-posts-page h2{font-size:2rem;margin-bottom:1.5rem;color:var(--color-gray-900);font-family:Silkscreen,sans-serif;font-weight:400;font-style:normal;text-align:center}.deleted-posts-page p{text-align:center;margin-top:100px}.createPost__media-item button{position:absolute;top:4px;right:4px;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;padding:4px 6px;font-size:12px;transition:background .3s}.createPost__media-item button:hover{background:#ff0000b3}.createPost__preview{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:16px;padding:12px 0;scrollbar-width:none}.createPost__media-item{scroll-snap-align:center;flex:0 0 100%;display:flex;justify-content:center;position:relative}.createPost__media-item img,.createPost__media-item video{max-height:300px;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:10px}.createPost__media-item button{position:absolute;top:8px;right:8px;background:#0009;border:none;color:#fff;font-size:14px;padding:6px 8px;border-radius:50%;cursor:pointer}.createPost__controls{display:flex;justify-content:center;gap:16px;margin-top:8px}.createPost__controls button{background-color:#007bff;color:#fff;border:none;padding:8px 16px;font-size:18px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.createPost__controls button:hover{background-color:var(--color-primary)}.createPost__preview-wrapper{overflow:hidden;width:100%;margin:1rem 0}.createPost__preview{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none}.createPost__preview::-webkit-scrollbar{display:none}.createPost__media-item{scroll-snap-align:center;flex:0 0 100%;display:flex;justify-content:center;align-items:center;position:relative}.createPost__media-item img,.createPost__media-item video{max-height:250px;width:auto;max-width:100%;border-radius:12px}.createPost__media-item button{position:absolute;top:1.4rem;right:10px;background:var(--color-danger);color:#fff;border:none;border-radius:50px;padding:3px 9px;cursor:pointer}.createPost__controls{display:flex;justify-content:center;gap:16px;margin-top:10px}.createPost__controls button{background-color:#3498db;color:#fff;border:none;font-size:18px;padding:6px 16px;border-radius:8px;cursor:pointer;transition:background .3s}.createPost__controls button:hover{background-color:#2980b9}.forYouOrFollowing{display:flex;align-items:center;background:var(--color-gray-0);margin-bottom:.5rem;border-radius:var(--radius-3);padding:.3rem}.forYouOrFollowing button{width:50%;border-radius:var(--radius-2);color:var(--color-gray-900);padding:.7rem 0;cursor:pointer;background:transparent}.forYouOrFollowing button.active{background:var(--color-primary);color:var(--color-gray-0)}.Header__Bookmarks h2{font-family:Silkscreen,sans-serif;font-style:normal;font-size:2rem;text-align:center;margin-bottom:1.5rem;font-weight:600;color:var(--color-gray-900)}@media (max-width: 768px){.Header__Bookmarks{background-color:transparent;padding:.2rem 0rem}.Header__Bookmarks h2{font-family:Silkscreen,sans-serif;font-weight:400;font-style:normal;text-align:center}.Header__Bookmarks{padding:1rem}}.Header__Bookmarks .wrapper{flex:1 1 200px;max-width:300px;box-sizing:border-box;padding:1rem}.Header__Bookmarks .container{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.Header__Bookmarks .wrapper{max-width:100%;flex:1 1 100%}}.feeds{display:flex;flex-direction:column}.feed{background:var(--color-gray-0);padding:1rem;max-width:800px;border-radius:var(--radius-3);display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.feed__header{display:flex;justify-content:space-between;margin-bottom:.8rem;position:relative}.feed__header-profile{display:flex;gap:1rem;align-items:center}.feed__header-menu{position:absolute;right:0;top:2rem;display:flex;flex-direction:column;align-items:flex-start;background:var(--color-gray-0);padding:1.2rem;border-radius:var(--radius-3);box-shadow:0 2rem 2rem #0000003e;width:11rem;font-size:.9rem;z-index:1}.feed__header button{color:var(--color-gray-900)}.feed__header-menu button{width:100%;text-align:left;background:transparent;padding:1rem;transition:var(--transition)}.feed__header-menu button:nth-child(2){color:red}.feed__header-menu button:hover{background:var(--color-gray-300);border-radius:var(--radius-2)}.feed__header-menu button:focus,.feed__header-menu button:active{background:var(--color-gray-200);outline:none}.feed__images{margin-top:.8rem;max-height:40rem;border-radius:var(--radius-2);overflow:hidden}.feed__media-item img{border-radius:12px;margin-bottom:2rem;overflow:hidden}.feed__body p{margin-top:10px;font-size:1rem;font-weight:700}.feed__footer{display:flex;justify-content:space-between;align-items:center;padding:.8rem}.feed__footer div{display:flex;align-items:center;gap:1.8rem}.feed__footer .gap{display:flex;align-items:center;gap:.5rem}.feed__footer .gap small{font-size:1rem}.feed__footer-comments{margin-left:20px}.feed__footer button{display:flex;gap:.6rem;align-items:center;background:transparent;cursor:pointer;font-size:1.5rem;color:var(--color-gray-900)}.feed__footer button small{font-size:1rem}.feed__tags-location{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:1rem;gap:1rem}.feed__tags{display:flex;flex-wrap:wrap;gap:.5rem}.feed__tag{background-color:#f0f0f0;color:#555;font-size:.8rem;padding:.3rem .6rem;border-radius:15px}.feed__location{font-size:.85rem;color:#888}.feed__footer-like{display:flex;align-items:center}.feed__footer-like small{margin-left:-20px}.feed__media-scroll{display:flex;max-height:400px;margin-bottom:1rem;border-radius:8px;overflow:auto;gap:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.feed__media-scroll::-webkit-scrollbar{display:none}.feed__media-item{flex:0 0 100%;scroll-snap-align:start;position:relative}.feed__media-item img,.feed__media-item video,.feed__media-item audio{width:100%;height:300px;max-height:400px;border-radius:8px;-o-object-fit:cover;object-fit:cover}@media (min-width: 640px){.feed__media-item img,.feed__media-item video,.feed__media-item audio{height:250px;max-height:300px}}@media (min-width: 768px){.feed__media-item img,.feed__media-item video,.feed__media-item audio{height:240px;max-height:280px}}@media (min-width: 1024px){.feed__media-item img,.feed__media-item video,.feed__media-item audio{height:300px;max-height:400px}}.singlePost{max-width:800px;margin:2rem auto 3rem;padding:1.5rem;background:var(--color-gray-0);border-radius:var(--radius-3);box-shadow:0 4px 12px #0000000d}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-gray-100);color:var(--color-gray-700);border:none;max-width:90px;padding:.7rem 1.5rem;border-radius:var(--radius-3);margin-bottom:1.5rem;cursor:pointer;transition:all .2s ease;font-weight:500}.back-button:hover{background:var(--color-gray-200);transform:translateY(-1px)}.singlePost__comments{margin-top:2.5rem;border-top:1px solid var(--color-gray-200);padding-top:2rem}.singlePost__comments h3{margin-bottom:1.5rem;font-size:1.4rem;color:var(--color-gray-800)}.singlePost__comments-form{display:flex;gap:1rem;margin-bottom:2rem}.singlePost__comments-form input{flex:1;padding:.9rem 1.2rem;border:2px solid var(--color-gray-200);border-radius:var(--radius-3);background:var(--color-gray-50);font-size:1rem;transition:border-color .2s}.singlePost__comments-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b5bdb1a}.singlePost__comments-form button{background:var(--color-primary);color:#fff;border:none;padding:0 1.8rem;border-radius:var(--radius-3);cursor:pointer;font-weight:600;transition:background .2s}.singlePost__comments-form button:hover{background:var(--color-primary-dark)}.comment .profile-image-container{width:42px;height:42px;min-width:42px;border-radius:50%;overflow:hidden;border:2px solid var(--color-gray-100)}.center{text-align:center;padding:3rem;color:var(--color-gray-600)}@media (max-width: 768px){.singlePost{padding:1rem;margin:1rem}}.comment-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-gray-200)}.comment-section__title{font-size:1.4rem;color:var(--color-gray-800);margin-bottom:1.5rem;font-weight:600}.comment-form{display:flex;gap:.8rem;margin-bottom:2rem;position:relative}.comment-form__input{flex:1;padding:.9rem 3.5rem .9rem 1.2rem;border:2px solid var(--color-gray-200);border-radius:var(--radius-3);background:var(--color-gray-50);font-size:1rem;transition:all .2s ease}.comment-form__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b5bdb1a}.comment-form__button{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease;border-radius:50%;display:flex;align-items:center;justify-content:center}.comment-form__button:hover{color:var(--color-primary-dark);background:var(--color-gray-100)}.comment-form__button:disabled{color:var(--color-gray-400);cursor:not-allowed;background:transparent}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.no-comments{text-align:center;padding:2rem;background:var(--color-gray-50);border-radius:var(--radius-3);color:var(--color-gray-600)}.comment__edit-form{display:flex;gap:3rem;margin-bottom:2rem;position:relative}.comment__edit-input{flex:1;padding:.9rem 3.5rem .9rem 1.2rem;border:2px solid var(--color-gray-200);border-radius:var(--radius-3);background:var(--color-gray-50);font-size:1rem;transition:all .2s ease}.comment-__edit-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b5bdb1a}.comment__edit-save{position:absolute;left:1rem;top:140%;transform:translateY(-50%);background:transparent;border:none;color:green;cursor:pointer;font-size:1rem;padding:.25rem;transition:all .2s ease;border-radius:8px;display:flex;align-items:center;justify-content:center}.comment__edit-cancel{position:absolute;left:5rem;top:140%;transform:translateY(-50%);background:transparent;border:none;color:red;cursor:pointer;font-size:1rem;padding:.25rem;transition:all .2s ease;border-radius:8px;display:flex;align-items:center;justify-content:center}.comment{position:relative;padding:1rem;display:flex;gap:1rem;background:#fff;border-radius:8px;flex-direction:row;flex-wrap:wrap}.comment:hover{box-shadow:0 4px 12px #00000014}.comment__avatar{flex-shrink:0}.comment__content{flex:1;min-width:0}.comment__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.comment__actions{display:flex;flex-direction:column;gap:.4rem;position:absolute;top:1rem;right:1rem}@media (max-width: 768px){.comment__header{flex-direction:column;align-items:flex-start;gap:.5rem}.comment__actions{position:static;flex-direction:row;gap:1rem;margin-top:.5rem;align-self:flex-end}.comment__edit-button,.comment__delete-button{font-size:1rem}}.comment__author-info{display:flex;flex-direction:column}.comment__author{font-weight:600;color:var(--color-gray-900)}.comment__timestamp{color:var(--color-gray-500);font-size:.85rem;margin-top:.1rem}.comment__text{margin:0;line-height:1.5;color:var(--color-gray-700);font-size:1rem;white-space:pre-wrap;word-break:break-word}.comment__edit-button,.comment__delete-button{background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;padding:0rem;font-size:.9rem;transition:all .2s ease;border-radius:var(--radius-1)}.comment__edit-button:hover{color:#0d990f}.comment__delete-button:hover{color:#e53e3e}.widgets{position:sticky;top:5rem}.friendRequests{background:var(--color-gray-0);padding:1rem;border-radius:var(--radius-3);display:flex;flex-direction:column}.friendRequests h3{margin:.8rem}.friendRequest{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;border-radius:var(--radius-3);transition:var(--transition)}.friendRequest:hover{background:var(--color-primary-variant)}.friendRequest__info{display:flex;gap:1rem;align-items:center}.friendRequest__image{width:2.2rem;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.friendRequest__actions{display:flex;gap:.6rem;align-items:center}.friendRequest__actions button{height:2rem;aspect-ratio:1/1;display:grid;place-items:center;border-radius:50%;transition:var(--transition)}.friendRequest__actions-approve{background:var(--color-primary);color:var(--color-gray-0);font-size:.8rem}.friendRequest__actions button:nth-child(2){background:transparent;color:var(--color-gray-900);font-size:1.5rem}.friendRequest__actions button:hover{background:var(--color-gray-900);color:var(--color-gray-0)}.messageList{background:var(--color-gray-0);margin-top:1.2rem;border-radius:var(--radius-3);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:scroll;height:-moz-fit-content;height:fit-content}.messageList h3{margin:1.2rem}.messageList__item{display:grid;grid-template-columns:2.5rem auto;gap:1.2rem;border-top:1px solid var(--color-gray-100);padding:.6rem 1.2rem;transition:var(--transition)}.messageList__item .active{border:.2rem solid var(--color-primary)}.messageList__item:hover{background:var(--color-primary-variant)}.messageList__item-details{display:flex;flex-direction:column}.messageList__item small{align-self:flex-end;color:var(--color-gray-600);margin-top:.4rem}.profile__image{width:7rem;aspect-ratio:1/1;border-radius:50%;overflow:hidden;margin-inline:auto;margin-bottom:1rem;position:relative}.profile__image input{visibility:hidden}.profile__image-edit{position:absolute;top:0;left:0;font-size:2rem;width:100%;height:100%;background:#00000080;color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transition:var(--transition)}.profile__image:hover .profile__image-edit{opacity:1}.profile h4,.profile small{text-align:center;display:block}.profile__follows{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:1.2rem;text-align:center}.profile__follows li{padding:.3rem 2rem;border:.1rem solid var(--color-gray-0);border-radius:var(--radius-2)}.profile__actions-wrapper{display:flex;justify-content:center;width:-moz-fit-content;width:fit-content;gap:1.2rem;margin-inline:auto}.profile .btn{margin:1.2rem auto;display:block}.profile .btn.default{background:var(--color-gray-100);border:2px solid var(--color-gray-0)}.profile__image-btn{background:var(--color-primary);color:var(--color-gray-0);height:3.5rem;display:grid;place-items:center;aspect-ratio:1/1;border-radius:50%;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile__bio{text-align:center;margin-inline:auto;margin-bottom:1.2rem;padding:0 3rem}.editProfile{position:fixed;top:0;left:0;z-index:2;display:grid;place-items:center;height:100vh;width:100vw;background:#00000080;cursor:pointer}.editProfile__container{background:var(--color-gray-0);padding:3rem;border-radius:var(--radius-5);width:45rem}.editProfile__container form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.editProfile input,.editProfile textarea{background:var(--color-gray-100);padding:1rem;border-radius:var(--radius-3);resize:none;overflow:hidden;color:var(--color-gray-900)}.editProfile textarea{min-height:8rem}.headerInfo{text-align:center;padding:.7rem;background:var(--color-gray-0);width:24rem;min-width:-moz-fit-content;min-width:fit-content;margin:0 auto 1.2rem;border-radius:var(--radius-3)}.feedSkeleton{display:flex;flex-direction:column;gap:1rem}.feedSkeleton__item{height:-moz-fit-content;height:fit-content;background:var(--color-gray-0);border-radius:var(--radius-3);overflow:hidden;display:flex;flex-direction:column;gap:1.2rem;position:relative}.feedSkeleton__item-head{background:var(--color-gray-200);height:5rem;display:flex;align-items:center}.feedSkeleton__item-head div{width:3rem;aspect-ratio:1/1;background:var(--color-gray-0);margin-left:2rem;border-radius:50%}.feedSkeleton__item-body{background:var(--color-gray-100);min-height:10rem;margin:0 2rem;border-radius:var(--radius-2)}.feedSkeleton__item-footer{display:flex;gap:1.2rem;padding:0 2rem;margin-bottom:1.2rem}.feedSkeleton__item-footer span{width:2.2rem;aspect-ratio:1/1;background:var(--color-gray-200);display:block;border-radius:50%}.feedSkeleton__item:before{content:"";display:block;height:100%;width:22rem;background:linear-gradient(90deg,transparent,white,transparent);position:absolute;animation:animateFeedSkeleton 3s ease infinite}@keyframes animateFeedSkeleton{0%{left:-100%;opacity:1}50%{left:calc(100% - 16rem);opacity:0}to{left:0;opacity:0}}.messagesBox{border-radius:var(--radius-3);height:84vh;overflow-x:hidden;position:sticky;top:0;bottom:0}.messagesBox__header{display:flex;gap:1.2rem;background:var(--color-gray-200);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;position:sticky;top:0;width:100%;color:var(--color-gray-900)}.messagesBox__header h4{color:var(--color-gray-900)}.messagesBox__messages{padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;overflow-y:hidden}.messagesBox__message:nth-child(1){margin-top:4.2rem}.messagesBox__message{background:var(--color-gray-0);width:72%;padding:1.2rem;border-radius:0 var(--radius-5) var(--radius-5) var(--radius-5)}.messagesBox__message.sent{background:var(--color-primary);align-self:flex-end;border-color:var(--color-primary);border-radius:var(--radius-5) var(--radius-5) 0 var(--radius-5);color:#f8f9fb}.messagesBox__message small{text-align:right;display:flex;justify-self:flex-end;margin-top:.5rem}.messagesBox form{display:flex;gap:1.2rem;width:100%;padding:1.2rem;position:sticky;bottom:0;border-radius:var(--radius-3);background:var(--color-gray-200);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.messagesBox form input{width:100%;padding:1.2rem;resize:none;border-radius:var(--radius-2)}.messagesBox form button{height:3.7rem;aspect-ratio:1/1;display:grid;place-items:center;background:var(--color-primary);border-radius:50%;color:#fff}@media screen and (max-width: 600px){.container{width:var(--container-w-sm)}.widgets{display:none}.main__container{grid-template-columns:1fr}.navbar__search{display:none}.sidebar{position:fixed;top:90%;left:50%;transform:translate(-50%);height:5rem;flex-direction:row;background:var(--color-gray-0);border-radius:3rem;gap:1.5rem;box-shadow:0 -1rem 2rem #00000026;align-items:center}.sidebar p{display:none}.sidebar a{border-radius:50%;width:3.7rem;height:3.7rem;background:var(--color-gray-100);display:grid;place-items:center}.sidebar a.active{padding:0;display:grid;place-items:center}.theme__container{width:250px}.editProfile__container,.editPost__container{width:var(--container-w-sm)}}.stories-container{width:100%;overflow-x:auto;padding:10px 0;margin-bottom:20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.stories{display:flex;gap:15px;padding:0 10px}.story{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:80px}.story-avatar{width:70px;height:70px;border-radius:50%;border:3px solid transparent;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);padding:3px;display:flex;align-items:center;justify-content:center}.story.unseen .story-avatar{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.story.seen .story-avatar{background:#ddd}.story-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid white}.story span{font-size:12px;margin-top:5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.your-story .add-story{position:absolute;bottom:0;right:0;background:#0095f6;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.story-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:1000;display:flex;justify-content:center;align-items:center}.story-close-btn{position:absolute;top:20px;right:20px;background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001}.create-story-container{max-width:500px;margin:0 auto;padding:20px}.create-story-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.story-preview{position:relative;width:100%;height:80vh;border-radius:10px;overflow:hidden}.story-preview img,.story-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-story-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#0095f6;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer}.upload-options{display:flex;gap:20px;justify-content:center;margin-top:40px}.upload-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:20px;border:2px dashed #ddd;border-radius:10px;width:150px}.upload-option:hover{border-color:#0095f6}.engagement-stats{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-gray-200);font-size:.9rem;color:var(--color-gray-700)}.engagement-buttons{display:flex;justify-content:space-around;padding:.5rem 0}.engagement-buttons button{display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--color-gray-700);transition:var(--transition);font-size:1rem;padding:.5rem;border-radius:var(--radius-2)}.engagement-buttons button:hover{background:var(--color-gray-100)}.engagement-buttons button.liked{color:var(--color-danger)}.engagement-buttons button.bookmarked{color:var(--color-warning)}.image-preview{position:relative;margin:1rem 0;max-height:30rem;border-radius:var(--radius-2);overflow:hidden}.image-preview img{width:100%;max-height:30rem;-o-object-fit:contain;object-fit:contain}.remove-image{position:absolute;top:.5rem;right:.5rem;background:#00000080;color:#fff;border:none;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;cursor:pointer}.emoji-picker-container{position:absolute;bottom:2.5rem;right:0;z-index:10}.bookmarks-page{max-width:935px;margin:0 auto;padding:20px}.bookmarks-title{text-align:center;margin-bottom:30px;font-size:28px}.bookmarks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bookmarks-post{position:relative;padding-top:100%;background-color:#f5f5f5;border-radius:3px;overflow:hidden;cursor:pointer}.bookmark-btn{background:none;border:none;cursor:pointer}.bookmarks-post img,.bookmarks-post video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bookmark-overlay{position:absolute;top:10px;right:10px;z-index:10}.bookmark-button{background:#0000004d;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background .3s ease}.bookmark-button:hover{background:#00000080}.bookmarks-empty{text-align:center;font-size:18px;color:#8e8e8e;margin-top:50px}.bookmarks-loading{text-align:center;padding:20px;color:#8e8e8e}.hover\:scale-\[1\.01\]:hover{--tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-cyan-700:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.hover\:bg-opacity-75:hover{--tw-bg-opacity: .75}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.hover\:text-cyan-800:hover{--tw-text-opacity: 1;color:rgb(21 94 117 / var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.focus\:ring-cyan-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:border-gray-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.dark\:border-gray-900:is(.dark *){--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity))}.dark\:bg-\[\#121212\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(18 18 18 / var(--tw-bg-opacity))}.dark\:bg-\[\#1f1f1f\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 31 31 / var(--tw-bg-opacity))}.dark\:bg-\[\#282c35\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(40 44 53 / var(--tw-bg-opacity))}.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.dark\:bg-gray-900\/70:is(.dark *){background-color:#111827b3}.dark\:bg-green-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity))}.dark\:bg-purple-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(88 28 135 / var(--tw-bg-opacity))}.dark\:bg-red-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity))}.dark\:bg-white:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:from-gray-900:is(.dark *){--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:text-blue-300:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-purple-300:is(.dark *){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity))}.dark\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.dark\:placeholder-gray-500:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.dark\:hover\:bg-\[\#2b2b2b\]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(43 43 43 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:hover\:bg-green-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity))}.dark\:hover\:bg-red-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:mb-0{margin-bottom:0}.sm\:mt-0{margin-top:0}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-8{padding:2rem}.sm\:px-14{padding-left:3.5rem;padding-right:3.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-80{width:20rem}.md\:w-\[70dvh\]{width:70dvh}.md\:max-w-md{max-width:28rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-10{padding:2.5rem}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-96{width:24rem}.lg\:w-\[80dvh\]{width:80dvh}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:p-8{padding:2rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}}