*,:after,:before{--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:#3b82f680;--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:#3b82f680;--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: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-right-3{right:-.75rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-\[40\%\]{right:40%}.right-full{right:100%}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-\[60px\]{top:60px}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[1000\]{z-index:1000}.z-\[1100\]{z-index:1100}.z-\[1200\]{z-index:1200}.z-\[9999999\]{z-index:9999999}.z-\[99999\]{z-index:99999}.z-\[9999\]{z-index:9999}.z-\[999\]{z-index:999}.col-span-2{grid-column:span 2/span 2}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\[17px\]{margin-left:17px}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[3\/1\]{aspect-ratio:3/1}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-0{height:0}.h-0\.5{height:.125rem}.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-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[56px\]{height:56px}.h-\[60px\]{height:60px}.h-\[64px\]{height:64px}.h-full{height:100%}.max-h-24{max-height:6rem}.max-h-28{max-height:7rem}.max-h-32{max-height:8rem}.max-h-48{max-height:12rem}.max-h-72{max-height:18rem}.max-h-96{max-height:24rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[120px\]{min-height:120px}.min-h-\[200px\]{min-height:200px}.min-h-\[20px\]{min-height:20px}.min-h-\[400px\]{min-height:400px}.min-h-\[430px\]{min-height:430px}.min-h-\[50px\]{min-height:50px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[70px\]{min-height:70px}.min-h-\[90px\]{min-height:90px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[160px\]{max-width:160px}.max-w-\[200px\]{max-width:200px}.max-w-\[800px\]{max-width:800px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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%}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-105,.scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@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}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-px{gap:1px}.gap-x-6{column-gap:1.5rem}.gap-y-5{row-gap:1.25rem}.-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.75rem*var(--tw-space-x-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-\[\#444444\]>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#444;border-color:rgb(68 68 68/var(--tw-divide-opacity,1))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-r-4{border-right-width:4px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-none{border-style:none}.border-\[\#2f3a4a\]{--tw-border-opacity:1;border-color:#2f3a4a;border-color:rgb(47 58 74/var(--tw-border-opacity,1))}.border-\[\#374151\]{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-\[\#3a3a3a\]{--tw-border-opacity:1;border-color:#3a3a3a;border-color:rgb(58 58 58/var(--tw-border-opacity,1))}.border-\[\#404040\]{--tw-border-opacity:1;border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity,1))}.border-\[\#444444\]{--tw-border-opacity:1;border-color:#444;border-color:rgb(68 68 68/var(--tw-border-opacity,1))}.border-\[\#444444\]\/30{border-color:#4444444d}.border-\[\#444\]{--tw-border-opacity:1;border-color:#444;border-color:rgb(68 68 68/var(--tw-border-opacity,1))}.border-\[\#4a4a4a\]{--tw-border-opacity:1;border-color:#4a4a4a;border-color:rgb(74 74 74/var(--tw-border-opacity,1))}.border-\[\#555555\]{--tw-border-opacity:1;border-color:#555;border-color:rgb(85 85 85/var(--tw-border-opacity,1))}.border-amber-500{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-amber-600{--tw-border-opacity:1;border-color:#d97706;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:#dbeafe;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-blue-700\/50{border-color:#1d4ed880}.border-blue-800{--tw-border-opacity:1;border-color:#1e40af;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-600{--tw-border-opacity:1;border-color:#16a34a;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-green-700\/50{border-color:#15803d80}.border-orange-200{--tw-border-opacity:1;border-color:#fed7aa;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-400{--tw-border-opacity:1;border-color:#fb923c;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.border-orange-700\/50{border-color:#c2410c80}.border-purple-400{--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-600{--tw-border-opacity:1;border-color:#dc2626;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.border-red-800{--tw-border-opacity:1;border-color:#991b1b;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.border-red-900\/30{border-color:#7f1d1d4d}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/50{border-color:#ffffff80}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:#eab308;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-yellow-600{--tw-border-opacity:1;border-color:#ca8a04;border-color:rgb(202 138 4/var(--tw-border-opacity,1))}.border-l-\[\#555555\]{--tw-border-opacity:1;border-left-color:#555;border-left-color:rgb(85 85 85/var(--tw-border-opacity,1))}.border-l-blue-200{--tw-border-opacity:1;border-left-color:#bfdbfe;border-left-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-r-\[\#555555\]{--tw-border-opacity:1;border-right-color:#555;border-right-color:rgb(85 85 85/var(--tw-border-opacity,1))}.border-r-blue-200{--tw-border-opacity:1;border-right-color:#bfdbfe;border-right-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-t-blue-400{--tw-border-opacity:1;border-top-color:#60a5fa;border-top-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-t-blue-500{--tw-border-opacity:1;border-top-color:#3b82f6;border-top-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-\[\#161a1e\]{--tw-bg-opacity:1;background-color:#161a1e;background-color:rgb(22 26 30/var(--tw-bg-opacity,1))}.bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:#1a1a1a;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\[\#1a1a1a\]\/70{background-color:#1a1a1ab3}.bg-\[\#1a1a1a\]\/95{background-color:#1a1a1af2}.bg-\[\#1e1c16\]{--tw-bg-opacity:1;background-color:#1e1c16;background-color:rgb(30 28 22/var(--tw-bg-opacity,1))}.bg-\[\#1f2937\]{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-\[\#2a2a2a\]{--tw-bg-opacity:1;background-color:#2a2a2a;background-color:rgb(42 42 42/var(--tw-bg-opacity,1))}.bg-\[\#2a2a2a\]\/80{background-color:#2a2a2acc}.bg-\[\#2a2a2a\]\/95{background-color:#2a2a2af2}.bg-\[\#353535\]{--tw-bg-opacity:1;background-color:#353535;background-color:rgb(53 53 53/var(--tw-bg-opacity,1))}.bg-\[\#3a3a3a\]{--tw-bg-opacity:1;background-color:#3a3a3a;background-color:rgb(58 58 58/var(--tw-bg-opacity,1))}.bg-\[\#3a3a3a\]\/60{background-color:#3a3a3a99}.bg-\[\#3a3a3a\]\/80{background-color:#3a3a3acc}.bg-\[\#3a3a3a\]\/90{background-color:#3a3a3ae6}.bg-\[\#3a3a3a\]\/95{background-color:#3a3a3af2}.bg-\[\#404040\]{--tw-bg-opacity:1;background-color:#404040;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.bg-\[\#555555\]{--tw-bg-opacity:1;background-color:#555;background-color:rgb(85 85 85/var(--tw-bg-opacity,1))}.bg-\[\#f5f8ff\]{--tw-bg-opacity:1;background-color:#f5f8ff;background-color:rgb(245 248 255/var(--tw-bg-opacity,1))}.bg-\[\#f8fafc\]{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-\[\#ffae42\]{--tw-bg-opacity:1;background-color:#ffae42;background-color:rgb(255 174 66/var(--tw-bg-opacity,1))}.bg-\[\#fffbf5\]{--tw-bg-opacity:1;background-color:#fffbf5;background-color:rgb(255 251 245/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:#d97706;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-amber-900\/20{background-color:#78350f33}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/20{background-color:#0003}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/75{background-color:#000000bf}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-100\/60{background-color:#dbeafe99}.bg-blue-200\/50{background-color:#bfdbfe80}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-50\/90{background-color:#eff6ffe6}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-600\/30{background-color:#2563eb4d}.bg-blue-800\/50{background-color:#1e40af80}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-blue-900\/40{background-color:#1e3a8a66}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-900\/20{background-color:#14532d33}.bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-orange-900\/20{background-color:#7c2d1233}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-700{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-yellow-900\/20{background-color:#713f1233}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-opacity-90{--tw-bg-opacity:0.9}.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-none{background-image:none}.from-blue-100{--tw-gradient-from:#dbeafe var(--tw-gradient-from-position);--tw-gradient-to:#dbeafe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900\/30{--tw-gradient-from:#1e3a8a4d var(--tw-gradient-from-position);--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900\/40{--tw-gradient-from:#1e3a8a66 var(--tw-gradient-from-position);--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:#4ade8000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-100{--tw-gradient-from:#ffedd5 var(--tw-gradient-from-position);--tw-gradient-to:#ffedd500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-400{--tw-gradient-from:#fb923c var(--tw-gradient-from-position);--tw-gradient-to:#fb923c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-400\/20{--tw-gradient-from:#fb923c33 var(--tw-gradient-from-position);--tw-gradient-to:#fb923c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-900\/30{--tw-gradient-from:#7c2d124d var(--tw-gradient-from-position);--tw-gradient-to:#7c2d1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400\/20{--tw-gradient-from:#c084fc33 var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-400{--tw-gradient-from:#f87171 var(--tw-gradient-from-position);--tw-gradient-to:#f8717100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-100\/50{--tw-gradient-to:#dbeafe80 var(--tw-gradient-to-position)}.to-blue-200{--tw-gradient-to:#bfdbfe var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.to-blue-800\/30{--tw-gradient-to:#1e40af4d var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.to-orange-200{--tw-gradient-to:#fed7aa var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-orange-800\/30{--tw-gradient-to:#9a34124d var(--tw-gradient-to-position)}.to-pink-400\/20{--tw-gradient-to:#f472b633 var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-red-400\/20{--tw-gradient-to:#f8717133 var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.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\.5{padding-left:.375rem;padding-right:.375rem}.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}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-32{padding-bottom:8rem;padding-top:8rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-40{padding-bottom:10rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-64{padding-bottom:16rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-7{padding-left:1.75rem}.pl-\[7px\]{padding-left:7px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[60px\]{padding-top:60px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-text-bottom{vertical-align:text-bottom}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[11px\]{font-size:11px}.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-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal}.ordinal,.tabular-nums{font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing:tabular-nums}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[\#64748b\]{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-\[\#6b7280\]{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-\[\#94a3b8\]{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-\[\#cbd5e1\]{--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-\[\#e2e8f0\]{--tw-text-opacity:1;color:#e2e8f0;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-\[\#fca5a5\]{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-\[\#ffae42\]{--tw-text-opacity:1;color:#ffae42;color:rgb(255 174 66/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-300\/70{color:#93c5fdb3}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-600\/70{color:#2563ebb3}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:#14532d;color:rgb(20 83 45/var(--tw-text-opacity,1))}.text-orange-300{--tw-text-opacity:1;color:#fdba74;color:rgb(253 186 116/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:#fb923c;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:#f97316;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:#c2410c;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-900{--tw-text-opacity:1;color:#7c2d12;color:rgb(124 45 18/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:#7f1d1d;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-\[\#64748b\]::placeholder{--tw-placeholder-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-placeholder-opacity,1))}.placeholder-\[\#94a3b8\]::placeholder{--tw-placeholder-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-blue-600\/20{--tw-shadow-color:#2563eb33;--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-600\/30{--tw-shadow-color:#2563eb4d;--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-500\/30{--tw-shadow-color:#f973164d;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--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)}.ring-2,.ring-4{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-4{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-\[\#1a1a1a\]{--tw-ring-opacity:1;--tw-ring-color:rgb(26 26 26/var(--tw-ring-opacity,1))}.ring-\[\#444444\]{--tw-ring-opacity:1;--tw-ring-color:rgb(68 68 68/var(--tw-ring-opacity,1))}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity,1))}.ring-black\/5{--tw-ring-color:#0000000d}.ring-blue-200{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.ring-blue-500\/50{--tw-ring-color:#3b82f680}.ring-orange-500\/50{--tw-ring-color:#f9731680}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.ring-opacity-5{--tw-ring-opacity:0.05}.ring-offset-2{--tw-ring-offset-width:2px}.blur{--tw-blur:blur(8px)}.blur,.blur-xl{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)}.blur-xl{--tw-blur:blur(24px)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.grayscale{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)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{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-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-md{-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)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{-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-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hashtag{color:var(--accent-warning);font-weight:500}.mention{color:#3b82f6;cursor:pointer;font-weight:600}.mention:hover{text-decoration:underline}.mention--deleted{color:#9ca3af;cursor:default;font-weight:500}.mention--deleted:hover{text-decoration:none}.flex-1 .text-sm{line-height:1.3em}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}@media (max-width:768px){body{padding-top:86px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{overflow-y:scroll;scroll-behavior:smooth}@media (max-width:768px){html{scroll-behavior:auto}html.fast-scroll{scroll-behavior:smooth;scroll-behavior:cubic-bezier(.25,.46,.45,.94)}}:root{--vh:1vh;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px)}@supports (height:100dvh){:root{--vh:1dvh}}.mobile-top-header{border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px var(--card-shadow);padding:env(safe-area-inset-top,0) 16px 0;padding-top:var(--safe-area-inset-top);top:0;transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.mobile-bottom-header,.mobile-top-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--bg-primary);display:flex;height:60px;justify-content:space-between;left:0;position:fixed;right:0;will-change:transform}.mobile-bottom-header{border-top:1px solid var(--border-light);bottom:0;box-shadow:0 -1px 3px var(--card-shadow);margin-bottom:0;padding:0 16px env(safe-area-inset-bottom,0);transition:bottom .1s ease-out,background-color .3s ease,border-color .3s ease}@media (max-width:768px){.bg-white.border-b.border-gray-200,.mb-6.px-4.pt-4{padding-inline:0!important}.feedViewPage .relative:not(button){padding-inline:0}.add-dog-mobile-tab-btn{padding-inline:15px!important}.add-dog-mobile-nav-container{padding-left:16px!important;padding-right:16px!important}button.add-dog-mobile-tab-btn{padding:15px!important;padding-inline:15px!important}}.mobile-dog-avatar-button,.mobile-home-button,.mobile-notifications-button,.mobile-search-button,.mobile-user-avatar-button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:10px;touch-action:manipulation;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.mobile-dog-avatar-button:hover,.mobile-home-button:hover,.mobile-notifications-button:hover,.mobile-search-button:hover,.mobile-user-avatar-button:hover{background-color:var(--bg-hover);transform:scale(1.05)}.mobile-dog-avatar-button:active,.mobile-home-button:active,.mobile-notifications-button:active,.mobile-search-button:active,.mobile-user-avatar-button:active{transform:scale(.95)}.mobile-bark-button{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--gradient-warning);border:none;border-radius:24px;box-shadow:0 4px 12px #ffae424d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:12px 20px;touch-action:manipulation;transition:all .2s ease;white-space:nowrap}.mobile-bark-button:hover{box-shadow:0 6px 16px #ffae4266;transform:scale(1.05)}.mobile-bark-button:active{transform:scale(.95)}.mobile-login-dog-button{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--gradient-warning);border:none;border-radius:20px;box-shadow:0 2px 8px #ffae424d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;touch-action:manipulation;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.mobile-login-dog-button:hover{box-shadow:0 4px 12px #ffae4266;transform:scale(1.05)}.mobile-login-dog-button:active{box-shadow:0 2px 8px #ffae4233;transform:scale(.95)}.mobile-dropdown-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:16px;box-shadow:0 20px 40px var(--dropdown-shadow);max-height:400px;min-width:200px;overflow:hidden;padding:8px 0;position:absolute;z-index:1001}.mobile-menu-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:var(--text-darker);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;touch-action:manipulation;transition:background-color .2s;width:100%}.mobile-menu-item:hover{background-color:var(--bg-hover)}.mobile-notification-badge{align-items:center;background:var(--accent-red);border:2px solid #fff;border-radius:9999px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:2px;top:2px}.mobile-search-dropdown{background:var(--bg-primary);border:1px solid var(--border-dark);border-radius:12px;box-shadow:0 4px 20px var(--dropdown-shadow);left:16px;margin-top:env(safe-area-inset-top,0);margin-top:var(--safe-area-inset-top);padding:16px;position:fixed;right:16px;top:60px;z-index:99999}@supports (-webkit-touch-callout:none){.mobile-bottom-header,.mobile-top-header{-webkit-overflow-scrolling:touch}.mobile-top-header{height:calc(60px + env(safe-area-inset-top, 0px))}.mobile-bottom-header{bottom:env(safe-area-inset-bottom,0);height:calc(60px + env(safe-area-inset-bottom, 0px))}}@supports (height:100dvh){.mobile-bottom-header{height:calc(60px + env(safe-area-inset-bottom, 0px))}}.mobile-bottom-header{margin:0;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:1000}@supports not (-webkit-touch-callout:none){.mobile-bottom-header,.mobile-top-header{transform:translateZ(0);-webkit-transform:translateZ(0)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.mobile-bottom-header,.mobile-top-header{border-width:.5px}}@media (orientation:landscape) and (max-height:500px){.mobile-bottom-header,.mobile-top-header{height:50px}.mobile-dog-avatar-button,.mobile-home-button,.mobile-notifications-button,.mobile-search-button,.mobile-user-avatar-button{padding:8px}.mobile-bark-button{font-size:13px;padding:10px 16px}}body.dark-mode .mobile-bottom-header,body.dark-mode .mobile-top-header{background-color:var(--bg-secondary);border-color:var(--border-color)}body.dark-mode .mobile-dropdown-menu{background:var(--bg-secondary);border-color:var(--border-color)}body.dark-mode .mobile-menu-item{color:var(--text-primary)}body.dark-mode .mobile-menu-item:hover{background-color:var(--bg-hover)}@media (prefers-reduced-motion:reduce){.mobile-bark-button,.mobile-bottom-header,.mobile-dog-avatar-button,.mobile-home-button,.mobile-menu-item,.mobile-notifications-button,.mobile-search-button,.mobile-top-header,.mobile-user-avatar-button{transition:none}}.mobile-bark-button:focus,.mobile-dog-avatar-button:focus,.mobile-home-button:focus,.mobile-menu-item:focus,.mobile-user-avatar-button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.mobile-notifications-button:focus,.mobile-search-button:focus{outline:none}body.dark-mode{scrollbar-color:#444 #1a1a1a!important;scrollbar-width:auto!important}body.dark-mode::-webkit-scrollbar{height:12px!important;width:12px!important}body.dark-mode::-webkit-scrollbar-track{background:#1a1a1a!important;border-radius:4px!important}body.dark-mode::-webkit-scrollbar-thumb{background:#444!important;border:1px solid #1a1a1a!important;border-radius:4px!important}body.dark-mode::-webkit-scrollbar-thumb:hover{background:#555!important}body.dark-mode::-webkit-scrollbar-corner{background:#1a1a1a!important}html.dark-mode,html.dark-mode body{scrollbar-color:#444 #1a1a1a!important;scrollbar-width:auto!important}html.dark-mode body::-webkit-scrollbar,html.dark-mode::-webkit-scrollbar{height:12px!important;width:12px!important}html.dark-mode body::-webkit-scrollbar-track,html.dark-mode::-webkit-scrollbar-track{background:#1a1a1a!important;border-radius:4px!important}html.dark-mode body::-webkit-scrollbar-thumb,html.dark-mode::-webkit-scrollbar-thumb{background:#444!important;border:1px solid #1a1a1a!important;border-radius:4px!important}html.dark-mode body::-webkit-scrollbar-thumb:hover,html.dark-mode::-webkit-scrollbar-thumb:hover{background:#555!important}html.dark-mode body::-webkit-scrollbar-corner,html.dark-mode::-webkit-scrollbar-corner{background:#1a1a1a!important}*{scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:auto}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border:1px solid #f8fafc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-webkit-scrollbar-corner{background:#f8fafc}.dark-mode,.dark-mode *,body.dark-mode *,html.dark-mode *{scrollbar-color:#444 #1a1a1a!important;scrollbar-width:auto!important}.dark-mode ::-webkit-scrollbar,.dark-mode::-webkit-scrollbar,body.dark-mode ::-webkit-scrollbar,html.dark-mode ::-webkit-scrollbar{height:12px!important;width:12px!important}.dark-mode ::-webkit-scrollbar-track,.dark-mode::-webkit-scrollbar-track,body.dark-mode ::-webkit-scrollbar-track,html.dark-mode ::-webkit-scrollbar-track{background:#1a1a1a!important;border-radius:4px!important}.dark-mode ::-webkit-scrollbar-thumb,.dark-mode::-webkit-scrollbar-thumb,body.dark-mode ::-webkit-scrollbar-thumb,html.dark-mode ::-webkit-scrollbar-thumb{background:#444!important;border:1px solid #1a1a1a!important;border-radius:4px!important}.dark-mode ::-webkit-scrollbar-thumb:hover,.dark-mode::-webkit-scrollbar-thumb:hover,body.dark-mode ::-webkit-scrollbar-thumb:hover,html.dark-mode ::-webkit-scrollbar-thumb:hover{background:#555!important}.dark-mode ::-webkit-scrollbar-corner,.dark-mode::-webkit-scrollbar-corner,body.dark-mode ::-webkit-scrollbar-corner,html.dark-mode ::-webkit-scrollbar-corner{background:#1a1a1a!important}body:not(.dark-mode){scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}body:not(.dark-mode)::-webkit-scrollbar{height:8px;width:8px}body:not(.dark-mode)::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}body:not(.dark-mode)::-webkit-scrollbar-thumb{background:#cbd5e1;border:1px solid #f8fafc;border-radius:4px}body:not(.dark-mode)::-webkit-scrollbar-thumb:hover{background:#94a3b8}body:not(.dark-mode)::-webkit-scrollbar-corner{background:#f8fafc}.dark-mode .feed,.dark-mode .friendsPage,.dark-mode .mobile-dropdown-menu,.dark-mode .notificationsDropdown,.dark-mode .profilePage,.dark-mode .settingsPage{scrollbar-color:#444 #1a1a1a;scrollbar-width:thin}.dark-mode .feed::-webkit-scrollbar,.dark-mode .friendsPage::-webkit-scrollbar,.dark-mode .mobile-dropdown-menu::-webkit-scrollbar,.dark-mode .notificationsDropdown::-webkit-scrollbar,.dark-mode .profilePage::-webkit-scrollbar,.dark-mode .settingsPage::-webkit-scrollbar{height:8px;width:8px}.dark-mode .feed::-webkit-scrollbar-track,.dark-mode .friendsPage::-webkit-scrollbar-track,.dark-mode .mobile-dropdown-menu::-webkit-scrollbar-track,.dark-mode .notificationsDropdown::-webkit-scrollbar-track,.dark-mode .profilePage::-webkit-scrollbar-track,.dark-mode .settingsPage::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.dark-mode .feed::-webkit-scrollbar-thumb,.dark-mode .friendsPage::-webkit-scrollbar-thumb,.dark-mode .mobile-dropdown-menu::-webkit-scrollbar-thumb,.dark-mode .notificationsDropdown::-webkit-scrollbar-thumb,.dark-mode .profilePage::-webkit-scrollbar-thumb,.dark-mode .settingsPage::-webkit-scrollbar-thumb{background:#444;border:1px solid #1a1a1a;border-radius:4px}.dark-mode .feed::-webkit-scrollbar-thumb:hover,.dark-mode .friendsPage::-webkit-scrollbar-thumb:hover,.dark-mode .mobile-dropdown-menu::-webkit-scrollbar-thumb:hover,.dark-mode .notificationsDropdown::-webkit-scrollbar-thumb:hover,.dark-mode .profilePage::-webkit-scrollbar-thumb:hover,.dark-mode .settingsPage::-webkit-scrollbar-thumb:hover{background:#555}.feed:not(.dark-mode),.friendsPage:not(.dark-mode),.mobile-dropdown-menu:not(.dark-mode),.notificationsDropdown:not(.dark-mode),.profilePage:not(.dark-mode),.settingsPage:not(.dark-mode){scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.feed:not(.dark-mode)::-webkit-scrollbar,.friendsPage:not(.dark-mode)::-webkit-scrollbar,.mobile-dropdown-menu:not(.dark-mode)::-webkit-scrollbar,.notificationsDropdown:not(.dark-mode)::-webkit-scrollbar,.profilePage:not(.dark-mode)::-webkit-scrollbar,.settingsPage:not(.dark-mode)::-webkit-scrollbar{height:8px;width:8px}.feed:not(.dark-mode)::-webkit-scrollbar-track,.friendsPage:not(.dark-mode)::-webkit-scrollbar-track,.mobile-dropdown-menu:not(.dark-mode)::-webkit-scrollbar-track,.notificationsDropdown:not(.dark-mode)::-webkit-scrollbar-track,.profilePage:not(.dark-mode)::-webkit-scrollbar-track,.settingsPage:not(.dark-mode)::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.feed:not(.dark-mode)::-webkit-scrollbar-thumb,.friendsPage:not(.dark-mode)::-webkit-scrollbar-thumb,.mobile-dropdown-menu:not(.dark-mode)::-webkit-scrollbar-thumb,.notificationsDropdown:not(.dark-mode)::-webkit-scrollbar-thumb,.profilePage:not(.dark-mode)::-webkit-scrollbar-thumb,.settingsPage:not(.dark-mode)::-webkit-scrollbar-thumb{background:#cbd5e1;border:1px solid #f8fafc;border-radius:4px}.feed:not(.dark-mode)::-webkit-scrollbar-thumb:hover,.friendsPage:not(.dark-mode)::-webkit-scrollbar-thumb:hover,.mobile-dropdown-menu:not(.dark-mode)::-webkit-scrollbar-thumb:hover,.notificationsDropdown:not(.dark-mode)::-webkit-scrollbar-thumb:hover,.profilePage:not(.dark-mode)::-webkit-scrollbar-thumb:hover,.settingsPage:not(.dark-mode)::-webkit-scrollbar-thumb:hover{background:#94a3b8}.searchInput:focus{box-shadow:none!important;outline:none!important}.friend-btn-appear{animation:fadeIn .3s ease-out forwards}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:border-\[\#555555\]:hover{--tw-border-opacity:1;border-color:#555;border-color:rgb(85 85 85/var(--tw-border-opacity,1))}.hover\:border-\[\#666666\]:hover{--tw-border-opacity:1;border-color:#666;border-color:rgb(102 102 102/var(--tw-border-opacity,1))}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.hover\:border-orange-400:hover{--tw-border-opacity:1;border-color:#fb923c;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.hover\:border-orange-500:hover{--tw-border-opacity:1;border-color:#f97316;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.hover\:bg-\[\#2a2a2a\]:hover{--tw-bg-opacity:1;background-color:#2a2a2a;background-color:rgb(42 42 42/var(--tw-bg-opacity,1))}.hover\:bg-\[\#2a2a2a\]\/90:hover{background-color:#2a2a2ae6}.hover\:bg-\[\#333333\]:hover,.hover\:bg-\[\#333\]:hover{--tw-bg-opacity:1;background-color:#333;background-color:rgb(51 51 51/var(--tw-bg-opacity,1))}.hover\:bg-\[\#3a3a3a\]:hover{--tw-bg-opacity:1;background-color:#3a3a3a;background-color:rgb(58 58 58/var(--tw-bg-opacity,1))}.hover\:bg-\[\#3a3a3a\]\/50:hover{background-color:#3a3a3a80}.hover\:bg-\[\#3a3a3a\]\/90:hover{background-color:#3a3a3ae6}.hover\:bg-\[\#3b82f6\]\/10:hover{background-color:#3b82f61a}.hover\:bg-\[\#404040\]:hover{--tw-bg-opacity:1;background-color:#404040;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.hover\:bg-\[\#444444\]:hover{--tw-bg-opacity:1;background-color:#444;background-color:rgb(68 68 68/var(--tw-bg-opacity,1))}.hover\:bg-\[\#4a4a4a\]:hover{--tw-bg-opacity:1;background-color:#4a4a4a;background-color:rgb(74 74 74/var(--tw-bg-opacity,1))}.hover\:bg-\[\#505050\]:hover{--tw-bg-opacity:1;background-color:#505050;background-color:rgb(80 80 80/var(--tw-bg-opacity,1))}.hover\:bg-\[\#555555\]:hover{--tw-bg-opacity:1;background-color:#555;background-color:rgb(85 85 85/var(--tw-bg-opacity,1))}.hover\:bg-\[\#ffae42\]\/10:hover{background-color:#ffae421a}.hover\:bg-\[\#ffae42\]\/20:hover{background-color:#ffae4233}.hover\:bg-\[\#ffbe60\]:hover{--tw-bg-opacity:1;background-color:#ffbe60;background-color:rgb(255 190 96/var(--tw-bg-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:#b45309;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-300\/50:hover{background-color:#93c5fd80}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-blue-700\/50:hover{background-color:#1d4ed880}.hover\:bg-blue-800\/30:hover{background-color:#1e40af4d}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-600\/50:hover{background-color:#4b556380}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-orange-50:hover{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:#fecaca;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:#991b1b;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.hover\:bg-red-900:hover{--tw-bg-opacity:1;background-color:#7f1d1d;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.hover\:bg-red-900\/20:hover{background-color:#7f1d1d33}.hover\:bg-red-900\/50:hover{background-color:#7f1d1d80}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:bg-white\/80:hover{background-color:#fffc}.hover\:bg-white\/90:hover{background-color:#ffffffe6}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:#a16207;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:bg-opacity-50:hover{--tw-bg-opacity:0.5}.hover\:from-blue-500:hover{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-orange-500:hover{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-orange-600:hover{--tw-gradient-from:#ea580c var(--tw-gradient-from-position);--tw-gradient-to:#ea580c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-500:hover{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-600:hover{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-blue-500:hover{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.hover\:to-blue-600:hover{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.hover\:to-blue-800:hover{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.hover\:to-orange-400:hover{--tw-gradient-to:#fb923c var(--tw-gradient-to-position)}.hover\:to-orange-600:hover{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.hover\:to-orange-700:hover{--tw-gradient-to:#c2410c var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.hover\:text-\[\#cbd5e1\]:hover{--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.hover\:text-\[\#e2e8f0\]:hover{--tw-text-opacity:1;color:#e2e8f0;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\:text-blue-100:hover{--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.hover\:text-blue-200:hover{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-blue-400:hover{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-100:hover{--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-500:hover{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.hover\:text-orange-400:hover{--tw-text-opacity:1;color:#fb923c;color:rgb(251 146 60/var(--tw-text-opacity,1))}.hover\:text-orange-500:hover{--tw-text-opacity:1;color:#f97316;color:rgb(249 115 22/var(--tw-text-opacity,1))}.hover\:text-purple-400:hover{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.hover\:text-purple-500:hover{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-yellow-900:hover{--tw-text-opacity:1;color:#713f12;color:rgb(113 63 18/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-lg:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.hover\:shadow-sm:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:ring-orange-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(254 215 170/var(--tw-ring-opacity,1))}.focus\:border-blue-400:focus{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:#0000}.focus\:outline-none:focus{outline:2px solid #0000;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),0 0 #0000;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,1))}.focus\:ring-blue-500\/20:focus{--tw-ring-color:#3b82f633}.focus\:ring-blue-500\/50:focus{--tw-ring-color:#3b82f680}.focus\:ring-orange-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 215 170/var(--tw-ring-opacity,1))}.focus\:ring-orange-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 115 22/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.active\:bg-gray-200:active{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.active\:bg-gray-600:active{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-blue-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:ring-2{--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),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\:ring-blue-200{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}@media (min-width:640px){.sm\:right-0{right:0}.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-12{gap:3rem}}@media (min-width:768px){.md\:bottom-6{bottom:1.5rem}.md\:right-6{right:1.5rem}.md\:mr-8{margin-right:2rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[430px\]{height:430px}.md\:w-64{width:16rem}.md\:w-96{width:24rem}.md\:max-w-3xl{max-width:48rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:rounded-2xl{border-radius:1rem}.md\:border-r{border-right-width:1px}.md\:border-\[\#444444\]{--tw-border-opacity:1;border-color:#444;border-color:rgb(68 68 68/var(--tw-border-opacity,1))}.md\:border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.md\:bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:#1a1a1a;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.md\:bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\:p-12{padding:3rem}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pb-48{padding-bottom:12rem}.md\:pb-6{padding-bottom:1.5rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (prefers-color-scheme:dark){.dark\:border-\[\#444444\]{--tw-border-opacity:1;border-color:#444;border-color:rgb(68 68 68/var(--tw-border-opacity,1))}.dark\:bg-red-900\/30{background-color:#7f1d1d4d}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;height:calc(100% + .5px);left:0;pointer-events:none;position:absolute;right:0;top:0;width:calc(100% + .5px)}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.circular-cropper-overlay{align-items:flex-start;animation:fadeIn .3s ease-out;background:#000000e6;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;padding-top:env(safe-area-inset-top,8px);pointer-events:auto;position:fixed;top:0;touch-action:none;width:100vw;z-index:100020}.circular-cropper-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:calc(100vh - env(safe-area-inset-top, 8px) - env(safe-area-inset-bottom, 8px));max-height:calc(100dvh - env(safe-area-inset-top, 8px) - env(safe-area-inset-bottom, 8px));max-width:500px;overflow:hidden;pointer-events:auto;position:relative;touch-action:auto;width:90vw}.cropper-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;flex-shrink:0;padding:24px 24px 16px;text-align:center}.cropper-header h3{font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px}.cropper-header p{font-size:14px;line-height:1.4;margin:0;opacity:.9}.cropper-container{align-items:center;background:#1a1a2e;box-sizing:border-box;display:flex;flex:1 1 auto;justify-content:center;min-height:200px;overflow:auto;padding:20px;position:relative;width:100%}.cropper-container .ReactCrop{cursor:crosshair;display:block;max-height:100%;max-width:100%;overflow:visible;position:relative}.cropper-image{display:block;height:auto;max-height:50dvh;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:auto}.ReactCrop__crop-selection,.ReactCrop__crop-selection--disabled{border:2px solid #3b82f6!important;border-radius:50%!important;box-shadow:0 0 0 9999px #00000080!important}.ReactCrop__crop-selection:before{border-radius:50%;bottom:0;box-shadow:inset 0 0 0 2px #3b82f6;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ReactCrop__drag-handle,.ReactCrop__drag-handle--disabled{background:#3b82f6!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 4px #0000004d!important;height:20px!important;width:20px!important}.ReactCrop__drag-handle:hover{background:#2563eb!important}.cropper-actions{background:#f8f9fa;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-button{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{background:#e9ecef;border-color:#dee2e6}.crop-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.crop-button:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.crop-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.pulsating-dots{display:inline-flex;font-size:28px;font-weight:700;gap:1px;letter-spacing:2px;line-height:.5}.pulsating-dots span{animation:pulsateDot 1.4s ease-in-out infinite}.pulsating-dots span:nth-child(2){animation-delay:.2s}.pulsating-dots span:nth-child(3){animation-delay:.4s}@keyframes pulsateDot{0%,80%,to{opacity:.2}40%{opacity:1}}body.dark-mode .circular-cropper-overlay{background:#6f6f6fcc}.circular-cropper-modal.dark-mode{background:var(--bg-secondary);color:var(--text-primary)}.circular-cropper-modal.dark-mode .cropper-header{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff}.circular-cropper-modal.dark-mode .cropper-container{background:#0f0f1a}.circular-cropper-modal.dark-mode .cropper-actions{background:var(--bg-secondary);border-top:1px solid var(--border-medium)}.circular-cropper-modal.dark-mode .cancel-button{background:var(--bg-tertiary);border:2px solid var(--border-medium);color:var(--text-secondary)}.circular-cropper-modal.dark-mode .cancel-button:hover{background:var(--bg-hover);border-color:var(--border-color)}.circular-cropper-modal.dark-mode .crop-button{background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 4px 12px #1e40af4d;color:#fff}.circular-cropper-modal.dark-mode .crop-button:hover:not(:disabled){box-shadow:0 6px 20px #1e40af66}.circular-cropper-modal.dark-mode .ReactCrop__crop-selection,.circular-cropper-modal.dark-mode .ReactCrop__crop-selection--disabled{border:2px solid #60a5fa!important;box-shadow:0 0 0 9999px #000000b3!important}.circular-cropper-modal.dark-mode .ReactCrop__crop-selection:before{box-shadow:inset 0 0 0 2px #60a5fa}.circular-cropper-modal.dark-mode .ReactCrop__drag-handle,.circular-cropper-modal.dark-mode .ReactCrop__drag-handle--disabled{background:#60a5fa!important;border:2px solid var(--bg-secondary)!important;box-shadow:0 2px 4px #00000080!important}.circular-cropper-modal.dark-mode .ReactCrop__drag-handle:hover{background:#3b82f6!important;transform:none!important}@media (max-width:768px){.circular-cropper-overlay{left:0;top:0}.circular-cropper-modal{max-height:calc(100dvh - env(safe-area-inset-top, 8px) - env(safe-area-inset-bottom, 8px));width:95vw}.cropper-container{min-height:180px;padding:16px}.cropper-image{max-height:40dvh}.cropper-header{padding:18px 20px 12px}.cropper-header h3{font-size:20px}.cropper-header p{font-size:13px}.cropper-actions{flex-direction:column;gap:10px;padding:16px 20px calc(16px + env(safe-area-inset-bottom, 0px))}.cancel-button,.crop-button{font-size:15px;padding:14px 20px;width:100%}}@media (max-width:480px){.circular-cropper-modal{border-radius:12px;max-height:calc(100dvh - env(safe-area-inset-top, 4px) - env(safe-area-inset-bottom, 4px));width:98vw}.cropper-container{min-height:160px;padding:12px}.cropper-image{max-height:35dvh}.cropper-header{padding:14px 16px 10px}.cropper-header h3{font-size:18px}.cropper-header p{font-size:12px}.cropper-actions{gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px))}.cancel-button,.crop-button{font-size:14px;padding:12px 16px}}.whoToFollowContainer{background:#0000;border:none;border-radius:0;box-shadow:none;margin-top:12px;padding:0}.whoToFollowContainer .whoToFollowTitle{align-items:center;color:#1e293b;font-size:16px;font-weight:700;gap:6px;letter-spacing:-.025em;margin-bottom:16px;text-align:center}.whoToFollowContainer .whoToFollowTitle:before{content:"🐕";font-size:16px}.whoToFollowContainer .suggestedDogsList{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;min-height:284px}.whoToFollowContainer .suggestedDogCard{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;max-width:100%;padding:6px 10px 8px;position:relative;transition:all .2s ease;width:100%}.whoToFollowContainer .suggestedDogCard:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.whoToFollowContainer .dogInfo{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px;margin-bottom:-13px;min-width:0}.whoToFollowContainer .dogAvatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:52px;object-fit:cover;transition:all .2s ease;width:52px}.whoToFollowContainer .dogInfo:hover .dogAvatar{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.whoToFollowContainer .dogDetails{display:flex;flex:1 1;flex-direction:column;gap:2px;margin-right:80px;min-width:0;padding-top:6px}.topDogItem .dogInfo .dogDetails{margin-right:0}.whoToFollowContainer .dogName{color:#1e293b;font-size:18px;font-weight:700;line-height:1.2;margin:0;min-width:262%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whoToFollowContainer .dogHandle{color:#64748b;font-size:13px;font-weight:600;left:-5px;line-height:1.8;max-width:100%;overflow:hidden;position:relative;text-overflow:ellipsis;top:-2px;white-space:nowrap}.whoToFollowContainer .dogBreed{color:#94a3b8;flex:1 1;font-size:11px;font-style:italic;line-height:1.2;margin:0;overflow:hidden;padding-left:14px;padding-right:8px;padding-top:9px;text-overflow:ellipsis;white-space:nowrap}.whoToFollowContainer .addFriendBtn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:20px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;justify-content:center;min-width:80px;opacity:1;padding:8px 16px;transform:scale(1);transition:all .4s cubic-bezier(.4,0,.2,1)}.whoToFollowContainer .addFriendBtn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:scale(.98)}.whoToFollowContainer .addFriendBtn:active:not(:disabled){transform:scale(.95)}.whoToFollowContainer .addFriendBtn.loading{background:#f0f0f0;box-shadow:none;color:#666;cursor:not-allowed;transform:scale(.95)}.whoToFollowContainer .addFriendBtn.compact{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 8px #3b82f633!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:20px!important;font-weight:700!important;height:36px!important;justify-content:center!important;max-width:36px!important;min-width:36px!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.whoToFollowContainer .addFriendBtn.compact:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 4px 12px #3b82f64d!important;transform:scale(.98)!important}.whoToFollowContainer .requestSentContainer{position:relative;z-index:100}.whoToFollowContainer .requestSentBtn{align-items:center;background:linear-gradient(135deg,#fef08a,#fde047);border:none;border-radius:20px;box-shadow:0 2px 8px #fde0474d;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;justify-content:center;min-width:80px;opacity:1;padding:8px 16px;transform:scale(1);transition:all .4s cubic-bezier(.4,0,.2,1)}.whoToFollowContainer .requestSentBtn:hover:not(:disabled){background:linear-gradient(135deg,#fde047,#facc15);box-shadow:0 4px 12px #fde04766;transform:scale(.98)}.whoToFollowContainer .requestSentBtn:active:not(:disabled){transform:scale(.95)}.whoToFollowContainer .requestSentBtn.loading{background:#f0f0f0;box-shadow:none;color:#666;cursor:not-allowed;transform:scale(.95)}.whoToFollowContainer .requestSentBtn.compact{align-items:center!important;background:linear-gradient(135deg,#fef08a,#fde047)!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 8px #fde0474d!important;color:#000!important;cursor:pointer!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:20px!important;font-weight:700!important;height:36px!important;justify-content:center!important;max-width:36px!important;min-width:36px!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.whoToFollowContainer .requestSentBtn.compact:hover:not(:disabled){background:linear-gradient(135deg,#fde047,#facc15)!important;box-shadow:0 4px 12px #fde04766!important;transform:scale(.98)!important}.whoToFollowContainer .cancelMenu{animation:cancelMenuSlideUp .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:130px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes cancelMenuSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.whoToFollowContainer .cancelBtn{align-items:center;background:#0000;border:none;border-radius:0;color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;text-align:center;transition:all .2s ease;white-space:nowrap;width:100%}.whoToFollowContainer .cancelBtn:hover{background:#fef2f2;color:#dc2626}.whoToFollowContainer .cancelBtn:active{background:#fee2e2}.whoToFollowContainer .viewMoreBtn{background:#0000;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;max-width:100%;padding:10px 16px;transition:all .2s ease;width:100%}.whoToFollowContainer .viewMoreBtn:hover{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;color:#3b82f6;transform:translateY(-1px)}.whoToFollowContainer .emptyState{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;color:#64748b;padding:40px 20px;text-align:center}.whoToFollowContainer .emptyStateContent{align-items:center;display:flex;flex-direction:column;gap:12px}.whoToFollowContainer .emptyStateIcon{font-size:48px;margin-bottom:8px}.whoToFollowContainer .emptyStateContent h4{color:#333;font-size:18px;font-weight:600;margin:0}.whoToFollowContainer .emptyStateContent p{color:#888;font-size:14px;font-style:italic;margin:0}.whoToFollowContainer .skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}.whoToFollowContainer .skeleton-text{border-radius:4px}.whoToFollowContainer .skeleton-avatar,.whoToFollowContainer .skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.whoToFollowContainer .skeleton-avatar{border-radius:50%;flex-shrink:0;height:52px;width:52px}.whoToFollowContainer .skeleton-name{height:16px;min-width:160px!important}.whoToFollowContainer .skeleton-handle{height:14px;max-width:80px;width:50%}.whoToFollowContainer .skeleton-breed{flex:1 1;height:14px;margin:0;max-width:100px;padding-left:14px;padding-right:8px;padding-top:9px}.whoToFollowContainer .skeleton-button{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:20px;flex-shrink:0;height:32px;min-width:80px}.whoToFollowContainer .addFriendContainer{align-items:center;display:flex;gap:8px;justify-content:space-between}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.whoToFollowContainer .loadingContainer{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;padding:20px}.whoToFollowContainer .loadingSpinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.whoToFollowContainer .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.whoToFollowContainer.compact .suggestedDogCard{padding:10px 8px}.whoToFollowContainer.compact .dogName{font-size:16px}.whoToFollowContainer.compact .dogHandle{font-size:12px;font-weight:600}.whoToFollowContainer.compact .dogBreed{font-size:10px}.whoToFollowContainer.compact .dogAvatar{height:48px;width:48px}@media (max-width:768px){.whoToFollowContainer{margin-top:8px}.whoToFollowContainer .suggestedDogCard{padding:10px 8px}.whoToFollowContainer .dogName{font-size:15px}.whoToFollowContainer .dogHandle{font-size:12px}.whoToFollowContainer .dogBreed{font-size:10px}.whoToFollowContainer .addFriendBtn{font-size:12px;min-width:70px;padding:6px 12px}}body.dark-mode .whoToFollowContainer .whoToFollowTitle{color:#fff}body.dark-mode .whoToFollowContainer .suggestedDogCard{background:var(--bg-hover);border:1px solid var(--border-color);box-shadow:0 1px 3px #0003}body.dark-mode .whoToFollowContainer .suggestedDogCard:hover{background:var(--bg-tertiary);border-color:var(--border-medium);box-shadow:0 4px 12px #0000004d}body.dark-mode .whoToFollowContainer .dogName{color:var(--text-primary)}body.dark-mode .whoToFollowContainer .dogBreed,body.dark-mode .whoToFollowContainer .dogHandle{color:var(--text-tertiary)}body.dark-mode .whoToFollowContainer .dogAvatar{border:2px solid var(--border-medium)}body.dark-mode .whoToFollowContainer .requestSentBtn{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #f59e0b59;color:#000}body.dark-mode .whoToFollowContainer .requestSentBtn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66}body.dark-mode .whoToFollowContainer .cancelMenu{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 12px #0000004d}body.dark-mode .whoToFollowContainer .cancelBtn{background:#0000;color:#f87171}body.dark-mode .whoToFollowContainer .cancelBtn:hover{background:#ef44441a;color:#ef4444}body.dark-mode .whoToFollowContainer .cancelBtn:active{background:#ef444426}body.dark-mode .whoToFollowContainer .viewMoreBtn{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}body.dark-mode .whoToFollowContainer .viewMoreBtn:hover{background:#3b82f61a;border-color:var(--accent-primary);color:var(--accent-primary)}body.dark-mode .whoToFollowContainer .emptyState{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary)}body.dark-mode .whoToFollowContainer .emptyStateContent h4{color:var(--text-primary)}body.dark-mode .whoToFollowContainer .emptyStateContent p{color:var(--text-tertiary)}body.dark-mode .whoToFollowContainer .skeleton-avatar,body.dark-mode .whoToFollowContainer .skeleton-button,body.dark-mode .whoToFollowContainer .skeleton-text{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%}body.dark-mode .whoToFollowContainer .loadingSpinner{border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--accent-primary)}.logo-loader-container{background-color:initial;min-height:200px;transition:background-color .3s ease;width:100%}.logo-loader-container.dark-mode{background-color:#1a1a1a}.logo-glisten-wrapper{overflow:hidden}.logo-glisten{animation:none;height:60px;object-fit:contain;width:60px}.glisten-effect{animation:glisten 3s ease-in-out infinite;background:linear-gradient(105deg,#0000,#ffffff26 30%,#ffffff80 50%,#ffffff26 70%,#0000);height:140%;left:-150%;top:-20%;width:60%}.dark-mode .glisten-effect{background:linear-gradient(105deg,#0000,#ffffff0d 30%,#fff3 50%,#ffffff0d 70%,#0000)}@keyframes breathe{0%,to{opacity:.45}40%,60%{opacity:1}}.message-toast-container{bottom:24px;display:flex;flex-direction:column;gap:12px;max-width:360px;min-width:300px;pointer-events:none;position:fixed;right:24px;z-index:99999}@media (max-width:768px){.message-toast-container{bottom:90px;left:12px;max-width:none;min-width:auto;right:12px}}.message-toast{align-items:center;background:#f0f7ff;border:1px solid #d0e3f7;border-radius:16px;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a;cursor:pointer;display:flex;gap:12px;padding:14px 16px;pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease}.message-toast:hover{box-shadow:0 6px 24px #0000001a,0 3px 10px #0000000f;transform:translateY(-2px)}.message-toast:active{transform:scale(.98)}.message-toast.dark{background:#1e2a3a;border:1px solid #2d3d4f;box-shadow:0 4px 20px #00000040,0 2px 8px #00000026}.message-toast.dark:hover{box-shadow:0 6px 24px #0000004d,0 3px 10px #0003}.message-toast-avatar{border:2px solid #a8c8e8;border-radius:50%;flex-shrink:0;height:44px;overflow:hidden;width:44px}.message-toast-avatar img{background:#fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.message-toast.dark .message-toast-avatar{border-color:#4a6a8a}.message-toast.dark .message-toast-avatar img{background:#1e293b}.message-toast-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.message-toast-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.message-toast-sender{color:#1a2a3a;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-toast.dark .message-toast-sender{color:#e8f0f8}.message-toast-time{color:#6a8aaa;flex-shrink:0;font-size:12px;font-weight:500}.message-toast.dark .message-toast-time{color:#8aa8c8}.message-toast-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5a6a;display:-webkit-box;font-size:13px;line-height:1.4;margin:0;overflow:hidden}.message-toast.dark .message-toast-preview{color:#a0b0c0}.message-toast-close{align-items:center;background:#0000000f;border:none;border-radius:50%;color:#6a7a8a;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:4px;transition:background .15s ease;width:24px}.message-toast-close:hover{background:#0000001a}.message-toast.dark .message-toast-close{background:#ffffff14;color:#8a9aaa}.message-toast.dark .message-toast-close:hover{background:#ffffff1f}.message-toast-app-label{align-items:center;color:#7a9aba;display:flex;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:1px;text-transform:uppercase}.message-toast.dark .message-toast-app-label{color:#6a8aaa}.friend-badge-icon{transform:translateY(-3px)}.mobile-text-bark-page{-webkit-overflow-scrolling:touch;background:#f8fafc;display:flex;flex-direction:column;height:100dvh;left:0;overflow:hidden;position:fixed;top:0;touch-action:manipulation;width:100vw;z-index:1000}.mobile-back-button-container{position:absolute;right:16px;top:70px;z-index:1001}body.mobile-search-open .mobile-back-button-container{display:none}.mobile-back-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;box-shadow:0 4px 16px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;pointer-events:auto;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1002}@media (hover:hover) and (pointer:fine){.mobile-back-button:hover{box-shadow:0 8px 24px #00000026;transform:scale(1.1)}}.mobile-back-button:active{opacity:.8;transform:scale(.95)}.mobile-text-content{-webkit-overflow-scrolling:touch;background:#0000;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-bottom:20px;padding-top:60px;scroll-behavior:smooth}.mobile-bark-section{background:#fff;border-bottom:1px solid #e2e8f0;flex:0 0 auto;width:100%}.mobile-sticky-header{animation:slideDown .2s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014;left:0;position:fixed;right:0;top:60px;z-index:999}.mobile-sticky-header-content{align-items:center;display:flex;gap:12px;max-width:100%;min-height:44px;padding:10px 16px}.mobile-sticky-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.mobile-sticky-text{color:#374151;flex:1 1;font-size:13px;font-weight:500;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-sticky-stats{align-items:center;display:flex;flex-shrink:0;gap:12px;margin-left:auto}.mobile-sticky-stat{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:4px;padding:4px 6px;transition:background-color .2s}.mobile-sticky-stat:hover{background-color:#3b82f61a}.mobile-sticky-stat-icon{font-size:14px;line-height:1}.mobile-sticky-stat-count{color:#1e293b;font-size:12px;font-weight:600;line-height:1}.mobile-bark-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:row;gap:12px;padding:16px 20px}.mobile-bark-at-container{flex:1 1}.mobile-bark-at-container,.mobile-bark-at-recipient,.mobile-bark-at-sender{align-items:center;display:flex;gap:8px}.mobile-bark-at-arrow{color:#64748b;font-size:16px;margin:0 4px}.mobile-bark-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:44px;justify-content:center;overflow:hidden;width:44px}.mobile-bark-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.mobile-bark-author{color:#1e293b;font-size:15px;font-weight:500;line-height:1.3}.mobile-bark-handle{color:#64748b;font-size:13px;margin-top:1px}.mobile-bark-time{color:#64748b;font-size:13px;margin-top:2px}.mobile-bark-text{background:#fff;color:#374151;font-size:20px;font-weight:500;line-height:1.5;padding:16px 20px;position:relative}.mobile-rebarked-message{font-size:13px!important}.mobile-bark-text-timestamp{bottom:12px;color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.08em;position:absolute;right:20px;white-space:pre}.mobile-bark-ellipsis-container{position:absolute;right:20px;top:16px;z-index:10}.mobile-bark-ellipsis-button{align-items:center;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#64748b;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.mobile-bark-ellipsis-button:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #00000026;color:#475569;transform:scale(1.05)}.mobile-menu-item{transition:background .13s,color .13s}.mobile-menu-item:hover{background:#ffae4214!important}.mobile-menu-item.delete:hover{background:#d32f2f14!important}.mobile-bark-edit-container{position:relative;width:100%}.mobile-bark-edit-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#374151;font-family:inherit;font-size:20px;font-weight:500;line-height:1.5;margin-bottom:12px;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.mobile-bark-edit-paw{color:#374151;font-size:20px;left:12px;pointer-events:none;position:absolute;top:12px;z-index:1}.mobile-bark-edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.mobile-bark-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.mobile-bark-edit-cancel,.mobile-bark-edit-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.mobile-bark-edit-save{background-color:#3b82f6;color:#fff}.mobile-bark-edit-save:hover:not(:disabled){background-color:#2563eb}.mobile-bark-edit-save:disabled{background-color:#9ca3af;cursor:not-allowed}.mobile-bark-edit-cancel{background-color:#f3f4f6;color:#374151}.mobile-bark-edit-cancel:hover:not(:disabled){background-color:#e5e7eb}.mobile-bark-edit-cancel:disabled{cursor:not-allowed;opacity:.5}.mobile-treat-timestamp-row{align-items:center;background:#0000;display:flex;font-size:13px;justify-content:space-between;line-height:1.4;padding:8px 20px}.mobile-treat-message{color:#155fa0;flex:1 1;font-weight:500}.mobile-treat-timestamp{color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:500;margin-left:12px;text-align:right}.mobile-compact-actions{align-items:center;background:#f8fafc;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;justify-content:space-between;padding:8px 20px}.mobile-stats-compact{align-items:center;display:flex;gap:8px}.mobile-stat-compact{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:4px 8px;transition:all .2s ease}.mobile-stat-compact:hover{background:#3b82f61a;color:#3b82f6}.mobile-stat-count-compact{color:#1e293b;font-weight:600}.mobile-action-buttons-compact{display:flex;gap:8px}.mobile-action-button-compact{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.mobile-action-button-compact:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;color:#3b82f6;transform:scale(1.05)}.mobile-action-button-compact:active,.mobile-action-button-compact:focus{border-color:#e2e8f0;outline:none}.mobile-action-button-compact.active{background:#10b981;border-color:#10b981;color:#fff}.mobile-comments-section{background:#fff;display:flex;flex:0 0 auto;flex-direction:column;width:100%}.mobile-comments-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:16px 20px}.mobile-comments-title{color:#1e293b;font-size:16px;font-weight:700;margin-bottom:2px;text-align:center}.mobile-comments-subtitle{color:#64748b;font-size:13px}.mobile-comments-list{flex:0 0 auto;padding:0 16px}.mobile-comment-item{border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:12px 20px;transition:width .3s ease-out}.mobile-comment-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.mobile-comment-content{flex:1 1;position:relative}.mobile-comment-header{align-items:flex-start;display:flex;gap:6px;justify-content:space-between;margin-bottom:4px}.mobile-comment-info{align-items:center;display:flex;flex:1 1;gap:6px}.mobile-comment-actions{flex-shrink:0;position:relative;z-index:10}.mobile-comment-ellipsis{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:18px;font-weight:700;padding:4px;transition:background-color .2s}.mobile-comment-ellipsis:hover{background-color:#0000001a}.mobile-comment-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:none;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;transform:translateZ(0);z-index:9999}@media (max-width:768px){.mobile-comment-menu{box-shadow:0 10px 25px #00000026;position:absolute;right:0;top:100%;z-index:9999}}.mobile-comment-menu-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.mobile-comment-menu-item:hover{background-color:#f5f5f5}.mobile-comment-menu-item.delete{color:#dc2626}.mobile-comment-menu-item.delete:hover{background-color:#fef2f2}.mobile-comment-edit{width:100%}.mobile-comment-edit-input{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:8px;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.mobile-comment-edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.mobile-comment-edit-actions{display:flex;gap:8px;justify-content:flex-end}.mobile-comment-edit-cancel,.mobile-comment-edit-save{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s}.mobile-comment-edit-save{background-color:#3b82f6;color:#fff}.mobile-comment-edit-save:hover:not(:disabled){background-color:#2563eb}.mobile-comment-edit-save:disabled{background-color:#9ca3af;cursor:not-allowed}.mobile-comment-edit-cancel{background-color:#f3f4f6;color:#374151}.mobile-comment-edit-cancel:hover{background-color:#e5e7eb}.mobile-comment-author{color:#1e293b;font-size:14px;font-weight:600}.mobile-comment-handle{color:#64748b;font-size:12px;margin-left:4px;margin-right:8px}.mobile-comment-time{color:#64748b;font-size:11px}.mobile-comment-text-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.mobile-comment-text{color:#374151;flex:1 1;font-size:13px;line-height:1.4}.mobile-comment-treats{align-items:center;display:flex;flex-shrink:0;gap:4px;justify-content:flex-end;min-width:48px;position:relative}.mobile-comment-treat-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;height:20px;justify-content:center;padding:2px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:background-color .2s;width:20px}.mobile-comment-treat-button:hover{background-color:#0000000d}.mobile-comment-treat-icon{display:block;font-size:14px;height:auto;line-height:16px;text-align:center;width:auto}.mobile-comment-treat-button img{height:36px!important;max-height:none!important;max-width:none!important;min-height:36px!important;min-width:36px!important;width:36px!important}.mobile-comment-treat-button{align-items:center!important;display:flex!important;justify-content:center!important;min-height:44px!important;min-width:44px!important}.mobile-comment-treat-count{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:11px;min-width:12px;padding:2px 4px;position:absolute;right:24px;text-align:center;top:50%;transform:translateY(-50%);transition:background-color .2s}.mobile-comment-treat-count:hover{background-color:#0000000d}.mobile-comment-input-section{background:#f8fafc;border-top:1px solid #f1f5f9;flex:0 0 auto;padding:16px 20px calc(16px + env(safe-area-inset-bottom, 0px));width:100%}.mobile-comment-input-container{align-items:center;display:flex;gap:10px}.mobile-comment-input{background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;max-height:80px;min-height:40px;outline:none;padding:10px 14px;resize:none;transition:all .3s ease}.mobile-comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateZ(0);will-change:transform}.mobile-send-button{align-items:center;background:#3b82f6;border:none;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.mobile-send-button:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:scale(1.1)}.mobile-send-button:disabled{cursor:not-allowed;opacity:.5}.mobile-load-more-comments{border-top:1px solid #f1f5f9;padding:16px 20px;text-align:center}.mobile-load-more-button{background:none;border:none;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:underline;transition:all .2s ease}.mobile-load-more-button:hover:not(:disabled){background-color:#3b82f61a;text-decoration:none}.mobile-load-more-button:disabled{cursor:not-allowed;opacity:.5}.mobile-loading-more-comments{align-items:center;border-top:1px solid #f1f5f9;color:#6b7280;display:flex;font-size:14px;gap:8px;justify-content:center;padding:16px 20px;text-align:center}.mobile-loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.mobile-loading-text{align-items:center;display:flex;gap:8px;justify-content:center}.mobile-empty-comments{color:#64748b;padding:40px 20px;text-align:center}.mobile-empty-icon{font-size:40px;margin-bottom:12px;opacity:.6}.mobile-empty-title{color:#374151;font-size:14px;font-weight:600;margin-bottom:6px}.mobile-empty-subtitle{color:#64748b;font-size:12px}.mobile-comment-composer{align-items:flex-start;display:flex;gap:10px;padding:7px}.mobile-comment-composer .mobile-comment-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.mobile-comment-composer .mobile-comment-input-container{align-items:flex-end;display:flex;flex:1 1;gap:10px}.mobile-comment-composer .mobile-comment-input{background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;max-height:80px;min-height:40px;outline:none;padding:10px 14px;resize:none;transition:all .3s ease}.mobile-comment-composer .mobile-comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mobile-comment-composer .mobile-send-button{align-items:center;background:#3b82f6;border:none;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.mobile-comment-composer .mobile-send-button:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:scale(1.1)}.mobile-comment-composer .mobile-send-button:disabled{cursor:not-allowed;opacity:.5}.new-modal-overlay{align-items:flex-start;height:100vh;padding:40px 20px 20px}.new-modal-card{max-height:calc(100vh - 80px)}.new-modal-card.comment-modal{box-shadow:0 20px 40px #0000004d;height:auto;margin-top:0;max-height:75vh;overflow:visible;position:relative}.new-modal-content{max-height:calc(100vh - 300px)}.comment-modal .new-modal-content{flex:none;max-height:none;overflow:visible}.comment-modal textarea{font-size:16px!important;min-height:80px;transform:scale(1)}.mobile-comment-input-section{scroll-snap-align:none!important}.mobile-comment-input{scroll-margin:0!important}.mobileOverlay{background-color:#00000080;bottom:0;right:0;top:0;z-index:999}body.dark-mode .mobile-text-bark-page{background:var(--bg-secondary)}body.dark-mode .mobile-back-button{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .mobile-back-button:hover{box-shadow:0 8px 24px #0000004d}body.dark-mode .mobile-bark-section{background:var(--card-bg)}body.dark-mode .mobile-bark-header,body.dark-mode .mobile-bark-section{border-bottom-color:var(--border-color)}body.dark-mode .mobile-bark-at-arrow{color:var(--text-secondary)}body.dark-mode .mobile-bark-author{color:var(--text-primary)}body.dark-mode .mobile-bark-handle,body.dark-mode .mobile-bark-time{color:var(--text-secondary)}body.dark-mode .mobile-bark-text{background:var(--card-bg);color:var(--text-primary)}body.dark-mode .mobile-bark-text-timestamp{color:var(--text-tertiary)}body.dark-mode .mobile-bark-ellipsis-button{background:var(--card-bg);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d;color:var(--text-secondary)}body.dark-mode .mobile-bark-ellipsis-button:hover{background:var(--bg-hover);border-color:var(--border-medium);box-shadow:0 4px 12px #0006;color:var(--text-primary)}body.dark-mode .mobile-bark-edit-input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .mobile-bark-edit-input:focus{border-color:var(--accent-primary)}body.dark-mode .mobile-bark-edit-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}body.dark-mode .mobile-bark-edit-cancel:hover{background:var(--bg-hover)}body.dark-mode .mobile-treat-timestamp-row{background:#0000}body.dark-mode .mobile-treat-message{color:var(--accent-primary)}body.dark-mode .mobile-treat-timestamp{color:#94a3b8}body.dark-mode .mobile-compact-actions{background:var(--bg-tertiary);border-bottom-left-radius:8px;border-bottom-right-radius:8px}body.dark-mode .mobile-stat-compact{color:var(--text-secondary)}body.dark-mode .mobile-stat-compact:hover{background:#60a5fa1a;color:var(--accent-primary)}body.dark-mode .mobile-stat-count-compact{color:var(--text-primary)}body.dark-mode .mobile-action-button-compact{background:#1e293b;border:1px solid #444;box-shadow:0 2px 8px #0000004d;color:#fff}body.dark-mode .mobile-action-button-compact:hover{box-shadow:0 4px 16px #0006;transform:scale(1.05)}body.dark-mode .mobile-action-button-compact:active,body.dark-mode .mobile-action-button-compact:focus{border-color:#444;outline:none}body.dark-mode .mobile-action-button-compact.active{background:#10b981;border-color:#10b981;color:#fff}body.dark-mode .mobile-comments-section{background:var(--card-bg)}body.dark-mode .mobile-comments-header{background:var(--bg-tertiary);border-bottom-color:var(--border-color)}body.dark-mode .mobile-comments-title{color:var(--text-primary)}body.dark-mode .mobile-comments-subtitle{color:var(--text-secondary)}body.dark-mode .mobile-comment-item{border-bottom-color:var(--border-color)}body.dark-mode .mobile-comment-author{color:var(--text-primary)}body.dark-mode .mobile-comment-handle,body.dark-mode .mobile-comment-time{color:var(--text-secondary)}body.dark-mode .mobile-comment-text{color:var(--text-primary)}body.dark-mode .mobile-comment-ellipsis{color:var(--text-secondary)}body.dark-mode .mobile-comment-ellipsis:hover{background-color:var(--bg-hover)}body.dark-mode .mobile-comment-menu{background:var(--dropdown-bg);border-color:var(--border-color);box-shadow:0 4px 12px #0000004d}body.dark-mode .mobile-comment-menu-item{color:var(--text-primary)}body.dark-mode .mobile-comment-menu-item:hover{background-color:var(--bg-hover)}body.dark-mode .mobile-comment-menu-item.delete{color:var(--accent-red)}body.dark-mode .mobile-comment-menu-item.delete:hover{background-color:#ef44441a}body.dark-mode .mobile-comment-edit-input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .mobile-comment-edit-input:focus{border-color:var(--accent-primary)}body.dark-mode .mobile-comment-edit-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}body.dark-mode .mobile-comment-edit-cancel:hover{background:var(--bg-hover)}body.dark-mode .mobile-comment-treat-button:hover{background-color:var(--bg-hover)}body.dark-mode .mobile-comment-treat-count{color:var(--text-secondary)}body.dark-mode .mobile-comment-treat-count:hover{background-color:var(--bg-hover)}body.dark-mode .mobile-comment-input-section{background:var(--bg-tertiary);border-top-color:var(--border-color)}body.dark-mode .mobile-comment-input{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .mobile-comment-input:focus{border-color:var(--accent-primary)}body.dark-mode .mobile-load-more-comments{border-top-color:var(--border-color)}body.dark-mode .mobile-loading-more-comments{border-top-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .mobile-empty-comments{color:var(--text-secondary)}body.dark-mode .mobile-empty-title{color:var(--text-primary)}body.dark-mode .mobile-empty-subtitle{color:var(--text-secondary)}body.dark-mode .mobile-comment-composer .mobile-comment-input{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .mobile-comment-composer .mobile-comment-input:focus{border-color:var(--accent-primary)}body.dark-mode .new-modal-card.comment-modal{background:var(--card-bg)}body.dark-mode .bark-preview-container{background:var(--bg-tertiary)!important;border-bottom-color:var(--border-color)!important}body.dark-mode .bark-preview-name,body.dark-mode .bark-preview-text{color:var(--text-primary)!important}body.dark-mode .comment-sort-container{background:var(--card-bg)!important;border-bottom-color:var(--border-color)!important}body.dark-mode .mobile-sticky-header{background:var(--card-bg);border-bottom-color:var(--border-color)}body.dark-mode .mobile-sticky-stat-count,body.dark-mode .mobile-sticky-text{color:var(--text-primary)}body.dark-mode .mobile-sticky-stat:hover{background-color:#60a5fa1a}.new-modal-overlay{-webkit-overflow-scrolling:touch;max-height:100vh;overflow-y:auto;overscroll-behavior:none}.comment-modal input,.comment-modal textarea{user-select:text;-webkit-user-select:text}@media screen and (max-width:768px){.new-modal-overlay{align-items:center;justify-content:center;padding:20px}.new-modal-card.comment-modal{margin:0;max-height:min(80vh,550px);position:relative}}@supports (-webkit-touch-callout:none){.new-modal-overlay{height:-webkit-fill-available}.new-modal-card.comment-modal{max-height:70vh}}.bark-media-frame{align-items:center;background-color:initial;border-radius:12px;display:flex;justify-content:center;line-height:0;margin-bottom:.5rem;overflow:hidden;position:relative;width:100%}.bark-media-frame img{border-radius:12px;display:block;max-height:400px;object-fit:cover;object-position:center;width:100%}.bark-media-frame:has(video){background-color:initial;max-height:70vh}.bark-media-frame video{border-radius:12px;display:block;height:auto;max-height:70vh;object-fit:cover;width:100%}.bark-video-container{align-items:center;background-color:initial;border-radius:12px;display:flex;justify-content:center;line-height:0;margin-bottom:0;max-height:70vh;overflow:hidden;position:relative;width:100%}.bark-video-container video{border-radius:12px;display:block;height:auto;max-height:70vh;object-fit:cover;width:100%}.bark-video-controls{align-items:center;background:linear-gradient(#0000,#000000b3);bottom:0;display:flex;gap:12px;left:0;opacity:0;padding:12px 16px;position:absolute;right:0;transition:opacity .2s ease}.bark-video-container.show-controls .bark-video-controls,.bark-video-container:hover .bark-video-controls{opacity:1}.bark-video-play-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:transform .15s ease,background .15s ease;width:36px}.bark-video-play-btn:hover{background:#fff;transform:scale(1.1)}.bark-video-play-btn svg{fill:#1a1a2e;height:16px;width:16px}.bark-video-progress{background:#ffffff4d;border-radius:2px;cursor:pointer;flex:1 1;height:4px;position:relative}.bark-video-progress-filled{background:#ff6b35;border-radius:2px;height:100%;transition:width .1s linear}.bark-video-progress:hover{height:6px}.bark-video-time{color:#fff;font-size:12px;font-weight:500;min-width:70px;text-align:right}.bark-video-mute-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s ease;width:32px}.bark-video-mute-btn:hover{background:#fff3}.bark-video-mute-btn svg{stroke:#fff;fill:none;height:18px;width:18px}.bark-video-fullscreen-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s ease;width:32px}.bark-video-fullscreen-btn:hover{background:#fff3}.bark-video-fullscreen-btn svg{stroke:#fff;fill:none;height:16px;width:16px}.bark-video-center-play{align-items:center;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .15s ease,background .15s ease;width:64px}.bark-video-center-play:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.bark-video-center-play svg{fill:#fff;height:28px;margin-left:4px;width:28px}.bark-video-container:-webkit-full-screen video,.bark-video-container:fullscreen video{height:auto;max-height:100vh;max-width:100vw;width:auto}body.dark-mode .bark-video-container{background-color:initial}.desktop-text-bark-page{background:#f7f7fa;min-height:100vh;position:relative;width:100vw}body.dark-mode .desktop-text-bark-page{background:#1a1a1a}.desktop-text-back-button{left:50%;margin-left:-250px;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.desktop-text-back-button button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 20px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;transform:scale(1.05);transition:.2s;width:40px}body.dark-mode .desktop-text-back-button button{background:#2a2a2af2;border:1px solid #444;box-shadow:0 4px 20px #0006}.desktop-text-back-button button:hover{background:#fffffffa;box-shadow:0 6px 24px #00000040;transform:scale(1.1)}body.dark-mode .desktop-text-back-button button:hover{background:#323232fa;box-shadow:0 6px 24px #00000080}.desktop-text-back-button button svg{stroke:#333}body.dark-mode .desktop-text-back-button button svg{stroke:#e2e8f0}.desktop-text-content-container{align-items:flex-start;background:#f7f7fa;display:flex;justify-content:center;margin:0 auto;min-height:calc(-64px + 100vh);padding-bottom:20px;padding-top:79px}body.dark-mode .desktop-text-content-container{background:#1a1a1a}.desktop-text-bark-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:600px;min-width:auto;overflow:hidden;width:100%}body.dark-mode .desktop-text-bark-card{background:#2a2a2a;border:1px solid #444;box-shadow:0 2px 8px #0000004d}@media (max-width:768px){.desktop-text-bark-page{display:none}}@media (min-width:769px) and (max-width:960px){.desktop-text-bark-page{margin-left:0!important;position:relative!important;width:100%!important}.desktop-text-content-container{margin-left:0!important;max-width:100%;padding-left:20px;padding-right:20px;position:relative!important;width:100%}.desktop-text-bark-card{margin-left:0!important;max-width:600px!important;min-width:auto!important;position:relative!important;width:100%!important}.desktop-text-back-button{left:50%!important;margin-left:0!important;position:absolute!important;top:-60px!important;transform:translateX(-50%)!important;z-index:1000!important}}@media (min-width:1033px) and (max-width:1153px){.desktop-text-bark-page{margin-left:303px!important;width:calc(100% - 303px)!important}.desktop-text-content-container{margin-left:0!important;max-width:100%;padding-left:20px;padding-right:20px;width:100%}.desktop-text-bark-card{max-width:100%;min-width:auto;width:100%}.desktop-text-back-button{left:calc(50% + 151.5px)!important;margin-left:0!important;position:fixed!important;top:80px!important;transform:translateX(-50%)!important;z-index:1000!important}}@media (min-width:1154px) and (max-width:1246px){.desktop-text-bark-page{margin-left:296px!important;width:calc(100% - 296px)!important}.desktop-text-content-container{margin-left:0!important;max-width:100%;padding-left:20px;padding-right:20px;width:100%}.desktop-text-bark-card{max-width:100%;min-width:auto;width:100%}.desktop-text-back-button{left:calc(50% + 148px)!important;margin-left:0!important;position:fixed!important;top:80px!important;transform:translateX(-50%)!important;z-index:1000!important}}@media (max-width:1200px){.desktop-text-bark-card{max-width:600px;min-width:auto}}@media (max-width:600px){.desktop-text-bark-card{margin:0 10px;max-width:95vw;min-width:95vw}.desktop-text-back-button{margin-left:-200px}}.desktop-bark-image-page{height:100vh;overflow:hidden;position:relative;width:100%}.sidebar{background:#fff;border-right:1.5px solid #eee;bottom:0;box-shadow:2px 0 12px 0 #0000000a;left:0;width:260px;z-index:20}body.dark-mode .sidebar{background:#1a1a1a;border-right:1.5px solid #444}.rightbar{background:#fff;border-left:1.5px solid #eee;bottom:0;box-shadow:-2px 0 12px 0 #0000000a;right:0;width:260px;z-index:20}body.dark-mode .rightbar{background:#1a1a1a;border-left:1.5px solid #444}.navInner{max-width:92%}.searchInput{max-width:1071px}.desktop-bark-image-content{align-items:center;background:#f7f7fa;box-sizing:border-box;display:flex;gap:0;height:calc(100vh - 64px);justify-content:center;margin-left:260px;min-height:calc(100vh - 64px);overflow:hidden;padding:0;position:relative;width:100%}body.dark-mode .desktop-bark-image-content{background:#1a1a1a}.desktop-bark-main-content{align-items:center;box-sizing:border-box;display:flex;gap:0;height:calc(100vh - 64px);justify-content:center;margin-left:260px;min-height:calc(100vh - 64px);overflow:hidden;padding:0;position:relative;width:calc(100% - 520px)}body.dark-mode .desktop-bark-main-content{background:#1a1a1a}.desktop-back-button{left:20px;position:absolute;top:20px;z-index:1000}.desktop-back-button button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 20px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;transform:scale(1.05);transition:.2s;width:40px}.desktop-back-button button:hover{background:#fffffffa;box-shadow:0 6px 24px #00000040;transform:scale(1.1)}.desktop-image-container{align-items:stretch;background:none;border-radius:0;box-shadow:none;display:flex;flex-direction:row;height:93vh;max-width:1600px;min-height:400px;overflow:hidden;width:min(95vw,1600px)}.desktop-image-viewer{align-items:center;background:none;display:flex;flex:3 0 70%;height:100%;justify-content:center;min-width:0;padding:0;width:70%}.desktop-image{background:#000;border-radius:0;cursor:pointer;display:block;height:100%;margin:0;max-height:93vh;max-width:100%;object-fit:contain;width:100%}.desktop-sidebar-content{align-items:stretch;background:#fff;border:none;border-radius:0;box-shadow:none;display:flex;flex:0 0 400px;flex-direction:column;height:100%;max-width:400px;min-width:350px;overflow:hidden;padding:0;width:400px}body.dark-mode .desktop-sidebar-content{background:#2a2a2a}.desktop-sidebar-inner{background:#fff;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}body.dark-mode .desktop-sidebar-inner{background:#2a2a2a}.comment-button-medium-range{display:none}@media (min-width:769px) and (max-width:1838px){body.bark-image-overlay-open .rightbar,body.bark-image-page .rightbar,body:has(.desktop-bark-main-content) .rightbar{display:none!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important;width:0!important}}.bark-overlay .desktop-bark-main-content.is-overlay{box-sizing:border-box!important;left:auto!important;max-width:none!important;min-width:0!important;padding:0!important}@media (min-width:769px) and (max-width:1460px){.desktop-sidebar-content{display:none!important}.comment-button-medium-range{display:block!important}.desktop-bark-main-content:not(.is-overlay){margin-left:260px!important;margin-right:0!important;width:calc(100% - 260px)!important}.desktop-image-container{max-width:100%!important;width:100%!important}.desktop-image-viewer{flex:1 1!important;width:100%!important}.desktop-bark-loading,.desktop-bark-not-found{left:260px!important;right:0!important}}@media (min-width:1461px) and (max-width:1838px){.desktop-bark-main-content:not(.is-overlay){margin-left:260px!important;margin-right:0!important;width:calc(100% - 260px)!important}.desktop-bark-loading,.desktop-bark-not-found{left:260px!important;right:0!important}}@media (max-width:1200px){.desktop-image-container{max-width:1200px}.desktop-sidebar-content{flex:0 0 350px;max-width:350px;min-width:300px;width:350px}}@media (max-width:768px){.desktop-bark-image-page{display:none}}@media (min-width:769px) and (max-width:1460px){body:has(.desktop-bark-main-content) .new-modal-card{height:80vh!important;left:63%!important;max-width:500px!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;z-index:2000!important}}@keyframes friendBtnPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.friend-btn-pop{animation:friendBtnPop .25s ease-out}@keyframes friendBtnAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.friend-btn-appear{animation:friendBtnAppear .3s ease-out forwards}.friend-badge-icon{display:block;line-height:1;transform:translateY(-1px)}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}:root{--vh:100vh}.new-mobile-image-page{-webkit-overflow-scrolling:touch;height:10000vh;height:calc(var(--vh, 1vh)*100);left:0;overflow:hidden;overscroll-behavior:none;-webkit-overscroll-behavior:none;position:fixed;top:0;touch-action:none;width:100vw;z-index:1002}.new-image-card,.new-mobile-image-page{background:#fff;display:flex;flex-direction:column}.new-image-card{height:100%;overflow:hidden;position:relative;width:100%}.new-image-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:max(20px,env(safe-area-inset-top,20px)) 24px 16px;z-index:10}.new-author-info{align-items:center;display:flex;gap:12px}.new-bark-at-container{flex:1 1}.new-bark-at-container,.new-bark-at-recipient,.new-bark-at-sender{align-items:center;display:flex;gap:8px}.new-bark-at-arrow{color:#64748b;font-size:16px;margin:0 4px}.new-author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.new-author-details{display:flex;flex-direction:column}.new-author-name{color:#1e293b;font-size:16px;font-weight:500;line-height:1.3}.new-author-name-handle{align-items:center;display:flex;gap:6px}.new-author-handle,.new-timestamp{color:#64748b;font-size:13px}.new-timestamp{margin-top:2px}.new-back-button{align-items:center;background:#00000080;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:2000}.new-back-button:hover{background:#000000b3;transform:scale(1.1)}.new-image-container{background:#000;flex:1 1;min-height:300px;touch-action:none}.new-image-container,.new-zoom-container{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.new-zoom-container{height:100%;width:100%;z-index:6}.new-zoom-container.zoomed{cursor:grab}.new-zoom-container.zoomed:active{cursor:grabbing}.new-image{display:block;height:auto;margin:0;max-height:100%;max-width:100%;object-fit:contain;position:static;transition:transform .2s ease-out;width:auto}.new-invisible-left-area{cursor:pointer;height:100vh;left:0;position:fixed;top:0;width:30px;z-index:1500}.new-top-black-area{top:0}.new-bottom-black-area,.new-top-black-area{cursor:pointer;height:50px;left:0;position:absolute;right:0;z-index:5}.new-bottom-black-area{bottom:0}.new-floating-actions{bottom:16px;display:flex;flex-direction:column;gap:12px;position:absolute;right:16px;z-index:10}.new-floating-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 8px 24px #0003;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.new-floating-button:hover{box-shadow:0 12px 32px #0000004d}.new-floating-button.active{background:#10b981;color:#fff}.new-bottom-section{background:#fff;border-top:1px solid #f1f5f9;padding:20px 24px;z-index:100}.new-stats-row{align-items:center;display:flex;gap:32px;justify-content:center;margin-bottom:16px}.new-comment-button-container{align-items:center;display:flex;gap:60px;justify-content:space-between;padding:0 20px;width:100%}.new-action-button{flex:0 0 auto}.new-share-button{flex-shrink:0}.new-stat-item{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:6px;transition:all .2s ease}.new-stat-item:hover{color:#3b82f6}.new-stat-count{color:#1e293b;font-weight:600}.new-action-buttons{display:flex;gap:12px}.new-action-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.new-action-button:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;color:#3b82f6;transform:translateY(-2px)}.new-action-button.primary{background:#3b82f6;border-color:#0000;color:#fff}.new-action-button.primary:hover{box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.new-modal-overlay{align-items:center;background:#000c;display:flex;height:10000vh;height:calc(var(--vh, 1vh)*100);justify-content:center;left:0;padding:max(20px,env(safe-area-inset-top,20px)) max(20px,env(safe-area-inset-left,20px)) max(20px,env(safe-area-inset-bottom,20px)) max(20px,env(safe-area-inset-right,20px));position:fixed;top:0;width:100vw;z-index:2000}.new-modal-overlay.dimmed-modal{background:#00000080;z-index:3000}.new-modal-card{background:#fff;border-radius:20px;bottom:0;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:calc(10000vh - 40px);max-height:calc(var(--vh, 1vh)*100 - 40px);max-width:400px;overflow:hidden;position:relative;touch-action:manipulation;width:100%}@media (max-width:768px){.new-modal-overlay{align-items:flex-end;display:flex;flex-direction:column;padding-bottom:0}.new-modal-card{background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;margin-bottom:0;max-height:80vh;min-height:80vh;overflow:hidden;position:relative}.new-modal-header{background:#fff;flex-shrink:0;left:0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1000}.new-modal-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;will-change:scroll-position}.new-modal-input-section{background:#fff;border-top:1px solid #f1f5f9;bottom:0;flex-shrink:0;left:0;position:-webkit-sticky;position:sticky;right:0;z-index:1000}}.new-modal-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex:0 0 auto;justify-content:space-between;padding:20px 24px}.new-modal-title{color:#1e293b;font-size:18px;font-weight:700}.new-modal-subtitle{color:#64748b;font-size:14px;margin-top:2px}.new-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.new-modal-close:hover{background:#e2e8f0;transform:scale(1.1)}.new-modal-content{flex:1 1;overflow-y:auto;padding:0}.new-modal-input-section{align-items:center;background:#fff;border-top:1px solid #f1f5f9;display:flex;flex:0 0 auto;padding:20px 24px 32px}.new-comment-input-container{align-items:center;display:flex;gap:12px;width:100%}.new-comment-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:36px}.new-comment-avatar:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.new-comment-input{animation:inputPulse 2s ease-in-out 1;-webkit-appearance:none;appearance:none;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;cursor:text;flex:1 1;font-size:16px;max-height:100px;min-height:44px;outline:none;padding:12px 16px;resize:none;scroll-margin:0!important;scroll-padding:0!important;touch-action:manipulation;transition:border-color .3s ease,box-shadow .3s ease;transition:all .3s ease}.new-comment-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@keyframes inputPulse{0%{box-shadow:0 0 0 0 #3b82f666}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600}}.new-send-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.new-send-button:hover:not(:disabled){transform:scale(1.1)}.new-send-button:disabled{cursor:not-allowed;opacity:.5}.new-comment-item{border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:16px 24px}.new-comment-content{flex:1 1}.new-comment-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.new-comment-author{color:#1e293b;font-size:14px;font-weight:600;transition:color .2s ease}.new-comment-author:hover{color:#3b82f6;text-decoration:underline}.new-comment-handle{color:#64748b;font-size:12px;margin-left:4px;margin-right:8px;transition:color .2s ease}.new-comment-handle:hover{color:#3b82f6;text-decoration:underline}.new-comment-time{color:#64748b;font-size:12px}.new-comment-text{color:#374151;font-size:14px;line-height:1.5}.new-comment-actions{margin-left:auto;position:relative}.new-comment-ellipsis{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.new-comment-ellipsis:hover{background:#f1f5f9;color:#374151}.new-edit-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;max-height:none;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;transform:translateZ(0);z-index:9999}@media (max-width:768px){.new-edit-menu{box-shadow:0 10px 25px #00000026;position:absolute;right:0;top:100%;z-index:9999}}.new-edit-menu-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s ease;width:100%}.new-edit-menu-item:hover{background:#f8fafc}.new-edit-menu-item.delete:hover{background:#fef2f2;color:#dc2626}.new-comment-edit{margin-top:8px}.new-comment-edit-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:14px;min-height:80px;outline:none;padding:12px;resize:none;width:100%}.new-comment-edit-input:focus{background:#fff;border-color:#3b82f6}.new-comment-edit-actions{display:flex;gap:8px;margin-top:8px}.new-comment-edit-save{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.new-comment-edit-save:hover{background:#059669}.new-comment-edit-cancel{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.new-comment-edit-cancel:hover{background:#e2e8f0}.new-comment-treat-button{align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center}.new-comment-treat-button img{height:32px;object-fit:contain;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:32px}.new-comment-treat-button:hover img{transform:scale(1.1)}.new-comment-treat-button:active img{animation:treat-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes treat-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes treat-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.new-comment-treat-button:focus{outline:none}.new-comment-treat-button:focus-visible{outline:none}.new-comment-treat-button:disabled{cursor:not-allowed;opacity:.5}.new-comment-treat-button:disabled:hover img{transform:none}.new-empty-state{color:#64748b;padding:60px 24px;text-align:center}.new-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.new-empty-title{color:#374151;font-size:16px;font-weight:600;margin-bottom:8px}.new-empty-subtitle{color:#64748b;font-size:14px}.new-treat-giver-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:16px 24px}.new-treat-giver-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.new-treat-giver-name{color:#1e293b;font-size:15px;font-weight:600}.new-bark-text-content{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:20px 24px}.new-bark-text-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.new-bark-text-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.new-bark-text-details{display:flex;flex-direction:column}.new-bark-text-author{color:#1e293b;font-size:14px;font-weight:600}.new-bark-text-time{color:#64748b;font-size:12px;margin-top:2px}.new-bark-text{color:#374151;font-size:21px;line-height:1.5}body.keyboard-visible{overflow:hidden;position:fixed;width:100%}.new-zoom-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:20px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:14px;gap:12px;left:50%;padding:8px 16px;position:absolute;top:20px;transform:translateX(-50%);z-index:1000}.new-zoom-info{align-items:center;display:flex;flex-direction:column;gap:2px}.new-zoom-level{font-size:16px;font-weight:600}.new-zoom-hint{font-size:11px;opacity:.8;text-align:center;white-space:nowrap}.new-zoom-reset{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.new-zoom-reset:hover{background:#ffffff4d;transform:scale(1.1)}.new-zoom-reset:active{transform:scale(.95)}.new-image-container.zooming{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body.dark-mode .new-image-card,body.dark-mode .new-mobile-image-page{background:var(--bg-primary)}body.dark-mode .new-image-header{background:var(--bg-primary);border-bottom-color:var(--border-color)}body.dark-mode .new-bark-at-arrow{color:var(--text-secondary)}body.dark-mode .new-author-name{color:var(--text-primary)}body.dark-mode .new-author-handle,body.dark-mode .new-timestamp{color:var(--text-secondary)}body.dark-mode .new-back-button{background:var(--bg-tertiary)}body.dark-mode .new-back-button:hover{background:var(--bg-hover)}body.dark-mode .new-bottom-section{background:var(--bg-primary);border-top-color:var(--border-color)}body.dark-mode .new-stat-item{color:var(--text-secondary)}body.dark-mode .new-stat-item:hover{color:var(--accent-primary)}body.dark-mode .new-stat-count{color:var(--text-primary)}body.dark-mode .new-action-button{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .new-action-button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}body.dark-mode .new-action-button.primary{background:var(--accent-primary);color:#fff}body.dark-mode .new-modal-overlay{background:var(--overlay-bg)}body.dark-mode .new-modal-card{background:var(--card-bg);box-shadow:0 25px 50px #000000b3}body.dark-mode .new-modal-header{background:var(--card-bg);border-bottom-color:var(--border-color)}body.dark-mode .new-modal-title{color:var(--text-primary)}body.dark-mode .new-modal-subtitle{color:var(--text-secondary)}body.dark-mode .new-modal-close{background:var(--bg-tertiary)}body.dark-mode .new-modal-close:hover{background:var(--bg-hover)}body.dark-mode .new-modal-input-section{background:var(--card-bg);border-top-color:var(--border-color)}body.dark-mode .new-comment-input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .new-comment-input:focus{background:var(--bg-primary);border-color:var(--accent-primary)}body.dark-mode .new-comment-item{border-bottom-color:var(--border-color)}body.dark-mode .new-comment-author{color:var(--text-primary)}body.dark-mode .new-comment-handle,body.dark-mode .new-comment-time{color:var(--text-secondary)}body.dark-mode .new-comment-text{color:var(--text-primary)}body.dark-mode .new-comment-ellipsis{color:var(--text-secondary)}body.dark-mode .new-comment-ellipsis:hover{background:var(--bg-hover);color:var(--text-primary)}body.dark-mode .new-edit-menu{background:var(--dropdown-bg);border-color:var(--border-color);box-shadow:0 10px 25px #0000004d}body.dark-mode .new-edit-menu-item{color:var(--text-primary)}body.dark-mode .new-edit-menu-item:hover{background:var(--bg-hover)}body.dark-mode .new-edit-menu-item.delete:hover{background:#ef44441a;color:var(--accent-red)}body.dark-mode .new-comment-edit-input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .new-comment-edit-input:focus{background:var(--bg-primary);border-color:var(--accent-primary)}body.dark-mode .new-comment-edit-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}body.dark-mode .new-comment-edit-cancel:hover{background:var(--bg-hover)}body.dark-mode .new-empty-state{color:var(--text-secondary)}body.dark-mode .new-empty-title{color:var(--text-primary)}body.dark-mode .new-empty-subtitle{color:var(--text-secondary)}body.dark-mode .new-share-button{background:var(--bg-tertiary)!important}body.dark-mode .new-share-button:hover{background:var(--bg-hover)!important}body.dark-mode .new-treat-giver-item{border-bottom-color:var(--border-color)}body.dark-mode .new-treat-giver-name{color:var(--text-primary)}body.dark-mode .new-bark-text-content{background:var(--bg-tertiary);border-bottom-color:var(--border-color)}body.dark-mode .new-bark-text-author{color:var(--text-primary)}body.dark-mode .new-bark-text-time{color:var(--text-secondary)}body.dark-mode .new-bark-text{color:var(--text-primary)}.mobile-fullscreen-comments-panel{align-items:flex-end;background:#000c;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.mobile-fullscreen-comments-content{background:#fff;border-radius:0;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}@media (min-width:769px){.mobile-fullscreen-comments-panel{background:#0000;height:calc(100vh - 60px);justify-content:flex-end;top:60px}.mobile-fullscreen-comments-content{border-radius:16px 0 0 0;box-shadow:-4px 0 40px #0000004d;height:100%;max-width:520px;min-width:380px}}.mobile-fullscreen-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:max(20px,env(safe-area-inset-top,20px)) 20px 16px;z-index:1000}.mobile-fullscreen-header-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:44px;justify-content:center;overflow:hidden;width:44px}.mobile-fullscreen-header-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.mobile-fullscreen-header-name{color:#1e293b;font-size:15px;font-weight:500;line-height:1.3}.mobile-fullscreen-header-handle{color:#64748b;font-size:13px;margin-top:1px}.mobile-fullscreen-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-fullscreen-close:hover{background:#e2e8f0;transform:scale(1.1)}.mobile-fullscreen-content{-webkit-overflow-scrolling:touch;background:#f8fafc;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;scroll-behavior:smooth}.mobile-fullscreen-bark-section{background:#fff;border-bottom:1px solid #f1f5f9;flex:0 0 auto;padding:16px 20px;width:100%}.mobile-fullscreen-bark-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.mobile-fullscreen-bark-text-column{flex:1 1;min-width:0}.mobile-fullscreen-bark-text-wrapper{color:#374151;font-size:16px;font-weight:500;line-height:1.5}.mobile-fullscreen-bark-image-column{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;flex-shrink:0;overflow:hidden;width:60px}.mobile-fullscreen-bark-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.mobile-fullscreen-bark-stats{align-items:center;display:flex;gap:16px}.mobile-fullscreen-bark-stat-emoji{color:#64748b;font-size:13px;font-weight:600;transition:color .2s}.mobile-fullscreen-bark-stat-emoji:hover{color:#3b82f6}.mobile-fullscreen-bark-timestamp{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.08em;white-space:pre}.mobile-fullscreen-comment-sort-container{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 20px}.mobile-fullscreen-share-button:hover{background:#e2e8f0!important;transform:scale(1.05)}.mobile-fullscreen-comments-list{flex:0 0 auto;padding:0}.mobile-fullscreen-comment-item{background:#fff;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:12px 20px;transition:width .3s ease-out}.mobile-fullscreen-comment-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.mobile-fullscreen-comment-content{flex:1 1;position:relative}.mobile-fullscreen-comment-header{align-items:flex-start;display:flex;gap:6px;justify-content:space-between;margin-bottom:4px}.mobile-fullscreen-comment-info{align-items:center;display:flex;flex:1 1;gap:6px}.mobile-fullscreen-comment-actions{flex-shrink:0;position:relative;z-index:10}.mobile-fullscreen-comment-ellipsis{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:18px;font-weight:700;padding:4px;transition:background-color .2s}.mobile-fullscreen-comment-ellipsis:hover{background-color:#0000001a}.mobile-fullscreen-comment-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.mobile-fullscreen-comment-menu-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.mobile-fullscreen-comment-menu-item:hover{background-color:#f5f5f5}.mobile-fullscreen-comment-menu-item.delete{color:#dc2626}.mobile-fullscreen-comment-menu-item.delete:hover{background-color:#fef2f2}.mobile-fullscreen-comment-author{color:#1e293b;font-size:14px;font-weight:600}.mobile-fullscreen-comment-handle{color:#64748b;font-size:12px;margin-left:4px;margin-right:8px}.mobile-fullscreen-comment-time{color:#64748b;font-size:11px}.mobile-fullscreen-comment-text-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.mobile-fullscreen-comment-text{color:#374151;flex:1 1;font-size:13px;line-height:1.4}.mobile-fullscreen-comment-edit{width:100%}.mobile-fullscreen-comment-edit-input{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:8px;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.mobile-fullscreen-comment-edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.mobile-fullscreen-comment-edit-actions{display:flex;gap:8px;justify-content:flex-end}.mobile-fullscreen-comment-edit-cancel,.mobile-fullscreen-comment-edit-save{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s}.mobile-fullscreen-comment-edit-save{background-color:#3b82f6;color:#fff}.mobile-fullscreen-comment-edit-save:hover:not(:disabled){background-color:#2563eb}.mobile-fullscreen-comment-edit-save:disabled{background-color:#9ca3af;cursor:not-allowed}.mobile-fullscreen-comment-edit-cancel{background-color:#f3f4f6;color:#374151}.mobile-fullscreen-comment-edit-cancel:hover{background-color:#e5e7eb}.mobile-fullscreen-empty-comments{color:#64748b;padding:40px 20px;text-align:center}.mobile-fullscreen-empty-icon{font-size:40px;margin-bottom:12px;opacity:.6}.mobile-fullscreen-empty-title{color:#374151;font-size:14px;font-weight:600;margin-bottom:6px}.mobile-fullscreen-empty-subtitle{color:#64748b;font-size:12px}.mobile-fullscreen-input-section{background:#f8fafc;border-top:1px solid #f1f5f9;flex:0 0 auto;padding:16px 20px calc(16px + env(safe-area-inset-bottom, 0px));width:100%}.mobile-fullscreen-input-container{align-items:center;display:flex;gap:10px}.mobile-fullscreen-comment-input{background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;max-height:80px;min-height:40px;outline:none;padding:10px 14px;resize:none;transition:all .3s ease}.mobile-fullscreen-comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateZ(0);will-change:transform}.mobile-fullscreen-send-button{align-items:center;background:#3b82f6;border:none;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.mobile-fullscreen-send-button:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:scale(1.1)}.mobile-fullscreen-send-button:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .mobile-fullscreen-comments-content{background:var(--card-bg)}body.dark-mode .mobile-fullscreen-header{background:var(--card-bg);border-bottom-color:var(--border-color)}body.dark-mode .mobile-fullscreen-title{color:var(--text-primary)}body.dark-mode .mobile-fullscreen-subtitle{color:var(--text-secondary)}body.dark-mode .mobile-fullscreen-close{background:var(--bg-tertiary)}body.dark-mode .mobile-fullscreen-close:hover{background:var(--bg-hover)}body.dark-mode .mobile-fullscreen-header-avatar{background:var(--bg-tertiary)}body.dark-mode .mobile-fullscreen-header-name{color:var(--text-primary)}body.dark-mode .mobile-fullscreen-header-handle{color:var(--text-secondary)}body.dark-mode .mobile-fullscreen-content{background:var(--bg-secondary)}body.dark-mode .mobile-fullscreen-bark-section{background:var(--card-bg);border-bottom-color:var(--border-color)}body.dark-mode .mobile-fullscreen-bark-text-wrapper{color:var(--text-primary)}body.dark-mode .mobile-fullscreen-bark-image-column{background:var(--bg-tertiary)}body.dark-mode .mobile-fullscreen-bark-stat-emoji{color:var(--text-secondary)}body.dark-mode .mobile-fullscreen-bark-timestamp{color:var(--text-tertiary)}body.dark-mode .mobile-fullscreen-comments-header{background:var(--bg-tertiary);border-bottom-color:var(--border-color);color:var(--text-primary)}body.dark-mode .mobile-fullscreen-comment-item{background:var(--card-bg);border-bottom-color:var(--border-color)}body.dark-mode .mobile-fullscreen-comment-author{color:var(--text-primary)}body.dark-mode .mobile-fullscreen-comment-handle,body.dark-mode .mobile-fullscreen-comment-time{color:var(--text-secondary)}body.dark-mode .mobile-fullscreen-comment-text{color:var(--text-primary)}body.dark-mode .mobile-fullscreen-comment-ellipsis{color:var(--text-secondary)}body.dark-mode .mobile-fullscreen-comment-ellipsis:hover{background-color:var(--bg-hover)}body.dark-mode .mobile-fullscreen-comment-menu{background:var(--dropdown-bg);border-color:var(--border-color);box-shadow:0 4px 12px #0000004d}body.dark-mode .mobile-fullscreen-comment-menu-item{color:var(--text-primary)}body.dark-mode .mobile-fullscreen-comment-menu-item:hover{background-color:var(--bg-hover)}body.dark-mode .mobile-fullscreen-comment-menu-item.delete{color:var(--accent-red)}body.dark-mode .mobile-fullscreen-comment-menu-item.delete:hover{background-color:#ef44441a}body.dark-mode .mobile-fullscreen-comment-edit-input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .mobile-fullscreen-comment-edit-input:focus{border-color:var(--accent-primary)}body.dark-mode .mobile-fullscreen-comment-edit-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}body.dark-mode .mobile-fullscreen-comment-edit-cancel:hover{background:var(--bg-hover)}body.dark-mode .mobile-fullscreen-empty-comments{color:var(--text-secondary)}body.dark-mode .mobile-fullscreen-empty-title{color:var(--text-primary)}body.dark-mode .mobile-fullscreen-empty-subtitle{color:var(--text-secondary)}body.dark-mode .mobile-fullscreen-input-section{background:var(--bg-tertiary);border-top-color:var(--border-color)}body.dark-mode .mobile-fullscreen-comment-input{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .mobile-fullscreen-comment-input:focus{border-color:var(--accent-primary)}body.dark-mode .mobile-fullscreen-comments-panel{background:#000000e6}body.dark-mode .mobile-fullscreen-comment-sort-container{background:var(--bg-tertiary);border-bottom-color:var(--border-color)}body.dark-mode .mobile-fullscreen-share-button:hover{background:var(--bg-hover)!important}body.dark-mode .mobile-fullscreen-bark-stat-emoji:hover{color:var(--accent-primary)}:root{--bg-primary:#fff;--bg-secondary:#f7f7f7;--bg-tertiary:#f1f5f9;--bg-hover:#f5f5f5;--bg-bark:#f9f9f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-muted:#999;--text-darker:#333;--text-medium:#555;--text-light:#777;--text-lighter:#888;--border-color:#ddd;--border-light:#e2e8f0;--border-lighter:#eee;--border-medium:#ccc;--border-dark:#e0e0e0;--accent-primary:#3b82f6;--accent-secondary:#667eea;--accent-tertiary:#764ba2;--accent-warning:#ffae42;--accent-orange:#ff9800;--accent-red:#dc3545;--accent-green:#22c55e;--card-bg:#fff;--card-border:#ddd;--card-shadow:#0000000d;--card-shadow-hover:#0000001f;--overlay-bg:#00000080;--dropdown-bg:#fff;--dropdown-border:#ddd;--dropdown-shadow:#0003;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-warning:linear-gradient(135deg,#ffae42,#f59e0b);--gradient-success:linear-gradient(135deg,#4ade80,#22c55e);--gradient-info:linear-gradient(135deg,#3b82f6,#1d4ed8);--gradient-yellow:linear-gradient(135deg,#fef08a,#fde047)}body.dark-mode,html.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#000;--bg-tertiary:#404040;--bg-hover:#3a3a3a;--bg-bark:#2d2d2d;--text-primary:#e2e8f0;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#999;--text-darker:#e2e8f0;--text-medium:silver;--text-light:#a0a0a0;--text-lighter:#999;--border-color:#444;--border-light:#555;--border-lighter:#404040;--border-medium:#4a4a4a;--border-dark:#4a4a4a;--accent-primary:#60a5fa;--accent-secondary:#8b9bff;--accent-tertiary:#a78bfa;--accent-warning:#fbbf24;--accent-orange:#fb923c;--accent-red:#ef4444;--accent-green:#4ade80;--card-bg:#262626;--card-border:#444;--card-shadow:#0000004d;--card-shadow-hover:#0006;--overlay-bg:#000000b3;--dropdown-bg:#2a2a2a;--dropdown-border:#444;--dropdown-shadow:#00000080;--gradient-primary:linear-gradient(135deg,#8b9bff,#a78bfa);--gradient-warning:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-success:linear-gradient(135deg,#4ade80,#22c55e);--gradient-info:linear-gradient(135deg,#60a5fa,#3b82f6);--gradient-yellow:linear-gradient(135deg,#fef08a,#fde047)}body.dark-mode,html.dark-mode{background-color:#000!important}body.dark-mode [role=img][aria-label=paw]{filter:brightness(1.7) saturate(1.3)}html{overscroll-behavior-y:contain;scrollbar-gutter:stable}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f7;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;transition:background-color .3s ease,color .3s ease}body.landing-page::-webkit-scrollbar,html.landing-page::-webkit-scrollbar{display:none}body.landing-page,html.landing-page{scrollbar-width:none}body.landing-page,html.landing-page{-ms-overflow-style:none}.layoutWrap{box-sizing:border-box;display:flex;margin:60px auto 0;padding:0 16px}@media (min-width:769px) and (max-width:1246px){body:not(:has(.desktop-bark-main-content)):not(:has(.desktop-text-bark-content)) .layoutWrap{justify-content:flex-start;margin:60px 0 0;max-width:none;padding:0}body:not(:has(.desktop-bark-main-content)):not(:has(.desktop-text-bark-content)) .sidebar{left:0;position:fixed;width:240px!important;z-index:10}.layoutWrap>div:not(.sidebar):not(.rightbar):not(.bark-overlay){box-sizing:border-box;left:auto!important;margin-left:256px!important;margin-right:16px!important;max-width:none!important;min-width:0!important;width:auto!important}body:not(:has(.desktop-bark-main-content)):not(:has(.desktop-text-bark-content)):not(:has(.settings-card)) .profilePage.dogProfilePage,body:not(:has(.desktop-bark-main-content)):not(:has(.desktop-text-bark-content)):not(:has(.settings-card)) .profilePage.feedViewPage{max-width:none!important;min-width:0!important;width:calc(100vw - 272px)!important}body:not(:has(.desktop-bark-main-content)):not(:has(.desktop-text-bark-content)):not(:has(.settings-card)) .feed{max-width:none!important;min-width:0!important;width:100%!important}body:has(.settings-card) .layoutWrap>div:not(.sidebar):not(.rightbar){margin-left:256px!important;margin-right:16px!important}}.layoutWrap:has(>:only-child){height:100vh!important;margin:0!important;max-width:100vw!important;overflow:hidden!important;padding:0!important;width:100vw!important}.layoutWrap:has(>:only-child)>*{height:100vh!important;margin:0!important;max-width:100vw!important;overflow:hidden!important;padding:0!important;width:100vw!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinner-dots-bounce{to{opacity:.5;transform:translateY(-6px)}}.animate-fadeIn{animation:fadeIn .7s ease-in forwards}.animate-fadeInPage{animation:fadeInPage .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.fade-out{animation:fadeOut .35s ease forwards}.slide-in{animation:slideInFromTop .3s ease-out}.slide-out{animation:slideOutToTop .3s ease-in}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.spinner-red{animation:spin .8s linear infinite;border:3px solid #f1f5f9;border-top:3px solid #dc3545;border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-red);display:inline-block;height:18px;width:18px}.spinner-dots{align-items:center;display:flex;gap:2px;height:18px;justify-content:center}.spinner-dots span{animation:spinner-dots-bounce .7s infinite alternate;background:#fff;background:var(--bg-primary);border-radius:50%;display:block;height:6px;width:6px}.spinner-dots span:nth-child(2){animation-delay:.2s}.spinner-dots span:nth-child(3){animation-delay:.4s}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.addFriendBtn.compact .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.loadingContainer{align-items:center;color:#999;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;padding:20px}.suggestedDogsList .loadingContainer{justify-content:center;min-height:200px;width:100%}.loadingSpinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--accent-primary);height:24px;width:24px}.navBar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;height:60px;justify-content:center;left:0;position:fixed;right:0;top:0;transition:background-color .3s ease,border-color .3s ease;z-index:1002}.navInner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:clamp(41%,calc(1278.3px - 1.857vw),100%);padding:12px 24px;width:100%}.navLogo{height:36px}.searchInput{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:20px;color:var(--text-primary);flex:1 1;flex-grow:1;font-size:14px;margin:0 20px;max-width:575px;min-width:200px;padding:6px 10px;transition:border-color .3s ease,background-color .3s ease,color .3s ease}.leftHeader{align-items:center;display:flex;flex-grow:1;gap:33px;margin-right:16px}.leftHeader .searchInput{flex:1 1;margin:0 16px;max-width:500px;min-width:200px;transition:width .3s ease,min-width .3s ease}@media (max-width:1200px){.leftHeader .searchInput{min-width:150px}}@media (max-width:1000px){.leftHeader .searchInput{min-width:120px}}@media (min-width:769px) and (max-width:1269px){.leftHeader .searchInput{max-width:none;min-width:120px}}@media (min-width:769px) and (max-width:1030px){.navInner{max-width:100%!important;padding:12px 16px}.leftHeader{gap:16px;margin-right:16px}.leftHeader .searchInput{margin:0;max-width:none;min-width:180px}.navLogo{flex-shrink:0;height:36px}.rightHeader{gap:4px;margin-left:8px}.barkButtonNav{border-radius:50%!important;flex-shrink:0;height:42px!important;min-width:42px!important;padding:0!important;width:42px!important}.rightHeader .dogClickableArea{max-width:120px;min-width:120px}.rightHeader .dogIdentityHeader{max-width:80px;min-width:80px}}@media (min-width:769px) and (max-width:862px){.addDogButton{font-size:14px;height:38px;margin-right:6px;min-width:0;min-width:auto;padding:12px}.loginAsDogButton{align-items:center;background-color:var(--text-darker);background:var(--text-darker);border:none;border-radius:50%;color:#fff;display:flex;font-size:16px;height:38px;justify-content:center;padding:0;position:relative;width:38px}.loginAsDogButton:hover{background:var(--text-muted);box-shadow:0 4px 12px var(--card-shadow-hover);transform:translateY(-1px)}.loginAsDogButton:active{box-shadow:0 2px 8px var(--card-shadow);transform:translateY(0)}.loginAsDogButton span,.loginAsDogButton svg{display:none}.loginAsDogButton:before{content:"🐕";font-size:16px}}.rightHeader{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:44px}.rightHeader .dogClickableArea{max-width:150px;min-width:150px}.rightHeader .dogIdentityHeader{max-width:150px;min-width:150px;overflow:hidden}.rightHeader .dogDisplayName,.rightHeader .dogHandle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barkButtonNav{align-items:center;border:none;border-radius:20px;box-shadow:0 2px 6px #f59e0b59;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Poppins,Avenir Next,Circular,Nunito,system-ui,sans-serif;font-size:17px;font-weight:500;justify-content:center;letter-spacing:.3px;min-width:80px;padding:7px 15px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.barkButtonNav,.barkButtonNav:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.barkButtonNav:hover{box-shadow:0 6px 16px #f59e0b80;filter:brightness(1.1)}.barkButtonNav:active{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 6px #f59e0b40;filter:brightness(.95)}.addDogButton{align-items:center;border:none;border-radius:24px;box-shadow:0 4px 12px var(--card-shadow-hover);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;justify-content:center;margin-right:16px;min-width:100px;padding:12px 20px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.addDogButton,.addDogButton:hover{background:var(--gradient-warning)}.addDogButton:hover{box-shadow:0 6px 20px var(--card-shadow-hover);transform:translateY(-2px)}.addDogButton:active{box-shadow:0 2px 8px #ffae424d;transform:translateY(0)}.loginAsDogButton{align-items:center;background:var(--gradient-info);border:none;border-radius:24px;box-shadow:0 4px 12px var(--card-shadow-hover);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;justify-content:center;margin-left:12px;min-width:120px;padding:12px 20px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.loginAsDogButton:hover{background:var(--gradient-info);box-shadow:0 6px 20px var(--card-shadow-hover);transform:translateY(-2px)}.loginAsDogButton:active{box-shadow:0 2px 8px #3b82f64d;transform:translateY(0)}.hamburgerButton{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:24px;margin-right:10px;padding:4px 8px;transition:color .3s ease}.mobileHeader{align-items:center;display:flex;height:60px;justify-content:center;padding:0 16px;position:relative;width:100%}.mobileHeaderLeft{align-items:center;display:flex;gap:16px}.mobileHeaderRight{align-items:center;display:flex;gap:8px}.mobileBottomHeader,.mobileTopHeader{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--bg-primary)}.mobileDogAvatarButton:hover,.mobileHamburgerButton:hover,.mobileNotificationsButton:hover,.mobileSearchButton:hover,.mobileUserAvatarButton:hover{background-color:var(--bg-hover)!important}.mobileDogAvatarButton:active,.mobileHamburgerButton:active,.mobileNotificationsButton:active,.mobileSearchButton:active,.mobileUserAvatarButton:active{background-color:var(--bg-tertiary)!important;transform:scale(.95)}.mobileDogAvatarButton,.mobileHamburgerButton,.mobileNotificationsButton,.mobileSearchButton,.mobileUserAvatarButton{transition:all .2s ease}.mobileDropdownMenu{background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:12px;box-shadow:0 8px 32px var(--dropdown-shadow);margin-top:8px;min-width:200px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1001}.mobileMenuItem{align-items:center;background:none;border:none;color:var(--text-darker);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.mobileMenuItem:hover{background-color:var(--bg-hover)}@supports (padding:max(0px)){.mobileBottomHeader{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.mobileTopHeader.slide-in{animation:slideInFromTop .3s ease-out}.mobileTopHeader.slide-out{animation:slideOutToTop .3s ease-in}@media (max-width:768px){.hamburgerButton{display:block}.navInner{align-items:center;flex-direction:row;justify-content:space-between;max-width:100%;padding:10px 16px}.navLogo{height:28px}.searchInput{flex:1 1;margin:0 12px;max-width:none}.navInner{justify-content:space-between;max-width:100%;padding:0 12px;position:relative}.leftHeader,.navInner{align-items:center;display:flex}.leftHeader{gap:8px}.navLogo{height:32px}.searchInput{display:none}.rightHeader{align-items:center;display:flex}.barkButtonNav{font-size:14px;height:32px;padding:4px 10px}.addDogButton{min-width:80px}.addDogButton,.loginAsDogButton{font-size:13px;height:32px;padding:8px 12px}.loginAsDogButton{margin-left:8px;min-width:100px}.fancyDropdownMenu{max-width:280px;min-width:240px;right:-20px}}.mobileLogoWrapper{align-items:center;display:flex;flex-grow:1;justify-content:center}@media (max-width:768px){.mobileAvatar{border-radius:50%;height:32px;margin-left:8px;margin-right:8px;object-fit:cover;width:32px}.mobileLogoWrapper{align-items:center;display:flex;flex-grow:1;justify-content:center}}body.dark-mode .barkButtonNav{color:#000}body.dark-mode .addDogButton{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}body.dark-mode .addDogButton:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);filter:brightness(1.1)}body.dark-mode .loginAsDogButton{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff}body.dark-mode .loginAsDogButton:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8);filter:brightness(1.1)}body.dark-mode .alertsMenuWrapper button .lucide-bell,body.dark-mode .lucide-bell[fill="#fff"]{fill:#2a2a2a!important}body.dark-mode .alertsMenuWrapper button .lucide-bell[fill="#ffae42"]{fill:#ffae42!important}@keyframes drawRingMenu{0%{stroke-dashoffset:180}to{stroke-dashoffset:0}}.menuMessageRingSvg{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);z-index:1}.menuMessageRingCircle{fill:none;stroke-width:3;stroke-dasharray:180;stroke-dashoffset:180;stroke-linecap:round;animation:drawRingMenu .25s cubic-bezier(.4,0,.2,1) forwards}.sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-color);box-sizing:border-box;height:calc(100vh - 60px);left:calc(50vw - 621px);padding:20px;position:fixed;top:60px;transition:background-color .3s ease,border-color .3s ease;width:296px;z-index:10}.sidebar,.sidebarContent{display:flex;flex-direction:column}.sidebarContent{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--border-medium) #0000;scrollbar-width:thin}.sidebarContent::-webkit-scrollbar{width:6px}.sidebarContent::-webkit-scrollbar-track{background:#0000}.sidebarContent::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:3px}.sidebarContent::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.sidebarProfile{align-items:center;border-top:1px solid var(--border-medium);display:flex;gap:10px;margin-top:auto;padding-left:20px;padding-right:20px;padding-top:20px;position:relative;top:20px}.sidebarProfile .dogAvatar{height:36px;width:36px}.sidebarDogsWrapper{border-top:1px solid var(--border-medium);display:flex;flex-direction:column;flex-shrink:0;margin-top:auto;max-height:312px;overflow:hidden;padding-top:12px}.sidebarDogsTitle{color:var(--text-primary);cursor:pointer;flex-shrink:0;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-align:center;text-transform:uppercase;transition:color .2s ease}.sidebarDogsTitle:hover{color:var(--text-secondary)}.sidebarDogsScrollContainer{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--border-medium) #0000;scrollbar-width:thin}.sidebarDogsScrollContainer::-webkit-scrollbar{width:6px}.sidebarDogsScrollContainer::-webkit-scrollbar-track{background:#0000}.sidebarDogsScrollContainer::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:3px}.sidebarDogsScrollContainer::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.sidebarDogs{flex-direction:column-reverse;gap:6px;margin-bottom:8px;padding-right:4px}.sidebarDogCard,.sidebarDogs{box-sizing:border-box;display:flex;width:100%}.sidebarDogCard{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;gap:10px;margin:6px 0;min-width:0;padding:8px;position:relative}.sidebarDogCard:hover{background-color:var(--bg-hover)}.sidebarDogCard.activeDog{background-color:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:0 0 10px var(--card-shadow-hover)}.sidebarDogCard .dogAvatar{border-radius:50%;height:52px;object-fit:cover;width:52px}.sidebarDogCard .dogIdentity{display:flex;flex:1 1;flex-direction:column;line-height:1.1;min-width:0;overflow:visible}.sidebarDogCard .dogDisplayName{font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebarDogCard .dogHandle{color:var(--text-muted);font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebarDogMenu{background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:6px;box-shadow:0 2px 6px var(--dropdown-shadow);padding:6px 0;position:fixed!important;z-index:99999!important}.menuItem{cursor:pointer;padding:8px 12px}.menuItem.disabled{color:var(--text-tertiary);cursor:not-allowed}.menuItem.delete{color:var(--accent-red)}.dogIdentity{line-height:1.1}.dogIdentity,.dogIdentityHeader{display:flex;flex-direction:column;padding-right:34px;position:relative}.dogIdentityHeader{line-height:1.3;padding-left:10px}.sidebarDogCard .dogIdentityWrapper{align-items:center;display:flex;flex:1 1;flex-direction:row;min-width:0}@keyframes drawRing{0%{stroke-dashoffset:188}to{stroke-dashoffset:0}}.messageRingSvg{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);z-index:1}.messageRingCircle{fill:none;stroke-width:3;stroke-dasharray:188;stroke-dashoffset:188;stroke-linecap:round;animation:drawRing .25s cubic-bezier(.4,0,.2,1) forwards;transform-origin:center}.sidebarDogCard .dogAvatar:has(~.messageRingSvg){border:none!important;box-shadow:none!important}.messageBubble{animation:fadeInBubble .2s ease-out .1s forwards;opacity:0}@keyframes fadeInBubble{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.ellipsisClickTarget{color:var(--text-tertiary);font-size:16px;height:100%;justify-content:center;position:absolute;right:0;top:0;width:35px;z-index:10}.dogClickableArea,.ellipsisClickTarget{align-items:center;cursor:pointer;display:flex}.dogClickableArea{user-select:none;-webkit-user-select:none;-ms-user-select:none}.dogClickableArea:hover{opacity:.8}.dogHeaderWrapper{position:relative}.dogName{font-size:14px;font-weight:500}.dropdownArrow{font-size:14px;margin-right:4px}.dogAvatar{border-radius:50%;height:44px;object-fit:cover;transition:filter .2s ease;width:44px}.dogAvatar:hover{filter:brightness(1.1)}.dogDisplayName{color:var(--text-darker);font-family:Quicksand,sans-serif;font-size:15px;font-weight:600}.dogHandle{color:var(--text-lighter);font-size:12px;font-weight:400}.navList{list-style:none;margin:0;padding:0}.sidebar-nav-container{background-color:initial;border-radius:12px;transition:background-color .3s ease}.navItem{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:8px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.navItem:hover{background-color:var(--bg-hover);color:var(--accent-primary)}.navItem.active{background-color:var(--bg-tertiary);border-left:3px solid var(--accent-primary);box-shadow:0 2px 8px var(--card-shadow-hover);color:var(--text-primary)}.navItem.active:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar .navItem{font-size:19px}.sidebarMobile{animation:slideIn .3s ease forwards;border-bottom-right-radius:16px;border-top:1px solid var(--border-medium);border-top-right-radius:16px;box-shadow:4px 0 12px var(--dropdown-shadow);display:none;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:space-between;left:0;max-width:280px;padding:24px 20px;position:absolute;position:fixed;top:60px;width:80%;z-index:1001}.sidebarMobile,.sidebarMobile .searchInput{background-color:var(--bg-primary);box-sizing:border-box}.sidebarMobile .searchInput{border:1px solid var(--border-medium);border-radius:24px;color:var(--text-primary);display:block;flex-grow:0;flex-shrink:0;font-size:16px;height:40px;margin:16px auto 12px;padding:10px 12px;width:90%}.mobileSearchDropdown .searchInput{display:block!important}.sidebarMobile .navItem{border-bottom:1px solid var(--border-lighter);font-size:18px;padding:14px 0}.sidebarMobile .navItem:last-child{border-bottom:none}.sidebarMobile .navItem a{color:inherit;text-decoration:none}.mobileOverlay{background-color:var(--overlay-bg);height:calc(100vh - 60px);left:0;position:fixed;top:60px;width:100%;z-index:1000}@media (min-width:769px) and (max-width:1246px){.sidebar{left:0!important;position:fixed!important}}.sidebar.compact{padding:20px;width:260px!important}@media (max-width:768px){.sidebar.desktopOnly{display:none}.sidebarMobile{display:block}}.rightbar{background-color:#fff;border-left:1px solid #ddd;box-sizing:border-box;height:calc(100vh - 60px);justify-content:space-between;overflow-x:hidden;overflow-y:auto;padding:20px 20px 0;position:fixed;right:calc(50vw - 621px);top:60px;transition:opacity .3s ease,visibility .3s ease;width:296px;z-index:10}.rightbar,.rightbarContent{display:flex;flex-direction:column}.rightbarContent{flex-grow:1}.rightbarBottomWrapper{border-top:1px solid #ccc;margin-top:auto;padding-bottom:10px}.trendingSection{margin-bottom:16px}.trendingTitle{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:6px;letter-spacing:-.025em;margin-bottom:8px}.trendingTitle:before{content:"🔥";font-size:16px}.trendingList{display:flex;flex-direction:column;gap:4px}.trendItem{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 0;transition:all .2s cubic-bezier(.4,0,.2,1)}.trendItem:hover{background:#ffae420d;padding-left:6px;padding-right:6px}.trendRank{color:#64748b;font-size:13px;font-weight:600;min-width:20px;text-align:center}.trendContent{flex:1 1;min-width:0}.trendTag{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trendPosts{color:#64748b;font-size:10px;font-weight:500}.trendCategory{background:#ffae421a;border-radius:4px;color:#ffae42;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.categoryTabs{background:#fff6;border-radius:8px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.categoryTab{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;gap:2px;padding:8px 4px;transition:all .2s ease}.categoryTab:hover{background:#fff9;color:#374151}.categoryTab.active{background:linear-gradient(135deg,#ffae42,#ff8c42);box-shadow:0 2px 8px #ffae424d;color:#fff}.categoryIcon{font-size:14px}.categoryLabel{font-weight:600;line-height:1}.topDogsList{display:flex;flex-direction:column;gap:8px}.topDogItem{align-items:center;background:#fff9;border:1px solid #fff6;border-radius:12px;display:flex;gap:12px;padding:12px;position:relative;transition:all .2s ease}.topDogItem:hover{background:#fffc;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.rankBadge{align-items:center;background:linear-gradient(135deg,#ffae42,#ff8c42);border-radius:50%;box-shadow:0 2px 6px #ffae4266;color:#fff;display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;left:-6px;position:absolute;top:-6px;width:24px}.stats{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.treatsGiven{color:#059669;font-size:11px;font-weight:600;text-align:right}.treatsRebarks{align-items:flex-end;display:flex;flex-direction:column;gap:1px}.treats{color:#059669;font-size:11px;font-weight:600}.rebarks{color:#6b7280;font-size:10px;font-weight:500}@media (max-width:768px){.rightbar{display:none}}body.dark-mode .rightbar{background-color:var(--bg-primary);border-left:1px solid var(--border-color)}body.dark-mode .rightbarBottomWrapper{border-top:1px solid var(--border-medium)}body.dark-mode .trendingTitle{color:var(--text-primary)}body.dark-mode .trendItem:hover{background:#ffae4226}body.dark-mode .trendRank{color:var(--text-tertiary)}body.dark-mode .trendTag{color:var(--text-primary)}body.dark-mode .trendPosts{color:var(--text-tertiary)}body.dark-mode .trendCategory{background:#ffae4233;color:var(--accent-warning)}body.dark-mode .categoryTabs{background:var(--bg-secondary)}body.dark-mode .categoryTab{color:var(--text-tertiary)}body.dark-mode .categoryTab:hover{background:var(--bg-hover);color:var(--text-secondary)}body.dark-mode .categoryTab.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf2466;color:#000}body.dark-mode .topDogItem{background:var(--bg-secondary);border:1px solid var(--border-color)}body.dark-mode .topDogItem:hover{background:var(--bg-hover);box-shadow:0 4px 12px #0000004d}body.dark-mode .rebarks{color:var(--text-tertiary)}.feed{background:#fff;border:none;border-radius:7px;margin:0;padding:5px 26px 0}@media (min-width:769px) and (max-width:1246px){.bark,.feed{border-radius:12px}.bark{margin-bottom:20px;padding:16px 20px}}.feedViewPage.dogProfilePage .feed{border:none}.bark{background-color:#f9f9f9;border:1px solid #ccc;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;padding:12px 16px;position:static!important;z-index:auto!important}.bark,.barkImage{border-radius:10px}.barkImage{margin-top:10px;width:100%}.timestamp{color:#888;display:block;font-size:12px;margin-top:8px;text-align:right}.barkActions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-start;margin-top:10px;padding-top:8px}.barkButton{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:4px 10px;transition:background-color .2s ease}.comments-section{margin-bottom:16px}.location-preview{animation:fadeIn .3s ease-in-out}.location-btn{transition:all .2s ease-in-out}.location-btn:hover{transform:translateY(-1px)}.location-btn.active{box-shadow:0 2px 8px #3b82f64d}.location-display{animation:fadeIn .3s ease-in-out;transition:all .2s ease-in-out}.location-display:hover{box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.treat-fade-enter{opacity:0;transform:translateY(8px)}.treat-fade-enter-active{transition:opacity .13s,transform .13s}.treat-fade-enter-active,.treat-fade-exit{opacity:1;transform:translateY(0)}.treat-fade-exit-active{transition:opacity .13s,transform .13s}.treat-fade-appear,.treat-fade-exit-active{opacity:0;transform:translateY(8px)}.treat-fade-appear-active{opacity:1;transform:translateY(0);transition:opacity .13s,transform .13s}@media (max-width:768px){.feed>div{padding-left:0!important;padding-right:0!important}.feedViewPage .feed .bg-white{border-radius:0}.feedViewPage .feed .InfiniteScroll>div{padding:0}.feedViewPage .feed .InfiniteScroll>div>div{border-radius:0;margin-bottom:0}.feedViewPage .feed .InfiniteScroll>div>div>div{border-radius:0;padding:16px 0!important}.feedViewPage .feed .InfiniteScroll>div>div>div .flex.gap-4{padding:0 16px}.feedViewPage .feed .InfiniteScroll>div>div>div .barkActions{padding:8px 16px}.feedViewPage .feed .InfiniteScroll>div>div>div .barkImage{margin:8px 16px 0}.feedViewPage .feed .InfiniteScroll>div>div>div .timestamp{margin:6px 16px 0}.feedViewPage .feed .InfiniteScroll>div>div>div .comments-section{margin:12px 16px}.feedViewPage .feed .InfiniteScroll>div>div>div>div:first-child{padding:0 16px 8px}.feedViewPage .feed .InfiniteScroll>div>div>div .flex.gap-4+div{padding:0 16px}.feedViewPage .feed .InfiniteScroll>div>div>div .flex.items-center.justify-between{padding:0 16px 8px}.feedViewPage .feed .InfiniteScroll>div>div>div .flex.flex-col.gap-2,.feedViewPage .feed .InfiniteScroll>div>div>div .flex.gap-2.justify-end,.feedViewPage .feed .InfiniteScroll>div>div>div .flex.items-center.gap-1,.feedViewPage .feed .InfiniteScroll>div>div>div .relative,.feedViewPage .feed .InfiniteScroll>div>div>div .text-sm.font-medium,.feedViewPage .feed .InfiniteScroll>div>div>div .text-sm.text-gray-500{padding:0 16px}.feedViewPage .feed .InfiniteScroll>div>div>div .barkButton,.feedViewPage .feed .InfiniteScroll>div>div>div .barkButton:nth-child(2),.feedViewPage .feed .InfiniteScroll>div>div>div .barkButton:nth-child(3),.feedViewPage .feed .InfiniteScroll>div>div>div .barkButton:nth-child(4){margin:0 16px}.feedViewPage .feed .InfiniteScroll>div>div>div .location-btn,.feedViewPage .feed .InfiniteScroll>div>div>div .location-display,.feedViewPage .feed .InfiniteScroll>div>div>div .location-preview{margin:8px 16px 0}.feedViewPage .feed .InfiniteScroll>div>div>div .whitespace-pre-wrap,.feedViewPage .feed .InfiniteScroll>div>div>div a,.feedViewPage .feed .InfiniteScroll>div>div>div bdi,.feedViewPage .feed .InfiniteScroll>div>div>div bdo,.feedViewPage .feed .InfiniteScroll>div>div>div blockquote,.feedViewPage .feed .InfiniteScroll>div>div>div code,.feedViewPage .feed .InfiniteScroll>div>div>div command,.feedViewPage .feed .InfiniteScroll>div>div>div data,.feedViewPage .feed .InfiniteScroll>div>div>div del,.feedViewPage .feed .InfiniteScroll>div>div>div details,.feedViewPage .feed .InfiniteScroll>div>div>div dialog,.feedViewPage .feed .InfiniteScroll>div>div>div div,.feedViewPage .feed .InfiniteScroll>div>div>div em,.feedViewPage .feed .InfiniteScroll>div>div>div h1,.feedViewPage .feed .InfiniteScroll>div>div>div h2,.feedViewPage .feed .InfiniteScroll>div>div>div h3,.feedViewPage .feed .InfiniteScroll>div>div>div h4,.feedViewPage .feed .InfiniteScroll>div>div>div h5,.feedViewPage .feed .InfiniteScroll>div>div>div h6,.feedViewPage .feed .InfiniteScroll>div>div>div ins,.feedViewPage .feed .InfiniteScroll>div>div>div kbd,.feedViewPage .feed .InfiniteScroll>div>div>div keygen,.feedViewPage .feed .InfiniteScroll>div>div>div li,.feedViewPage .feed .InfiniteScroll>div>div>div mark,.feedViewPage .feed .InfiniteScroll>div>div>div menu,.feedViewPage .feed .InfiniteScroll>div>div>div menuitem,.feedViewPage .feed .InfiniteScroll>div>div>div meter,.feedViewPage .feed .InfiniteScroll>div>div>div ol,.feedViewPage .feed .InfiniteScroll>div>div>div output,.feedViewPage .feed .InfiniteScroll>div>div>div p,.feedViewPage .feed .InfiniteScroll>div>div>div pre,.feedViewPage .feed .InfiniteScroll>div>div>div progress,.feedViewPage .feed .InfiniteScroll>div>div>div rb,.feedViewPage .feed .InfiniteScroll>div>div>div rbc,.feedViewPage .feed .InfiniteScroll>div>div>div rp,.feedViewPage .feed .InfiniteScroll>div>div>div rt,.feedViewPage .feed .InfiniteScroll>div>div>div rtc,.feedViewPage .feed .InfiniteScroll>div>div>div ruby,.feedViewPage .feed .InfiniteScroll>div>div>div samp,.feedViewPage .feed .InfiniteScroll>div>div>div small,.feedViewPage .feed .InfiniteScroll>div>div>div source,.feedViewPage .feed .InfiniteScroll>div>div>div span,.feedViewPage .feed .InfiniteScroll>div>div>div strong,.feedViewPage .feed .InfiniteScroll>div>div>div sub,.feedViewPage .feed .InfiniteScroll>div>div>div summary,.feedViewPage .feed .InfiniteScroll>div>div>div sup,.feedViewPage .feed .InfiniteScroll>div>div>div table,.feedViewPage .feed .InfiniteScroll>div>div>div td,.feedViewPage .feed .InfiniteScroll>div>div>div th,.feedViewPage .feed .InfiniteScroll>div>div>div time,.feedViewPage .feed .InfiniteScroll>div>div>div track,.feedViewPage .feed .InfiniteScroll>div>div>div ul,.feedViewPage .feed .InfiniteScroll>div>div>div var,.feedViewPage .feed .InfiniteScroll>div>div>div wbr{padding:0 16px}.feedViewPage .feed .InfiniteScroll>div>div{transition:none}.feedViewPage .feed .InfiniteScroll>div>div:hover{box-shadow:none;transform:none}.feedViewPage .feed .InfiniteScroll>div>div>div{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #eee;border-left:none;border-right:none;box-shadow:none}.feedViewPage .feed .InfiniteScroll>div>div>div:hover{box-shadow:none}.feedViewPage .feed .InfiniteScroll{padding:0}.feedViewPage .feed .flex.w-full{border-radius:0}.feedViewPage .feed .flex.w-full button{font-size:13px;padding:12px 16px}.feedViewPage .feed>div:first-child{border-radius:0;margin:0}.feedViewPage .feed .bg-white{border-radius:1pc}.comments-section{margin-bottom:12px}.timestamp{font-size:11px;margin-top:6px}.barkImage{margin-top:8px}.barkButton{font-size:13px;padding:6px 8px}.barkActions{gap:8px;padding:8px 0}.bark .p-6{padding:0!important}.feedViewPage .feed .fixed{left:0!important;max-width:100%!important;transform:none!important;width:100%!important}.feedViewPage .feed>div:first-child{background:#fff;border-bottom:1px solid #eee;margin-bottom:0;padding:16px 0}.profilePage .feed{background:#0000;border-radius:0;box-shadow:none;margin:0;padding:0}.feedViewPage{background:#f7f7f7;padding:0}.feedViewPage .feed{background:#0000}.bark{background-color:#fff;border:1px solid #eee;border-left:none;border-radius:0;border-right:none;margin-bottom:8px;padding:16px 0}.feed{background:#0000;border-radius:0;box-shadow:none;margin:0;padding:0}.layoutWrap{flex-direction:column;padding:0}.feedViewPage .mb-6.px-4.pt-4{margin-top:32px;padding-top:0}.feedViewPage .bg-white.border-b.border-gray-200,.feedViewPage .mb-6.px-4.pt-4{margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;min-width:100vw!important}.feedViewPage .bg-white.border-b.border-gray-200{width:100vw!important}.feedViewPage .feed{margin:0!important;padding:0!important}.feedViewPage .bark,.feedViewPage .feed{min-width:100vw!important;width:100vw!important}.feedViewPage .bark,.feedViewPage .p-3.bg-white.border.border-gray-200.rounded-lg{border-radius:0!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important}.feedViewPage,.feedViewPage .p-3.bg-white.border.border-gray-200.rounded-lg{min-width:100vw!important;width:100vw!important}.feedViewPage{max-width:100vw!important}}.feed-comment-treat-button{align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center}.feed-comment-treat-button img{height:28px;object-fit:contain;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:28px}.feed-comment-treat-button:hover img{transform:scale(1.1)}.feed-comment-treat-button:active img{animation:treat-pop .4s cubic-bezier(.34,1.56,.64,1)}.feed-comment-treat-button:focus{outline:none}.feed-comment-treat-button:focus-visible{outline:none}.feed-comment-treat-button:disabled{cursor:not-allowed;opacity:.5}.feed-comment-treat-button:disabled:hover img{transform:none}body.dark-mode .feed{background:var(--bg-primary)}body.dark-mode .bark{background-color:#000c;border:1px solid var(--border-color);box-shadow:0 1px 2px #0000001a}body.dark-mode .timestamp{color:var(--text-tertiary)}body.dark-mode .barkActions{border-top:1px solid var(--border-color)}body.dark-mode .barkButton{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}body.dark-mode .barkButton:hover{background-color:#0009}body.dark-mode .location-btn.active{box-shadow:0 2px 8px #3b82f666}body.dark-mode .location-display:hover{box-shadow:0 2px 8px #3b82f633}@media (max-width:768px){.mobile-community-feed,.mobile-community-feed.profilePage{flex-grow:0!important;flex-shrink:0!important;height:auto!important;min-height:auto!important}body.dark-mode .feedViewPage{background:var(--bg-primary)}body.dark-mode .bark{background-color:#000c;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color)}body.dark-mode .feedViewPage .feed>div:first-child{background:#000c;border-bottom:1px solid var(--border-color)}body.dark-mode .feedViewPage .feed .InfiniteScroll>div>div>div{background:#000c;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color)}body.dark-mode .feedViewPage .bg-white.border-b.border-gray-200{background:#000c!important;border-bottom:1px solid var(--border-color)!important}body.dark-mode .feedViewPage .p-3.bg-white.border.border-gray-200.rounded-lg{background:#000c!important;border:1px solid var(--border-color)!important}body.dark-mode .feedViewPage .mb-6.px-4.pt-4{background:#000c!important}}.authButton{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:12px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease}.authButton:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.authButton:active{transform:translateY(0)}.authButton:nth-child(2){background:#0000;border:2px solid #667eea;box-shadow:0 4px 16px #667eea1a;color:#667eea}.authButton:nth-child(2):hover{background:#667eea1a;box-shadow:0 8px 24px #667eea33}.userEmail{color:#444;font-size:14px;margin-left:10px}.ellipsis{background:none;border:none;cursor:pointer;font-size:20px;margin-left:10px}.buttonDiv{left:-24px;position:relative}.suggestionsPage{margin:0 auto;max-width:1200px;min-height:100vh;opacity:1;padding:20px;transition:opacity .3s ease-in-out}.suggestionsPage.loading{opacity:.8}.suggestionsHeader{animation:fadeInUp .8s ease-out;margin-bottom:40px;text-align:center}.suggestionsHeader h1{-webkit-text-fill-color:#0000;background:#000;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:8px}.suggestionsHeader p{color:#666;font-size:1.1rem;margin:0}.suggestionsGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.suggestionCard{align-items:flex-start;background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;justify-content:space-between;padding:24px;position:relative;transition:all .3s ease}.suggestionCard:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.suggestionCard .dogInfo{flex:1 1;margin-bottom:0;margin-right:16px}.suggestionCardButton{align-self:flex-start;flex-shrink:0}.suggestionCardButton .addFriendButton{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-weight:600!important;height:36px!important;justify-content:center!important;margin:0!important;min-width:100px!important;opacity:1!important;position:static!important;right:auto!important;top:auto!important;transition:all .2s ease!important;visibility:visible!important;z-index:10!important}.suggestionCardButton .addFriendButton:hover{box-shadow:0 4px 12px #3b82f666!important;transform:translateY(-2px)!important}.suggestionCardButton .addFriendButton:active{transform:translateY(0)!important}.suggestionCardButton .addFriendButton.loading{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;cursor:not-allowed!important;opacity:.8!important}.suggestionCardButton .addFriendButton:disabled{cursor:not-allowed!important;opacity:.6!important}.suggestionCard .dogAvatar{border:none;border-radius:50%;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.dogInfo .dogAvatar{height:48px;width:48px}.suggestionCard:hover .dogAvatar{transform:scale(1.05)}.suggestionCard .dogName{color:#333;font-size:18px;font-weight:700;margin-bottom:4px}.suggestionCard .dogHandle{color:#666;font-size:14px;margin-bottom:4px}.suggestionCard .dogBreed{color:#888;font-size:13px;margin-bottom:8px}.dogBio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#777;display:-webkit-box;font-size:14px;line-height:1.4;margin-top:8px;overflow:hidden}.loadingMore{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;padding:40px}.noMoreResults{color:#666;font-style:italic;padding:40px;text-align:center}.emptyState{animation:fadeInUp .8s ease-out;padding:60px 20px;text-align:center}.emptyStateIcon{font-size:4rem;margin-bottom:20px}.emptyState h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:12px}.emptyState p{color:#666;font-size:1.1rem;margin:0}.modern-page-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;min-height:calc(100vh - 80px);padding:24px}.dark-mode .modern-page-container{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.page-header{align-items:center;display:flex;gap:16px;margin-bottom:8px}.modern-back-button{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:44px;width:44px}.dark-mode .modern-back-button{background:#3a3a3a;border:1px solid #444;color:#94a3b8}.modern-back-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #00000026;color:#475569;transform:translateY(-1px)}.dark-mode .modern-back-button:hover{background:#444;border-color:#555;box-shadow:0 4px 12px #0000004d;color:#e2e8f0}.header-content{flex:1 1}.page-title{color:#1e293b;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 4px}.dark-mode .page-title{color:#e2e8f0}.page-subtitle{color:#64748b;font-size:1rem;font-weight:500;margin:0}.dark-mode .page-subtitle{color:#94a3b8}.page-content{display:flex;flex:1 1;justify-content:center}.modern-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:600px;overflow:hidden;width:100%}.dark-mode .modern-form-card{background:#3a3a3a;border:1px solid #444;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.modern-form{gap:24px;padding:32px}.form-section,.modern-form{display:flex;flex-direction:column}.form-section{gap:20px}.section-title{align-items:center;border-bottom:2px solid #f1f5f9;color:#333;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0 0 8px;padding-bottom:12px}.dark-mode .section-title{border-bottom:2px solid #444;color:#e2e8f0}.section-icon{font-size:1.1em}.input-group{display:flex;flex-direction:column;gap:8px}.input-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modern-input-label{display:flex;flex-direction:column;gap:6px}.label-text{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.025em}.dark-mode .label-text{color:#e2e8f0}.modern-input,.modern-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:.875rem;padding:12px 16px;transition:all .2s ease;width:100%}.dark-mode .modern-input,.dark-mode .modern-textarea{background:#1a1a1a;border:2px solid #444;color:#e2e8f0}.modern-input:focus,.modern-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.dark-mode .modern-input:focus,.dark-mode .modern-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.modern-input.error,.modern-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.modern-textarea{font-family:inherit;min-height:80px;resize:vertical}.modern-input::placeholder,.modern-textarea::placeholder{color:#9ca3af}.dark-mode .modern-input::placeholder,.dark-mode .modern-textarea::placeholder{color:#64748b}.image-upload-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.image-upload-group,.modern-image-upload-label{display:flex;flex-direction:column;gap:8px}.modern-image-upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;overflow:visible;padding:24px;position:relative;text-align:center;transition:all .2s ease}.dark-mode .modern-image-upload-area{background:#2a2a2a;border:2px dashed #555}.modern-image-upload-area:hover{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.dark-mode .modern-image-upload-area:hover{background:#1e3a8a;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.image-upload-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.image-upload-content{align-items:center;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.upload-icon{color:#6b7280;transition:color .2s ease}.modern-image-upload-area:hover .upload-icon{color:#3b82f6}.upload-text{color:#6b7280;font-size:.875rem;font-weight:500;transition:color .2s ease}.dark-mode .upload-text{color:#94a3b8}.modern-image-upload-area:hover .upload-text{color:#3b82f6}.modern-image-preview{border:2px solid #e5e7eb;border-radius:12px;height:120px;object-fit:cover;transition:all .2s ease;width:100%}.dark-mode .modern-image-preview{border:2px solid #555}.modern-image-preview.banner{height:80px}.modern-image-preview:not(.banner){background:#0000;border:2px solid #e5e7eb;border-radius:50%;height:120px;width:120px}.modern-image-preview:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.avatar-preview-container{display:inline-block;position:relative}.avatar-controls{display:flex;gap:4px;position:absolute;right:-8px;top:-8px;z-index:30}.avatar-controls-below{display:flex;gap:8px;justify-content:center;margin-top:12px;z-index:30}.remove-avatar-button{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;pointer-events:auto;transition:all .2s ease;width:28px;z-index:31}.remove-avatar-button:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:scale(1.1)}.remove-avatar-button svg{height:14px;width:14px}.form-actions{border-top:1px solid #f1f5f9;display:flex;justify-content:center;padding-top:16px}.modern-submit-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;min-width:160px;padding:14px 32px;transition:all .2s ease}.modern-submit-button:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.modern-submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.danger-zone{border-radius:12px;margin-top:16px;padding:20px}.danger-zone,.dark-mode .danger-zone{background:#2d2d2d;border-top:2px solid #2d2d2d}.danger-zone-title{align-items:center;color:#ff6b6b;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0 0 8px}.danger-zone-description{color:#fff;font-size:.875rem;line-height:1.5;margin:0 0 16px}.modern-delete-button{align-items:center;background:#dc2626!important;border:none!important;border-radius:8px;color:#fff!important;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.modern-delete-button:hover{background:#dc2626!important;box-shadow:0 4px 12px #dc26264d;color:#fff!important;transform:translateY(-1px)}.modern-loading-container{color:#64748b}.modern-error-container,.modern-loading-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:20px;width:100%}.error-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;max-width:400px;padding:40px;text-align:center}.dark-mode .error-content{background:#3a3a3a;border:1px solid #444;box-shadow:0 4px 6px -1px #0000004d}.error-content svg{color:#ef4444;margin-bottom:16px}.error-content h2{color:#333;font-size:1.5rem;margin:0 0 8px}.dark-mode .error-content h2{color:#e2e8f0}.error-content p{color:#64748b;font-size:.875rem;margin:0 0 24px}.dark-mode .error-content p{color:#94a3b8}.modal-backdrop{background:#00000080;z-index:999}.modal-backdrop,.modern-modal-overlay{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;contain:layout style paint;left:0;position:fixed;right:0;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:opacity}.modern-modal-overlay{align-items:center;display:flex;justify-content:center;z-index:1000}.modern-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:32px;width:90%}.dark-mode .modern-modal{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#3a3a3a;border:1px solid #444;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;transform:translateZ(0);will-change:transform,opacity}.modal-header{margin-bottom:24px;text-align:center}.modal-header svg{margin-bottom:16px}.modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 8px}.dark-mode .modal-header h2{color:#e2e8f0}.modal-header p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.dark-mode .modal-header p{color:#94a3b8}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-cancel-button{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#64748b!important;font-size:.875rem!important;font-weight:600!important;padding:10px 20px!important;transition:all .2s ease!important}.modal-cancel-button:hover{background:#e2e8f0!important;color:#475569!important}.modal-confirm-button{background:#dc2626!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;padding:10px 20px!important;transition:all .2s ease!important}.modal-confirm-button:hover{background:#b91c1c!important;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.modern-avatar-upload{align-items:center;display:flex;flex-direction:column;gap:16px}.modern-avatar-preview{border:4px solid #f0f0f0;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100px;object-fit:cover;transition:transform .3s ease;width:100px}.modern-avatar-preview:hover{transform:scale(1.05)}.modern-default-avatar{align-items:center;border:4px solid #f0f0f0;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;font-size:36px;font-weight:700;height:100px;justify-content:center;transition:transform .3s ease;width:100px}.modern-default-avatar:hover{transform:scale(1.05)}.modern-avatar-placeholder{align-items:center;background:#fafafa;border:4px dashed #ddd;border-radius:50%;color:#999;display:flex;height:100px;justify-content:center;width:100px}.modern-avatar-upload-controls{align-items:center;display:flex;gap:12px}.modern-upload-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.modern-upload-button:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.modern-remove-avatar{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.modern-remove-avatar:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}@media (max-width:768px){.modern-page-container{gap:16px;padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-title{font-size:1.75rem}.modern-form{gap:20px;padding:24px}.input-row{gap:0;grid-template-columns:1fr}.image-upload-section{gap:16px;grid-template-columns:1fr}.modal-actions{flex-direction:column}.modern-modal{margin:16px;padding:24px}}@media (max-width:480px){.modern-page-container{padding:12px}.page-title{font-size:1.5rem}.modern-form{padding:20px}.modern-form-card{border-radius:12px}.modern-avatar-placeholder,.modern-avatar-preview,.modern-default-avatar{height:80px;width:80px}.modern-default-avatar{font-size:28px}.error-content{padding:24px}}.profilePage.feedViewPage.homePage{display:flex;flex-direction:column;gap:20px;padding:15px}.profilePage.feedViewPage.homePage .page-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:0;padding:20px}.dark-mode .profilePage.feedViewPage.homePage .page-header{background:#3a3a3a;box-shadow:0 1px 3px #0000004d}.profilePage.feedViewPage.homePage .page-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:1 1;overflow:hidden}.dark-mode .profilePage.feedViewPage.homePage .page-content{background:#3a3a3a;box-shadow:0 1px 3px #0000004d}.profilePage.feedViewPage.homePage .modern-form-card{border:none;border-radius:0;box-shadow:none;height:100%}.profilePage.feedViewPage.homePage .modern-form{height:100%;padding:32px}@media (max-width:768px){.profilePage.feedViewPage.homePage.mobile-community-feed{flex-basis:auto!important;flex-grow:0!important;flex-shrink:0!important;height:auto!important;margin-top:0!important;min-height:auto!important;padding-top:0!important}.profilePage.feedViewPage.homePage{gap:0;padding:12px 0 0!important}.settings-slide-in{margin-top:39px!important}.profilePage.feedViewPage.homePage .page-header{padding:16px}.profilePage.feedViewPage.homePage .modern-form{padding:24px}}@media (max-width:480px){.profilePage.feedViewPage.homePage{padding:0}.profilePage.feedViewPage.homePage .page-header{padding:12px}.profilePage.feedViewPage.homePage .modern-form{padding:20px}}.image-modal-overlay{align-items:center!important;background:#000000e6!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.bark-card{cursor:pointer}.profilePage{background-color:#fff;border:1px solid #ddd;border-radius:18px;flex-grow:1;margin:17px auto;max-width:600px}.bannerContainer{background-color:#eee;height:200px;position:relative}.bannerImage{height:100%;object-fit:cover;width:100%}.avatar{background-color:#fff;border:4px solid #fff;border-radius:50%;bottom:-50px;height:100px;left:20px;position:absolute;width:100px}.profileDetails{padding:60px 20px 0}.name{margin:0}.handle{color:#555;margin:4px 0 8px}.bio{margin-bottom:8px}.meta{color:#777;font-size:14px}.statsRow{display:flex;font-weight:700;justify-content:space-around;margin-top:16px}.profileHeaderRow{align-items:center;display:flex;justify-content:space-between}.profileHeaderRow button.barkButtonNav{position:relative;right:50px;top:15px}.addFriendButton,.profileDetails{position:relative}.addFriendButton{background-color:#ffae42;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-height:41px;min-width:110px;padding:9px 12px;text-align:center;transition:background-color .2s ease;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.addFriendButton:hover{background-color:#ff9800}.addFriendButton.sent{background:linear-gradient(135deg,#fef08a,#fde047)!important;border:1px solid #fff3!important;box-shadow:0 4px 12px #fde0474d,0 2px 4px #0000001a!important;color:#000!important;font-weight:600!important;transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .addFriendButton.sent{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:1px solid #ffffff1a!important;box-shadow:0 2px 6px #f59e0b59!important;color:#000!important}.addFriendButton.friends{background:linear-gradient(135deg,#4ade80,#22c55e)!important;border:1px solid #fff3!important;box-shadow:0 4px 12px #22c55e4d,0 2px 4px #0000001a!important;color:#fff!important;font-weight:600!important;transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .addFriendButton.friends{background:linear-gradient(135deg,#15803d,#166534)!important;border:1px solid #ffffff0f!important;box-shadow:0 4px 12px #15803d1f,0 2px 4px #0000004d!important}.addFriendButton.add{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:1px solid #fff3!important;box-shadow:0 4px 12px #3b82f64d,0 2px 4px #0000001a!important;color:#fff!important;font-weight:600!important;transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .addFriendButton.add{background:linear-gradient(135deg,#1e40af,#1e3a8a)!important;border:1px solid #ffffff0f!important;box-shadow:0 4px 12px #1e40af1f,0 2px 4px #0000004d!important}.addFriendButton.sent:active:not(:disabled),.addFriendButton:active:not(:disabled){transform:scale(.95);transition:transform .1s ease}.addFriendButton.loading{background:#f0f0f0!important;color:#666!important;min-height:41px!important}.addFriendButton.animating{background:#ffae42!important;color:#fff!important;min-height:41px!important;transform:scale(.95)}.addFriendButton.add.loading{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;display:flex;justify-content:center;min-height:41px!important}body.dark-mode .addFriendButton.add.loading{background:linear-gradient(135deg,#1e40af,#1e3a8a)!important}.addFriendButton.add.animating{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;display:flex;justify-content:center;min-height:36px}body.dark-mode .addFriendButton.add.animating{background:linear-gradient(135deg,#1e40af,#1e3a8a)!important}.addFriendButton.incoming{background:linear-gradient(135deg,#fef08a,#fde047)!important;border:1px solid #fff3!important;box-shadow:0 4px 12px #fde0474d,0 2px 4px #0000001a!important;color:#000!important;font-weight:600!important;transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .addFriendButton.incoming{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:1px solid #ffffff1a!important;box-shadow:0 2px 6px #f59e0b59!important;color:#000!important}.menuWrapper{display:inline-block;position:relative}.dropdownMenu{background-color:#fff;border:1px solid #ddd;border-radius:18px;box-shadow:0 2px 8px #0003;right:-56px;top:30px;z-index:1000}.dropdownMenu,.fancyDropdownMenu{animation:slideDown .2s ease-out;position:absolute}.fancyDropdownMenu{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;font-family:Segoe UI,system-ui,sans-serif;font-weight:500;left:-58px;letter-spacing:.1px;max-width:320px;min-width:280px;opacity:1;padding:8px 0;top:100%;transform:none;z-index:10002}.state-a-dog-menu-portal .fancyDropdownMenu{left:auto;position:static;top:auto}.menuWrapper .fancyDropdownMenu{border-radius:12px;left:-90px;max-height:400px;max-width:280px;min-width:280px;overflow:hidden;overflow-y:auto;padding:0}.fancyDropdownMenu .menuItem{align-items:center;background:#0000;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin:1px 7px;overflow:hidden;padding:12px 18px;text-align:left;text-decoration:none;text-overflow:ellipsis;transition:background .13s,color .13s;white-space:nowrap;width:calc(100% - 14px)}.fancyDropdownMenu .menuItem:hover{background:#0000000a}.fancyDropdownMenu .menuItem.dogCard{align-items:center!important;flex-direction:column!important;overflow:visible!important;text-align:center!important;white-space:normal!important}.fancyDropdownMenu::-webkit-scrollbar{width:6px}.fancyDropdownMenu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.fancyDropdownMenu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.fancyDropdownMenu::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dropdownMenu.closing{animation:slideUp .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.dropdownMenu button{background:none;border:none;cursor:pointer;padding:10px;text-align:left;width:100%}.dropdownMenu button:hover{background-color:#f5f5f5}.dropdownMenu .dropdownButton{background:none;border:none;color:#000;cursor:pointer;display:block;font-size:14px;padding:10px;text-align:left;text-decoration:none;width:80%}.dropdownMenu .dropdownButton:hover{background-color:#f0f0f0}.dropdownMenu .dropdownButtonDog{background:none;border:none;color:#000;cursor:pointer;display:block;font-size:14px;padding:10px;text-align:left;text-decoration:none;width:100%}.dropdownMenu .dropdownButtonDog:hover{background-color:#f0f0f0}.userAvatar{align-items:center;background-color:#ccc;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.unfriendMenu{align-self:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #e5e7ebcc;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #0000001a;left:-1000px;margin-top:8px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:fixed;top:-1000px;transform:scale(.9) translateY(-8px);transition:all .25s cubic-bezier(.34,1.56,.64,1);width:-webkit-max-content;width:max-content;z-index:10}.unfriendMenu.open{animation:menuAppear .25s cubic-bezier(.34,1.56,.64,1) forwards;opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}@keyframes menuAppear{0%{opacity:0;transform:scale(.9) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.bark-overlay{margin:0 auto!important}.logo-loader-container{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.logo-glisten-wrapper{display:inline-block;position:relative}.rebarked{color:grey}body.dark-mode .rebarked{color:#94a3b8}.logo-glisten{display:block;height:auto;position:relative;width:220px;z-index:1}.glisten-effect{animation:glisten 1.8s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(120deg,#fff0 40%,#ffffffb3 50%,#fff0 60%);height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);width:100%;z-index:2}@keyframes glisten{0%{transform:translateX(-100%)}60%{transform:translateX(120%)}to{transform:translateX(120%)}}.myDogsPage{min-height:33.3vh;padding:20px 0}.myDogsPage .myDogCard{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;flex-direction:column;padding:16px;position:relative;transition:all .3s ease;width:100%}.myDogsPage .myDogCard:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.myDogsPage .myDogCard.activeDog{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;box-shadow:0 8px 25px #3b82f633}.myDogsPage .myDogCard.activeDog:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 12px 35px #3b82f64d;transform:translateY(-2px)}.myDogsPage .dogCardHeader{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px;position:relative}.myDogsPage .avatarContainer{display:inline-block;position:relative}.myDogsPage .myDogCard .dogAvatar{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;height:64px;object-fit:cover;transition:all .3s ease;width:64px}.myDogsPage .myDogCard:hover .dogAvatar{box-shadow:0 6px 20px #0003;transform:scale(1.05)}.myDogsPage .notificationBadge{background:linear-gradient(135deg,#ff4757,#ff3742);box-shadow:0 2px 8px #ff47574d;line-height:1;min-width:24px;padding:0 4px;text-align:center}.myDogsPage .activeIndicator,.myDogsPage .notificationBadge{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;position:absolute;right:-2px;top:-2px;z-index:10}.myDogsPage .activeIndicator{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;width:24px}.myDogsPage .ellipsisContainer{position:relative}.myDogsPage .ellipsisButton{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:20px;font-weight:700;line-height:1;padding:4px 8px;transition:all .2s ease}.myDogsPage .ellipsisButton:hover{background:#64748b1a;color:#475569}.myDogsPage .dogCardContent{display:flex;flex-direction:column;gap:12px}.myDogsPage .dogInfo{display:flex;flex-direction:column;gap:4px}.myDogsPage .myDogCard .dogName{color:#1e293b;font-size:18px;font-weight:700;line-height:1.3;margin:0}.myDogsPage .myDogCard .dogHandle{color:#64748b;font-size:14px;font-weight:500;line-height:1.3;margin:0}.myDogsPage .myDogCard .dogBreed{color:#94a3b8;font-size:12px;font-style:italic;font-weight:400;line-height:1.3;margin:0}.myDogsPage .dogActions,.myDogsPage .loginAsButton{display:flex;justify-content:center}.myDogsPage .loginAsButton{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:25px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;width:100%}.myDogsPage .loginAsButton:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.myDogsPage .loginAsButton.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133}.myDogsPage .loginAsButton.active:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.myDogsPage .dogCardMenu{align-items:stretch;background:#fff;border-radius:9px;box-shadow:0 4px 24px #0000001c;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;font-weight:500;gap:0;letter-spacing:.1;padding:4px 8px;position:absolute;right:0;top:20%;width:-webkit-fit-content;width:fit-content;z-index:99999}@media (max-width:480px){.addFriendButton{right:28px}}@media (max-width:768px){.fancyDropdownMenu{max-width:280px;min-width:240px;right:-20px}}body.bark-image-overlay-open .sidebar{border-right:1.5px solid #eee!important;box-shadow:2px 0 12px 0 #0000000a!important;left:0!important}body.bark-image-overlay-open .rightbar,body.bark-image-overlay-open .sidebar{background:#fff!important;bottom:0!important;position:fixed!important;top:60px!important;z-index:1001!important}body.bark-image-overlay-open .rightbar{border-left:1.5px solid #eee!important;box-shadow:-2px 0 12px 0 #0000000a!important;right:0!important}@media (max-width:768px){body.bark-image-overlay-open .mobile-top-header{display:none!important}}body.bark-text-overlay-open .rightbar,body.bark-text-overlay-open .sidebar{z-index:1001!important}@media (max-width:768px){.layoutWrap{margin-top:0!important;padding-bottom:60px;padding-top:0!important}.layoutWrap:has(.settings-slide-in){padding-top:30px!important}body{overflow-x:hidden!important;padding-bottom:60px!important;padding-top:41px!important;width:100%!important}body.state-x-user{padding-top:0!important}body.community-page,body.state-x-user{padding-bottom:0!important}.layoutWrap:has(.mobile-community-feed){padding-bottom:0!important}#root,.dogProfilePage,.layoutWrap,.pageBackground,.profilePage{overflow-x:hidden!important;width:100%!important}.dogProfilePage,.profilePage{margin:0!important;max-width:100%!important}}body.landing-page .header,body.landing-page .layoutWrap,body.landing-page .rightbar,body.landing-page .sidebar{display:none!important}body.landing-page{margin:0;padding:0}body.signup-page .header,body.signup-page .layoutWrap,body.signup-page .rightbar,body.signup-page .sidebar{display:none!important}body.signup-page{margin:0;padding:0}@media (min-width:769px) and (max-width:1246px){body.on-admin-route:not(.on-admin-panel) .profilePage.feedViewPage{margin-left:max(312px,calc(50vw - 252px))!important;margin-right:auto!important}}@media (min-width:1247px){body.on-admin-route:not(.on-admin-panel) .profilePage.feedViewPage{margin-left:calc(75vw - 562.5px)!important;margin-right:auto!important}}@media (min-width:1247px) and (max-width:1459px){body.on-admin-panel .sidebar{left:0!important}body.on-admin-panel .layoutWrap>div:not(.sidebar):not(.rightbar):not(.bark-overlay){margin-left:312px!important;margin-right:16px!important;max-width:none!important}}@media (min-width:1460px){.rightbar,.sidebar{transform:translateZ(0);transition:transform .4s cubic-bezier(.4,0,.2,1),left .4s cubic-bezier(.4,0,.2,1),right .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1)!important;will-change:transform}body:has(.settings-slide-in) .sidebar{left:calc(50vw - 621px);transform:translateX(-94.26px) translateZ(0);width:296px!important}body:has(.settings-slide-in) .rightbar{right:calc(50vw - 621px);transform:translateX(94.26px) translateZ(0);width:296px!important}body.on-admin-panel .sidebar{left:0!important;transform:translateX(0) translateZ(0)!important}body.on-admin-panel .rightbar{right:0!important;transform:translateX(0) translateZ(0)!important}body.on-admin-panel .profilePage{max-width:calc(100vw - 624px)!important}body.page-loading .sidebar{transform:translateX(-94.26px) translateZ(0)!important;transition:none!important}body.page-loading .rightbar{transform:translateX(94.26px) translateZ(0)!important;transition:none!important}body:not(:has(.settings-slide-in)):not(.page-loading):not(.on-admin-page) .sidebar{transform:translateX(0) translateZ(0)}body:not(:has(.settings-slide-in)):not(.page-loading):not(.on-admin-page) .rightbar{transform:translateX(0) translateZ(0)}}.rightbar,.sidebar{contain:layout style paint;isolation:isolate}body.page-loading .rightbar,body.page-loading .sidebar{pointer-events:none}body:not(.page-loading) .rightbar,body:not(.page-loading) .sidebar{pointer-events:auto}@media (min-width:1460px){body.leaving-image-bark .sidebar{left:0!important;transition:none!important;width:260px!important}body.leaving-image-bark .rightbar{right:0!important;transition:none!important;width:260px!important}}body.login-page .header,body.login-page .layoutWrap,body.login-page .rightbar,body.login-page .sidebar{display:none!important}body.login-page{margin:0;padding:0}.mobile-notifications-dropdown{position:fixed!important;z-index:100000!important}.mobile-notifications-backdrop{overflow:hidden!important;position:fixed!important;touch-action:none!important;z-index:99999!important}[data-notifications-open=true] .mobile-back-button,[data-notifications-open=true] .mobile-back-button-container,[data-notifications-open=true] .new-back-button{visibility:hidden!important}[data-notifications-open=true]{overflow:hidden!important;position:fixed!important;width:100%!important}[data-notifications-open=true] button[style*="position: fixed"][style*="top: 68px"][style*="left: 16px"],[data-notifications-open=true] button[style*="position: fixed"][style*="width: 40px"][style*="height: 40px"]{visibility:hidden!important}.mobile-top-header{position:fixed!important;z-index:1000!important}body.dark-mode .profilePage{background-color:var(--bg-primary);border:1px solid var(--border-color)}body.dark-mode .bannerContainer{background-color:var(--bg-tertiary)}body.dark-mode .avatar{background-color:var(--bg-secondary);border:4px solid var(--bg-secondary)}body.dark-mode .handle,body.dark-mode .meta{color:var(--text-tertiary)}body.dark-mode .dropdownMenu{background-color:var(--bg-secondary);border:1px solid var(--border-color)}body.dark-mode .fancyDropdownMenu{background:var(--bg-secondary);border:1px solid var(--border-color)}body.dark-mode .fancyDropdownMenu .menuItem{color:var(--text-primary)}body.dark-mode .fancyDropdownMenu .menuItem:hover{background:var(--bg-hover)}body.dark-mode .fancyDropdownMenu::-webkit-scrollbar-track{background:var(--bg-tertiary)}body.dark-mode .fancyDropdownMenu::-webkit-scrollbar-thumb{background:var(--text-muted)}body.dark-mode .fancyDropdownMenu::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body.dark-mode .dropdownMenu button{color:var(--text-primary)}body.dark-mode .dropdownMenu button:hover{background-color:var(--bg-hover)}body.dark-mode .dropdownMenu .dropdownButton,body.dark-mode .dropdownMenu .dropdownButtonDog{color:var(--text-primary)}body.dark-mode .dropdownMenu .dropdownButton:hover,body.dark-mode .dropdownMenu .dropdownButtonDog:hover{background-color:var(--bg-hover)}body.dark-mode .userAvatar{background-color:var(--text-muted);color:var(--bg-primary)}body.dark-mode .unfriendMenu{background:var(--bg-secondary);border:1px solid var(--border-color)}body.dark-mode .unfriendMenu button,body.dark-mode .unfriendMenu button:hover{color:#fff!important}@media (max-width:768px){.unfriendMenu{max-width:90vw;min-width:auto;width:-webkit-max-content;width:max-content}.unfriendMenu button{min-width:auto;white-space:nowrap}}@media (min-width:769px){.unfriendMenu{max-width:200px;min-width:120px}}body.dark-mode .logo-loader-container{background:var(--bg-primary)}body.dark-mode .myDogsPage .myDogCard{background:var(--bg-hover);border:1px solid var(--border-color)}body.dark-mode .myDogsPage .myDogCard:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}body.dark-mode .myDogsPage .myDogCard.activeDog{background:var(--bg-tertiary);border:2px solid var(--accent-primary)}body.dark-mode .myDogsPage .myDogCard .dogName{color:var(--text-primary)}body.dark-mode .myDogsPage .ellipsisButton,body.dark-mode .myDogsPage .myDogCard .dogBreed,body.dark-mode .myDogsPage .myDogCard .dogHandle{color:var(--text-tertiary)}body.dark-mode .myDogsPage .ellipsisButton:hover{background:var(--bg-hover);color:var(--text-secondary)}body.dark-mode .myDogsPage .dogCardMenu{background:var(--bg-secondary);border:1px solid var(--border-color)}body.dark-mode.bark-image-overlay-open .sidebar{background:var(--bg-primary)!important;border-right:1.5px solid var(--border-color)!important}body.dark-mode.bark-image-overlay-open .rightbar{background:var(--bg-primary)!important;border-left:1.5px solid var(--border-color)!important}body.dark-mode .image-modal-overlay{background:#000000f2!important}.usermenu-toggle{transition:background .2s!important}.usermenu-toggle-circle{transition:left .2s!important}