*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-1{bottom:-.25rem}.left-0{left:0}.z-\[1000\]{z-index:1000}.z-\[1100\]{z-index:1100}.z-\[1200\]{z-index:1200}.z-\[1300\]{z-index:1300}.z-\[9999\]{z-index:9999}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-20{height:5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[2px\]{height:2px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.w-10{width:2.5rem}.w-20{width:5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[320px\]{width:320px}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[1\.5rem\]{min-width:1.5rem}.max-w-\[85\%\]{max-width:85%}.max-w-\[86vw\]{max-width:86vw}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.origin-left{transform-origin:left}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0{--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[fadeIn_0\.4s_ease_out\]{animation:fadeIn .4s ease out}.animate-\[materialize_1\.2s_ease_out_forwards\]{animation:materialize 1.2s ease out forwards}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-black\/10{border-color:#0000001a}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-neutral-300{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.border-neutral-300\/70{border-color:#d4d4d4b3}.border-white\/15{border-color:#ffffff26}.border-white\/40{border-color:#fff6}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.bg-neutral-100\/70{background-color:#f5f5f5b3}.bg-neutral-200{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-slate-800\/60{background-color:#1e293b99}.bg-slate-900\/5{background-color:#0f172a0d}.bg-slate-900\/65{background-color:#0f172aa6}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:#ffffff1a}.bg-white\/70{background-color:#ffffffb3}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.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))}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-sky-400{--tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #38bdf8 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-sky-500{--tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0ea5e9 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-emerald-400{--tw-gradient-to: #34d399 var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-4{padding:1rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.98rem\]{font-size:.98rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[10px\]{font-size:10px}.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-black{font-weight:900}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-wide{letter-spacing:.025em}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.text-neutral-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.text-neutral-800{--tw-text-opacity: 1;color:rgb(38 38 38 / var(--tw-text-opacity, 1))}.text-neutral-900{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-white\/90{color:#ffffffe6}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-emerald-500\/20{--tw-shadow-color: rgb(16 185 129 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-emerald-500\/30{--tw-shadow-color: rgb(16 185 129 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-500\/30{--tw-shadow-color: rgb(99 102 241 / .3);--tw-shadow: var(--tw-shadow-colored)}.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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-black\/5{--tw-ring-color: rgb(0 0 0 / .05)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-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-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,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-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.placeholder\:text-neutral-400::placeholder{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:translate-y-0:hover{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-100:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-100\/70:hover{background-color:#f5f5f5b3}.hover\:bg-neutral-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-800:hover{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-900\/5:hover{background-color:#0f172a0d}.hover\:bg-gradient-to-r:hover{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.hover\:from-indigo-500:hover{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-indigo-800:hover{--tw-gradient-from: #3730a3 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:via-indigo-700:hover{--tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #4338ca var(--tw-gradient-via-position), var(--tw-gradient-to)}.hover\:via-purple-500:hover{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)}.hover\:to-indigo-600:hover{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.hover\:to-pink-500:hover{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.hover\:bg-clip-text:hover{-webkit-background-clip:text;background-clip:text}.hover\:text-neutral-800:hover{--tw-text-opacity: 1;color:rgb(38 38 38 / var(--tw-text-opacity, 1))}.hover\:text-neutral-900:hover{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hover\:text-transparent:hover{color:transparent}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-indigo-500\/40:hover{--tw-shadow-color: rgb(99 102 241 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);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)}.focus\:border-blue-400:focus{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500\/40:focus{--tw-ring-color: rgb(59 130 246 / .4)}.focus\:ring-gray-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-indigo-400\/60:focus-visible{--tw-ring-color: rgb(129 140 248 / .6)}.focus-visible\:ring-indigo-400\/70:focus-visible{--tw-ring-color: rgb(129 140 248 / .7)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-white:focus-visible{--tw-ring-offset-color: #fff}.active\:bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.active\:shadow-inner:active{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:bg-black:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.disabled\:hover\:shadow-md:hover:disabled{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:scale-x-100{--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.group:hover .group-hover\:from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:via-purple-500{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)}.group:hover .group-hover\:to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.group:focus-visible .group-focus-visible\:scale-x-100{--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}.dark\:border-white\/20:is(.dark *){border-color:#fff3}.dark\:bg-black\/60:is(.dark *){background-color:#0009}.dark\:bg-indigo-400\/15:is(.dark *){background-color:#818cf826}.dark\:bg-neutral-900\/60:is(.dark *){background-color:#17171799}.dark\:bg-neutral-900\/90:is(.dark *){background-color:#171717e6}.dark\:bg-neutral-900\/95:is(.dark *){background-color:#171717f2}.dark\:bg-slate-100\/60:is(.dark *){background-color:#f1f5f999}.dark\:bg-white:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:bg-white\/10:is(.dark *){background-color:#ffffff1a}.dark\:text-neutral-100:is(.dark *){--tw-text-opacity: 1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))}.dark\:text-neutral-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.dark\:text-neutral-300:is(.dark *){--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.dark\:text-neutral-400:is(.dark *){--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.dark\:text-neutral-900:is(.dark *){--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.dark\:ring-white\/10:is(.dark *){--tw-ring-color: rgb(255 255 255 / .1)}.dark\:placeholder\:text-neutral-500:is(.dark *)::placeholder{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-neutral-200:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-white\/20:hover:is(.dark *){background-color:#fff3}.dark\:hover\:bg-white\/5:hover:is(.dark *){background-color:#ffffff0d}.dark\:hover\:from-indigo-300:hover:is(.dark *){--tw-gradient-from: #a5b4fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:hover\:from-indigo-400:hover:is(.dark *){--tw-gradient-from: #818cf8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:hover\:via-sky-400:hover:is(.dark *){--tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #38bdf8 var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:hover\:to-emerald-300:hover:is(.dark *){--tw-gradient-to: #6ee7b7 var(--tw-gradient-to-position)}.dark\:hover\:text-neutral-100:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))}.dark\:focus-visible\:ring-offset-slate-900:focus-visible:is(.dark *){--tw-ring-offset-color: #0f172a}.group:hover .dark\:group-hover\:from-indigo-300:is(.dark *){--tw-gradient-from: #a5b4fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .dark\:group-hover\:via-sky-400:is(.dark *){--tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #38bdf8 var(--tw-gradient-via-position), var(--tw-gradient-to)}.group:hover .dark\:group-hover\:to-emerald-300:is(.dark *){--tw-gradient-to: #6ee7b7 var(--tw-gradient-to-position)}@media (min-width: 640px){.sm\:p-6{padding:1.5rem}}:root{--font-sans: "Inter", "Segoe UI", "Roboto", sans-serif;--font-display: "Playfair Display", "Times New Roman", serif;--color-page: linear-gradient(180deg, #f7f8fa 0%, #ffffff 100%);--color-surface: #ffffff;--color-surface-alt: #f0f2f5;--color-text: #111827;--color-muted: #6b7280;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-accent: #111827;--color-accent-contrast: #ffffff;--color-success: #22c55e;--color-danger: #dc2626;--shadow-soft: 0 32px 64px rgba(15, 23, 42, .08);--shadow-card: 0 22px 45px rgba(15, 23, 42, .06);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--transition-fast: .16s cubic-bezier(.4, 0, .2, 1);--transition-base: .28s cubic-bezier(.4, 0, .2, 1);--transition-slow: .48s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--color-page: linear-gradient(180deg, #0b1220 0%, #1a2236 100%);--color-surface: #111827;--color-surface-alt: #1e293b;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-border: rgba(148, 163, 184, .28);--color-border-strong: rgba(148, 163, 184, .45);--color-accent: #6366f1;--color-accent-contrast: #f8fafc;--shadow-soft: 0 30px 80px rgba(8, 16, 32, .4);--shadow-card: 0 18px 48px rgba(7, 11, 27, .45)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-page);color:var(--color-text)}html,body,#root,.App{max-width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}a:hover{color:var(--color-accent)}.btn-text{color:var(--color-text)}.btn-text:hover,.btn-text:focus-visible{color:var(--color-accent)}button{font-family:var(--font-sans);border:none;cursor:pointer;background:none}.App{min-height:100vh;background:var(--color-page);color:var(--color-text)}.App--auth{background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.12),transparent 55%),radial-gradient(circle at 80% 10%,rgba(251,191,36,.12),transparent 60%),linear-gradient(160deg,#0c1020,#11172a 48%,#131c33);color:#eef2ff}[data-theme=dark] .App--auth{background:radial-gradient(circle at 35% 15%,rgba(99,102,241,.18),transparent 55%),radial-gradient(circle at 75% 10%,rgba(14,116,144,.18),transparent 60%),linear-gradient(170deg,#050b18,#0b1324 55%,#111d38);color:var(--color-text)}[data-theme=dark] .App--auth .main-header{background:#0a1224eb;border-bottom:1px solid rgba(51,65,85,.55);box-shadow:0 22px 48px #0206178c}.App--auth .main-header{background:#fffffff0;border-bottom:1px solid rgba(148,163,184,.2);box-shadow:0 24px 52px #0f172a2e}.App--auth .main-nav{background:transparent;border:none;box-shadow:none}.App--auth .nav-link,.App--auth .btn-nav{color:#111827cc}.App--auth .nav-link:hover,.App--auth .nav-link:focus-visible,.App--auth .btn-nav:hover,.App--auth .btn-nav:focus-visible{color:#4f46e5e6}[data-theme=dark] .App--auth .nav-link,[data-theme=dark] .App--auth .btn-nav{color:#e2e8f0eb}[data-theme=dark] .App--auth .nav-link:hover,[data-theme=dark] .App--auth .nav-link:focus-visible,[data-theme=dark] .App--auth .btn-nav:hover,[data-theme=dark] .App--auth .btn-nav:focus-visible{color:#94a3fff2}.App--auth .notification-indicator{background:#fbbf2426;color:#fbbf24f2}[data-theme=dark] .App--auth .notification-indicator{background:#94a3b82e;color:#bfdbfeeb}.App--auth .user-name,.App--auth .user-name.clickable{color:#111827e6}[data-theme=dark] .App--auth .user-name,[data-theme=dark] .App--auth .user-name.clickable{color:#e2e8f0e0}.App--auth .register-button{background:linear-gradient(135deg,#fbbf24eb,#facc15c7);color:#111827;box-shadow:0 20px 38px #facc1540}.App--auth .register-button:hover{box-shadow:0 26px 46px #facc1547;transform:translateY(-1px)}.App--auth .login-button:hover{color:#fbbf24e6}.page-transition{position:relative;animation:fadeSlideIn var(--transition-slow) forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes userRowAppear{0%{opacity:0}to{opacity:1}}@keyframes spinnerPulse{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.main-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border)}[data-theme=dark] .main-header{background:#111827e6;border-bottom:1px solid rgba(51,65,85,.65);box-shadow:0 18px 40px #0206178c}.header-content{max-width:1200px;margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:48px}.logo{display:inline-flex;align-items:center;margin:0;padding:2px 6px;line-height:1.1;white-space:nowrap;overflow:visible}.logo .logo-nn{color:inherit;text-decoration:none;padding:0 2px;border-radius:6px;cursor:pointer}.logo .logo-nn:hover,.logo .logo-nn:focus-visible{text-decoration:underline}@media (max-width: 640px){.header-content{padding:0 16px}.header-left{gap:16px}.logo{white-space:normal;line-height:1.15;display:inline-block}}.header-controls{display:inline-flex;align-items:center;gap:10px;margin-right:18px}.header-control-group{display:inline-flex;align-items:center;gap:10px}.header-control-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#ffffffb3;font-weight:600;font-size:.85rem;color:#1f2937;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer}.header-control-button:hover,.header-control-button:focus-visible{background:#fffffff2;box-shadow:0 14px 28px #0f172a29;transform:translateY(-2px)}[data-theme=dark] .header-control-button{background:#1e293bb3;color:#e2e8f0f5;border-color:#94a3b838}[data-theme=dark] .header-control-button:hover,[data-theme=dark] .header-control-button:focus-visible{background:#1e293be6}.main-nav{display:flex;gap:28px}@media (min-width: 769px){.mobile-nav-toggle{display:none}}@media (max-width: 768px){.mobile-nav-toggle{display:inline-flex}.logout-desktop{display:none!important}}@media (max-width: 992px){.mobile-nav-toggle{display:inline-flex}.logout-desktop{display:none!important}}@media (max-width: 520px){.header-content{padding:0 12px}.header-left{gap:16px}.header-right{gap:8px}.register-button{padding:8px 16px;font-size:.92rem}.login-button{padding:8px 0}.main-nav{gap:12px}}@media (max-width: 380px){.header-content{padding:0 10px}.register-button{padding:6px 14px;font-size:.88rem}}.nav-link,.btn-nav{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.98rem;color:var(--color-text);position:relative;padding:8px 0;transition:color var(--transition-fast),transform var(--transition-fast);background:none;border:none;text-decoration:none;cursor:pointer}.nav-link:focus,.nav-link:focus-visible,.btn-nav:focus,.btn-nav:focus-visible{outline:none;box-shadow:none}.nav-link:after,.btn-nav:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-fast);opacity:.7}.btn-nav.is-active:after{transform:scaleX(1)}.nav-link:hover:after,.nav-link:focus-visible:after,.btn-nav:hover:after,.btn-nav:focus-visible:after{transform:scaleX(1)}.nav-link:hover,.nav-link:focus-visible,.btn-nav:hover,.btn-nav:focus-visible{transform:translateY(-2px)}.button-text{letter-spacing:.01em}.button-text:after{background:linear-gradient(90deg,#3b82f6e6,#9333eae6)}.button-text__inner{display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-nav:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-nav:disabled:after{transform:scaleX(0)}.btn-nav:disabled:hover,.btn-nav:disabled:focus-visible{transform:none}.header-right{display:flex;align-items:center;gap:16px}.login-button{font-size:.96rem;font-weight:600;color:#374151;padding:10px 0;transition:color var(--transition-fast)}.login-button:hover{color:var(--color-text)}.register-button{background:var(--color-text);color:var(--color-accent-contrast);padding:10px 26px;border-radius:999px;font-weight:600;letter-spacing:.02em;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.register-button:hover{transform:translateY(-2px);box-shadow:0 18px 30px #1118272e;color:var(--color-accent-contrast)}.user-menu{display:flex;align-items:center;gap:16px}.user-info-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.user-name{font-weight:600;font-size:.95rem;color:var(--color-text)}.user-name.clickable{cursor:pointer;background:none;border:none;color:inherit;padding:0}.notification-indicator{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px;background:#11182714;color:var(--color-text)}.connection-indicator{font-size:.65rem;font-weight:600;color:var(--color-success)}.main-content{background:var(--color-page);min-height:calc(100vh - 72px)}.page-shell{max-width:1100px;margin:0 auto;padding:64px 32px 96px}.users-page,.leisure-page,.login-page,.register-page{max-width:1100px;margin:0 auto;padding:64px 32px 96px;text-align:left;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 40px 70px #0f172a1f}.page-elevated{background:linear-gradient(135deg,#fffffff7,#f4f6fff0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.18);box-shadow:0 48px 90px #0f172a29;border-radius:var(--radius-lg);padding:72px 56px 96px}[data-theme=dark] .page-elevated{background:linear-gradient(150deg,#111827f2,#0b1424fa);border:1px solid rgba(51,65,85,.65);box-shadow:0 54px 110px #020617a6}.App--auth .page-elevated{background:linear-gradient(140deg,#fffffff7,#f7f3e9f0);border:1px solid rgba(251,191,36,.18);box-shadow:0 64px 110px #080c1852}[data-theme=dark] .App--auth .page-elevated{background:linear-gradient(150deg,#0d1424f5,#070e1cfa);border:1px solid rgba(79,70,229,.25);box-shadow:0 68px 120px #04091aad}[data-theme=dark] .users-page,[data-theme=dark] .leisure-page,[data-theme=dark] .login-page,[data-theme=dark] .register-page{background:#0f172ad9;color:#e2e8f0f2;box-shadow:0 40px 70px #0f172a85}[data-theme=dark] .load-more-button{border-color:#94a3b859}[data-theme=dark] .nav-link,[data-theme=dark] .btn-nav,[data-theme=dark] .user-name,[data-theme=dark] .user-row__name{color:#e2e8f0f2}[data-theme=dark] .register-button{background:linear-gradient(135deg,#6366f1f2,#a855f7e6);color:#f8fafc;border:1px solid rgba(129,140,248,.35);box-shadow:0 22px 40px #6366f152}[data-theme=dark] .register-button:hover{transform:translateY(-2px);box-shadow:0 28px 48px #6366f161}[data-theme=dark] .login-button{color:#e2e8f0e0}[data-theme=dark] .login-button:hover,[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link:focus-visible,[data-theme=dark] .btn-nav:hover,[data-theme=dark] .btn-nav:focus-visible{color:#f8fafc}.users-page header,.profile-page header,.leisure-page header,.login-page header,.register-page header{margin-bottom:40px}.page-title{font-family:var(--font-display);font-size:2.6rem;letter-spacing:-.02em;margin:12px 0;color:var(--color-text)}.page-description{color:var(--color-muted);max-width:720px;font-size:1rem;margin:0}.App--auth .page-title{color:#0f172afa}.App--auth .page-description{color:#2d3748d6}[data-theme=dark] .page-title{color:#e2e8f0f5}[data-theme=dark] .page-description{color:#cbd5e1db}.back-button{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#374151;padding:0;transition:color var(--transition-fast),transform var(--transition-fast)}.back-button:hover,.back-button:focus-visible{color:var(--color-text);transform:translateY(-2px)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:99}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(80vw,340px);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:-24px 0 48px #0f172a4d;border-left:1px solid var(--color-border);z-index:100;display:flex;flex-direction:column;animation:slideIn .2s ease-out both}@keyframes slideIn{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--color-border)}.mobile-drawer__title{font-weight:800;color:var(--color-text);font-size:1.1rem}.mobile-drawer__close{font-size:1.4rem;line-height:1;padding:4px;color:var(--color-muted)}.mobile-drawer__links{display:flex;flex-direction:column;padding:12px}.mobile-nav-link{display:block;padding:12px 14px;border-radius:12px;color:var(--color-text);text-decoration:none;font-weight:600}.mobile-nav-link:hover,.mobile-nav-link:focus-visible{background:#1118270f}.mobile-drawer__footer{margin-top:auto;padding:12px;border-top:1px solid var(--color-border)}.mobile-nav-link--danger{color:var(--color-danger)}[data-theme=dark] .mobile-drawer{background:#111827f5;border-left-color:#33415599}[data-theme=dark] .mobile-nav-link:hover,[data-theme=dark] .mobile-nav-link:focus-visible{background:#6366f12e}@media (max-width: 640px){.mobile-drawer__title{white-space:normal;line-height:1.2;display:block;max-width:110px}}.error{color:var(--color-danger);font-weight:600}.loading,.no-users{text-align:center;padding:48px 0;font-size:1.05rem;color:var(--color-muted)}.users-content{position:relative}.user-row__name,.users-loading-text,.page-title,.page-description{overflow-wrap:anywhere;word-break:break-word}.user-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.filter-button-message{text-transform:uppercase;letter-spacing:.08em;padding-left:20px;padding-right:20px}.filter-button-message--dropdown{min-width:140px;justify-content:space-between;text-transform:none;letter-spacing:.04em}.filter-button-message--active{background:#4f46e51f;color:var(--color-text)}[data-theme=dark] .filter-button-message--active{background:#6366f12e;color:#e2e8f0f2}.filter-button-message__label{display:inline-flex;align-items:center;gap:6px}.filter-button-message__caret{margin-left:auto;font-size:.8rem}.filter-dropdown{position:relative}.filter-dropdown__menu{position:absolute;top:calc(100% + 10px);left:0;min-width:180px;background:var(--color-surface);border:1px solid rgba(148,163,184,.18);border-radius:18px;box-shadow:0 32px 42px #0f172a29;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:5;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s var(--easing-smooth),transform .35s var(--easing-emphasized)}.filter-dropdown--open .filter-dropdown__menu{opacity:1;transform:translateY(0);pointer-events:auto}.filter-dropdown__option{border:none;background:none;text-align:left;padding:10px 14px;border-radius:12px;color:var(--color-text);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.filter-dropdown__option:hover,.filter-dropdown__option:focus-visible{background:#11182714}.filter-dropdown__option.is-active{background:#1118271f;font-weight:700}[data-theme=dark] .filter-dropdown__option:hover,[data-theme=dark] .filter-dropdown__option:focus-visible{background:#6366f129;color:#e2e8f0f5}[data-theme=dark] .filter-dropdown__option.is-active{background:#6366f138;color:#e2e8f0fa}[data-theme=dark] .filter-dropdown__menu{background:#111827f5;border-color:#6366f142;box-shadow:0 28px 56px #020617b3}[data-theme=dark] .user-row__name,[data-theme=dark] .filter-dropdown__option,[data-theme=dark] .no-users,[data-theme=dark] .online-count,[data-theme=dark] .users-loading-text{color:#e2e8f0f5}[data-theme=dark] .user-row__index{color:#cbd5e1d9}.users-list{display:flex;flex-direction:column;gap:18px}.users-list[data-animate=true] .user-row{animation:userRowAppear .52s var(--easing-smooth) both;animation-delay:calc(var(--row-index, 0) * 60ms)}.users-list[data-animate=true] .user-row:nth-child(2n){animation-delay:calc(var(--row-index, 0) * 70ms)}.user-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fffffffa,#f2f5ffeb);padding:20px 28px;border-radius:var(--radius-md);box-shadow:0 24px 48px #0f172a14;border:1px solid rgba(148,163,184,.18);transition:box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);will-change:transform,opacity;outline:none}.user-row:hover,.user-row:focus-visible{box-shadow:0 34px 64px #0f172a29;border-color:#4f46e547;background:linear-gradient(135deg,#fafafffa,#eceffdf2)}[data-theme=dark] .user-row{background:linear-gradient(140deg,#131b2deb,#1e293be0);border:1px solid rgba(71,85,105,.45);box-shadow:0 24px 52px #0408188c}[data-theme=dark] .user-row:hover,[data-theme=dark] .user-row:focus-visible{border-color:#818cf873;background:linear-gradient(140deg,#1c263af2,#2e384eeb);box-shadow:0 34px 68px #050c2499}.user-row--online{border-color:#22c55e47}.user-row__summary{display:flex;align-items:center;gap:16px}.user-row__index{font-weight:600;color:#475569d9;min-width:2.2ch;text-align:right}.user-row__name{font-weight:600;font-size:1.06rem;color:var(--color-text);text-transform:none;min-width:10ch}.user-row__status{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;padding:6px 16px;border-radius:999px;background:#94a3b829;color:#475569}.user-row__status--online{background:#22c55e2e;color:#15803d}[data-theme=dark] .user-row__status{background:#94a3b82e;color:#cbd5e1eb}[data-theme=dark] .user-row__status--online{background:#22c55e42;color:#4ade80}.user-row__tooltip{position:absolute;left:24px;bottom:calc(100% + 12px);min-width:220px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,#1e293bfa,#0f172af2);color:var(--color-accent-contrast);box-shadow:0 28px 52px #0f172a47;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s var(--easing-smooth),transform .4s var(--easing-emphasized),visibility .4s var(--easing-smooth);pointer-events:none;z-index:3}.user-row__tooltip:after{content:"";position:absolute;top:100%;left:32px;width:12px;height:12px;background:linear-gradient(135deg,#1e293bfa,#0f172af2);transform:rotate(45deg);border-radius:2px}.user-row:hover .user-row__tooltip,.user-row:focus-within .user-row__tooltip,.user-row:focus-visible .user-row__tooltip{opacity:1;visibility:visible;transform:translateY(-2px)}.user-row__tooltip-title{font-weight:700;font-size:.88rem;margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}.user-row__tooltip-grid{display:grid;grid-template-columns:90px 1fr;gap:6px 12px;font-size:.86rem}.users-loading-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.users-loading-indicator{display:inline-flex;align-items:center;gap:8px;background:#fffffff5;border-radius:999px;padding:6px 16px;border:1px solid rgba(148,163,184,.22);box-shadow:0 16px 26px #0f172a24;pointer-events:none;font-size:.88rem;font-weight:600;color:#475569e6}[data-theme=dark] .users-loading-backdrop{background:#0f172a99}.preloader-inline-wrapper{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px}.preloader-host{gap:12px}[data-theme=dark] .users-loading-indicator{background:#111827f5;border:1px solid rgba(99,102,241,.32);box-shadow:0 20px 32px #0206178c;color:#e2e8f0e6}.users-loading-text{letter-spacing:.02em}.loading-spinner{font-size:.95rem;animation:spinnerPulse 1s ease-in-out infinite alternate}.load-more-container{display:flex;justify-content:center;margin:32px 0 0}.load-more-button{padding:12px 32px;border:none;transition:transform var(--transition-fast)}.load-more-button:after{display:none}.load-more-button:hover:not(:disabled),.load-more-button:focus-visible:not(:disabled){transform:translateY(-2px)}.load-more-button:disabled{opacity:.65}.page-footer{margin-top:36px;display:flex;justify-content:center;color:#475569d9}[data-theme=dark] .page-footer{color:#94a3b8cc}.online-stats-footer{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.online-count{font-weight:600}.last-update{font-size:.9rem;color:#475569b3}[data-theme=dark] .last-update{color:#94a3b8ad}.users-page .user-name-wrapper{position:relative;display:inline-block}.users-page .user-name-hover{font-weight:700;color:var(--color-text)}.users-page .user-hover-card{position:absolute;left:0;top:calc(100% + 6px);width:260px;min-height:90px;padding:12px;background:#fffffff5;color:#0f172a;border:1px solid rgba(148,163,184,.35);border-radius:12px;box-shadow:0 18px 40px #0f172a2e;z-index:8;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.users-page .user-name-hover:hover+.user-hover-card,.users-page .user-hover-card:hover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}[data-theme=dark] .users-page .user-hover-card{background:#0b1220;color:#f1f5f9;border-color:#ffffff38;box-shadow:0 16px 32px #000000b3,0 0 0 1px #ffffff0f inset}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:32px;z-index:40;animation:fadeIn var(--transition-fast) forwards}.notification-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);width:min(90vw,520px);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;color:var(--color-text)}.notification-modal--wide{width:min(90vw,560px)}.notification-modal--compact{width:min(90vw,420px)}.notification-modal--tall{width:min(90vw,520px);max-height:72vh}.modal-header{padding:24px 28px 20px;display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--color-border)}.modal-header--with-actions{justify-content:space-between}.modal-title{flex:1;margin:0;font-family:var(--font-display);font-size:1.4rem;letter-spacing:-.01em}.modal-header-actions{display:flex;align-items:center;gap:12px}.modal-link{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);background:none;border:none;padding:0;transition:color var(--transition-fast),transform var(--transition-fast)}.modal-link:hover,.modal-link:focus-visible{color:var(--color-text);transform:translateY(-2px)}.modal-back-button{background:#1118270f;border-radius:999px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;color:#1f2937;transition:background var(--transition-fast)}.modal-back-button:hover{background:#1118271f}[data-theme=dark] .modal-back-button{background:#94a3b82e;color:#e2e8f0eb}[data-theme=dark] .modal-back-button:hover{background:#6366f147}.close-button{font-size:1.4rem;font-weight:600;color:#6b7280;background:none;border:none;line-height:1;padding:4px;transition:color var(--transition-fast),transform var(--transition-fast)}.close-button:hover{color:var(--color-text);transform:scale(1.05)}[data-theme=dark] .close-button{color:#94a3b8b3}[data-theme=dark] .close-button:hover{color:#e2e8f0f2}.modal-body{background:var(--color-page);padding:24px 28px;overflow-y:auto;color:var(--color-text)}.modal-body--list{max-height:45vh}.modal-body--thread{max-height:50vh;padding:24px 0 0}.modal-empty-state{text-align:center;padding:48px 24px;color:var(--color-muted);font-style:italic}.notification-groups{display:flex;flex-direction:column}.notification-group{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--color-border);transition:background var(--transition-base),transform var(--transition-base);cursor:pointer}.notification-group:hover{background:var(--color-surface-alt);transform:translateY(-1px)}.notification-group__body{background:var(--color-page);display:flex;flex-direction:column;gap:4px}.notification-group__title{font-weight:600;color:var(--color-text);font-size:.98rem}.notification-group__meta{font-size:.85rem;color:var(--color-muted)}.notification-group__badge{background:var(--color-danger);color:#fff;font-weight:600;padding:4px 10px;border-radius:12px;min-width:26px;text-align:center;font-size:.8rem}.notification-thread{display:flex;flex-direction:column;gap:0;padding:0 28px}.notification-thread__item{padding:18px 0;border-bottom:1px solid var(--color-border)}.notification-thread__bubble{background:#e7f0ff;border:1px solid #d0e1ff;border-radius:var(--radius-sm);padding:14px 16px;font-size:.95rem;line-height:1.5;color:#1f2937}[data-theme=dark] .notification-thread__bubble{background:#1e293be0;border:1px solid rgba(99,102,241,.28);color:#e2e8f0eb}.notification-thread__meta{display:flex;justify-content:flex-end;margin-top:8px}.notification-thread__time{font-size:.78rem;color:var(--color-muted)}.modal-footer{padding:18px 28px 24px;border-top:1px solid var(--color-border);background:var(--color-surface-alt);display:flex;justify-content:center}.modal-footer .send-button{width:100%;max-width:220px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.send-button,.submit-button{background:var(--color-text);color:var(--color-accent-contrast);border-radius:999px;padding:12px 28px;font-weight:600;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.send-button:hover,.submit-button:hover{transform:translateY(-2px);box-shadow:0 20px 32px #1118272e}.send-button:disabled,.submit-button:disabled{background:#11182733;cursor:not-allowed;box-shadow:none;transform:none}.send-button--full{width:100%}.cancel-button{padding:11px 24px;border-radius:999px;background:#1118270f;font-weight:600;color:var(--color-text);transition:background var(--transition-fast)}.cancel-button:hover:not(:disabled){background:#1118271f}.char-counter{font-size:.78rem;color:var(--color-text);margin-top:6px;text-align:right}.notification-modal .recipient-info,.notification-modal label,.notification-modal p,.notification-modal .modal-textarea{color:var(--color-text)}.notification-modal .modal-textarea::placeholder{color:#1e293ba6}[data-theme=dark] .notification-modal .modal-textarea::placeholder{color:#94a3b8b3}.modal-textarea,.user-form input,.user-form select,.user-form textarea,.auth-form input,.auth-form select,.auth-form textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:12px;font-size:.95rem;background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);resize:vertical}.modal-textarea:focus,.user-form input:focus,.user-form select:focus,.user-form textarea:focus,.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{outline:none;border-color:#11182780;box-shadow:0 0 0 4px #11182714}[data-theme=dark] .modal-textarea:focus,[data-theme=dark] .user-form input:focus,[data-theme=dark] .user-form select:focus,[data-theme=dark] .user-form textarea:focus,[data-theme=dark] .auth-form input:focus,[data-theme=dark] .auth-form select:focus,[data-theme=dark] .auth-form textarea:focus{border-color:#6366f18c;box-shadow:0 0 0 4px #6366f140}.recipient-info{font-weight:600;margin-bottom:12px}.user-form,.auth-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:40px 44px;max-width:480px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-weight:600;font-size:.92rem;color:#1f2937}[data-theme=dark] .form-group label{color:#e2e8f0e6}.form-hint{font-size:.78rem;color:var(--color-muted)}.required-mark{color:var(--color-danger)}.error-message{background:#dc26261f;color:#b91c1c;border-radius:12px;padding:12px 16px;font-weight:600;margin-bottom:20px}.login-hint{margin-top:28px;font-size:.9rem;color:var(--color-muted);line-height:1.5}.profile-stats h3{margin-top:0;margin-bottom:20px;font-size:1.3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-item{background:var(--color-surface);border-radius:var(--radius-md);padding:18px;text-align:center;box-shadow:0 18px 36px #0f172a0d}.stat-item.online{border:1px solid rgba(34,197,94,.24)}.stat-number{display:block;font-family:var(--font-display);font-size:1.9rem;margin-bottom:6px;color:#0f172ae6}.stat-label{color:#475569e6;font-size:.92rem}[data-theme=dark] .stat-item{background:#1e293b99;box-shadow:0 18px 36px #02061780;border:1px solid rgba(99,102,241,.2)}[data-theme=dark] .stat-item.online{border-color:#22c55e52}[data-theme=dark] .stat-number{color:#e2e8f0f5}[data-theme=dark] .stat-label{color:#cbd5e1db}.special-notice{display:flex;gap:16px;margin-top:20px;padding:18px;border-radius:var(--radius-md);background:#db277714;color:#be185d}.special-icon{font-size:1.6rem}.profile-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.action-button{padding:12px 28px;border-radius:999px;background:var(--color-text);color:var(--color-accent-contrast);font-weight:600;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.action-button:hover{transform:translateY(-2px);box-shadow:0 18px 32px #1118272e}.action-button.secondary{background:#11182714;color:var(--color-text)}.action-button.secondary:hover{background:#11182724;box-shadow:none}.leisure-content{display:grid;gap:32px}.welcome-section{background:var(--color-surface);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.welcome-section h2{margin-top:0;margin-bottom:12px;font-family:var(--font-display);font-size:2rem;color:#0f172af5}.leisure-content p,.leisure-content li{color:#111827e6}.coming-soon{background:var(--color-surface);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.coming-soon-icon{font-size:2rem;margin-bottom:12px}.features-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px;color:var(--color-muted)}.auth-container{display:flex;justify-content:center}.auth-card h1{margin-top:0}.auth-link{text-align:center;margin-top:24px;color:var(--color-muted)}.auth-link a{font-weight:600;color:var(--color-text);transition:color var(--transition-fast),transform var(--transition-fast)}.auth-link a:hover{text-decoration:underline;transform:translateY(-2px)}@media (max-width: 1024px){.header-content{padding:0 20px}.header-left{gap:32px}.users-page,.profile-page,.leisure-page,.login-page,.register-page{padding:48px 20px 80px}.page-elevated{padding:56px 28px 80px;border-radius:28px}}@media (max-width: 768px){.main-nav{display:none}.header-content{height:64px}.header-controls{margin-right:10px;gap:6px}.header-control-button{min-width:38px;height:32px;font-size:.78rem}.users-page header h1,.profile-page header h1,.leisure-page header h1,.login-page header h1,.register-page header h1{font-size:2.1rem}.users-list{gap:14px}.user-form,.auth-card{padding:32px 28px}.profile-card{padding:32px}.modal-overlay{padding:16px}.notification-modal{width:100%}}@media (max-width: 520px){.header-right{gap:10px}.header-controls{margin-right:6px}.header-control-button{min-width:34px;height:30px;padding:0 10px}.register-button{padding:8px 18px}.notification-group{padding:16px 18px}.notification-thread{padding:0 20px}.profile-card,.welcome-section,.coming-soon,.fun-facts,.quick-actions,.motivation-section{padding:24px}.user-filters{gap:12px}.filter-button-message,.filter-dropdown__menu{width:100%}.user-row{flex-direction:column;align-items:flex-start;gap:12px}.page-elevated{padding:48px 20px 72px;border-radius:22px}.user-row__summary{width:100%;justify-content:space-between}.user-row__tooltip{left:16px;right:16px}.user-row__tooltip:after{left:36px}}.error-message{background:#dc26261f;color:var(--color-danger);border-radius:8px;padding:.5rem .75rem;font-weight:600;margin:.5rem 0;text-align:center;font-size:.9rem}[data-theme=dark] .error-message{background:#dc26262e;color:#f87171}[data-theme=dark] .profile-header h2,[data-theme=dark] .info-label,[data-theme=dark] .info-value,[data-theme=dark] .motivation-quote,[data-theme=dark] .login-button:hover{color:var(--color-text)}[data-theme=dark] .leisure-content p,[data-theme=dark] .leisure-content li{color:#e2e8f0eb}[data-theme=dark] .action-button.secondary{background:#94a3b82e;color:var(--color-text)}[data-theme=dark] .action-button.secondary:hover{background:#94a3b842}[data-theme=dark] .user-row__index,[data-theme=dark] .last-update{color:#94a3b8bf}[data-theme=dark] .news-source{background:#1e293ba6}[data-theme=dark] .fact-card,[data-theme=dark] .profile-stats{background:#1e293b8c}.profile-page input,.profile-page select,.profile-page textarea{background:#fff;color:var(--color-text);border:1px solid var(--color-border)}[data-theme=dark] .profile-page input,[data-theme=dark] .profile-page select,[data-theme=dark] .profile-page textarea{background:#1e293bd9;color:#e2e8f0fa;border-color:#94a3b861}.profile-page .info-label{color:#111827e6}.profile-page .info-value{color:#111827d1}@media (prefers-reduced-motion: no-preference){body,.App,.main-content{transition:background .4s ease,color .3s ease}}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999}.preloader__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0f172a99,#0f172acc);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preloader__spinner{position:relative;width:96px;height:96px;display:grid;place-items:center}.preloader__circle{position:absolute;border-radius:50%;border:3px solid transparent;animation:preloader-spin 1.4s linear infinite}.preloader__circle--outer{width:96px;height:96px;border-top-color:#22d3ee;border-left-color:#a855f7}.preloader__circle--inner{width:64px;height:64px;border-top-color:#f97316;border-right-color:#facc15;animation-direction:reverse}.preloader__dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#a855f7);box-shadow:0 0 12px #a855f799;animation:preloader-pulse 1s ease-in-out infinite}@keyframes preloader-spin{to{transform:rotate(360deg)}}@keyframes preloader-pulse{0%,to{transform:scale(.9);opacity:.8}50%{transform:scale(1.05);opacity:1}}.preloader--inline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding-left:4px}.preloader--inline .preloader__backdrop{display:none}.preloader--inline .preloader__spinner,.preloader--inline .preloader__circle--outer{width:44px;height:44px}.preloader--inline .preloader__circle--inner{width:28px;height:28px}.preloader--inline .preloader__dot{width:9px;height:9px}._profilePage_1m6zd_1{max-width:1100px;margin:0 auto;padding:64px 32px 96px;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}._header_1m6zd_11{margin-bottom:40px}._card_1m6zd_15{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:40px;display:grid;gap:32px}._cardHeader_1m6zd_24{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}._avatar_1m6zd_32{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:2.2rem;background:#11182714;overflow:hidden}._titleRow_1m6zd_44{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-display);font-size:2.2rem;color:var(--color-text)}._role_1m6zd_54{font-weight:600;color:var(--color-text);opacity:.85}._info_1m6zd_60{display:grid;gap:14px}._item_1m6zd_65{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border);transition:all .25s ease}._item_1m6zd_65:last-child{border-bottom:none}._label_1m6zd_76{font-weight:600;color:var(--color-text)}._value_1m6zd_81{color:var(--color-text);opacity:.82;font-weight:500}._stats_1m6zd_87{padding:24px;border-radius:var(--radius-md);background:var(--color-surface-alt)}._actions_1m6zd_93{display:flex;gap:12px;align-items:center;flex-wrap:wrap}._notice_1m6zd_100{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--color-surface-alt)}._mobileOnly_1m6zd_110{display:none}._desktopOnly_1m6zd_111{display:block}@media (max-width: 768px){._profilePage_1m6zd_1{padding:48px 20px 80px}._card_1m6zd_15{padding:32px}._mobileOnly_1m6zd_110{display:block}._desktopOnly_1m6zd_111{display:none}}[data-theme=dark] ._avatar_1m6zd_32{background:#94a3b82e}._input_1m6zd_126,._select_1m6zd_127,._textarea_1m6zd_128,._profilePage_1m6zd_1 input,._profilePage_1m6zd_1 select,._profilePage_1m6zd_1 textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);background:#fff;color:var(--color-text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease}._textarea_1m6zd_128,._profilePage_1m6zd_1 textarea{resize:vertical}._input_1m6zd_126:focus,._select_1m6zd_127:focus,._textarea_1m6zd_128:focus,._profilePage_1m6zd_1 input:focus,._profilePage_1m6zd_1 select:focus,._profilePage_1m6zd_1 textarea:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f12e}._profilePage_1m6zd_1 input::placeholder,._profilePage_1m6zd_1 textarea::placeholder{color:#64748bcc}[data-theme=dark] ._profilePage_1m6zd_1 input,[data-theme=dark] ._profilePage_1m6zd_1 select,[data-theme=dark] ._profilePage_1m6zd_1 textarea{background:#1e293be6;color:#e2e8f0fa;border-color:#94a3b861}[data-theme=dark] ._profilePage_1m6zd_1 input::placeholder,[data-theme=dark] ._profilePage_1m6zd_1 textarea::placeholder{color:#cbd5e1b3}._avatarGrid_1m6zd_171{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;margin-top:6px}._avatarOption_1m6zd_178{display:inline-flex;width:64px;height:64px;border-radius:12px;overflow:hidden;border:2px solid transparent;background:var(--color-surface-alt);box-shadow:0 10px 18px #0f172a14;cursor:pointer}._avatarOption_1m6zd_178 img{width:100%;height:100%;object-fit:cover}._avatarOptionSelected_1m6zd_194{border-color:#6366f1d9;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] ._avatarOption_1m6zd_178{background:#1e293b99}._emojiGrid_1m6zd_202{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;margin-top:6px}._emojiOption_1m6zd_209{display:inline-flex;width:64px;height:64px;border-radius:12px;align-items:center;justify-content:center;border:2px solid transparent;background:var(--color-surface-alt);box-shadow:0 10px 18px #0f172a14;cursor:pointer}._emojiOptionSelected_1m6zd_222{border-color:#6366f1d9;box-shadow:0 0 0 3px #6366f133}._emojiChar_1m6zd_227{font-size:34px;line-height:1}[data-theme=dark] ._emojiOption_1m6zd_209{background:#1e293b99}.leisure-page{--leisure-bg: linear-gradient(135deg, #4b5563 0%, #64748b 100%);--leisure-text: white;--leisure-surface: rgba(255, 255, 255, .1);--leisure-border: rgba(255, 255, 255, .2);--leisure-surface-2: rgba(255, 255, 255, .15);--leisure-accent: #a78bfa;--leisure-shadow: 0 8px 32px rgba(0, 0, 0, .1)}.leisure-page[data-leisure-theme=dark]{--leisure-bg: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);--leisure-text: #e2e8f0;--leisure-surface: rgba(255, 255, 255, .05);--leisure-border: rgba(255, 255, 255, .1);--leisure-surface-2: rgba(255, 255, 255, .08);--leisure-accent: #90cdf4;--leisure-shadow: 0 8px 32px rgba(0, 0, 0, .3)}.leisure-page[data-leisure-theme=night]{--leisure-bg: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);--leisure-text: #cbd5e0;--leisure-surface: rgba(255, 255, 255, .03);--leisure-border: rgba(255, 255, 255, .08);--leisure-surface-2: rgba(255, 255, 255, .05);--leisure-accent: #63b3ed;--leisure-shadow: 0 8px 32px rgba(0, 0, 0, .4)}.leisure-page{background:var(--leisure-bg);color:var(--leisure-text);min-height:100vh;padding:2rem;transition:all .3s ease;overflow-x:hidden}.leisure-page .page-title{font-size:2.5rem;margin-bottom:.5rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.leisure-page .page-description{text-align:center;font-size:1.1rem;opacity:.9;margin-bottom:2rem}.leisure-theme-controls{display:flex;align-items:center;gap:1rem;justify-content:center;margin:1rem 0 2rem;padding:1rem;background:var(--leisure-surface);border-radius:12px;border:1px solid var(--leisure-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leisure-theme-toggle{background:var(--leisure-surface-2);border:1px solid var(--leisure-border);color:var(--leisure-text);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.leisure-theme-toggle:hover{background:var(--leisure-accent);transform:scale(1.1)}.leisure-theme-label{color:var(--leisure-text);font-size:.9rem;font-weight:500}.leisure-theme-info{color:var(--leisure-text);opacity:.7;font-size:.8rem;margin-left:auto}.leisure-page .news-columns-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.leisure-page .news-column{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:0;border:none;box-shadow:none}.leisure-page .content-title{font-size:1.5rem;margin-bottom:.75rem;color:var(--leisure-text);border-bottom:1px solid var(--leisure-border);padding-bottom:.35rem}.leisure-page .news-toggle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--leisure-border);color:var(--leisure-text);border-radius:8px;padding:2px 8px;font-size:.95rem;line-height:1.2;cursor:pointer}.leisure-page .news-toggle-btn:hover{background:var(--leisure-surface-2)}.mobile-only{display:none}.leisure-page .news-content-item{margin:0;padding:.6rem 0;background:transparent;border-radius:0;border-bottom:1px solid var(--leisure-border);position:relative}.leisure-page .news-content-item:last-child{border-bottom:none}.leisure-page .news-content-title{margin-bottom:.5rem}.leisure-page .news-content-title a{color:var(--leisure-text);text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .3s ease;overflow-wrap:anywhere;word-break:break-word}.leisure-page .news-content-title a:hover{color:var(--leisure-accent);text-decoration:underline}.leisure-page .news-content-summary{line-height:1.55;font-size:.95rem;position:absolute;left:0;right:0;top:100%;margin-top:6px;padding:.85rem 1rem;background:#fffffff5;color:#0f172a;border:1px solid rgba(148,163,184,.35);border-radius:12px;box-shadow:var(--leisure-shadow);z-index:50;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;overflow-wrap:anywhere;word-break:break-word}.leisure-page[data-leisure-theme=dark] .news-content-summary,.leisure-page[data-leisure-theme=night] .news-content-summary{background:#0b1220;color:#f1f5f9;border-color:#ffffff38;box-shadow:0 16px 32px #000000b3,0 0 0 1px #ffffff0f inset}.leisure-page .news-content-summary a{color:inherit;text-decoration:underline}.leisure-page .news-content-title:hover+.news-content-summary,.leisure-page .news-content-title:focus-within+.news-content-summary,.leisure-page .news-content-summary:hover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.leisure-page .news-content-meta{color:var(--leisure-text);opacity:.65;font-size:.8rem}@media (max-width: 768px){.leisure-page .news-columns-container{grid-template-columns:1fr}.mobile-hidden{display:none!important}.mobile-visible{display:block!important}.mobile-only{display:inline-flex}.leisure-page .content-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.leisure-page .news-content-summary{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:none!important}.leisure-page .news-content-title:hover+.news-content-summary,.leisure-page .news-content-title:focus-within+.news-content-summary,.leisure-page .news-content-summary:hover{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:none!important}}.leisure-page .fun-facts,.leisure-page .quick-actions,.leisure-page .motivation-section{background:var(--leisure-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem;border:1px solid var(--leisure-border);box-shadow:var(--leisure-shadow)}.leisure-page .fun-facts h3,.leisure-page .quick-actions h3,.leisure-page .motivation-section h3{color:var(--leisure-text);margin-bottom:1.5rem;font-size:1.4rem}.leisure-page .facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.leisure-page .fact-card{background:var(--leisure-surface-2);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:1px solid transparent}.leisure-page .fact-card:hover{background:var(--leisure-surface);transform:translateY(-2px);border-color:var(--leisure-border)}.leisure-page .fact-emoji{font-size:2rem}.leisure-page .fact-card p{margin:0;color:var(--leisure-text);line-height:1.4}.leisure-page .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.leisure-page .action-card{background:var(--leisure-surface-2);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;border:1px solid transparent}.leisure-page .action-card:not(.disabled):hover{background:var(--leisure-surface);transform:translateY(-2px);border-color:var(--leisure-border)}.leisure-page .action-card.disabled{opacity:.5;cursor:not-allowed}.leisure-page .action-emoji{font-size:2rem}.leisure-page .action-card h4{color:var(--leisure-text);margin:0 0 .25rem}.leisure-page .action-card p{margin:0;color:var(--leisure-text);opacity:.8;font-size:.9rem}.leisure-page .coming-badge{position:absolute;top:1rem;right:1rem;background:var(--leisure-accent);color:var(--leisure-bg);padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600}.leisure-page .motivation-quote{color:var(--leisure-text);font-size:1.2rem;line-height:1.6;margin:0;padding:1.5rem;background:var(--leisure-surface-2);border-radius:12px;border-left:4px solid var(--leisure-accent)}.leisure-page .motivation-quote footer{margin-top:1rem;color:var(--leisure-text);opacity:.7;font-style:italic;font-size:.9rem}.leisure-page .news-loading,.leisure-page .news-error{text-align:center;padding:2rem;color:var(--leisure-text);font-style:italic}.leisure-page .news-error{background:#ff6b6b1a;border-radius:12px;border:1px solid rgba(255,107,107,.3)}@media (max-width: 768px){.leisure-page{padding:1rem}.leisure-page .news-columns-container{grid-template-columns:1fr;gap:1rem}.leisure-page .facts-grid,.leisure-page .actions-grid{grid-template-columns:1fr}.leisure-page .page-title{font-size:2rem}.leisure-theme-controls{flex-direction:column;gap:.5rem}.leisure-theme-info{margin-left:0;text-align:center}}.mini-games{min-height:100vh;background:radial-gradient(1200px 600px at 20% -10%,rgba(99,102,241,.25) 0%,transparent 60%),radial-gradient(1000px 500px at 100% 0%,rgba(16,185,129,.18) 0%,transparent 60%),linear-gradient(180deg,#0f172a,#111827);color:#e5e7eb}.mg-shell{max-width:1100px;margin:0 auto;padding:48px 32px 80px}.mg-header{position:-webkit-sticky;position:sticky;top:0;display:flex;align-items:center;gap:12px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02061799;border-bottom:1px solid rgba(148,163,184,.2);z-index:20}.mg-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#e5e7eb;border:1px solid rgba(148,163,184,.25);background:#1e293b73;text-decoration:none;font-size:20px}.mg-back:hover{background:#1e293bb3}.mg-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:.2px}.mg-content{padding:28px 0 40px}.mg-hero{padding:20px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(148,163,184,.25);box-shadow:0 10px 30px #00000040}.mg-hero h2{margin:0 0 6px;font-size:1.4rem;color:#f8fafc}.mg-hero p{margin:0;color:#cbd5e1}.mg-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.mg-card{display:flex;gap:12px;align-items:center;padding:16px;border-radius:14px;text-decoration:none;background:#ffffff0f;border:1px solid transparent;color:#e5e7eb;transition:transform .18s ease,background .18s ease,border-color .18s ease;cursor:pointer}.mg-card:hover{background:#ffffff14;transform:translateY(-2px);border-color:#94a3b859}.mg-card__icon{width:52px;height:52px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#0f172a99;border:1px solid rgba(148,163,184,.25);font-weight:800;color:#a5b4fc}.mg-card__body h3{margin:0 0 4px;font-size:1.05rem;color:#f1f5f9}.mg-card__body p{margin:0;color:#cbd5e1;font-size:.9rem}.mg-iframe-wrap{position:relative;width:100%;max-width:520px;margin:0 auto;border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.25);background:#0003}.mg-iframe-wrap:before{content:"";display:block;padding-top:120%}.mg-iframe-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}@media (max-width: 768px){.mg-title{font-size:1.1rem}.mg-shell{padding:28px 12px}.mg-content{padding:16px 0 24px}}.modern-home-page{position:relative;min-height:100vh;background:var(--color-page);color:var(--color-text);overflow:hidden}.modern-home-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 18%,rgba(59,130,246,.3),transparent 55%),radial-gradient(circle at 88% 22%,rgba(244,114,182,.24),transparent 60%),radial-gradient(circle at 50% 100%,rgba(56,189,248,.18),transparent 65%);z-index:0}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.25;z-index:1;pointer-events:none}.hero-section{position:relative;min-height:calc(100vh - 72px);display:flex;align-items:center;padding:120px 32px 160px;z-index:2}.hero-inner{max-width:1200px;margin:0 auto;width:100%;display:grid;gap:72px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.hero-copy{display:flex;flex-direction:column;gap:24px}.hero-tagline{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:#f1f5f9bf}.hero-title{margin:0;font-family:var(--font-display);font-size:clamp(2.8rem,6vw,4.2rem);letter-spacing:-.03em;line-height:1.05;color:#f8fafc}.hero-description{margin:0;color:#e2e8f0e0;font-size:1.1rem;line-height:1.7;max-width:540px;overflow-wrap:anywhere;word-break:break-word}.hero-cta-group{display:inline-flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-primary-cta{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:999px;background:#f8fafc;color:#0f172a;font-weight:700;letter-spacing:.02em;font-size:1rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hero-primary-cta:hover{transform:translateY(-2px);box-shadow:0 26px 40px #f8fafc2e}.hero-secondary-cta{display:inline-flex;align-items:center;font-weight:600;color:#f1f5f9d9;letter-spacing:.08em;text-transform:uppercase;font-size:.86rem;transition:color var(--transition-fast),transform var(--transition-fast)}.hero-secondary-cta:hover,.hero-secondary-cta:focus-visible{color:#f8fafc;transform:translateY(-2px)}.hero-visual{display:flex;justify-content:flex-end}.hero-device{position:relative;width:min(360px,90%);border-radius:32px;padding:18px;background:linear-gradient(160deg,#0f172ad9,#1e293beb);border:1px solid rgba(148,163,184,.24);box-shadow:0 40px 70px #0f172a59}.hero-device__notch{width:120px;height:8px;border-radius:99px;background:#0f172a99;margin:0 auto 18px}.hero-device__screen{background:linear-gradient(160deg,#94a3b82e,#3b82f62e);border-radius:26px;padding:32px 28px;display:flex;flex-direction:column;gap:18px;color:#e2e8f0}.hero-device__badge{display:inline-flex;align-self:flex-start;padding:8px 14px;border-radius:999px;background:#0f172aa6;border:1px solid rgba(148,163,184,.35);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero-device__screen h3{margin:0;font-family:var(--font-display);font-size:1.8rem;line-height:1.3;color:#f8fafc}.hero-device__screen p{margin:0;font-size:.98rem;line-height:1.6;color:#e2e8f0d9}.hero-device__cta{margin-top:6px;font-weight:600;color:#f8fafc;display:inline-flex;align-items:center;gap:6px;opacity:.85}.scroll-indicator{position:absolute;left:50%;bottom:40px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#e2e8f0b3;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.scroll-line{width:2px;height:56px;background:#94a3b859;overflow:hidden;border-radius:99px}.scroll-progress{width:100%;height:100%;background:#f8fafc;transform-origin:top;transition:transform .12s ease-out}.vibe-section{position:relative;z-index:2;margin-top:-96px;padding:160px 32px 120px;background:var(--color-page);color:var(--color-text);border-radius:48px 48px 0 0}.section-heading{max-width:860px;margin:0 auto 56px;text-align:center}.section-heading h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}.section-heading p{margin:0;color:var(--color-muted);font-size:1.05rem}.vibe-grid{max-width:1100px;margin:0 auto;display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.vibe-card{background:var(--color-surface);padding:28px;border-radius:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.vibe-card:hover{transform:translateY(-6px);box-shadow:0 30px 50px #0f172a1f}.vibe-card__emoji{font-size:2rem}.vibe-card h3{margin:0;font-size:1.2rem}.vibe-card p{margin:0;color:var(--color-muted);line-height:1.6;overflow-wrap:anywhere;word-break:break-word}.invite-section{position:relative;z-index:2;padding:0 32px 120px;background:var(--color-page);color:var(--color-text)}.invite-card{max-width:1100px;margin:0 auto;background:var(--color-surface);border-radius:36px;padding:64px 72px;box-shadow:0 40px 70px #0f172a1f;display:grid;gap:36px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.invite-content h2{margin:0 0 18px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem)}.invite-content p{margin:0;color:var(--color-muted);line-height:1.7}.invite-actions{display:flex;flex-direction:column;gap:16px}.invite-cta{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:999px;background:#0f172a;color:#f8fafc;font-weight:700;font-size:1rem;letter-spacing:.02em;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid rgba(148,163,184,.2)}.invite-cta:hover{transform:translateY(-2px);box-shadow:0 26px 40px #0f172a4d;background:#1e293b}.invite-link{font-weight:600;color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:.84rem;transition:color var(--transition-fast),transform var(--transition-fast);text-align:center}.invite-link:hover,.invite-link:focus-visible{color:#f8fafc;transform:translateY(-2px)}@media (max-width: 1024px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:56px}.hero-visual{justify-content:flex-start}.hero-device{width:min(420px,100%)}.invite-card{grid-template-columns:minmax(0,1fr);gap:28px;padding:48px 40px}}@media (max-width: 680px){.hero-section{padding:96px 20px 140px}.hero-cta-group{gap:16px}.hero-primary-cta{width:100%}.hero-secondary-cta{letter-spacing:.06em}.vibe-section{margin-top:-72px;padding:120px 20px 100px}.invite-section{padding:0 20px 90px}.invite-card{padding:44px 28px}}.ai-chat-button{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;border:1px solid rgba(79,70,229,.3);background:linear-gradient(120deg,#4f46e51f,#0ea5e91f);color:#0f172a;font-weight:700;letter-spacing:.02em;transition:transform .16s ease,box-shadow .16s ease}.ai-chat-button:hover,.ai-chat-button:focus-visible{transform:translateY(-1px);box-shadow:0 12px 28px #4f46e538}.ai-chat-button__accent{padding:4px 10px;border-radius:999px;background:linear-gradient(120deg,#4f46e5,#14b8a6);color:#f8fafc;font-weight:800}.ai-chat-button--compact{padding:8px 12px;font-size:.92rem}.ai-chat-button--compact .ai-chat-button__accent{padding:3px 8px}[data-theme=dark] .ai-chat-button{border-color:#94a3b859;background:linear-gradient(120deg,#6366f129,#0ea5e924);color:#e2e8f0}[data-theme=dark] .ai-chat-button:hover,[data-theme=dark] .ai-chat-button:focus-visible{box-shadow:0 12px 28px #0ea5e94d}.stats-page{min-height:100vh;background:var(--color-page);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,6vw,60px);align-items:center;justify-content:center;padding:clamp(32px,8vw,72px)}.stats-page__media{display:flex;justify-content:center}.stats-page__preview-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(16px,4vw,32px)}.stats-page__preview-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(18px,3vw,26px);border-radius:16px;background:#ffffffe6;border:1px solid rgba(148,163,184,.3);box-shadow:0 14px 32px #0f172a1a;color:var(--color-text)}[data-theme=dark] .stats-page__preview-item{background:#0f172ae0;border-color:#94a3b84d;box-shadow:0 18px 36px #02061766}.stats-page__preview-label{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#475569bf}[data-theme=dark] .stats-page__preview-label{color:#cbd5e1bf}.stats-page__preview-button{font-size:1.05rem}.stats-page__preview-logo{display:inline-block;font-size:1.8rem}.stats-page__black-row{display:flex;flex-direction:column;gap:8px}.stats-page__black-slot{position:relative;height:44px;display:flex;align-items:center;justify-content:flex-start}.stats-page__black-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;transition:opacity .2s ease}.stats-page__black-wrapper.is-hidden{opacity:0;pointer-events:none}.stats-page__image{display:block;width:min(420px,100%);height:auto;border-radius:18px;box-shadow:0 26px 48px #02061766;border:1px solid rgba(148,163,184,.35);object-fit:cover}.stats-page__form-wrapper{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,4vw,32px);border-radius:18px;background:#fffffff0;border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 40px #0f172a1f;color:var(--color-text);width:min(100%,420px);justify-self:center}[data-theme=dark] .stats-page__form-wrapper{background:#0f172aeb;border-color:#94a3b859;box-shadow:0 24px 48px #02061773}.stats-page__form-title{margin:0;font-size:clamp(1.4rem,2vw,1.7rem)}.stats-page__form-subtitle{margin:0 0 6px;color:#475569d9;font-size:.95rem}[data-theme=dark] .stats-page__form-subtitle{color:#cbd5e1d9}.stats-page__form{display:flex;flex-direction:column;gap:16px}.stats-page__form-field{display:flex;flex-direction:column;gap:6px;font-size:.95rem}.stats-page__form-field span{font-weight:500;color:#0f172acc}[data-theme=dark] .stats-page__form-field span{color:#e2e8f0e6}.stats-page__form-input{border-radius:12px;border:1px solid rgba(148,163,184,.5);padding:12px 14px;font-size:1rem;background:#ffffffe6;color:var(--color-text);transition:border var(--transition-fast),box-shadow var(--transition-fast)}[data-theme=dark] .stats-page__form-input{background:#0f172acc;border-color:#94a3b866;color:#f8fafcf2}.stats-page__form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}.stats-page__form-textarea{resize:vertical;min-height:120px}.stats-page__form-submit{align-self:flex-start}.stats-page__form-status{font-size:.9rem}.stats-page__form-status--success{color:#22c55e}.stats-page__form-status--loading{color:#475569d9}.stats-page__form-status--error{color:#ef4444}@media (max-width: 768px){.stats-page{grid-template-columns:minmax(0,1fr)}.stats-page__form-wrapper{width:100%;max-width:none;order:3;justify-self:stretch}}.ai-chat{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:clamp(24px,6vw,48px);background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.12),transparent 38%),radial-gradient(circle at 82% 18%,rgba(236,72,153,.1),transparent 40%),var(--color-page);width:100%;box-sizing:border-box}.ai-chat__card{width:min(720px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:clamp(24px,6vw,36px);box-shadow:var(--shadow-card);color:var(--color-text);margin:0 auto;box-sizing:border-box}.ai-chat__eyebrow{margin:0 0 6px;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}.ai-chat__title{margin:0;font-size:clamp(2rem,4vw,2.6rem);letter-spacing:-.02em}.ai-chat__subtitle{margin:12px 0 24px;color:var(--color-muted);line-height:1.6;font-size:1rem}.ai-chat__cta-wrapper{display:flex;justify-content:flex-start;margin-bottom:18px}.ai-chat__cta{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 18px;border-radius:14px;border:none;cursor:pointer;background:linear-gradient(120deg,#0f172a,#2563eb 40%,#ec4899 70%,#f59e0b);color:#f8fafc;font-weight:800;font-size:1.2rem;letter-spacing:.06em;box-shadow:0 18px 34px #0f172a5c;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.ai-chat__cta:hover,.ai-chat__cta:focus-visible{transform:translateY(-2px);box-shadow:0 24px 42px #0f172a70}.ai-chat__cta:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:3px}.ai-chat__meta{display:inline-flex;align-items:center;gap:10px;color:var(--color-muted);font-size:.95rem}.ai-chat__dot{width:6px;height:6px;background:#22c55e;border-radius:50%;display:inline-flex;box-shadow:0 0 0 4px #22c55e1f}@media (max-width: 640px){.ai-chat__card{padding:20px;border-radius:16px}.ai-chat__cta{width:100%}}.ai-chat__prompt{display:flex;flex-direction:column;gap:10px;margin:0;padding-top:0;border-top:0}.ai-chat__prompt--below{margin-top:0}.ai-chat__label{font-weight:700;color:var(--color-text)}.ai-chat__prompt textarea{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.5);padding:12px 14px;font-size:1rem;background:#ffffffe6;color:var(--color-text);resize:none;min-height:48px;max-height:240px;box-shadow:none}[data-theme=dark] .ai-chat__prompt textarea{background:#0f172acc;border-color:#94a3b866;color:#f8fafcf2}.ai-chat__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ai-chat__status{font-size:.95rem;color:var(--color-muted)}.ai-chat__status--error{color:#ef4444}.ai-chat__answer{margin-top:12px;padding:14px;border-radius:14px;background:#fffc;border:1px solid rgba(148,163,184,.3);color:var(--color-text)}[data-theme=dark] .ai-chat__answer{background:#111827d9;border-color:#94a3b859}.ai-chat__answer-label{font-weight:700;margin-bottom:6px;color:var(--color-text)}.ai-chat__dialog{margin-top:16px;padding:12px;border-radius:16px;background:#ffffffbf;border:1px solid rgba(148,163,184,.35);display:flex;flex-direction:column;gap:12px}[data-theme=dark] .ai-chat__dialog{background:#111827d9;border-color:#94a3b866}.ai-chat__dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ai-chat__dialog-subtitle{margin:2px 0 0;color:var(--color-muted);font-size:.95rem}.ai-chat__chip{padding:6px 10px;border-radius:999px;background:#4f46e51f;color:#4338ca;font-weight:700;font-size:.9rem;border:1px solid rgba(79,70,229,.2)}[data-theme=dark] .ai-chat__chip{background:#6366f12e;color:#c7d2fe;border-color:#6366f159}.ai-chat__chip--typing{animation:pulse 1.4s ease-in-out infinite}.ai-chat__messages{display:flex;flex-direction:column;gap:10px;background:transparent;border-radius:0;padding:0;border:none}[data-theme=dark] .ai-chat__messages{background:transparent;border:none}.ai-chat__messages-scroll{display:flex;flex-direction:column;gap:10px;max-height:360px;min-height:260px;overflow-y:auto;padding-right:4px}.ai-chat__placeholder{display:grid;place-items:center;color:var(--color-muted);font-size:.95rem;padding:18px 12px;border:1px dashed rgba(148,163,184,.5);border-radius:12px}.ai-chat__bubble{max-width:85%;padding:12px 14px;border-radius:18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 10px #0f172a14}.ai-chat__bubble--user{align-self:flex-end;background:linear-gradient(135deg,#34aadc,#2c82f6);color:#f8fafc;border:none;border-bottom-right-radius:6px}.ai-chat__bubble--assistant{align-self:flex-start;background:#fff;color:#0f172a;border-bottom-left-radius:6px;border:1px solid rgba(148,163,184,.35)}[data-theme=dark] .ai-chat__bubble--assistant{background:#111827e6;color:#e2e8f0}.ai-chat__bubble-meta{font-size:.82rem;color:#fffc;letter-spacing:.02em}.ai-chat__bubble--assistant .ai-chat__bubble-meta{color:var(--color-muted)}.ai-chat__bubble-text{white-space:pre-wrap;line-height:1.45}@media (max-width: 480px){.ai-chat{padding:20px 12px}.ai-chat__card{padding:18px;border-radius:14px}.ai-chat__messages-scroll{max-height:50vh;min-height:220px}.ai-chat__bubble{max-width:92%}}@keyframes pulse{0%{transform:translateY(0);opacity:.75}50%{transform:translateY(-2px);opacity:1}to{transform:translateY(0);opacity:.75}}