*,: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%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.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-2{right:-.5rem}.-right-3{right:-.75rem}.-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-\[60px\]{top:60px}.-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-\[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}.-ml-1{margin-left:-.25rem}.-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-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-6{margin-left:1.5rem}.ml-\[17px\]{margin-left:17px}.ml-auto{margin-left:auto}.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-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}.grid{display:grid}.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-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.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-28{max-height:7rem}.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-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.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-\[80px\]{width:80px}.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}.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-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}.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))}.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}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.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}.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-auto{overflow:auto}.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}.truncate,.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-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-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-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-\[\#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-\[\#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-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{--tw-border-opacity:1;border-color:#1d4ed8;border-color:rgb(29 78 216/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-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{--tw-border-opacity:1;border-color:#7f1d1d;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.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-\[\#000000\]{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/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-\[\#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-\[\#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-\[\#f7f7f7\]\/95{background-color:#f7f7f7f2}.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-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\/50{background-color:#00000080}.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-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-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-blue-900\/90{background-color:#1e3a8ae6}.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-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/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-900\/20{background-color:#7c2d1233}.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-900\/20{background-color:#7f1d1d33}.bg-red-950\/20{background-color:#450a0a33}.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-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-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)}.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-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-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-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-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-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.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}.align-middle{vertical-align:middle}.align-text-bottom{vertical-align:text-bottom}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.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-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-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}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-\[\#64748b\]{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/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-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/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-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-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-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/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-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/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-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-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/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-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-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.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)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.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-1,.ring-2{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-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-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);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-\[\#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-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}.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,.relative{padding-inline:0!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 #fffffff2;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:4px;top:4px;width:16px}.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}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.last\:border-b-0:last-child{border-bottom-width:0}.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-\[\#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-\[\#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-\[\#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-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-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-red-100:hover{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/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-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-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\: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-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-red-300:hover{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/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-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/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\: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\/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\:sticky{position:-webkit-sticky;position:sticky}.md\:bottom-0{bottom:0}.md\:bottom-6{bottom:1.5rem}.md\:right-6{right:1.5rem}.md\:z-10{z-index:10}.md\:mr-8{margin-right:2rem}.md\:mt-8{margin-top:2rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[430px\]{height:430px}.md\:min-h-0{min-height:0}.md\:min-h-\[calc\(100vh-140px\)\]{min-height:calc(100vh - 140px)}.md\:w-64{width:16rem}.md\:w-96{width:24rem}.md\:max-w-3xl{max-width:48rem}.md\:flex-1{flex:1 1}.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\:overflow-y-auto{overflow-y:auto}.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-6{padding-bottom:1.5rem}.md\:pr-2{padding-right:.5rem}.md\:pt-6{padding-top:1.5rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (prefers-color-scheme:dark){.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 *,.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:center;animation:fadeIn .3s ease-out;background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;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:80vh;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:#f0f0f0;display:flex;height:350px;justify-content:center;overflow:hidden;position:relative;width:100%}.ReactCrop{overflow:visible}.cropper-image{object-fit:contain;-webkit-user-select:none;user-select:none}.ReactCrop,.cropper-image{max-height:100%;max-width:100%}.ReactCrop{cursor:crosshair;display:inline-block;overflow:hidden;position:relative}.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;transform:scale(1.2)!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}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:var(--bg-tertiary)}.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}@media (max-width:768px){.circular-cropper-overlay{left:-33px;top:-69px}.circular-cropper-modal{max-height:85vh;width:95vw}.cropper-container{height:300px}.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}.cancel-button,.crop-button{font-size:15px;padding:14px 20px;width:100%}}@media (max-width:480px){.circular-cropper-modal{max-height:90vh;width:95vw}.cropper-container{height:250px}.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}.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}.whoToFollowContainer .requestSentBtn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:20px;box-shadow:0 2px 8px #10b98133;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 .requestSentBtn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;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,#10b981,#059669)!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 8px #10b98133!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 .requestSentBtn.compact:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 4px 12px #10b9814d!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:120px;position:absolute;right:0;top:100%;z-index:10}@keyframes cancelMenuSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.whoToFollowContainer .cancelBtn{background:#0000;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;text-align:left;transition:all .2s ease;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}.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:#1a1a1a;color:#fff}body.dark-mode .whoToFollowContainer .cancelBtn:hover{background:#2a2a2a;color:#fff}body.dark-mode .whoToFollowContainer .cancelBtn:active{background:#0a0a0a}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)}.tab-navigation-container{transform-origin:center top;transition:none}.tab-navigation-sticky{animation:stickySlideDown .15s ease-out forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#fffffff2;border-bottom:1px solid #e5e7ebcc;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes stickySlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tab-navigation-sticky .tab-button{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:none}.tab-navigation-sticky .tab-button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.tab-button{overflow:hidden;position:relative;transition:none}.tab-button .tab-indicator{background:linear-gradient(90deg,#3b82f6,#1e40af);bottom:0;height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:transform .2s ease-out}.tab-button[aria-selected=true] .tab-indicator,.tab-indicator.active{transform:scaleX(1)}.tab-button:after{background:#3b82f633;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:none;width:0}.tab-button:active:after{height:200px;width:200px}.tab-navigation-sticky-glow{animation:stickyGlowIn .4s cubic-bezier(.4,0,.2,1) forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#fffffff2;border-bottom:1px solid #e5e7ebcc;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #3b82f61a}@keyframes stickyGlowIn{0%{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 #3b82f600;opacity:0;transform:translateY(-10px)}to{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #3b82f61a;opacity:1;transform:translateY(0)}}.tab-content-offset{transition:none}.tab-navigation-sticky+.tab-content-offset{margin-top:64px}@media (min-width:769px) and (max-width:1153px){.tab-navigation-sticky{box-sizing:border-box!important;left:303px!important;max-width:800px!important;width:calc(100vw - 303px)!important}}@media (min-width:1154px) and (max-width:1246px){.tab-navigation-sticky{box-sizing:border-box!important;left:296px!important;max-width:800px!important;width:calc(100vw - 296px)!important}}@media (max-width:768px){.tab-navigation-sticky{animation-duration:.2s}.tab-button:hover{box-shadow:none;transform:none}}body.dark-mode .tab-navigation-sticky{background-color:#1a1a1af2;border-bottom:1px solid #444c;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}body.dark-mode .tab-navigation-sticky-glow{background-color:#1a1a1af2;border-bottom:1px solid #444c;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 20px #3b82f61a}body.dark-mode .tab-button{color:#c3c1c1}body.dark-mode .tab-button:hover{background-color:var(--bg-hover);color:#94a3b8}body.dark-mode .tab-button[aria-selected=true]{color:#fff}body.dark-mode .tab-button .tab-indicator{background:linear-gradient(90deg,#3b82f6,#1e40af)}body.dark-mode .tab-button:after{background:#3b82f633}@keyframes stickyGlowInDark{0%{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 0 #3b82f600;opacity:0;transform:translateY(-10px)}to{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 20px #3b82f61a;opacity:1;transform:translateY(0)}}.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:999}.mobile-back-button{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;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1000}.mobile-back-button:hover{box-shadow:0 8px 24px #00000026;transform:scale(1.1)}.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 54px;position:relative}.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-message{color:#155fa0;font-size:13px;font-weight:500;line-height:1.4}.mobile-compact-actions,.mobile-treat-message{background:#f8fafc;border-top:1px solid #f1f5f9;padding:8px 20px}.mobile-compact-actions{align-items:center;border-bottom-left-radius:12px;border-bottom-right-radius:12px;display:flex;justify-content:space-between}.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}.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-message{background:var(--bg-tertiary);border-top-color:var(--border-color);color:var(--accent-primary)}body.dark-mode .mobile-compact-actions{background:var(--bg-tertiary);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-color:var(--border-color)}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}}.feed-suggested-dogs{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin:16px 0;padding:20px 0;transition:all .3s ease}.feed-suggested-dogs:hover{box-shadow:0 8px 16px -4px #0000001a;transform:translateY(-2px)}.feed-suggested-dogs.dark-mode{background:linear-gradient(135deg,#13161e,#222f5a 50%,#101524);border:1px solid #3b82f6;box-shadow:0 4px 6px -1px #0000004d}.feed-suggested-dogs.dark-mode:hover{box-shadow:0 8px 16px -4px #0006}.feed-suggested-header{margin-bottom:16px;text-align:center}.feed-suggested-header h3{align-items:center;color:#1e40af;display:flex;font-size:18px;font-weight:700;gap:8px;justify-content:center;margin:0 0 4px}.feed-suggested-header p{color:#1e40af;font-size:14px;font-weight:500;margin:0}.feed-suggested-dogs.dark-mode .feed-suggested-header h3{color:#fff;text-shadow:0 1px 2px #0000004d}.feed-suggested-dogs.dark-mode .feed-suggested-header p{color:#e2e8f0}.feed-suggested-container{align-items:center;display:flex;gap:12px;padding:0 60px;position:relative}.feed-suggested-grid{align-items:stretch;display:flex;flex:1 1;gap:16px;justify-content:center}.carousel-arrow{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.carousel-arrow:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 4px 12px #3b82f666;transform:translateY(-50%) translateY(-2px)}.feed-suggested-dogs.dark-mode .carousel-arrow{background:linear-gradient(135deg,#fff,#e2e8f0);box-shadow:0 2px 8px #0003;color:#1e40af}.feed-suggested-dogs.dark-mode .carousel-arrow:hover{background:linear-gradient(135deg,#f8fafc,#cbd5e1);box-shadow:0 4px 12px #0000004d;color:#1e3a8a}.carousel-arrow:active{transform:translateY(-50%)}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.carousel-arrow-left{order:-1}.carousel-arrow-right{order:1}.feed-suggested-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:12px;max-width:140px;padding:16px 12px;text-align:center}.feed-suggested-dogs.dark-mode .feed-suggested-card{background:#2a2a2a;border:1px solid #444}.suggested-card-clickable{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;width:100%}.suggested-card-clickable:hover .suggested-name{color:#3b82f6}.feed-suggested-dogs.dark-mode .suggested-name{color:#e2e8f0}.feed-suggested-dogs.dark-mode .suggested-handle{color:#94a3b8}.feed-suggested-dogs.dark-mode .suggested-card-clickable:hover .suggested-name{color:#60a5fa}.suggested-button-container{margin-top:auto;width:100%}.feed-suggested-card.loading{background:#f8fafc;border-color:#e2e8f0;opacity:.7}.feed-suggested-dogs.dark-mode .feed-suggested-card.loading{background:#2a2a2a;border-color:#444;opacity:.7}.suggested-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:48px;object-fit:cover;width:48px}.suggested-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.suggested-name{color:#1e293b;font-size:14px;font-weight:600;line-height:1.2}.suggested-handle,.suggested-name{max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.suggested-handle{color:#64748b;font-size:12px}.suggested-button{background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:auto;min-width:80px;padding:8px 12px;transition:all .2s ease}.feed-suggested-dogs.dark-mode .suggested-button{background:linear-gradient(135deg,#fff,#e2e8f0);box-shadow:0 2px 4px #0000001a;color:#1e40af}.suggested-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.feed-suggested-dogs.dark-mode .suggested-button:hover:not(:disabled){background:linear-gradient(135deg,#f8fafc,#cbd5e1);box-shadow:0 4px 8px #0003;color:#1e3a8a}.suggested-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.suggested-button.sent{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.suggested-avatar-skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:50%;height:48px;width:48px}.suggested-name-skeleton{height:16px;width:60px}.suggested-handle-skeleton,.suggested-name-skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:4px}.suggested-handle-skeleton{height:12px;width:45px}.suggested-button-skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:8px;height:32px;width:80px}.feed-suggested-dogs.dark-mode .suggested-avatar-skeleton,.feed-suggested-dogs.dark-mode .suggested-button-skeleton,.feed-suggested-dogs.dark-mode .suggested-handle-skeleton,.feed-suggested-dogs.dark-mode .suggested-name-skeleton{background:linear-gradient(90deg,#404040 25%,#555 50%,#404040 75%)}.carousel-progress{margin-top:12px;text-align:center}.carousel-progress-text{background:#f1f5f9;border-radius:12px;color:#64748b;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.feed-suggested-dogs.dark-mode .carousel-progress-text{background:#404040;color:#94a3b8}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.feed-suggested-dogs{margin:12px 0;padding:16px 0}.feed-suggested-container{gap:8px;padding:0 50px}.carousel-arrow-left{left:5px}.carousel-arrow-right{right:5px}.feed-suggested-grid{gap:12px}.carousel-arrow{height:36px;width:36px}.carousel-arrow svg{height:16px;width:16px}.feed-suggested-card{max-width:120px;padding:12px 8px}.suggested-avatar{height:40px;width:40px}.suggested-name{font-size:13px;max-width:90px}.suggested-handle{font-size:11px;max-width:90px}.suggested-button{font-size:11px;min-width:70px;padding:6px 8px}}.rebark-header{--tw-text-opacity:1;align-items:center;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1));display:flex;font-size:.875rem;gap:.5rem;line-height:1.25rem;margin-bottom:.5rem;padding:.5rem 1rem}.rebark-wrapper{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.5rem;border-width:1px;overflow:hidden}.rebark-content{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.rebark-icon{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1));height:1rem;width:1rem}.rebark-text{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1));font-weight:500}.rebark-link{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1));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)}.rebark-link:hover{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.profilePage.dogProfilePage{min-height:100vh}.profilePage.dogProfilePage,body{background:var(--bg-primary)}.spinner-dots{display:inline-flex}.spinner-dots span{animation:pulse 1.4s ease-in-out infinite both;background-color:currentColor;height:4px;width:4px}.spinner-dots span:first-child{animation-delay:-.32s}.spinner-dots span:nth-child(2){animation-delay:-.16s}.menu-slide-down{animation:slideDown .15s ease-out forwards}.menu-slide-up{animation:slideUp .15s ease-in forwards}.modern-loading-container{background:#fff;min-height:60vh}.dark-mode .modern-loading-container{background:#1a1a1a}.loading-spinner{gap:16px}.modern-error-container{background:#fff;min-height:60vh}.dark-mode .modern-error-container{background:#1a1a1a}.error-content{border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:32px}.dark-mode .error-content{box-shadow:0 4px 6px #0000004d}.error-content h2{color:#1e293b;font-weight:600}.modern-page-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:600px;padding:20px;width:100%}.dark-mode .modern-page-container{background:#3a3a3a;box-shadow:0 1px 3px #0000004d}.modern-back-button{align-items:center;box-shadow:0 1px 3px #0000001a;color:#64748b;cursor:pointer;display:flex;justify-content:center;margin-bottom:16px;transition:all .2s ease}.dark-mode .modern-back-button{box-shadow:0 1px 3px #0000004d}.modern-back-button:hover{transform:scale(1.05)}.modern-back-button:active{transform:scale(.95)}.page-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 4px}.dark-mode .page-header h1{color:#e2e8f0}.page-header p{color:#64748b;font-size:1rem;margin:0}.dark-mode .page-header p{color:#94a3b8}.form-section h3{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 .form-section h3{border-bottom:2px solid #444;color:#e2e8f0}.input-group{margin-bottom:16px}.modern-image-upload-area:hover{border-color:#9ca3af}.dark-mode .modern-image-upload-area:hover{border-color:#666}.upload-icon{margin-bottom:8px}.dark-mode .upload-icon{color:#94a3b8}.dark-mode .form-actions{border-top:1px solid #444}.modern-submit-button{box-shadow:0 2px 4px #3b82f64d;font-size:1rem;padding:12px 32px}.modern-submit-button:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.modern-submit-button:disabled{box-shadow:0 2px 4px #3b82f64d;opacity:.6}.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{animation:pulse 2s ease-in-out infinite;height:60px;object-fit:contain;width:60px}.glisten-effect{animation:glisten 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);left:-100%}.dark-mode .glisten-effect{animation:glisten 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#1a1a1a1a 20%,#1a1a1a4d 50%,#1a1a1a1a 80%,#0000)}.user-profile-setup{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.setup-container{max-width:600px;width:100%}.setup-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.setup-header{background:linear-gradient(135deg,#ffae42,#ffb84d);color:#fff;padding:40px 40px 20px;text-align:center}.setup-header h1{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.setup-header p{font-size:16px;font-weight:500;margin:0;opacity:.9}.setup-form{padding:40px}.avatar-section{margin-bottom:32px}.avatar-upload{align-items:center;display:flex;flex-direction:column;gap:16px}.avatar-preview{border:4px solid #f0f0f0;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100px;object-fit:cover;width:100px}.default-avatar{border:4px solid #f0f0f0;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;font-size:36px;font-weight:700}.avatar-placeholder,.default-avatar{align-items:center;display:flex;height:100px;justify-content:center;width:100px}.avatar-placeholder{background:#fafafa;border:4px dashed #ddd;border-radius:50%;color:#999}.avatar-upload-controls{align-items:center;display:flex;gap:12px}.file-input{display:none}.upload-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.upload-button:hover{background:#0056b3}.remove-avatar{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.remove-avatar:hover{background:#c82333}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:20px}.form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-textarea{background:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#ffae42;box-shadow:0 0 0 3px #ffae421a;outline:none}.form-input.error,.form-textarea.error{border-color:#dc3545}.form-textarea{min-height:80px;resize:vertical}.error-message{color:#dc3545;font-size:14px;font-weight:500;margin-top:6px}.submit-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:20px;padding:12px;text-align:center}.submit-button{background:linear-gradient(135deg,#ffae42,#ffb84d);border:none;border-radius:8px;box-shadow:0 4px 12px #ffae424d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;padding:16px 24px;transition:all .2s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #ffae4266;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.setup-container{max-width:100%}.setup-header{padding:30px 20px 15px}.setup-header h1{font-size:24px}.setup-form{padding:30px 20px}.form-row{gap:0;grid-template-columns:1fr}.avatar-upload-controls{flex-direction:column;gap:8px}.remove-avatar,.upload-button{text-align:center;width:100%}}@media (max-width:480px){.user-profile-setup{padding:10px}.setup-header{padding:25px 15px 10px}.setup-form{padding:25px 15px}.avatar-placeholder,.avatar-preview,.default-avatar{height:80px;width:80px}.default-avatar{font-size:28px}}.loginPage{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative;width:100%}.loginPage:after{background:linear-gradient(135deg,#0f0f23d9,#1a1a2ee6 25%,#16213ee6 50%,#0f3460d9);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.loginBackgroundOrb1{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffa50026,#0000);height:200px;left:5%;top:10%;width:200px}.loginBackgroundOrb1,.loginBackgroundOrb2{border-radius:50%;position:absolute;z-index:1}.loginBackgroundOrb2{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#667eea1a,#0000);height:300px;right:10%;top:60%;width:300px}.loginTopNav{justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.backButton,.loginTopNav{align-items:center;display:flex}.backButton{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;height:44px;justify-content:center;transition:all .2s ease;width:44px}.backButton:hover{background:#fff3;transform:translateY(-1px)}.backButton:active{transform:translateY(0)}.loginLogo{filter:brightness(0) invert(1);height:40px;opacity:.95}.signUpButton{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:25px;box-shadow:0 6px 20px #ff6b354d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 28px;transition:all .2s ease}.signUpButton:hover{box-shadow:0 8px 25px #ff6b3566;transform:translateY(-1px)}.signUpButton:active{transform:translateY(0)}.loginContent{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px;position:relative;z-index:2}.loginBox{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 80px #0000004d;max-width:480px;padding:48px;width:100%}.loginBoxHeader{margin-bottom:36px;text-align:center}.loginTitle{color:#1a1a2e;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.loginSubtitle{color:#666;font-size:16px;font-weight:500;line-height:1.5;margin:0}.loginForm{gap:20px}.inputGroup,.loginForm{display:flex;flex-direction:column}.inputGroup{gap:8px}.inputLabel{color:#1a1a2e;font-size:14px;font-weight:700;margin:0}.loginInput{background:#fff;border:2px solid #e8e8e8;border-radius:12px;box-sizing:border-box;font-size:16px;font-weight:500;padding:16px;transition:all .3s ease;width:100%}.loginInput:focus{border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a;outline:none}.loginInput::placeholder{color:#999}.forgotPasswordButton{background:none;border:none;color:#ff6b35;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:none;transition:color .3s ease}.forgotPasswordButton:hover{color:#ff8c42}.forgotPasswordButton:disabled{cursor:not-allowed;opacity:.5}.passwordInputContainer{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.loginButton{background:linear-gradient(135deg,#1a1a2e,#16213e);border:none;border-radius:12px;box-shadow:0 8px 25px #1a1a2e4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:18px;transition:all .2s ease;width:100%}.loginButton:hover{box-shadow:0 10px 30px #1a1a2e66;transform:translateY(-1px)}.loginButton:active{transform:translateY(0)}.loginButton:disabled{background:#ccc;cursor:not-allowed;transform:none}.orDivider{alignItems:center;textAlign:center;display:flex;gap:16px;margin:8px 0}.orDividerLine{background:#e8e8e8;flex:1 1;height:1px}.orDividerText{fontSize:14px;fontWeight:600;background:#fffffffa;color:#999;padding:0 8px}.googleLoginButton{background:#fff;border:2px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 15px #00000014;color:#333;cursor:pointer;font-size:16px;font-weight:600;padding:18px;transition:all .2s ease;width:100%}.googleLoginButton:hover{border-color:#ddd;box-shadow:0 6px 20px #0000001f;transform:translateY(-1px)}.googleLoginButton:active{transform:translateY(0)}.googleLoginButton:disabled{cursor:not-allowed;opacity:.7}.googleButtonContent{align-items:center;display:flex;gap:12px;justify-content:center}.googleIcon{flex-shrink:0;height:20px;width:20px}.googleButtonText{font-size:16px;font-weight:500}.loginFooter{margin-top:24px;text-align:center}.loginFooterText{color:#666;font-size:14px;margin:0}.signupLink{background:none;border:none;color:#ff6b35;cursor:pointer;font-size:14px;font-weight:700;padding:0;text-decoration:none;transition:color .3s ease}.signupLink:hover{color:#ff8c42}.errorMessage{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.errorMessage,.successMessage{border-radius:12px;color:#fff;font-size:14px;font-weight:600;margin-bottom:24px;padding:16px;text-align:center}.successMessage{background:linear-gradient(135deg,#4caf50,#45a049)}@media (max-width:768px){.loginTopNav{padding:15px 20px}.loginLogo{height:35px}.loginContent{padding:20px 15px}.loginBox{margin:0;padding:32px 24px}.loginTitle{font-size:26px}.loginSubtitle{font-size:14px}.loginBackgroundOrb1,.loginBackgroundOrb2{display:none}}@media (max-width:480px){.loginBox{padding:28px 20px}.loginTitle{font-size:24px}.backButton{height:40px;width:40px}.signUpButton{font-size:14px;padding:10px 20px}}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-avatar{border-radius:50%;height:60px;width:60px}.skeleton-avatar,.skeleton-text{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-text{border-radius:4px;height:16px;margin:4px 0}.skeleton-button{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:16px;height:32px;width:80px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}body.dark-mode .skeleton-avatar,body.dark-mode .skeleton-button,body.dark-mode .skeleton-text{background:linear-gradient(90deg,#404040 25%,#2a2a2a 50%,#404040 75%);background-size:200% 100%}body.dark-mode .myDogsPage{background:#1a1a1a!important}body.dark-mode .myDogsPage .text-gray-900,body.dark-mode .myDogsPage h1{color:#fff!important}body.dark-mode .myDogsPage .text-gray-600{color:#94a3b8!important}body.dark-mode .myDogsPage .myDogCard{background:linear-gradient(135deg,#2a2a2a,#1f1f1f)!important;border:1px solid #444!important;box-shadow:0 2px 8px #0000004d!important}body.dark-mode .myDogsPage .myDogCard:hover{box-shadow:0 4px 16px #0006!important}body.dark-mode .myDogsPage .myDogCard .dogName{color:#fff!important}body.dark-mode .myDogsPage .myDogCard .dogHandle{color:#94a3b8!important}body.dark-mode .myDogsPage .myDogCard .dogBreed{color:#64748b!important}body.dark-mode .myDogsPage .myDogCard .lastLoggedIn{color:#94a3b8!important}body.dark-mode .myDogsPage .myDogCard .statValue{color:#fff!important}body.dark-mode .myDogsPage .myDogCard .statItem{background:#2a2a2a!important;border:1px solid #444!important}body.dark-mode .myDogsPage .myDogCard .statItem:hover{background:#333!important;border-color:#555!important}body.dark-mode .myDogsPage .myDogCard .ellipsisButton,body.dark-mode .myDogsPage .myDogCard .statItem:after{color:#94a3b8!important}body.dark-mode .myDogsPage .myDogCard .ellipsisButton:hover{background:#3a3a3a!important}body.dark-mode .dogCardMenu{background:#2a2a2a!important;border:1px solid #444!important;box-shadow:0 4px 24px #0006!important}body.dark-mode .dogCardMenu .menuItem{color:#e2e8f0!important}body.dark-mode .dogCardMenu .menuItem:hover{background:#ffae4226!important}@media (max-width:768px){.layoutWrap:has(.myDogsPage){padding-top:30px!important}.myDogsPage{padding-top:12px!important}.myDogsPage .w-full.max-w-6xl{padding:0}.myDogsPage .flex.items-center.justify-between.mb-8{align-items:center;flex-direction:row!important;gap:12px;margin-bottom:20px}.myDogsPage h1.text-3xl{flex:1 1;font-size:22px}.myDogsPage .bg-gradient-to-r.from-orange-500.to-orange-600{flex-shrink:0;font-size:14px!important;margin-right:20px;padding:8px 16px!important;white-space:nowrap}.myDogsPage .myDogCard{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;padding:16px}body.dark-mode .myDogsPage .myDogCard{background:linear-gradient(135deg,#2a2a2a,#1f1f1f)!important;border:1px solid #444!important;box-shadow:0 2px 8px #0000004d!important}.myDogsPage .myDogCard:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.myDogsPage .myDogCard.activeDog{transform:none!important}.myDogsPage .dogCardHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;position:relative}.myDogsPage .myDogCard .dogAvatar{border:3px solid #fff;box-shadow:0 4px 12px #0000001a;height:56px;margin-left:17px;width:56px}.avatarContainer{left:18px;position:relative}.myDogsPage .lastLoggedIn{word-wrap:break-word;color:#64748b;flex:1 1;font-size:13px;font-style:italic;line-height:1.3;margin:0 40px 0 12px;max-width:200px;text-align:right}.myDogsPage .ellipsisContainer{position:absolute;right:0;top:50%;transform:translateY(-50%)}.myDogsPage .dogCardContent{display:flex;flex-direction:column;gap:12px}.myDogsPage .dogInfo{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;text-align:center}.myDogsPage .dogCardContent>div:first-child{gap:10px!important;max-height:60px!important}.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 .dogStats{align-items:center!important;background:none!important;border:none!important;display:flex!important;flex-direction:row!important;flex-shrink:0;gap:8px!important;justify-content:flex-start!important;margin:0!important;max-width:none!important;padding:0!important;width:auto!important}.myDogsPage .dogCardContent>div:first-child{align-items:flex-end!important;display:flex!important;gap:16px!important;justify-content:space-between!important;margin:0 auto;width:87%!important}.myDogsPage .statItem{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #00000014!important;display:flex!important;flex-direction:column!important;gap:2px!important;margin-top:-25px!important;min-height:90px!important;min-width:auto!important;padding:8px!important;position:relative!important;text-align:center!important;transition:all .2s ease!important}.myDogsPage .statItem:hover{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 3px 8px #0000001f!important;transform:translateY(-1px)!important}.myDogsPage .statItem span:first-child,.myDogsPage .statValue{font-size:16px!important;margin:0}.myDogsPage .statValue{color:#1e293b!important;font-weight:800!important}.myDogsPage .statItem:after{color:#64748b!important;content:attr(data-label);font-size:10px!important;font-weight:600!important;letter-spacing:.3px!important;margin-top:1px!important;opacity:.9!important;text-transform:uppercase!important}.myDogsPage .dogActions{display:flex;justify-content:flex-end;margin:0;width:100%}.myDogsPage .loginAsButton{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 2px 6px #3b82f633;font-size:14px;font-weight:600;padding:10px 20px;width:100%}.myDogsPage .loginAsButton.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b98133}.myDogsPage .dogCardMenu{left:-160px!important;left:calc(var(--menu-left, 0px) - 160px)!important;position:fixed!important;top:8px!important;top:calc(var(--menu-top, 0px) + 8px)!important;width:-webkit-fit-content!important;width:fit-content!important}.myDogsPage .dogCardMenu,.myDogsPage .dogCardMenu .menuItem{isolation:isolate!important;pointer-events:auto!important;z-index:100010!important}.myDogsPage .dogCardMenu .menuItem{position:relative!important}.myDogsPage .dogCardMenu .menuItem *{pointer-events:auto!important;position:relative!important;z-index:100010!important}.myDogsPage .grid{gap:12px}.myDogsPage .grid>div{width:100%}}@media (min-width:769px){.myDogsPage{min-height:auto!important;min-height:var(--dynamic-min-height,auto)!important}.myDogsPage .myDogCard{background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 4px 20px #0000000f!important;margin-bottom:20px!important;overflow:hidden!important;padding:24px!important;position:relative!important;transition:all .3s ease!important}.myDogsPage .myDogCard:hover{border-color:#cbd5e1!important;box-shadow:0 8px 30px #0000001f!important;transform:translateY(-2px)!important}.myDogsPage .myDogCard.activeDog{border:2px solid #10b981!important;box-shadow:0 4px 20px #10b98126!important}body.dark-mode .myDogsPage .myDogCard{background:linear-gradient(135deg,#2a2a2a,#1f1f1f)!important;border:1px solid #444!important;box-shadow:0 4px 20px #0000004d!important}body.dark-mode .myDogsPage .myDogCard:hover{border-color:#555!important;box-shadow:0 8px 30px #0006!important}body.dark-mode .myDogsPage .myDogCard.activeDog{border:2px solid #059669!important;box-shadow:0 4px 20px #05966940!important}.myDogsPage .dogCardHeader{align-items:flex-start!important;display:flex!important;justify-content:space-between!important;margin-bottom:20px!important;position:relative!important}.myDogsPage .myDogCard .dogAvatar{border:4px solid #fff!important;border-radius:50%!important;box-shadow:0 6px 20px #00000026!important;height:80px!important;margin:0!important;width:80px!important}.avatarContainer{left:18px;position:relative}.myDogsPage .lastLoggedIn{word-wrap:break-word!important;color:#64748b!important;font-size:14px!important;font-style:italic!important;line-height:1.3!important;margin:0 50px 0 0!important;max-width:250px!important;text-align:right!important}.myDogsPage .ellipsisContainer{position:absolute!important;right:0!important;top:0!important}.myDogsPage .dogCardContent{gap:16px!important}.myDogsPage .dogCardContent,.myDogsPage .dogInfo{display:flex!important;flex-direction:column!important}.myDogsPage .dogInfo{gap:6px!important;margin-bottom:16px!important;text-align:center}.myDogsPage .dogCardContent>div:first-child{gap:10px!important;max-height:60px!important}.myDogsPage .myDogCard .dogName{color:#1e293b!important;font-size:24px!important;font-weight:800!important;line-height:1.2!important;margin:0!important}.myDogsPage .myDogCard .dogHandle{color:#64748b!important;font-size:16px!important;font-weight:500!important;line-height:1.3!important;margin:0!important}.myDogsPage .myDogCard .dogBreed{color:#94a3b8!important;font-size:14px!important;font-style:italic!important;font-weight:400!important;line-height:1.3!important;margin:0!important}body.dark-mode .myDogsPage .myDogCard .dogName{color:#fff!important}body.dark-mode .myDogsPage .myDogCard .dogHandle{color:#94a3b8!important}body.dark-mode .myDogsPage .myDogCard .dogBreed{color:#64748b!important}body.dark-mode .myDogsPage .myDogCard .lastLoggedIn{color:#94a3b8!important}body.dark-mode .myDogsPage .myDogCard .statValue{color:#fff!important}body.dark-mode .myDogsPage .myDogCard .statItem{background:#2a2a2a!important;border:1px solid #444!important}body.dark-mode .myDogsPage .myDogCard .statItem:hover{background:#333!important;border-color:#555!important}body.dark-mode .myDogsPage .myDogCard .statItem:after{color:#94a3b8!important}.myDogsPage .dogStats{zoom:120%!important;background:none!important;border:none!important;flex-direction:row!important;flex-shrink:0!important;gap:16px!important;justify-content:flex-start!important;max-width:none!important;padding:0!important;top:-10px!important;width:auto!important}.myDogsPage .dogStats,.myDogsPage .statItem{align-items:center!important;display:flex!important;margin:0!important;position:relative!important}.myDogsPage .statItem{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000f!important;flex-direction:column!important;gap:4px!important;min-height:70px!important;min-width:80px!important;padding:12px 16px!important;text-align:center!important;transition:all .2s ease!important}.myDogsPage .statItem:hover{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 4px 16px #0000001a!important;transform:translateY(-2px)!important}.myDogsPage .statItem span:first-child{font-size:20px!important;margin:0!important}.myDogsPage .statValue{color:#1e293b!important;font-size:18px!important;font-weight:800!important;margin:0!important}.myDogsPage .statItem:after{color:#64748b!important;content:attr(data-label)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;margin-top:2px!important;opacity:.9!important;text-transform:uppercase!important}.myDogsPage .dogActions{display:flex!important;justify-content:flex-end!important;margin:0!important;width:auto!important}.myDogsPage .loginAsButton{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:12px!important;box-shadow:0 4px 12px #3b82f640!important;font-size:16px!important;font-weight:600!important;min-width:140px!important;padding:12px 24px!important;transition:all .2s ease!important;width:auto!important}.myDogsPage .loginAsButton:hover{box-shadow:0 6px 16px #3b82f659!important;transform:translateY(-1px)!important}.myDogsPage .loginAsButton.active{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b98140!important}.myDogsPage .loginAsButton.active:hover{box-shadow:0 6px 16px #10b98159!important}.myDogsPage .dogCardMenu{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;left:-160px!important;left:calc(var(--menu-left, 0px) - 160px)!important;position:fixed!important;top:8px!important;top:calc(var(--menu-top, 0px) + 8px)!important;transform:translateZ(0)!important;width:-webkit-fit-content!important;width:fit-content!important;will-change:transform!important}.myDogsPage .dogCardMenu,.myDogsPage .dogCardMenu .menuItem{isolation:isolate!important;pointer-events:auto!important;z-index:100010!important}.myDogsPage .dogCardMenu .menuItem{position:relative!important}.myDogsPage .dogCardMenu .menuItem *{pointer-events:auto!important;position:relative!important;z-index:100010!important}.myDogsPage .grid{gap:4%!important;grid-template-columns:repeat(2,1fr)!important}.myDogsPage .grid>div{width:100%!important}.myDogsPage .grid .myDogCard{border-radius:16px!important;margin-bottom:8px!important;padding:12px!important}.myDogsPage .grid .dogAvatar{border:3px solid #fff!important;height:56px!important;width:56px!important}.myDogsPage .grid .dogCardHeader{margin-bottom:10px!important}.myDogsPage .grid .dogName{font-size:18px!important;line-height:1.2!important}.myDogsPage .grid .dogHandle{font-size:14px!important;line-height:1.2!important}.myDogsPage .grid .dogBreed{font-size:12px!important;line-height:1.2!important}.myDogsPage .grid .lastLoggedIn{word-wrap:break-word!important;font-size:11px!important;line-height:1.3!important;margin:31px 0 0!important;max-width:100%!important;text-align:right!important}.myDogsPage .grid .dogStats{flex-direction:row!important;gap:8px!important;justify-content:space-between!important;margin:6px 0!important}.myDogsPage .grid .dogStats,.myDogsPage .grid .statItem{align-items:center!important;background:none!important;border:none!important;display:flex!important;padding:0!important}.myDogsPage .grid .statItem{border-radius:0!important;box-shadow:none!important;flex:1 1!important;flex-direction:column!important;gap:1px!important;margin:0!important;min-height:auto!important;min-width:auto!important;position:relative!important;text-align:center!important;transition:none!important}.myDogsPage .grid .statItem:hover{background:none!important;border-color:#0000!important;box-shadow:none!important;transform:none!important}.myDogsPage .grid .statItem span:first-child{color:#64748b!important;font-size:14px!important;margin:0!important}.myDogsPage .grid .statValue{color:#1e293b!important;font-size:13px!important;font-weight:600!important;margin:0!important}body.dark-mode .myDogsPage .grid .statValue{color:#fff!important}body.dark-mode .myDogsPage .grid .statItem span:first-child{color:#94a3b8!important}.myDogsPage .grid .statItem:after{color:#94a3b8!important;content:attr(data-label)!important;font-size:8px!important;font-weight:400!important;letter-spacing:.2px!important;margin-top:0!important;opacity:.7!important;text-transform:uppercase!important}.myDogsPage .grid .loginAsButton{border-radius:10px!important;font-size:12px!important;min-width:100px!important;padding:8px 16px!important}.myDogsPage .grid .dogCardContent{gap:8px!important}.myDogsPage .grid .dogInfo{gap:2px!important;margin-bottom:8px!important}}.analytics-container{background:#f9fafb;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}@media (min-width:1460px){.analytics-container{min-width:808.52px}}.analytics-header{margin-bottom:2rem}.analytics-header h1{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.analytics-subtitle{color:#6b7280;font-size:.95rem}.analytics-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-item{align-items:center;display:flex;gap:.5rem}.date-picker-btn{cursor:pointer}.date-picker-btn,.date-range-select,.page-select{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.9rem;padding:.625rem 1rem}.date-range-select,.page-select{min-width:150px}.analytics-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.analytics-card h2{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.card-description{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.stat-number{color:#111827;font-size:3rem;font-weight:700}.stat-label{font-size:.95rem;margin-top:.5rem}.top-users-list{display:flex;flex-direction:column;gap:.75rem}.top-user-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.top-user-item:last-child{border-bottom:none}.user-email{color:#374151;font-size:.95rem}.user-visits{color:#6b7280}.top-pages-chart{display:flex;flex-direction:column;gap:1rem}.page-bar-container{align-items:center;display:flex;gap:1rem}.page-name{color:#374151;font-size:.9rem;min-width:120px}.page-bar-wrapper{align-items:center;display:flex;flex:1 1;gap:.75rem}.page-bar{background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:.25rem;height:2rem;transition:width .3s ease}.page-visits{color:#6b7280;font-weight:600;min-width:30px}.analytics-loading{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.spinner{border-top-color:#8b5cf6}body.dark-mode .analytics-container{background:var(--bg-secondary)}body.dark-mode .analytics-header h1{color:var(--text-primary)}body.dark-mode .analytics-subtitle{color:var(--text-secondary)}body.dark-mode .date-picker-btn,body.dark-mode .date-range-select,body.dark-mode .page-select{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .date-picker-btn:hover,body.dark-mode .date-range-select:hover,body.dark-mode .page-select:hover{background:var(--bg-tertiary);border-color:#14b8a6}body.dark-mode .analytics-card{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 1px 3px #0000004d}body.dark-mode .analytics-card h2{color:var(--text-primary)}body.dark-mode .card-description{color:var(--text-secondary)}body.dark-mode .stat-number{color:var(--text-primary)}body.dark-mode .top-user-item{border-bottom-color:var(--border-color)}body.dark-mode .user-email{color:var(--text-primary)}body.dark-mode .user-visits{color:var(--text-secondary)}body.dark-mode .page-name{color:var(--text-primary)}body.dark-mode .page-visits{color:var(--text-secondary)}body.dark-mode .spinner{border-color:var(--border-color);border-top-color:#14b8a6}@media (max-width:768px){.analytics-container{padding:1rem}.analytics-filters,.page-bar-container{flex-direction:column}.page-bar-container{align-items:flex-start}.page-name{min-width:auto}.page-bar-wrapper{width:100%}}.searchable-dropdown{max-width:450px;min-width:280px;position:relative}.dropdown-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.625rem 1rem;transition:all .2s;width:100%}.dropdown-button:hover{background:#f9fafb;border-color:#d1d5db}.dropdown-button:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.dropdown-button.dark{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dropdown-button.dark:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.dropdown-button-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{animation:dropdownSlideIn .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;left:0;max-height:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-menu.dark{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 10px 25px #00000080}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-search-container{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem}.dropdown-menu.dark .dropdown-search-container{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dropdown-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;padding:.5rem .75rem;transition:all .2s;width:100%}.dropdown-search-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.dropdown-search-input.dark{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dropdown-search-input.dark::placeholder{color:var(--text-tertiary)}.dropdown-search-input.dark:focus{border-color:#14b8a6}.dropdown-options{max-height:320px;overflow-y:auto}.dropdown-option{border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:background .15s}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#f9fafb}.dropdown-option.selected{background:#ecfdf5;color:#0d9488;font-weight:500}.dropdown-option.no-results{color:#9ca3af;cursor:default;font-style:italic;text-align:center}.dropdown-option.dark{border-bottom-color:var(--border-color);color:var(--text-secondary)}.dropdown-option.dark:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-option.dark.selected{background:#14b8a626;color:#14b8a6}.dropdown-option.dark.no-results{color:var(--text-tertiary)}.logs-container{background:#f9fafb;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.logs-container.settings-slide-in{width:800px}@media (min-width:1460px){.logs-container{min-width:808.52px}}.logs-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.logs-header h1{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.logs-subtitle{color:#6b7280;font-size:.95rem}.back-btn{background:#0000;border-radius:6px;display:inline-flex;font-size:14px}.back-btn:hover{border-color:#d1d5db;color:#374151}.logs-actions{display:flex;gap:.75rem}.btn-export,.btn-refresh{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;font-size:.9rem;padding:.625rem 1.25rem;transition:all .2s}.btn-export:hover,.btn-refresh:hover{background:#f9fafb;border-color:#d1d5db}.activity-type-filters{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;margin-bottom:1rem;padding:.5rem;width:-webkit-fit-content;width:fit-content}.activity-filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1.5rem;position:relative;transition:all .3s ease}.activity-filter-btn:hover{background:#f9fafb;border-color:#14b8a6;color:#14b8a6}.activity-filter-btn.active{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#14b8a6;box-shadow:0 4px 12px #14b8a64d;color:#fff}.activity-filter-btn.active:hover{background:linear-gradient(135deg,#0d9488,#0f766e);border-color:#0d9488}.logs-filters{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.user-select{max-width:450px;min-width:280px}.filter-input{min-width:200px}.filter-input,.filter-select{border:1px solid #e5e7eb;border-radius:.5rem;font-size:.9rem;padding:.625rem 1rem}.filter-select{background:#fff;min-width:150px}.errors-checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.errors-checkbox input{cursor:pointer;height:18px;width:18px}.btn-clear{background:#fee2e2;border:none;border-radius:.5rem;color:#991b1b;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.btn-clear:hover{background:#fecaca}.logs-table{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:visible}.logs-table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:grid;font-size:.875rem;font-weight:600;grid-template-columns:200px 1fr 220px 50px;padding:1rem 1.5rem}.logs-table-body{max-height:70vh;overflow-x:visible;overflow-y:auto}.log-row{border-bottom:1px solid #f3f4f6;position:relative}.log-row:last-child{border-bottom:none}.log-row-main{align-items:center;cursor:pointer;display:grid;grid-template-columns:200px 1fr 220px 50px;padding:1rem 1.5rem;transition:background .2s}.log-row-main:hover{background:#f9fafb;cursor:pointer}.log-type-badge{background:#f3f4f6;border-radius:1rem;color:#374151;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.log-type-badge.error{background:#fee2e2;color:#991b1b}.col-user{color:#6b7280;font-size:.9rem;position:relative}.user-display{color:#14b8a6;cursor:pointer;font-weight:500;transition:color .2s}.user-display:hover{color:#0d9488;text-decoration:underline}.user-tooltip{animation:tooltipFadeIn .2s ease-out;background:#1f2937;border-radius:.5rem;box-shadow:0 10px 25px #0000004d;color:#fff;max-width:350px;min-width:300px;padding:1rem;pointer-events:none;position:fixed;z-index:10000}.user-tooltip:after{background:#1f2937;bottom:-6px;content:"";height:12px;left:20px;position:absolute;transform:rotate(45deg);width:12px;z-index:-1}.tooltip-row{font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.tooltip-row:last-child{margin-bottom:0}.tooltip-row strong{color:#14b8a6;margin-right:.5rem}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(calc(-100% + 5px))}to{opacity:1;transform:translateY(-100%)}}.col-timestamp{color:#6b7280;font-size:.875rem}.expand-icon{color:#9ca3af;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.log-details{background:#f9fafb;border-top:1px solid #e5e7eb;max-height:0;opacity:0;overflow:hidden;padding:0 1.5rem;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .4s cubic-bezier(.4,0,.2,1)}.log-details.expanded{max-height:2000px;opacity:1;padding:1rem 1.5rem}.log-details pre{background:#1f2937;border-radius:.5rem;color:#f3f4f6;font-size:.85rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem}.no-logs{color:#9ca3af;font-size:1rem;padding:3rem;text-align:center}.load-more-trigger{padding:2rem 1rem}.load-more-trigger,.logs-loading{align-items:center;display:flex;justify-content:center}.logs-loading{min-height:100vh;width:100%}.spinner-container{align-items:center;display:flex;justify-content:center}@media (max-width:1024px){.log-row-main,.logs-table-header{grid-template-columns:150px 1fr 180px 40px}}@media (max-width:768px){.logs-container{padding:1rem}.logs-filters,.logs-header{flex-direction:column}.logs-filters{align-items:stretch}.filter-input,.filter-select{min-width:auto;width:100%}.logs-table-header{display:none}.log-row-main{gap:.5rem;grid-template-columns:1fr}.col-expand{grid-column:1;justify-self:end}}body.dark-mode .logs-container{background:var(--bg-secondary)}body.dark-mode .logs-header h1{color:var(--text-primary)}body.dark-mode .logs-subtitle{color:var(--text-secondary)}body.dark-mode .back-btn:hover{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-primary)}body.dark-mode .filter-input,body.dark-mode .filter-select{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .filter-input::placeholder{color:var(--text-tertiary)}body.dark-mode .filter-input:focus,body.dark-mode .filter-select:focus{background:var(--bg-secondary);border-color:#14b8a6}body.dark-mode .btn-export,body.dark-mode .btn-refresh{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .btn-export:hover,body.dark-mode .btn-refresh:hover{background:var(--bg-tertiary);border-color:#14b8a6;color:#14b8a6}body.dark-mode .activity-type-filters,body.dark-mode .logs-filters{background:var(--bg-primary);border-color:var(--border-color)}body.dark-mode .activity-filter-btn{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .activity-filter-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:#14b8a6;color:#14b8a6}body.dark-mode .activity-filter-btn.active{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}body.dark-mode .activity-filter-btn:disabled{color:var(--text-tertiary);opacity:.5}body.dark-mode .activity-filter-btn:disabled,body.dark-mode .logs-table{background:var(--bg-primary);border-color:var(--border-color)}body.dark-mode .logs-table-header{background:var(--bg-tertiary);color:var(--text-secondary)}body.dark-mode .log-row,body.dark-mode .logs-table-header{border-bottom-color:var(--border-color)}body.dark-mode .log-row:hover{background:var(--bg-tertiary)}body.dark-mode .log-row-main:hover{background:var(--bg-tertiary)!important}body.dark-mode .col-timestamp,body.dark-mode .col-type,body.dark-mode .col-user,body.dark-mode .user-display{color:var(--text-primary)}body.dark-mode .user-tooltip{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 12px #0000004d}body.dark-mode .tooltip-row{border-bottom-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .tooltip-row strong{color:var(--text-primary)}body.dark-mode .expand-btn:hover{background:var(--bg-tertiary)}body.dark-mode .log-details{background:var(--bg-secondary);border-top-color:var(--border-color)}body.dark-mode .log-details pre{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .load-more-trigger{color:var(--text-secondary)}body.dark-mode .spinner-small{border-color:var(--border-color);border-top-color:#14b8a6}body.dark-mode .no-logs{color:var(--text-secondary)}body.dark-mode .log-type-badge{background:var(--bg-tertiary);color:var(--text-primary)}body.dark-mode .log-type-badge.error{background:#dc262633;color:#ef4444}body.dark-mode .errors-checkbox{color:var(--text-primary)}.device-info-section{background:#f9fafb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.device-info-section h4{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.device-info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.device-info-item{display:flex;gap:.5rem}.device-label{color:#6b7280;font-size:.875rem;font-weight:600}.device-value{color:#111827;font-size:.875rem}.json-details{margin-top:1rem}.json-details summary{background:#f3f4f6;border-radius:.375rem;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem;-webkit-user-select:none;user-select:none}.json-details summary:hover{background:#e5e7eb;color:#374151}.json-details pre{margin-top:.5rem}.tooltip-divider{background:#fff3;height:1px;margin:.75rem 0}.tooltip-section-title{color:#14b8a6;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}body.dark-mode .device-info-section{background:var(--bg-secondary)}body.dark-mode .device-info-section h4{color:var(--text-primary)}body.dark-mode .device-label{color:var(--text-tertiary)}body.dark-mode .device-value{color:var(--text-secondary)}body.dark-mode .json-details summary{background:var(--bg-tertiary);color:var(--text-secondary)}body.dark-mode .json-details summary:hover{background:var(--bg-primary);color:var(--text-primary)}.confirmation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.confirmation-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 50px #0000004d;max-width:500px;padding:2rem;position:relative;width:100%}.confirmation-modal.dangerous{border:2px solid #ef4444}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#111827}.modal-icon-container{animation:pulse 2s ease-in-out infinite;color:#ef4444;display:flex;justify-content:center;margin-bottom:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.modal-title{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 1rem;text-align:center}.modal-message{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.modal-message p{margin:.5rem 0}.modal-message p:first-child{margin-top:0}.modal-message p:last-child{margin-bottom:0}.modal-input-section{margin-bottom:1.5rem}.modal-input-section label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.modal-input-section strong{color:#ef4444;font-weight:700}.modal-input{border:2px solid #e5e7eb;border-radius:.5rem;font-family:Monaco,Courier New,monospace;font-size:.95rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.modal-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.modal-actions{gap:.75rem;justify-content:flex-end}.modal-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn{background:#f3f4f6;color:#6b7280}.cancel-btn:hover{background:#e5e7eb;color:#374151}.confirm-btn{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 12px #14b8a64d}.confirm-btn.dangerous{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-btn.dangerous:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .confirmation-modal{background:var(--bg-primary);border-color:var(--border-color)}body.dark-mode .confirmation-modal.dangerous{border-color:#ef4444}body.dark-mode .modal-close-btn{color:var(--text-secondary)}body.dark-mode .modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}body.dark-mode .modal-title{color:var(--text-primary)}body.dark-mode .modal-message{color:var(--text-secondary)}body.dark-mode .modal-input-section label{color:var(--text-primary)}body.dark-mode .modal-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .modal-input:focus{background:var(--bg-primary);border-color:#14b8a6}body.dark-mode .cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary)}body.dark-mode .cancel-btn:hover{background:var(--border-color);color:var(--text-primary)}@media (max-width:640px){.confirmation-modal{padding:1.5rem}.modal-title{font-size:1.25rem}.modal-actions{flex-direction:column-reverse}.modal-btn{justify-content:center;width:100%}}.user-management-container{background:#f9fafb;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.user-management-container.settings-slide-in{width:800px}.user-management-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem}.user-management-header h1{color:#111827;font-size:2rem;font-weight:700;margin:0 0 .5rem}.subtitle{color:#6b7280;font-size:.95rem;margin:0}.action-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}.view-admins-btn{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.view-admins-btn:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 12px #14b8a64d;transform:translateY(-1px)}.deleted-users-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:.5rem;color:#9ca3af;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.deleted-users-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#f87171}.sort-controls{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:1rem}.sort-label{color:#6b7280;font-size:.9rem;font-weight:600}.sort-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s}.sort-btn:hover{background:#f0fdfa;border-color:#14b8a6;color:#14b8a6}.sort-btn.active{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#0000;color:#fff}.sort-order{color:#9ca3af;font-size:.875rem;margin-left:auto}.header-stats{display:flex;gap:1rem}.stat-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;min-width:120px;padding:1rem 1.5rem;text-align:center;transition:all .2s}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:0 4px 12px #14b8a633;transform:translateY(-2px)}.stat-value{color:#14b8a6;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#6b7280;font-size:.875rem}.search-bar{margin-bottom:1rem;position:relative}.search-icon{color:#9ca3af;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;font-size:.95rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s;width:100%}.search-input:focus{background:#fff;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.search-input::placeholder{color:#9ca3af}.users-list{display:flex;flex-direction:column;gap:1rem}.user-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}.user-card:hover{box-shadow:0 4px 12px #0000001a}.user-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:background .2s}.user-header:hover{background:#f9fafb}.user-header-left{flex:1 1;gap:1rem}.expand-btn,.user-header-left{align-items:center;display:flex}.expand-btn{background:none;border:none;color:#6b7280;cursor:pointer;justify-content:center;padding:.25rem;transition:color .2s}.expand-btn:hover{color:#111827}.user-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;min-width:48px;overflow:hidden;width:48px}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-info{flex:1 1}.user-name{color:#111827;display:flex;font-size:1.125rem;gap:.5rem;margin-bottom:.25rem}.admin-badge,.user-name{align-items:center;font-weight:600}.admin-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:1rem;color:#000;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .625rem}.user-email{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.user-header-right{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.user-location,.user-meta,.user-visits{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.user-visits{color:#14b8a6;font-weight:600}.user-details{animation:slideDown .2s ease-out;background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.details-section{margin-bottom:1.5rem}.details-section:last-child{margin-bottom:0}.details-section h3{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem}.admin-controls-group{display:flex;flex-wrap:wrap;gap:.75rem}.admin-toggle-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.admin-toggle-btn.grant{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.admin-toggle-btn.grant:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 12px #14b8a64d}.admin-toggle-btn.remove{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.admin-toggle-btn.remove:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d}.view-activity-btn{align-items:center;background:#fff;border:2px solid #0891b2;border-radius:.5rem;color:#0891b2;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.view-activity-btn:hover{background:#ecfeff;box-shadow:0 2px 8px #0891b233}.delete-user-btn{align-items:center;background:#fff;border:2px solid #dc2626;border-radius:.5rem;color:#dc2626;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.delete-user-btn:hover:not(:disabled){background:#fef2f2;box-shadow:0 2px 8px #dc262633}.delete-user-btn:disabled{border-color:#9ca3af;color:#9ca3af;cursor:not-allowed;opacity:.5}.permission-note{background:#fef3c7;border:1px solid #fbbf24;border-radius:.375rem;color:#92400e;font-size:.875rem;line-height:1.5;margin:.75rem 0 0;padding:.75rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:#111827;font-size:.9rem}.dogs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dog-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.dog-card:hover{border-color:#14b8a6;box-shadow:0 2px 8px #14b8a61a}.dog-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.dog-avatar img{height:100%;object-fit:cover;width:100%}.dog-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:100%;justify-content:center;width:100%}.dog-info{flex:1 1;min-width:0}.dog-name{color:#111827;font-size:.9rem;font-weight:600}.dog-handle,.dog-name{margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dog-handle{color:#6b7280;font-size:.8rem}.dog-breed{color:#9ca3af;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-dogs,.no-dogs{color:#6b7280;font-size:.9rem;padding:1rem;text-align:center}.load-more-section{display:flex;justify-content:center;padding:2rem 0}.load-more-btn{background:#fff;border:2px solid #14b8a6;border-radius:.5rem;color:#14b8a6;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.load-more-btn:hover{background:#14b8a6;box-shadow:0 4px 12px #14b8a64d;color:#fff}.loading-more{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:.75rem}.loading-spinner{gap:1rem;min-height:400px}.spinner{border:4px solid #e5e7eb;border-top-color:#14b8a6;height:48px;width:48px}.spinner-small{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#14b8a6;height:24px;width:24px}.back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.back-btn:hover{background:#f9fafb;border-color:#14b8a6;color:#14b8a6}.admin-user-card{border-left:3px solid #fbbf24}.deleted-user-card{border-left:3px solid #fca5a5}.deleted-avatar{opacity:.6}.deleted-badge{align-items:center;background:linear-gradient(135deg,#fca5a5,#f87171);border-radius:1rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.stat-card.admin{border:2px solid #fbbf24}.stat-card.admin .stat-value{color:#f59e0b}.stat-card.deleted{border:2px solid #fca5a5}.stat-card.deleted .stat-value{color:#f87171}.deleted-text{color:#f87171;font-weight:600}.no-users{align-items:center;background:#fff;border-radius:.75rem;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.no-users h3{color:#111827;font-size:1.25rem;margin:0 0 .5rem}.no-users p{color:#6b7280;margin:0}body.dark-mode .user-management-container{background:var(--bg-secondary)}body.dark-mode .user-management-header h1{color:var(--text-primary)}body.dark-mode .subtitle{color:var(--text-secondary)}body.dark-mode .stat-card{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 1px 3px #0000004d}body.dark-mode .stat-card.clickable:hover{box-shadow:0 4px 12px #14b8a666}body.dark-mode .stat-label{color:var(--text-secondary)}body.dark-mode .search-input{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .search-input:focus{background:var(--bg-secondary);border-color:#14b8a6}body.dark-mode .search-icon,body.dark-mode .search-input::placeholder{color:var(--text-tertiary)}body.dark-mode .sort-controls{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 1px 3px #0000004d}body.dark-mode .sort-btn,body.dark-mode .sort-label{color:var(--text-secondary)}body.dark-mode .sort-btn{background:#0000;border-color:var(--border-color)}body.dark-mode .sort-btn:hover{background:#14b8a61a;border-color:#14b8a6;color:#14b8a6}body.dark-mode .sort-btn.active{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#0000;color:#fff}body.dark-mode .sort-order{color:var(--text-tertiary)}body.dark-mode .user-card{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 1px 3px #0000004d}body.dark-mode .user-card:hover{box-shadow:0 4px 12px #0006}body.dark-mode .user-header:hover{background:var(--bg-secondary)}body.dark-mode .expand-btn{color:var(--text-secondary)}body.dark-mode .expand-btn:hover,body.dark-mode .user-name{color:var(--text-primary)}body.dark-mode .user-email,body.dark-mode .user-location,body.dark-mode .user-meta{color:var(--text-secondary)}body.dark-mode .user-visits{color:#14b8a6}body.dark-mode .user-details{background:var(--bg-secondary);border-top-color:var(--border-color)}body.dark-mode .details-section h3{color:var(--text-primary)}body.dark-mode .detail-label{color:var(--text-secondary)}body.dark-mode .detail-value{color:var(--text-primary)}body.dark-mode .dog-card{background:var(--bg-primary);border-color:var(--border-color)}body.dark-mode .dog-card:hover{border-color:#14b8a6;box-shadow:0 2px 8px #14b8a633}body.dark-mode .dog-name{color:var(--text-primary)}body.dark-mode .dog-handle{color:var(--text-secondary)}body.dark-mode .dog-breed{color:var(--text-tertiary)}body.dark-mode .loading-dogs,body.dark-mode .no-dogs{color:var(--text-secondary)}body.dark-mode .load-more-btn{background:var(--bg-primary);border-color:#14b8a6;color:#14b8a6}body.dark-mode .load-more-btn:hover{background:#14b8a6;color:var(--bg-secondary)}body.dark-mode .back-btn,body.dark-mode .loading-more,body.dark-mode .loading-spinner p{color:var(--text-secondary)}body.dark-mode .back-btn{background:var(--bg-primary);border-color:var(--border-color)}body.dark-mode .back-btn:hover{background:var(--bg-secondary);border-color:#14b8a6;color:#14b8a6}body.dark-mode .permission-note{background:#fbbf241a;border-color:#78350f;color:#fbbf24}body.dark-mode .view-activity-btn{background:var(--bg-primary);border-color:#0891b2;color:#06b6d4}body.dark-mode .view-activity-btn:hover{background:#0891b21a}body.dark-mode .delete-user-btn{background:var(--bg-primary);border-color:#dc2626;color:#ef4444}body.dark-mode .delete-user-btn:hover:not(:disabled){background:#dc26261a}body.dark-mode .delete-user-btn:disabled{border-color:var(--border-color);color:var(--text-tertiary)}body.dark-mode .no-users{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .no-users h3{color:var(--text-primary)}@media (max-width:1200px){.user-management-container.settings-slide-in{width:100%}}@media (max-width:768px){.user-management-container{max-width:100%;padding:2rem 0}.user-management-container.settings-slide-in{width:100%}.action-buttons,.user-management-header{flex-direction:column;padding:0 2rem}.search-bar{padding:0 2rem}.sort-controls{align-items:stretch;flex-direction:column;margin:0 2rem 1rem}.header-stats{width:100%}.stat-card{flex:1 1}.deleted-users-btn,.view-admins-btn{justify-content:center;width:100%}.sort-label{text-align:center}.sort-btn{justify-content:center}.sort-order{margin-left:0;text-align:center}.user-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1.25rem 2rem}.user-header-left{align-items:center;display:flex;gap:1rem;width:100%}.user-header-right{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;padding-left:3rem;width:100%}.user-location,.user-meta,.user-visits{font-size:.875rem}.user-visits{color:#14b8a6;font-weight:600}.user-details{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem 2rem}.details-grid,.dogs-grid{grid-template-columns:1fr}}.qr-generator{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:600px;padding:24px}@media (max-width:768px){.qr-generator{border-radius:0;box-shadow:none;margin-top:20px}}.qr-generator-title{color:#1a1a2e;font-size:24px;font-weight:700;margin:0 0 8px}.qr-generator-subtitle{color:#64748b;font-size:14px;margin:0 0 24px}.qr-section{margin-bottom:24px}.qr-section-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.qr-link-options{display:flex;flex-direction:column;gap:12px}.qr-link-option{align-items:stretch;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;overflow:hidden;transition:all .2s}.qr-link-option:hover{border-color:#cbd5e1}.qr-link-option.selected{background:#f0fdf4;border-color:#4ade80}.qr-link-option-left{align-items:center;display:flex;flex:1 1;gap:12px;padding:16px}.qr-link-option-right{background:#f8fafc;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:160px;padding:16px}.qr-link-option.selected .qr-link-option-right{background:#dcfce7;border-left-color:#bbf7d0}.qr-radio{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.qr-radio.checked{border-color:#22c55e}.qr-radio-dot{background:#22c55e;border-radius:50%;height:10px;width:10px}.qr-link-option-title{color:#1a1a2e;font-size:15px;font-weight:600}.qr-link-detail{display:flex;font-size:13px;gap:8px}.qr-link-label{color:#64748b}.qr-link-value{color:#1a1a2e;font-weight:600}.qr-dog-selector{position:relative}.qr-dog-selector-inline{margin-left:24px;padding-left:20px;position:relative}.qr-dog-selector-inline:before{border-bottom:2px solid #4ade80;border-bottom-left-radius:8px;border-left:2px solid #4ade80;content:"";height:calc(50% + 6px);left:0;position:absolute;top:-6px;width:12px}.qr-search-container{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.qr-search-container:focus-within{border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.qr-search-icon{color:#94a3b8;flex-shrink:0}.qr-search-input{background:#0000;border:none;color:#1a1a2e;flex:1 1;font-size:15px;outline:none}.qr-search-input::placeholder{color:#94a3b8}.qr-selected-dog{align-items:center;background:#f0fdf4;border:2px solid #4ade80;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.qr-selected-dog-info{align-items:center;display:flex;gap:12px}.qr-dog-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.qr-dog-avatar-small{border-radius:50%;height:32px;object-fit:cover;width:32px}.qr-dog-details{display:flex;flex-direction:column}.qr-dog-name{color:#1a1a2e;font-size:15px;font-weight:600}.qr-dog-handle{color:#64748b;font-size:13px}.qr-clear-dog{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.qr-clear-dog:hover{background:#fecaca}.qr-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.qr-dropdown-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.qr-dropdown-item:last-child{border-bottom:none}.qr-dropdown-item:hover{background:#f8fafc}.qr-dropdown-item-info{display:flex;flex-direction:column}.qr-dropdown-empty,.qr-dropdown-loading{color:#94a3b8;font-size:14px;padding:16px;text-align:center}.qr-gradient-colors{display:flex;gap:24px}.qr-color-group{display:flex;flex-direction:column;gap:8px}.qr-color-group label{color:#64748b;font-size:12px;font-weight:500}.qr-color-picker{align-items:center;display:flex;gap:12px}.qr-color-input{border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;height:48px;padding:2px;width:48px}.qr-color-input::-webkit-color-swatch-wrapper{padding:0}.qr-color-input::-webkit-color-swatch{border:none;border-radius:4px}.qr-hex-input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:15px;max-width:120px;padding:12px 16px;text-transform:uppercase;transition:all .2s}.qr-hex-input:focus{border-color:#4ade80;outline:none}.qr-size-options{display:flex;gap:16px}.qr-size-option{align-items:center;cursor:pointer;display:flex;gap:8px}.qr-size-option input[type=radio]{accent-color:#22c55e;cursor:pointer;height:18px;width:18px}.qr-size-label{color:#1a1a2e;font-size:14px}.qr-style-options{display:flex;flex-wrap:wrap;gap:12px}.qr-style-option{align-items:center;cursor:pointer;display:flex;gap:8px}.qr-style-option input[type=radio]{accent-color:#22c55e;cursor:pointer;height:18px;width:18px}.qr-style-label{color:#1a1a2e;font-size:14px;text-transform:capitalize}.qr-test-bg{align-items:center;display:flex;gap:12px}.qr-test-bg-note{color:#94a3b8;font-size:12px;font-style:italic}.qr-color-hex{color:#64748b;font-family:Monaco,Menlo,monospace;font-size:11px;text-transform:uppercase}.qr-texture-slider{display:flex;flex-direction:column;gap:8px}.qr-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#e2e8f0,#64748b);border-radius:4px;cursor:pointer;height:8px;width:100%}.qr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#22c55e;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.qr-slider::-moz-range-thumb{background:#22c55e;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.qr-slider-labels{color:#64748b;display:flex;font-size:12px;justify-content:space-between}.qr-slider-labels span:nth-child(2){color:#22c55e;font-weight:600}.qr-texture-note{color:#94a3b8;font-size:12px;font-style:italic;margin:4px 0 0}.qr-style-option.selected{background:#f0fdf4;border-radius:6px;margin:-4px -8px;padding:4px 8px}.qr-style-option.selected .qr-style-label{color:#16a34a;font-weight:600}.qr-svg-note{color:#94a3b8;font-size:12px;font-style:italic;margin:8px 0 0;text-align:center}.qr-bg-options{display:flex;gap:16px}.qr-bg-option{align-items:center;cursor:pointer;display:flex;gap:8px}.qr-bg-option input[type=radio]{accent-color:#22c55e;cursor:pointer;height:18px;width:18px}.qr-bg-label{color:#1a1a2e;font-size:14px}.qr-preview-container{border:2px solid #e2e8f0;border-radius:12px;min-height:248px;padding:24px;transition:background-color .2s}.qr-preview-container,.qr-preview-wrapper{align-items:center;display:flex;justify-content:center}.qr-preview-image,.qr-preview-wrapper canvas,.qr-preview-wrapper svg{max-height:200px;max-width:200px}.qr-preview-image{border-radius:8px}.qr-preview-placeholder{color:#fff9;font-size:14px;text-align:center;text-shadow:0 1px 2px #0000004d}.qr-url-display{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:12px 16px;word-break:break-all}.qr-url-label{color:#64748b;flex-shrink:0;font-weight:500}.qr-url-value{color:#1a1a2e;font-family:Monaco,Menlo,monospace}.qr-download-buttons{display:flex;gap:12px;margin-top:24px}.qr-download-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.qr-download-btn:disabled{cursor:not-allowed;opacity:.5}.qr-download-png{background:#22c55e;border:2px solid #22c55e;color:#fff}.qr-download-png:hover:not(:disabled){background:#16a34a;border-color:#16a34a}.qr-download-svg{background:#fff;border:2px solid #22c55e;color:#22c55e}.qr-download-svg:hover:not(:disabled){background:#f0fdf4}.qr-traditional-toggle{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.qr-traditional-toggle:hover{border-color:#cbd5e1}.qr-traditional-toggle input[type=checkbox]{accent-color:#22c55e;cursor:pointer;height:20px;width:20px}.qr-toggle-label{color:#1a1a2e;font-size:15px;font-weight:600}.qr-toggle-desc{color:#64748b;font-size:13px;margin-left:auto}.qr-styling-options{transition:opacity .2s,filter .2s}.qr-styling-options.disabled{filter:grayscale(.5);opacity:.4;pointer-events:none}@media (max-width:600px){.qr-generator{padding:16px}.qr-link-option{flex-direction:column}.qr-link-option-right{border-left:none;border-top:1px solid #e2e8f0}.qr-link-option.selected .qr-link-option-right{border-top-color:#bbf7d0}.qr-download-buttons{flex-direction:column}.qr-size-options{flex-wrap:wrap}}.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:600px;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:126px!important;max-width:400px!important;min-width:400px!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(100vw - 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(100vw - 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:500px;min-width:500px}}@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:100vw}.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}.ellipsisClickTarget{left:174.8px}.dogIdentity:after{left:105px}.hasScrollbar .ellipsisClickTarget{left:166.8px}.hasScrollbar .dogIdentity:after{left:97px}.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:100vw}body.dark-mode .desktop-bark-image-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}@media (min-width:769px) and (max-width:1460px){body:has(.desktop-bark-main-content) .rightbar{display:none!important}.desktop-sidebar-content{display:none!important}.comment-button-medium-range{display:block!important}.desktop-bark-main-content{margin-left:260px!important;margin-right:0!important;width:calc(100vw - 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){body:has(.desktop-bark-main-content) .rightbar{display:none!important}.desktop-bark-main-content{margin-left:260px!important;margin-right:0!important;width:calc(100vw - 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}}.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:1000}.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:#f1f5f9;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:#e2e8f0;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%}.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{background:#000c;height:10000vh;height:calc(var(--vh, 1vh)*100);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));width:100vw;z-index:2000}.new-modal-overlay.dimmed-modal{background:#00000080;z-index:3000}.new-modal-card{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;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:2000}.mobile-fullscreen-comments-content{background:#fff;border-radius:0;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.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)}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}:root{--vh:100vh}.new-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.new-modal-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:90vw;overflow-y:auto;padding:24px}body.dark-mode .new-modal-card{background:#2a2a2a;color:#e5e7eb}.shared-button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.shared-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.shared-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}.shared-text{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}body.dark-mode .shared-text{color:#e5e7eb}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}: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)}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)) .layoutWrap{justify-content:flex-start;margin:60px 0 0;max-width:none;padding:0}body:not(:has(.desktop-bark-main-content)) .sidebar{left:0;position:fixed;width:296px;z-index:10}body:not(:has(.desktop-bark-main-content)):not(:has(.settings-card)) .layoutWrap>div:not(.sidebar):not(.rightbar){box-sizing:border-box;left:45%!important;margin-left:33%!important;max-width:800px;width:calc(100vw - 296px)}body:has(.settings-card) .layoutWrap>div:not(.sidebar):not(.rightbar){margin-left:29%!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:1000}.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:0}.leftHeader .searchInput{flex:1 1;margin:0 16px;max-width:none;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: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}}@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;min-width:38px!important;padding:0;position:relative}.loginAsDogButton:before{content:"🐕";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loginAsDogButton span,.loginAsDogButton svg{display:none}.loginAsDogButton:hover{background:var(--text-muted)}}.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}.sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-color);box-sizing:border-box;height:calc(100vh - 60px);height:95vh;justify-content:space-between;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-grow:1;height:100%}.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);margin-top:16px;padding-top:12px}.sidebarDogsTitle{color:var(--text-primary);cursor:pointer;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{max-height:400px;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-radius:12px;cursor:pointer;gap:10px;margin:6px 0;min-width:0;padding:8px}.sidebarDogCard:hover{background-color:var(--bg-hover)}.sidebarDogCard.activeDog{background-color:var(--bg-tertiary);border:2px solid 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}.dogIdentity:after{color:var(--text-tertiary);content:"⋯";font-size:16px;left:150px;position:absolute;top:8px}.ellipsisClickTarget{cursor:pointer;height:77px;left:211.8px;position:absolute;top:0;width:35px;z-index:10}.hasScrollbar .ellipsisClickTarget{left:201.8px}.hasScrollbar .dogIdentity:after{left:132px}.dogClickableArea{align-items:center;cursor:pointer;display:flex;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-y:auto;overflow:hidden;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)}.public-rightbar-top-dogs{margin-top:24px}.public-rightbar-top-dogs .whoToFollowContainer{margin-top:0}.feed{background:#fff;border:none;border-radius:7px;margin:0;padding:5px 26px 26px}@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){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{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}.profileDetails{position:relative}.addFriendButton{background-color:#ffae42;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-width:110px;padding:9px 12px;position:absolute;right:56px;text-align:center;top:54px;transition:background-color .2s ease;transition:all .3s cubic-bezier(.4,0,.2,1)}.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:#854d0e!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}.addFriendButton.animating{background:#ffae42!important;color:#fff!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:36px}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:#854d0e!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:1200}.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;width:260px!important;z-index:20!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){.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-bottom:0!important;padding-top: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: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.on-admin-page .sidebar,body:has(.settings-slide-in) .sidebar{left:calc(50vw - 621px);transform:translateX(-94.26px) translateZ(0);width:296px!important}body.on-admin-page .rightbar,body:has(.settings-slide-in) .rightbar{right:calc(50vw - 621px);transform:translateX(94.26px) translateZ(0);width:296px!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}
/*# sourceMappingURL=main.1e0842ab.css.map*/