@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-10{right:calc(var(--spacing)*10)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-20{bottom:calc(var(--spacing)*20)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-auto{margin-inline:auto}.my-5{margin-block:calc(var(--spacing)*5)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-22{height:calc(var(--spacing)*22)}.h-32{height:calc(var(--spacing)*32)}.h-48{height:calc(var(--spacing)*48)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[50vh\]{min-height:50vh}.min-h-\[300px\]{min-height:300px}.min-h-\[calc\(100vh-4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-22{width:calc(var(--spacing)*22)}.w-32{width:calc(var(--spacing)*32)}.w-48{width:calc(var(--spacing)*48)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing)*6)}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing)*2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--border-color\)\]>:not(:last-child)){border-color:var(--border-color)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-200\/50{border-color:#bedbff80}@supports (color:color-mix(in lab,red,red)){.border-blue-200\/50{border-color:color-mix(in oklab,var(--color-blue-200)50%,transparent)}}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.border-blue-600{border-color:var(--color-blue-600)}.border-cyan-200{border-color:var(--color-cyan-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/50{border-color:#e5e7eb80}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/50{border-color:color-mix(in oklab,var(--color-gray-200)50%,transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500\/20{border-color:#6a728233}@supports (color:color-mix(in lab,red,red)){.border-gray-500\/20{border-color:color-mix(in oklab,var(--color-gray-500)20%,transparent)}}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500)30%,transparent)}}.border-green-600{border-color:var(--color-green-600)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-lime-200{border-color:var(--color-lime-200)}.border-orange-200{border-color:var(--color-orange-200)}.border-pink-200{border-color:var(--color-pink-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.border-rose-200{border-color:var(--color-rose-200)}.border-teal-200{border-color:var(--color-teal-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-400{border-color:var(--color-yellow-400)}.border-yellow-500\/20{border-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/20{border-color:color-mix(in oklab,var(--color-yellow-500)20%,transparent)}}.border-t-transparent{border-top-color:#0000}.border-l-red-500{border-left-color:var(--color-red-500)}.bg-\[\#24292e\]{background-color:#24292e}.bg-\[var\(--bg-primary\)\],.bg-\[var\(--bg-primary\)\]\/50{background-color:var(--bg-primary)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--bg-primary\)\]\/50{background-color:color-mix(in oklab,var(--bg-primary)50%,transparent)}}.bg-\[var\(--bg-secondary\)\],.bg-\[var\(--bg-secondary\)\]\/30{background-color:var(--bg-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--bg-secondary\)\]\/30{background-color:color-mix(in oklab,var(--bg-secondary)30%,transparent)}}.bg-\[var\(--bg-secondary\)\]\/50{background-color:var(--bg-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--bg-secondary\)\]\/50{background-color:color-mix(in oklab,var(--bg-secondary)50%,transparent)}}.bg-\[var\(--bg-tertiary\)\],.bg-\[var\(--bg-tertiary\)\]\/10{background-color:var(--bg-tertiary)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--bg-tertiary\)\]\/10{background-color:color-mix(in oklab,var(--bg-tertiary)10%,transparent)}}.bg-\[var\(--border-color\)\]{background-color:var(--border-color)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-black\/0{background-color:color-mix(in oklab,var(--color-black)0%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab,red,red)){.bg-black\/90{background-color:color-mix(in oklab,var(--color-black)90%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-500\/10{background-color:#6a72821a}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/10{background-color:color-mix(in oklab,var(--color-gray-500)10%,transparent)}}.bg-gray-600{background-color:var(--color-gray-600)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-lime-100{background-color:var(--color-lime-100)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/20{background-color:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/10{background-color:color-mix(in oklab,var(--color-yellow-500)10%,transparent)}}.bg-yellow-500\/20{background-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/20{background-color:color-mix(in oklab,var(--color-yellow-500)20%,transparent)}}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[var\(--bg-primary\)\]{--tw-gradient-from:var(--bg-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-50\/80{--tw-gradient-from:#eff6ffcc}@supports (color:color-mix(in lab,red,red)){.from-blue-50\/80{--tw-gradient-from:color-mix(in oklab,var(--color-blue-50)80%,transparent)}}.from-blue-50\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500\/10{--tw-gradient-from:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.from-blue-500\/10{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.from-blue-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-500{--tw-gradient-from:var(--color-gray-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-400{--tw-gradient-from:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500\/10{--tw-gradient-from:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.from-red-500\/10{--tw-gradient-from:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.from-red-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[var\(--bg-secondary\)\]{--tw-gradient-to:var(--bg-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-100\/80{--tw-gradient-to:#dbeafecc}@supports (color:color-mix(in lab,red,red)){.to-blue-100\/80{--tw-gradient-to:color-mix(in oklab,var(--color-blue-100)80%,transparent)}}.to-blue-100\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600\/10{--tw-gradient-to:#155dfc1a}@supports (color:color-mix(in lab,red,red)){.to-blue-600\/10{--tw-gradient-to:color-mix(in oklab,var(--color-blue-600)10%,transparent)}}.to-blue-600\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-500{--tw-gradient-to:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-600{--tw-gradient-to:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-600{--tw-gradient-to:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-100{--tw-gradient-to:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-600\/10{--tw-gradient-to:#e400141a}@supports (color:color-mix(in lab,red,red)){.to-red-600\/10{--tw-gradient-to:color-mix(in oklab,var(--color-red-600)10%,transparent)}}.to-red-600\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-11{padding-left:calc(var(--spacing)*11)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.text-amber-600{color:var(--color-amber-600)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-cyan-700{color:var(--color-cyan-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-700{color:var(--color-indigo-700)}.text-lime-700{color:var(--color-lime-700)}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-orange-700{color:var(--color-orange-700)}.text-pink-700{color:var(--color-pink-700)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-rose-700{color:var(--color-rose-700)}.text-teal-700{color:var(--color-teal-700)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.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,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-500\/20{--tw-shadow-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-green-500\/20{--tw-shadow-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.shadow-green-500\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-green-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-red-500\/20{--tw-shadow-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.shadow-red-500\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-red-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-red-500\/30{--tw-shadow-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.shadow-red-500\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-red-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-white\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.ring-white\/10{--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.blur{--tw-blur:blur(8px);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,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));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,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.select-all{-webkit-user-select:all;user-select:all}@media(hover:hover){.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:bg-\[var\(--bg-tertiary\)\]:is(:where(.group):hover *){background-color:var(--bg-tertiary)}.group-hover\:bg-black\/30:is(:where(.group):hover *){background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-black\/30:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-400\/30:hover{border-color:#54a2ff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-blue-400\/30:hover{border-color:color-mix(in oklab,var(--color-blue-400)30%,transparent)}}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-blue-500\/40:hover{border-color:#3080ff66}@supports (color:color-mix(in lab,red,red)){.hover\:border-blue-500\/40:hover{border-color:color-mix(in oklab,var(--color-blue-500)40%,transparent)}}.hover\:border-green-600:hover{border-color:var(--color-green-600)}.hover\:border-red-500\/40:hover{border-color:#fb2c3666}@supports (color:color-mix(in lab,red,red)){.hover\:border-red-500\/40:hover{border-color:color-mix(in oklab,var(--color-red-500)40%,transparent)}}.hover\:bg-\[\#1b1f23\]:hover{background-color:#1b1f23}.hover\:bg-\[var\(--bg-secondary\)\]:hover{background-color:var(--bg-secondary)}.hover\:bg-\[var\(--bg-tertiary\)\]:hover,.hover\:bg-\[var\(--bg-tertiary\)\]\/50:hover{background-color:var(--bg-tertiary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--bg-tertiary\)\]\/50:hover{background-color:color-mix(in oklab,var(--bg-tertiary)50%,transparent)}}.hover\:bg-\[var\(--border-color\)\]:hover{background-color:var(--border-color)}.hover\:bg-blue-500\/10:hover{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-500\/10:hover{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.hover\:bg-blue-500\/20:hover{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-500\/20:hover{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-500\/10:hover{background-color:#6a72821a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-500\/10:hover{background-color:color-mix(in oklab,var(--color-gray-500)10%,transparent)}}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-purple-500\/10:hover{background-color:#ac4bff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-purple-500\/10:hover{background-color:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.hover\:bg-yellow-500\/10:hover{background-color:#edb2001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-yellow-500\/10:hover{background-color:color-mix(in oklab,var(--color-yellow-500)10%,transparent)}}.hover\:bg-yellow-700:hover{background-color:var(--color-yellow-700)}.hover\:bg-gradient-to-r:hover{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:from-blue-500\/20:hover{--tw-gradient-from:#3080ff33}@supports (color:color-mix(in lab,red,red)){.hover\:from-blue-500\/20:hover{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.hover\:from-blue-500\/20:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-gray-50\/80:hover{--tw-gradient-from:#f9fafbcc}@supports (color:color-mix(in lab,red,red)){.hover\:from-gray-50\/80:hover{--tw-gradient-from:color-mix(in oklab,var(--color-gray-50)80%,transparent)}}.hover\:from-gray-50\/80:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-red-500\/20:hover{--tw-gradient-from:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.hover\:from-red-500\/20:hover{--tw-gradient-from:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.hover\:from-red-500\/20:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-blue-600\/20:hover{--tw-gradient-to:#155dfc33}@supports (color:color-mix(in lab,red,red)){.hover\:to-blue-600\/20:hover{--tw-gradient-to:color-mix(in oklab,var(--color-blue-600)20%,transparent)}}.hover\:to-blue-600\/20:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-gray-100\/80:hover{--tw-gradient-to:#f3f4f6cc}@supports (color:color-mix(in lab,red,red)){.hover\:to-gray-100\/80:hover{--tw-gradient-to:color-mix(in oklab,var(--color-gray-100)80%,transparent)}}.hover\:to-gray-100\/80:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-red-600\/20:hover{--tw-gradient-to:#e4001433}@supports (color:color-mix(in lab,red,red)){.hover\:to-red-600\/20:hover{--tw-gradient-to:color-mix(in oklab,var(--color-red-600)20%,transparent)}}.hover\:to-red-600\/20:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-gray-500:hover{color:var(--color-gray-500)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-green-700:hover{color:var(--color-green-700)}.hover\:text-purple-600:hover{color:var(--color-purple-600)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-yellow-500:hover{color:var(--color-yellow-500)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-blue-500\/10:hover{--tw-shadow-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-blue-500\/10:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:shadow-blue-500\/40:hover{--tw-shadow-color:#3080ff66}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-blue-500\/40:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)40%,transparent)var(--tw-shadow-alpha),transparent)}}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:opacity-80:active{opacity:.8}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:mt-4{margin-top:calc(var(--spacing)*4)}.sm\:mr-3{margin-right:calc(var(--spacing)*3)}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:mb-8{margin-bottom:calc(var(--spacing)*8)}.sm\:mb-10{margin-bottom:calc(var(--spacing)*10)}.sm\:mb-12{margin-bottom:calc(var(--spacing)*12)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:table-cell{display:table-cell}.sm\:h-5{height:calc(var(--spacing)*5)}.sm\:h-8{height:calc(var(--spacing)*8)}.sm\:h-10{height:calc(var(--spacing)*10)}.sm\:h-22{height:calc(var(--spacing)*22)}.sm\:w-5{width:calc(var(--spacing)*5)}.sm\:w-8{width:calc(var(--spacing)*8)}.sm\:w-10{width:calc(var(--spacing)*10)}.sm\:w-22{width:calc(var(--spacing)*22)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-initial{flex:0 auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-6{gap:calc(var(--spacing)*6)}:where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-6{padding-block:calc(var(--spacing)*6)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:py-12{padding-block:calc(var(--spacing)*12)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:48rem){.md\:right-4{right:calc(var(--spacing)*4)}.md\:bottom-4{bottom:calc(var(--spacing)*4)}.md\:left-auto{left:auto}.md\:flex{display:flex}.md\:hidden{display:none}.md\:table-cell{display:table-cell}.md\:min-h-\[400px\]{min-height:400px}.md\:w-80{width:calc(var(--spacing)*80)}.md\:max-w-sm{max-width:var(--container-sm)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-start{align-items:flex-start}.md\:gap-3{gap:calc(var(--spacing)*3)}:where(.md\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}@media(hover:hover){.md\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}@media(min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:hidden{display:none}.lg\:table-cell{display:table-cell}.lg\:min-h-\[500px\]{min-height:500px}.lg\:w-88{width:calc(var(--spacing)*88)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}@media(min-width:80rem){.xl\:table-cell{display:table-cell}}@media(prefers-color-scheme:dark){.dark\:\!border-blue-500{border-color:var(--color-blue-500)!important}.dark\:border-blue-700\/50{border-color:#1447e680}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-700\/50{border-color:color-mix(in oklab,var(--color-blue-700)50%,transparent)}}.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-cyan-800{border-color:var(--color-cyan-800)}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-gray-800{border-color:var(--color-gray-800)}.dark\:border-green-600{border-color:var(--color-green-600)}.dark\:border-green-700{border-color:var(--color-green-700)}.dark\:border-green-800{border-color:var(--color-green-800)}.dark\:border-indigo-800{border-color:var(--color-indigo-800)}.dark\:border-lime-800{border-color:var(--color-lime-800)}.dark\:border-orange-800{border-color:var(--color-orange-800)}.dark\:border-pink-800{border-color:var(--color-pink-800)}.dark\:border-purple-800{border-color:var(--color-purple-800)}.dark\:border-red-800{border-color:var(--color-red-800)}.dark\:border-rose-800{border-color:var(--color-rose-800)}.dark\:border-teal-800{border-color:var(--color-teal-800)}.dark\:border-yellow-800{border-color:var(--color-yellow-800)}.dark\:\!bg-blue-600{background-color:var(--color-blue-600)!important}.dark\:bg-amber-900\/20{background-color:#7b330633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/20{background-color:color-mix(in oklab,var(--color-amber-900)20%,transparent)}}.dark\:bg-blue-900{background-color:var(--color-blue-900)}.dark\:bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/20{background-color:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.dark\:bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-cyan-900\/30{background-color:#104e644d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-cyan-900\/30{background-color:color-mix(in oklab,var(--color-cyan-900)30%,transparent)}}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-800\/90{background-color:#1e2939e6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/90{background-color:color-mix(in oklab,var(--color-gray-800)90%,transparent)}}.dark\:bg-green-900{background-color:var(--color-green-900)}.dark\:bg-green-900\/20{background-color:#0d542b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/20{background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}}.dark\:bg-green-900\/30{background-color:#0d542b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/30{background-color:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.dark\:bg-indigo-900\/30{background-color:#312c854d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-indigo-900\/30{background-color:color-mix(in oklab,var(--color-indigo-900)30%,transparent)}}.dark\:bg-lime-900\/30{background-color:#35530e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-lime-900\/30{background-color:color-mix(in oklab,var(--color-lime-900)30%,transparent)}}.dark\:bg-orange-900\/30{background-color:#7e2a0c4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/30{background-color:color-mix(in oklab,var(--color-orange-900)30%,transparent)}}.dark\:bg-pink-900\/30{background-color:#8610434d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-pink-900\/30{background-color:color-mix(in oklab,var(--color-pink-900)30%,transparent)}}.dark\:bg-purple-900\/30{background-color:#59168b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/30{background-color:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}.dark\:bg-red-900{background-color:var(--color-red-900)}.dark\:bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:bg-rose-900\/30{background-color:#8b08364d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-900\/30{background-color:color-mix(in oklab,var(--color-rose-900)30%,transparent)}}.dark\:bg-teal-900\/30{background-color:#0b4f4a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-teal-900\/30{background-color:color-mix(in oklab,var(--color-teal-900)30%,transparent)}}.dark\:bg-yellow-900\/20{background-color:#733e0a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/20{background-color:color-mix(in oklab,var(--color-yellow-900)20%,transparent)}}.dark\:bg-yellow-900\/30{background-color:#733e0a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/30{background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.dark\:from-blue-900\/30{--tw-gradient-from:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:from-blue-900\/30{--tw-gradient-from:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:from-blue-900\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:from-gray-900{--tw-gradient-from:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-blue-800\/30{--tw-gradient-to:#193cb84d}@supports (color:color-mix(in lab,red,red)){.dark\:to-blue-800\/30{--tw-gradient-to:color-mix(in oklab,var(--color-blue-800)30%,transparent)}}.dark\:to-blue-800\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-gray-800{--tw-gradient-to:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:\!text-white{color:var(--color-white)!important}.dark\:text-blue-200{color:var(--color-blue-200)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-cyan-400{color:var(--color-cyan-400)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-green-200{color:var(--color-green-200)}.dark\:text-green-300{color:var(--color-green-300)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-indigo-400{color:var(--color-indigo-400)}.dark\:text-lime-400{color:var(--color-lime-400)}.dark\:text-orange-400{color:var(--color-orange-400)}.dark\:text-pink-400{color:var(--color-pink-400)}.dark\:text-purple-400{color:var(--color-purple-400)}.dark\:text-red-200{color:var(--color-red-200)}.dark\:text-red-300{color:var(--color-red-300)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-rose-400{color:var(--color-rose-400)}.dark\:text-teal-400{color:var(--color-teal-400)}.dark\:text-white{color:var(--color-white)}.dark\:text-yellow-200{color:var(--color-yellow-200)}.dark\:text-yellow-300{color:var(--color-yellow-300)}.dark\:text-yellow-400{color:var(--color-yellow-400)}.dark\:text-yellow-500{color:var(--color-yellow-500)}@media(hover:hover){.dark\:hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.dark\:hover\:bg-gray-600\/50:hover{background-color:#4a556580}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-600\/50:hover{background-color:color-mix(in oklab,var(--color-gray-600)50%,transparent)}}.dark\:hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-red-900\/20:hover{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/20:hover{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:hover\:bg-red-900\/30:hover{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/30:hover{background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:hover\:from-gray-700\/50:hover{--tw-gradient-from:#36415380}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:from-gray-700\/50:hover{--tw-gradient-from:color-mix(in oklab,var(--color-gray-700)50%,transparent)}}.dark\:hover\:from-gray-700\/50:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:hover\:to-gray-600\/50:hover{--tw-gradient-to:#4a556580}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:to-gray-600\/50:hover{--tw-gradient-to:color-mix(in oklab,var(--color-gray-600)50%,transparent)}}.dark\:hover\:to-gray-600\/50:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:hover\:text-blue-300:hover{color:var(--color-blue-300)}.dark\:hover\:text-blue-400:hover{color:var(--color-blue-400)}.dark\:hover\:text-green-300:hover{color:var(--color-green-300)}}}}:root{--apple-blue:#007aff;--apple-blue-hover:#0056cc;--apple-purple:#af52de;--apple-pink:#ff2d55;--apple-orange:#ff9500;--apple-green:#34c759;--apple-red:#ff3b30;--primary-color:#3b82f6;--primary-dark:#2563eb;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--text-tertiary:#64748b;--border-color:#e2e8f0;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--glass-bg:#ffffffd9;--glass-bg-hover:#fffffff2;--glass-border:#00000014;--glass-shadow:#1f26871f;--glass-highlight:#ffffff80;--glass-depth-1:0 8px 32px 0 #1f268726;--glass-depth-2:0 12px 48px 0 #1f268733;--glass-depth-3:0 20px 60px 0 #1f268740;--blur-sm:blur(8px);--blur-md:blur(12px);--blur-lg:blur(20px);--blur-xl:blur(40px);--blur-saturate:saturate(180%);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--transition-spring:.35s cubic-bezier(.32,.72,0,1);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--mobile-padding:1rem;--tablet-padding:1.5rem;--desktop-padding:1rem}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-tertiary:#64748b;--border-color:#475569;--glass-bg:#1e293bb3;--glass-bg-hover:#1e293bd9;--glass-border:#ffffff1a;--glass-shadow:#0000004d;--glass-highlight:#ffffff26;--glass-depth-1:0 8px 32px 0 #0000004d;--glass-depth-2:0 12px 48px 0 #0006;--glass-depth-3:0 20px 60px 0 #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;color:var(--text-primary);-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#e3f2fd,#f3e5f5,#fce4ec) fixed;line-height:1.6}.dark body,body.dark{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3{margin-bottom:var(--space-4);font-weight:700;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:var(--space-3)}:focus-visible{outline:2px solid var(--apple-blue);outline-offset:2px}.skip-link{background:var(--apple-blue);color:#fff;padding:var(--space-2)var(--space-4);z-index:100;transition:top var(--transition-smooth);position:absolute;top:-40px;left:0}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media print{.sidebar,.mobile-nav,.liquid-glass-nav,.btn-back-to-top,button{display:none}body{color:#000;background:#fff}.glass-card,.card{box-shadow:none;border:1px solid #ddd}}@media(min-width:640px){.responsive-grid-glass{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.responsive-grid-glass{grid-template-columns:repeat(3,1fr)}}.glass-effect{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border:1px solid var(--glass-border)}.glass-effect-sm{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border)}.glass-effect-md{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md)var(--blur-saturate);border:1px solid var(--glass-border)}.glass-effect-xl{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-xl)saturate(200%);border:1px solid var(--glass-border)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-smooth{transition:all var(--transition-smooth)}.transition-spring{transition:all var(--transition-spring)}.shadow-glass-1{box-shadow:var(--glass-depth-1),inset 0 1px 0 0 var(--glass-highlight)}.shadow-glass-2{box-shadow:var(--glass-depth-2),inset 0 1px 0 0 var(--glass-highlight)}.shadow-glass-3{box-shadow:var(--glass-depth-3),inset 0 1px 0 0 var(--glass-highlight)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:var(--glass-depth-2)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.text-gradient{background:linear-gradient(135deg,var(--apple-blue)0%,var(--apple-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted-glass{color:#3c3c4399}.dark .text-muted-glass{color:#ffffff80}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.safe-area-top{padding-top:max(.75rem,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.touch-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:768px)and (max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}.show-mobile{display:block}@media(min-width:768px){.show-mobile{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.2s ease-out fadeIn}.animate-fade-in-up{animation:.25s ease-out fadeInUp}.animate-scale-in{animation:.2s ease-out scaleIn}.border-l-3{border-left-width:3px}.w-22{width:5.5rem}.h-22{height:5.5rem}.card,.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border:1px solid var(--glass-border);box-shadow:var(--glass-depth-1),inset 0 1px 0 0 var(--glass-highlight);transition:all var(--transition-smooth);border-radius:var(--radius-3xl);padding:var(--space-6);position:relative;overflow:hidden}.card:before,.glass-card:before{content:"";background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.card:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-depth-2),inset 0 1px 0 0 var(--glass-highlight);border-color:#3b82f666;transform:translateY(-2px)}.glass-card-item{background:var(--glass-bg);height:100%;-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border:1px solid var(--glass-border);box-shadow:var(--glass-depth-1),inset 0 1px 0 0 var(--glass-highlight);transition:all var(--transition-smooth);border-radius:var(--radius-3xl);padding:var(--space-2);margin:var(--space-4)0}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border:1px solid var(--glass-border);box-shadow:var(--glass-depth-1),inset 0 1px 0 0 var(--glass-highlight);border-radius:var(--radius-3xl);position:relative;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-xl)saturate(200%);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:var(--glass-depth-2),inset 0 1px 0 0 var(--glass-highlight);margin:var(--space-4)0;padding:2rem;position:relative}.glass-panel-elevated{background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--blur-xl)saturate(200%);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:var(--glass-depth-3),inset 0 2px 0 0 var(--glass-highlight);padding:2rem;position:relative}@media(max-width:640px){.card,.glass-card{padding:var(--space-5);margin:var(--space-3);border-radius:var(--radius-xl)}}.glass-input,.glass-textarea{background:var(--glass-bg);width:100%;-webkit-backdrop-filter:var(--blur-md)var(--blur-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-smooth);appearance:none;min-height:44px;box-shadow:0 2px 8px #0000000f,inset 0 1px 0 0 var(--glass-highlight);margin:var(--space-2)0;padding:.875rem 1rem;font-size:1rem}.glass-textarea{resize:vertical;height:200px;min-height:120px;font-family:var(--font-sans)}.dark .glass-input,.dark .glass-textarea{background:#1e293bcc;border-color:#ffffff1a;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}.glass-input:focus,.glass-textarea:focus{border-color:var(--apple-blue);background:var(--glass-bg-hover);box-shadow:0 0 0 4px #007aff26,0 8px 24px #007aff33,inset 0 1px 0 0 var(--glass-highlight);outline:none}.glass-input::placeholder,.glass-textarea::placeholder{color:var(--text-muted)}.glass-input-with-icon{padding-left:3rem}.glass-select{background:var(--glass-bg);width:100%;-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-smooth);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding:.875rem 2.5rem .875rem 1rem;font-size:1rem;box-shadow:0 2px 8px #0000000f}.dark .glass-select{background-color:#1e293bcc;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");border-color:#ffffff1a}.glass-select:focus{border-color:var(--apple-blue);outline:none;box-shadow:0 0 0 3px #007aff33}.glass-checkbox,.glass-radio{background:var(--glass-bg);width:1.25rem;height:1.25rem;-webkit-backdrop-filter:var(--blur-sm);border:2px solid var(--glass-border);cursor:pointer;transition:all var(--transition-base);appearance:none}.glass-checkbox{border-radius:var(--radius-sm)}.glass-radio{border-radius:50%}.dark .glass-checkbox,.dark .glass-radio{background:#1e293bcc;border-color:#fff3}.glass-checkbox:checked{background:var(--apple-blue);border-color:var(--apple-blue);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:80%}.glass-radio:checked{background:var(--apple-blue);border-color:var(--apple-blue);box-shadow:inset 0 0 0 3px #fff}.glass-checkbox:focus,.glass-radio:focus{outline:none;box-shadow:0 0 0 3px #007aff33}.form-label-glass{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.search-input{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md)var(--blur-saturate);border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:0 4px 16px 0 var(--glass-shadow),inset 0 1px 0 0 var(--glass-highlight);transition:all var(--transition-smooth);border-radius:var(--radius-lg)}.search-input:focus{background:var(--glass-bg-hover);box-shadow:0 0 0 4px #3b82f61a,0 8px 24px #3b82f633,inset 0 1px 0 0 var(--glass-highlight);border-color:#3b82f680;outline:none}@media(max-width:640px){.glass-input{padding:.875rem;font-size:16px}.glass-input-with-icon{padding-left:2.75rem}}.btn-apple{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#007aff,#0056cc);border:1px solid #fff3;justify-content:center;align-items:center;min-height:38px;padding:.625rem 1rem;font-size:.875rem;font-weight:600;line-height:1.2;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #007aff4d,0 4px 16px #007aff26,inset 0 1px #ffffff4d}.btn-apple:before{content:"";pointer-events:none;background:linear-gradient(#fff3,#0000);height:50%;position:absolute;top:0;left:0;right:0}.btn-apple:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007aff66,0 8px 20px #007aff33,inset 0 1px #fff6}.btn-apple:active{opacity:.9;transform:translateY(0)}.btn-apple:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{-webkit-backdrop-filter:var(--blur-md);color:#fff;transition:all var(--transition-smooth);cursor:pointer;background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border:1px solid #fff3;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 20px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary-glass{-webkit-backdrop-filter:var(--blur-sm);color:var(--text-primary);border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;transition:all var(--transition-smooth);margin-top:var(--space-2);background:#ffffffd9;border:1px solid #0000001a;justify-content:center;align-items:center;font-size:1rem;font-weight:600;text-decoration:none;display:flex;box-shadow:0 2px 8px #00000014}.btn-secondary-glass:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.dark .btn-secondary-glass{background:#334155cc;border:1px solid #ffffff1a;box-shadow:0 2px 8px #0003}.dark .btn-secondary-glass:hover{background:#475569e6;box-shadow:0 4px 12px #0000004d}.btn-danger-glass{color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-smooth);margin-top:var(--space-2);background:linear-gradient(135deg,#ff3b30,#cc2f27);border:none;justify-content:center;align-items:center;padding:1rem 1.5rem;font-size:1rem;font-weight:600;display:flex;box-shadow:0 4px 14px #ff3b3066}.btn-danger-glass:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff3b3080}.modern-btn-primary{color:#fff;cursor:pointer;transition:all var(--transition-smooth);background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.875rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #3b82f64d,inset 0 1px #fff3}.modern-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666,inset 0 1px #fff3}.modern-btn-secondary{-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);background:#fffc;border:1px solid #0000001a;border-radius:.875rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #0000000f}.modern-btn-secondary:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.dark .modern-btn-secondary{background:#1e293bcc;border:1px solid #ffffff1a}.modern-icon-btn{width:2.75rem;height:2.75rem;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);background:#fffc;border:1px solid #00000014;border-radius:.875rem;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #00000014}.modern-icon-btn:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.dark .modern-icon-btn{background:#1e293bcc;border:1px solid #ffffff1a}@media(max-width:640px){.btn-apple{min-height:36px;padding:.5rem .875rem;font-size:.8125rem}}@media(min-width:641px)and (max-width:1023px){.btn-apple{padding:.625rem 1rem;font-size:.875rem}}.alert-glass,.alert-glass-success,.alert-glass-warning{border-radius:var(--radius-lg);align-items:center;gap:.75rem;padding:1rem;font-size:.875rem;display:flex}.alert-glass{color:var(--apple-red);background:#ff3b301a;border:1px solid #ff3b304d}.alert-glass-success{color:var(--apple-green);background:#34c7591a;border:1px solid #34c7594d}.alert-glass-warning{color:var(--apple-orange);background:#ff95001a;border:1px solid #ff95004d}.tag,.tag-glass{-webkit-backdrop-filter:var(--blur-sm)var(--blur-saturate);color:#fff;border-radius:var(--radius-full);transition:all var(--transition-smooth);cursor:pointer;background:linear-gradient(135deg,#3b82f6d9,#2563ebd9);border:1px solid #ffffff40;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex;position:relative;box-shadow:0 2px 10px #3b82f64d,inset 0 1px #ffffff4d}.tag:before{content:"";border-radius:var(--radius-full);pointer-events:none;background:linear-gradient(#fff3,#0000);height:50%;position:absolute;top:0;left:0;right:0}.tag:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f680,inset 0 1px #fff6}.glass-badge{-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);background:#fff9;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.glass-divider{background:linear-gradient(90deg,transparent,var(--glass-border),transparent);border:none;height:1px;margin:1.5rem 0}.glass-hr{background:linear-gradient(90deg,transparent,var(--glass-border),var(--apple-blue),var(--glass-border),transparent);border:none;height:1px;margin:2rem 0}.glass-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:700}.glass-subtitle{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:1rem}.glass-link{color:var(--apple-blue);transition:all var(--transition-base);text-decoration:none}.glass-link:hover{opacity:.8;text-decoration:underline}.glass-td{padding:.875rem var(--space-4);border-bottom:1px solid var(--glass-border);color:var(--text-primary)}.glass-tr:last-child .glass-td{border-bottom:none}.glass-tr:hover{background:#ffffff4d}.dark .glass-table{background:#1e293b80}.dark .glass-th{background:#1e293bb3}.dark .glass-tr:hover{background:#3341554d}.dark .glass-code{background:#1e293bb3}.glass-pre{-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--text-primary);background:#ffffffb3;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto}.dark .glass-pre{background:#1e293bb3}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.context-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--text-primary);font-size:.875rem;display:flex}.context-menu-item:hover{color:var(--apple-blue);background:#3b82f61a}.context-menu-item.danger:hover{color:#ef4444;background:#ef44441a}.context-menu-divider{background:var(--glass-border);height:1px;margin:var(--space-2)0}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border-right:1px solid var(--glass-border);box-shadow:4px 0 24px 0 var(--glass-shadow)}.modern-sidebar{-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border-radius:var(--radius-3xl);padding:var(--space-6);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #ffffff4d;box-shadow:0 10px 40px #00000014,inset 0 1px #fff9}.dark .modern-sidebar{background:linear-gradient(135deg,#1e293be6,#1e293bb3);border:1px solid #ffffff1a;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff1a}.sidebar-header{color:var(--text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid #0000000d;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;display:flex}.dark .sidebar-header{border-bottom-color:#ffffff0d}.mobile-drawer{background:var(--glass-bg);width:85%;max-width:320px;height:100%;-webkit-backdrop-filter:var(--blur-xl)saturate(200%);border-right:1px solid var(--glass-border);box-shadow:var(--glass-depth-3);z-index:150;transition:transform var(--transition-smooth);padding:env(safe-area-inset-top)var(--mobile-padding)var(--mobile-padding);-webkit-overflow-scrolling:touch;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:149;opacity:0;visibility:hidden;transition:opacity var(--transition-smooth),visibility var(--transition-smooth);background:#00000080;position:fixed;inset:0}.mobile-drawer-backdrop.open{opacity:1;visibility:visible}.mobile-menu-btn{background:var(--glass-bg);width:44px;height:44px;-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:none}.mobile-menu-btn:active{background:var(--glass-bg-hover);transform:scale(.95)}@media(max-width:1023px){.mobile-menu-btn{display:flex}}.folder-sidebar-mobile{background:var(--glass-bg);width:85%;max-width:320px;height:100dvh;-webkit-backdrop-filter:var(--blur-xl)saturate(200%);border-right:1px solid var(--glass-border);box-shadow:var(--glass-depth-3);z-index:150;transition:transform var(--transition-spring);padding:calc(env(safe-area-inset-top) + 1rem) 1rem 1rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.folder-sidebar-mobile.open{transform:translate(0)}.folder-sidebar-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.folder-sidebar-title{color:var(--text-primary);align-items:center;margin:0;font-size:1.125rem;font-weight:700;display:flex}.folder-sidebar-close-btn{background:var(--glass-bg);width:44px;height:44px;-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-smooth);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex}.folder-sidebar-close-btn:hover{background:var(--glass-bg-hover)}.folder-sidebar-close-btn:active{transform:scale(.95)}.folder-sidebar-desktop{flex-shrink:0;width:280px;display:none}.folder-sidebar-content{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--glass-depth-1),inset 0 1px 0 0 var(--glass-highlight);-webkit-overflow-scrolling:touch;max-height:calc(100vh - 3rem);position:sticky;top:1.5rem;overflow-y:auto}.folder-sidebar-toggle-btn{background:var(--glass-bg);width:44px;height:44px;-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-smooth);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000001a}.folder-sidebar-toggle-btn:hover{background:var(--glass-bg-hover);box-shadow:0 4px 12px #00000026}.folder-sidebar-toggle-btn:active{transform:scale(.95)}@media(min-width:768px)and (max-width:1023px){.folder-sidebar-mobile{max-width:280px}.folder-sidebar-header{padding-bottom:.875rem}.folder-sidebar-title{font-size:1rem}}@media(min-width:1024px){.folder-sidebar-mobile,.folder-sidebar-toggle-btn{display:none}.folder-sidebar-desktop{display:block}}.liquid-glass-nav{z-index:1000;padding:var(--space-2);padding-bottom:max(.5rem,env(safe-area-inset-bottom));transition:transform var(--transition-spring),opacity .25s ease-out;will-change:transform,opacity;justify-content:center;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.liquid-glass-nav.dock-expanded{opacity:1;pointer-events:auto;transform:translateY(0)}.liquid-glass-nav.dock-minimized{opacity:1;pointer-events:auto;justify-content:flex-start;align-items:center;padding:0;inset:50% auto auto 1.25rem;transform:translateY(-50%)}.liquid-glass-nav-container{padding:var(--space-2)var(--space-3);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-xl)saturate(200%);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);transition:all var(--transition-spring);touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:flex-end;gap:.25rem;max-width:100%;animation:.4s cubic-bezier(.32,.72,0,1) forwards dock-appear;display:flex;overflow:auto visible;box-shadow:0 8px 32px #00000026,0 20px 60px #0000001a,inset 0 1px #ffffff80}@keyframes dock-appear{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.liquid-glass-nav-container::-webkit-scrollbar{display:none}.dark .liquid-glass-nav-container{background:#1e293be6;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006,0 20px 60px #0000004d,inset 0 1px #ffffff1a}.liquid-glass-nav-minimized-container{-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border-radius:var(--radius-2xl);transition:transform var(--transition-smooth),box-shadow var(--transition-base);cursor:pointer;will-change:transform;background:linear-gradient(135deg,#3b82f6f2,#6366f1f2,#8b5cf6f2);border:2px solid #ffffff4d;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:0;animation:3s ease-in-out infinite dock-glow;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #3b82f666,inset 0 1px #fff6}@keyframes dock-glow{0%,to{box-shadow:0 8px 32px #3b82f666,inset 0 1px #fff6}50%{box-shadow:0 10px 40px #3b82f680,inset 0 1px #ffffff80}}.liquid-glass-nav-minimized-container:hover{animation:none;transform:scale(1.12);box-shadow:0 14px 44px #3b82f680,inset 0 1px #ffffff80}.liquid-glass-nav-minimized-container:active{transition:transform .1s ease-out;transform:scale(.95)}.liquid-glass-nav-item{padding:var(--space-1);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:var(--radius-lg);will-change:transform;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:2.75rem;text-decoration:none;transition:all .25s cubic-bezier(.32,.72,0,1);display:flex;position:relative}.liquid-glass-nav-icon-wrapper{width:2.5rem;height:2.5rem;-webkit-backdrop-filter:var(--blur-sm);background:#ffffff80;border:1px solid #ffffff4d;border-radius:.875rem;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.32,.72,0,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff80}.dark .liquid-glass-nav-icon-wrapper{background:#33415599;border:1px solid #ffffff26;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a}.liquid-glass-nav-icon{font-size:1.125rem;transition:all .25s cubic-bezier(.32,.72,0,1)}.liquid-glass-nav-item.active .liquid-glass-nav-icon-wrapper{background:linear-gradient(135deg,#3b82f6cc,#2563ebcc);border-color:#3b82f680;box-shadow:0 8px 24px #3b82f666,inset 0 1px #ffffff4d}.liquid-glass-nav-item.active .liquid-glass-nav-icon{color:#fff}.liquid-glass-nav-item.active{color:var(--primary-color)}.liquid-glass-nav-item.active:after{content:"";background:var(--primary-color);border-radius:50%;width:.25rem;height:.25rem;position:absolute;bottom:-.25rem;left:50%;transform:translate(-50%);box-shadow:0 0 8px #3b82f699}@media(hover:hover){.liquid-glass-nav-item:hover .liquid-glass-nav-icon-wrapper{background:#ffffffb3;border-color:#3b82f64d;box-shadow:0 8px 24px #3b82f633,inset 0 1px #ffffffb3}.dark .liquid-glass-nav-item:hover .liquid-glass-nav-icon-wrapper{background:#475569b3;box-shadow:0 8px 24px #3b82f64d,inset 0 1px #ffffff26}}.liquid-glass-nav-item:active{opacity:.8;transform:scale(.95)}.liquid-glass-nav-label{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-1)var(--space-3);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all var(--transition-smooth);color:var(--text-primary);z-index:10;font-size:.75rem;font-weight:500;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-.5rem);box-shadow:0 4px 12px #00000026}@media(hover:hover)and (min-width:768px){.liquid-glass-nav-item:hover .liquid-glass-nav-label{opacity:1;visibility:visible;transform:translate(-50%)translateY(-.75rem)}}@media(max-width:767px){.liquid-glass-nav.dock-expanded{justify-content:center;inset:auto 0 0;overflow:auto hidden;transform:translateY(0)}.liquid-glass-nav.dock-minimized{inset:auto auto 1rem 1rem;transform:none}.liquid-glass-nav-container{gap:var(--space-1);padding:var(--space-2)var(--space-3);border-radius:var(--radius-xl)var(--radius-xl)0 0;border-bottom:none;width:calc(100vw - 1rem);max-width:calc(100vw - 1rem)}.liquid-glass-nav-item{min-width:3rem}.liquid-glass-nav-icon-wrapper{width:2.5rem;height:2.5rem}.liquid-glass-nav-icon{font-size:1rem}#main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}@media(min-width:768px)and (max-width:1023px){.liquid-glass-nav.dock-expanded{inset:auto auto 1rem 50%;transform:translate(-50%)}.liquid-glass-nav.dock-minimized{inset:auto auto 1rem 1rem;transform:none}.liquid-glass-nav-container{gap:var(--space-1);max-width:90vw;padding:.625rem 1rem}.liquid-glass-nav-minimized-container{width:4.25rem;height:4.25rem}.liquid-glass-nav-icon-wrapper{width:2.75rem;height:2.75rem}.liquid-glass-nav-icon{font-size:1.125rem}.liquid-glass-nav-item{min-width:3rem}}@media(min-width:1024px){.liquid-glass-nav.dock-expanded{inset:auto auto 1.5rem 50%;transform:translate(-50%)}.liquid-glass-nav.dock-minimized{inset:auto auto 1.5rem 1rem;transform:none}.liquid-glass-nav-container{gap:var(--space-2);padding:var(--space-3)var(--space-5)}.liquid-glass-nav-minimized-container{width:4.5rem;height:4.5rem}.liquid-glass-nav-icon-wrapper{width:3rem;height:3rem}.liquid-glass-nav-icon{font-size:1.25rem}.liquid-glass-nav-item{min-width:3.5rem}}.container-responsive{width:100%;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container-responsive{max-width:640px;padding:0 1.5rem}}@media(min-width:768px){.container-responsive{max-width:768px;padding:0 2rem}}@media(min-width:1024px){.container-responsive{max-width:1024px}}@media(min-width:1280px){.container-responsive{max-width:1280px}}.responsive-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media(min-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1280px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.responsive-flex{flex-direction:column;gap:1rem;display:flex}@media(min-width:768px){.responsive-flex{flex-direction:row;gap:1.5rem}}.stack-mobile{flex-direction:column;gap:.75rem;display:flex}@media(min-width:768px){.stack-mobile{flex-direction:row;align-items:center;gap:1rem}}.page-padding{padding:var(--mobile-padding)}@media(min-width:768px){.page-padding{padding:var(--tablet-padding)}}@media(min-width:1024px){.page-padding{padding:var(--desktop-padding)}}.btn-back-to-top{padding:var(--space-3);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));transition:all var(--transition-smooth);z-index:40;cursor:pointer;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex;position:fixed;bottom:6rem;right:1rem;box-shadow:0 4px 20px #3b82f666}.btn-back-to-top:hover{transform:scale(1.1);box-shadow:0 6px 24px #3b82f680}.btn-back-to-top:active{transform:scale(.95)}@media(min-width:768px){.btn-back-to-top{bottom:2rem;right:2rem}}.fab{right:1rem;bottom:calc(5rem + env(safe-area-inset-bottom));background:linear-gradient(135deg,var(--apple-blue),var(--primary-dark));color:#fff;cursor:pointer;z-index:90;width:56px;height:56px;transition:all var(--transition-smooth);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 20px #007aff66}.fab:active{transform:scale(.9)}.fab:hover{transform:scale(1.05);box-shadow:0 6px 24px #007aff80}@media(min-width:768px){.fab{display:none}}.bottom-sheet{background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--blur-xl)saturate(200%);border-top:1px solid var(--glass-border);border-radius:var(--radius-3xl)var(--radius-3xl)0 0;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));z-index:160;transition:transform var(--transition-smooth);-webkit-overflow-scrolling:touch;max-height:80vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{background:var(--glass-border);border-radius:2.5px;width:36px;height:5px;margin:0 auto 1rem}.responsive-modal{z-index:200;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media(min-width:768px){.responsive-modal{align-items:center;padding:2rem}}.responsive-modal-content{background:var(--glass-bg-hover);width:100%;max-height:90vh;-webkit-backdrop-filter:var(--blur-xl)saturate(200%);border-radius:var(--radius-3xl)var(--radius-3xl)0 0;padding:var(--space-6);padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));animation:slideUp var(--transition-smooth);overflow-y:auto}@media(min-width:768px){.responsive-modal-content{border-radius:var(--radius-3xl);max-width:500px;animation:scaleIn var(--transition-base);padding:2rem}}.modern-page-header{-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);margin:var(--space-2);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;border-radius:1.75rem;padding:1rem;box-shadow:0 10px 40px #0000000f,inset 0 1px #fff9}.dark .modern-page-header{background:linear-gradient(135deg,#1e293bf2,#1e293bd9);border:1px solid #ffffff1a;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff1a}@media(max-width:640px){.modern-page-header{padding:var(--space-5);border-radius:var(--radius-2xl)}}.modern-icon-badge{border-radius:var(--radius-xl);width:3rem;height:3rem;transition:transform var(--transition-smooth);justify-content:center;align-items:center;font-size:1.25rem;display:flex;box-shadow:0 8px 20px #00000026,inset 0 1px #ffffff4d}.modern-icon-badge:hover{transform:scale(1.05)}.modern-stat-badge{border-radius:var(--radius-lg);color:var(--text-primary);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:all var(--transition-base);margin:var(--space-3)0;background:#3b82f61a;border:1px solid #3b82f633;align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.modern-stat-badge:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateY(-1px)}.modern-search-card{-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border-radius:var(--radius-3xl);padding:var(--space-2);margin:var(--space-2)0;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;box-shadow:0 10px 40px #0000000f,inset 0 1px #fff9}.dark .modern-search-card{background:linear-gradient(135deg,#1e293bf2,#1e293bd9);border:1px solid #ffffff1a;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff1a}.modern-notes-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media(min-width:640px){.modern-notes-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.modern-notes-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1536px){.modern-notes-grid{grid-template-columns:repeat(4,1fr)}}.modern-note-card{-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border-radius:var(--radius-2xl);padding:var(--space-6)1.75rem;transition:all var(--transition-smooth);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;flex-direction:column;min-height:220px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f,inset 0 1px #fff9}.modern-note-card:before{content:"";opacity:0;height:3px;transition:opacity var(--transition-smooth);background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);position:absolute;top:0;left:0;right:0}.modern-note-card:hover{cursor:pointer;border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 32px #0000001f,inset 0 1px #fff9}.modern-note-card:hover:before{opacity:1}.dark .modern-note-card{background:linear-gradient(135deg,#1e293bf2,#1e293bd9);border:1px solid #ffffff1a;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a}.modern-note-badges{gap:var(--space-2);z-index:10;display:flex;position:absolute;top:1rem;right:1rem}.modern-badge{width:2rem;height:2rem;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:transform var(--transition-base);border-radius:.625rem;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #00000026}.modern-badge:hover{transform:scale(1.1)}.badge-pinned{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.badge-favorite{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48)}.badge-archived{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.modern-note-content{flex-direction:column;flex:1;margin-bottom:1rem;display:flex}.modern-note-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.875rem;margin-right:4.5rem;font-size:1.125rem;font-weight:650;line-height:1.5;display:-webkit-box;overflow:hidden}.modern-note-link{color:var(--text-primary);transition:color var(--transition-base);text-decoration:none}.modern-note-link:hover{color:#3b82f6}.modern-note-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.7;display:-webkit-box;overflow:hidden}.modern-note-tags{gap:var(--space-1);flex-wrap:wrap;margin-top:auto;display:flex}.modern-tag{border-radius:var(--radius-sm);transition:all var(--transition-base);border:1px solid;align-items:center;padding:.3125rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.modern-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.modern-note-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.875rem;display:flex}.dark .modern-note-footer{border-top-color:#ffffff14}.modern-note-meta{flex-wrap:wrap;gap:1rem;display:flex}.modern-meta-item{color:var(--text-muted);align-items:center;gap:.125rem;font-size:.8125rem;font-weight:500;display:flex}.modern-note-actions{gap:var(--space-1);opacity:0;transition:opacity var(--transition-base);display:flex}.modern-note-card:hover .modern-note-actions{opacity:1}@media(max-width:1024px){.modern-note-actions{opacity:1}}.modern-action-btn{border-radius:var(--radius-md);cursor:pointer;width:2rem;height:2rem;transition:all var(--transition-base);background:#0000000d;border:none;justify-content:center;align-items:center;text-decoration:none;display:flex}.dark .modern-action-btn{background:#ffffff0d}.action-default{color:var(--text-muted)}.action-default:hover{color:var(--text-primary);background:#0000001a;transform:translateY(-1px)}.dark .action-default:hover{background:#ffffff1a}.action-purple{color:#8b5cf6;background:#8b5cf626}.action-purple:hover{background:#8b5cf640}.action-blue{color:#3b82f6;background:#3b82f626}.action-green{color:#22c55e;background:#22c55e26}.action-red{color:#ef4444;background:#ef444426}.modern-empty-state{text-align:center;-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;border-radius:1.75rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;box-shadow:0 10px 40px #0000000f,inset 0 1px #fff9}.dark .modern-empty-state{background:linear-gradient(135deg,#1e293bf2,#1e293bd9);border:1px solid #ffffff1a;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff1a}.modern-empty-icon{border-radius:var(--radius-3xl);width:5rem;height:5rem;color:var(--text-muted);margin-bottom:var(--space-6);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);justify-content:center;align-items:center;font-size:2.5rem;display:flex;box-shadow:0 8px 20px #3b82f626}.modern-empty-title{color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.5rem;font-weight:700}.modern-empty-text{color:var(--text-secondary);max-width:28rem;margin-bottom:var(--space-6);font-size:1rem}.modern-filter-tabs{-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:var(--radius-2xl);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffff80;border:1px solid #00000014;justify-content:center;gap:1rem;margin:1rem 0;padding:1rem 1.5rem;display:flex;overflow-x:auto;box-shadow:inset 0 1px 2px #0000000d}.modern-filter-tabs::-webkit-scrollbar{display:none}.dark .modern-filter-tabs{background:#1e293b80;border:1px solid #ffffff14}.modern-filter-tab{padding:var(--space-3)var(--space-6);color:var(--text-secondary);border-radius:var(--radius-lg);white-space:nowrap;transition:all var(--transition-base);cursor:pointer;align-items:center;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.modern-filter-tab:hover{color:var(--text-primary);background:#fff9}.dark .modern-filter-tab:hover{background:#ffffff1a}.modern-filter-tab.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d,inset 0 1px #fff3}.note-content h1,.note-content h2,.note-content h3{color:var(--primary-color);margin:1rem 0 .5rem}.note-content h1{font-size:2rem}.note-content h2{font-size:1.5rem}.note-content h3{font-size:1.25rem}.note-content p{margin:.5rem 0;line-height:1.7}.note-content pre{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);box-shadow:0 4px 16px 0 var(--glass-shadow);padding:1rem;overflow-x:auto}.note-content code{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-sm);border:1px solid var(--glass-border);padding:.125rem .25rem;font-family:Courier New,Courier,monospace;font-size:.875rem}.note-content pre code{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0}.note-content blockquote{border-left:4px solid var(--primary-color);color:var(--text-secondary);margin:1rem 0;padding-left:1rem;font-style:italic}.note-content ul,.note-content ol{margin:.5rem 0;padding-left:1.5rem}.note-content li{margin:.25rem 0}.note-content a{color:var(--primary-color);text-decoration:underline}.note-content a:hover{color:var(--primary-dark)}.stat-card{padding:var(--space-6);border-radius:var(--radius-xl);color:#fff;transition:all var(--transition-smooth);cursor:pointer;border:none;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0003}.stat-card-label{margin-bottom:var(--space-2);opacity:.95;font-size:.875rem;font-weight:600}.stat-card-value{margin-bottom:var(--space-1);font-size:3rem;font-weight:800;line-height:1}.stat-card-progress{border-radius:var(--radius-full);width:3rem;height:.25rem;margin-top:var(--space-2);transition:width var(--transition-smooth);background:#fff9}.stat-card:hover .stat-card-progress{width:5rem}.stat-card-icon{border-radius:var(--radius-xl);width:4rem;height:4rem;transition:all var(--transition-smooth);background:#ffffff4d;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000001a}.stat-card:hover .stat-card-icon{transform:scale(1.1)rotate(6deg)}.stat-card-icon i{color:#fff;font-size:1.875rem}.stat-card-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.stat-card-green{background:linear-gradient(135deg,#16a34a,#15803d)}.stat-card-purple{background:linear-gradient(135deg,#9333ea,#7e22ce)}.stat-card-orange{background:linear-gradient(135deg,#ea580c,#c2410c)}.stat-card-red{background:linear-gradient(135deg,#dc2626,#b91c1c)}@media(max-width:640px){.stat-card{padding:var(--space-5)}.stat-card-value{font-size:2.5rem}.stat-card-icon{width:3.5rem;height:3.5rem}.stat-card-icon i{font-size:1.5rem}}.status-badge{padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--blur-sm);transition:all var(--transition-base);border:1px solid;align-items:center;width:fit-content;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000014}.status-badge i{margin-right:var(--space-1);font-size:.875rem}.status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.badge-admin{color:#c2410c;background:linear-gradient(135deg,#ea580c26,#fb923c26);border-color:#ea580c4d}.badge-active{color:#15803d;background:linear-gradient(135deg,#16a34a26,#22c55e26);border-color:#16a34a4d}.badge-locked{color:#b91c1c;background:linear-gradient(135deg,#dc262626,#ef444426);border-color:#dc26264d}.badge-2fa{color:#1d4ed8;background:linear-gradient(135deg,#2563eb26,#3b82f626);border-color:#2563eb4d}.action-btn{padding:var(--space-2).875rem;-webkit-backdrop-filter:var(--blur-sm);transition:all var(--transition-smooth);cursor:pointer;border:1px solid;border-radius:.625rem;align-items:center;font-size:.8125rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #00000014}.action-btn i{margin-right:var(--space-1);font-size:.875rem}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-btn:active{transform:translateY(0)}.action-btn-unlock{color:#15803d;background:linear-gradient(135deg,#16a34a1a,#22c55e1a);border-color:#16a34a40}.action-btn-lock{color:#c2410c;background:linear-gradient(135deg,#ea580c1a,#fb923c1a);border-color:#ea580c40}.action-btn-grant{color:#7e22ce;background:linear-gradient(135deg,#9333ea1a,#a855f71a);border-color:#9333ea40}.action-btn-delete{color:#b91c1c;background:linear-gradient(135deg,#dc26261a,#ef44441a);border-color:#dc262640}.note-view-container{max-width:56rem;padding:var(--space-6);margin:0 auto}.note-view-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.note-view-back-btn,.note-view-share-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.note-view-back-btn{color:var(--text-primary);background:#00000008;border-color:#00000014}.note-view-back-btn:hover{background:#0000000f;transform:translate(-2px)}.note-view-share-btn{color:#2563eb;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-color:#3b82f633}.note-view-share-btn:hover{background:linear-gradient(135deg,#3b82f626,#2563eb26);transform:translateY(-1px)}.dark .note-view-back-btn{background:#ffffff0d;border-color:#ffffff1a}.dark .note-view-back-btn:hover{background:#ffffff1a}.note-view-card{-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border-radius:var(--radius-2xl);padding:var(--space-8);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;box-shadow:0 10px 40px #0000000f,inset 0 1px #fff9}.dark .note-view-card{background:linear-gradient(135deg,#1e293bf2,#1e293bd9);border:1px solid #ffffff1a;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff1a}.note-view-card-header{padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid #0000000f}.dark .note-view-card-header{border-bottom-color:#ffffff14}.note-view-header-content{justify-content:space-between;gap:var(--space-6);display:flex}.note-view-title-section{flex:1}.note-view-badges{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.note-view-badge{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:600;display:inline-flex}.note-view-title{color:var(--text-primary);margin-bottom:var(--space-4);font-size:2rem;font-weight:700;line-height:1.3}.note-view-tags{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.note-view-tag{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);align-items:center;gap:var(--space-1);border:1px solid;font-size:.8125rem;font-weight:600;display:inline-flex}.note-view-meta{gap:var(--space-4);color:var(--text-secondary);flex-wrap:wrap;font-size:.875rem;display:flex}.note-view-meta-item{align-items:center;gap:var(--space-2);display:flex}.note-view-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.note-view-action-btn{border-radius:var(--radius-lg);width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:#00000008;border:1px solid #00000014;justify-content:center;align-items:center;text-decoration:none;display:flex}.note-view-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark .note-view-action-btn{background:#ffffff0d;border-color:#ffffff1a}.action-edit:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f633}.action-share:hover{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf633}.action-pin:hover{color:#f59e0b;background:#fbbf241a;border-color:#fbbf2433}.action-pin-active{color:#f59e0b;background:#fbbf2426;border-color:#fbbf244d}.action-favorite:hover{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e33}.action-favorite-active{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e4d}.action-archive:hover{color:#64748b;background:#94a3b81a;border-color:#94a3b833}.action-archive-active{color:#64748b;background:#94a3b826;border-color:#94a3b84d}.action-delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.note-view-toggle-section{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);background:#00000005;justify-content:space-between;align-items:center;display:flex}.dark .note-view-toggle-section{background:#ffffff08}.note-view-toggle-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:1px solid;font-size:.875rem;font-weight:600;display:inline-flex}.toggle-active{color:#2563eb;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-color:#3b82f633}.toggle-inactive{color:var(--text-secondary);background:#00000008;border-color:#00000014}.dark .toggle-inactive{background:#ffffff0d;border-color:#ffffff1a}.note-view-privacy-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633;font-size:.75rem;font-weight:600;display:inline-flex}.note-view-hidden-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.note-view-hidden-icon{border-radius:var(--radius-3xl);width:5rem;height:5rem;margin-bottom:var(--space-6);color:var(--text-muted);background:linear-gradient(135deg,#8b5cf61a,#6366f11a);justify-content:center;align-items:center;font-size:2rem;display:flex}.note-view-hidden-title{color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.5rem;font-weight:700}.note-view-hidden-text{color:var(--text-secondary);max-width:28rem;margin-bottom:var(--space-6);font-size:1rem}.note-view-reveal-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;font-size:.9375rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #3b82f64d}.note-view-reveal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.note-view-ai-section{margin-bottom:var(--space-6)}.ai-actions-container{align-items:center;gap:var(--space-4);padding:var(--space-4);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-xl);margin-bottom:var(--space-4);background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border:1px solid #8b5cf633;flex-wrap:wrap;display:flex}.ai-actions-label{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:.875rem;font-weight:600;display:flex}.ai-actions-label i{color:#8b5cf6;font-size:1rem}.ai-actions-buttons{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ai-action-btn{align-items:center;gap:var(--space-2);-webkit-backdrop-filter:var(--blur-sm);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-smooth);background:#ffffffe6;border:1px solid #8b5cf64d;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #8b5cf61a}.dark .ai-action-btn{background:#1e293be6;border-color:#8b5cf666}.ai-action-btn:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf680;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf633}.dark .ai-action-btn:hover:not(:disabled){background:#8b5cf633}.ai-action-btn:disabled{opacity:.5;cursor:not-allowed}.ai-action-btn i{font-size:.875rem}.ai-btn-arrow{margin-left:-.25rem;font-size:.625rem}.ai-btn-proofread:hover:not(:disabled){border-color:#22c55e80}.ai-btn-summarize:hover:not(:disabled){border-color:#3b82f680}.ai-btn-rewrite:hover:not(:disabled){border-color:#8b5cf680}.ai-style-menu{margin-top:var(--space-2);background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--blur-xl);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-2);min-width:200px;box-shadow:var(--glass-depth-2);z-index:10;animation:.2s ease-out fadeInUp;position:absolute;top:100%;left:0}.ai-style-option{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--text-primary);font-size:.875rem;font-weight:500;display:flex}.ai-style-option:hover{background:#8b5cf61a}.ai-result-container{margin-top:var(--space-4);padding:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-xl);animation:.3s ease-out fadeInUp}.ai-result-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.ai-result-title{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:.875rem;font-weight:600;display:flex}.ai-result-actions{gap:var(--space-2);display:flex}.ai-result-btn{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.ai-result-btn:hover{color:var(--text-primary);background:#8b5cf61a;border-color:#8b5cf64d}.ai-result-btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000}.ai-result-btn.primary:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 4px 12px #8b5cf64d}.ai-result-content{padding:var(--space-4);-webkit-backdrop-filter:var(--blur-sm);border-radius:var(--radius-lg);color:var(--text-primary);white-space:pre-wrap;background:#ffffff80;font-size:.9375rem;line-height:1.7}.dark .ai-result-content{background:#1e293b80}.ai-error{padding:var(--space-3);border-radius:var(--radius-lg);color:#ef4444;margin-top:var(--space-3);background:#ef44441a;border:1px solid #ef44444d;font-size:.875rem}@media(max-width:640px){.ai-actions-container{align-items:stretch;gap:var(--space-3);flex-direction:column}.ai-actions-buttons{width:100%}.ai-action-btn{flex:1;justify-content:center}}.note-view-images-section{margin-bottom:var(--space-6)}.note-view-images-title{align-items:center;gap:var(--space-2);color:var(--text-primary);margin-bottom:var(--space-4);font-size:1.125rem;font-weight:600;display:flex}.note-view-images-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.note-view-image-card{border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:none;padding:0;position:relative;overflow:hidden}.note-view-image{object-fit:cover;width:100%;height:200px;transition:transform var(--transition-base)}.note-view-image-card:hover .note-view-image{transform:scale(1.05)}.note-view-image-overlay{opacity:0;transition:opacity var(--transition-base);color:#fff;background:#00000080;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.note-view-image-card:hover .note-view-image-overlay{opacity:1}.note-view-content-section{margin-top:var(--space-6)}.note-view-content{color:var(--text-primary);font-size:1rem;line-height:1.8}.note-view-modal-overlay{-webkit-backdrop-filter:var(--blur-sm);z-index:50;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.note-view-modal{-webkit-backdrop-filter:var(--blur-lg);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;background:#fffffffa;width:100%;max-width:28rem;box-shadow:0 24px 48px #0000001f}.dark .note-view-modal{background:#1e293bfa;box-shadow:0 24px 48px #0006}.note-view-modal-icon{border-radius:var(--radius-2xl);width:4rem;height:4rem;margin:0 auto var(--space-6);color:#ef4444;background:linear-gradient(135deg,#ef44441a,#dc26261a);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.note-view-modal-title{color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.5rem;font-weight:700}.note-view-modal-text{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:1rem}.note-view-modal-actions{gap:var(--space-3);justify-content:center;display:flex}.note-view-modal-btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-2);border:1px solid;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-cancel{color:var(--text-primary);background:#00000008;border-color:#00000014}.btn-cancel:hover{background:#0000000f}.dark .btn-cancel{background:#ffffff0d;border-color:#ffffff1a}.dark .btn-cancel:hover{background:#ffffff1a}.btn-delete{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 12px #ef44444d}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}@media(max-width:768px){.note-view-container{padding:var(--space-4)}.note-view-header{flex-direction:column;align-items:stretch}.note-view-card{padding:var(--space-6)}.note-view-header-content{flex-direction:column}.note-view-actions{justify-content:flex-start}.note-view-title{font-size:1.5rem}.note-view-images-grid{grid-template-columns:1fr}}.chat-page-padding{padding:var(--space-3)}.chat-container{border-radius:var(--radius-xl);background:linear-gradient(135deg,#f8fafce6,#f1f5f9f2);flex-direction:column;height:100%;display:flex;overflow:hidden}.dark .chat-container{background:linear-gradient(135deg,#0f172af2,#1e293be6)}.chat-compact-header{padding:var(--space-3)var(--space-4);-webkit-backdrop-filter:var(--blur-lg);background:#fffffff2;border-bottom:1px solid #0000000f}.dark .chat-compact-header{background:#1e293bf2;border-bottom-color:#ffffff0f}.chat-connection-status{padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-2);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.chat-connection-status.disconnected{color:#dc2626;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433}.chat-notification-banner{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;display:flex}.chat-notification-icon{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.chat-notification-content{flex:1}.chat-notification-title{color:var(--text-primary);margin-bottom:var(--space-1);font-size:.875rem;font-weight:600}.chat-notification-desc{color:var(--text-secondary);font-size:.8125rem}.chat-notification-actions{gap:var(--space-2);flex-shrink:0;display:flex}.chat-notification-btn{padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid;font-size:.8125rem;font-weight:600}.chat-notification-btn.enable{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 2px 8px #3b82f64d}.chat-notification-btn.enable:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.chat-notification-btn.dismiss{color:var(--text-secondary);background:0 0;border-color:#0000001a;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex}.dark .chat-notification-btn.dismiss{border-color:#ffffff1a}.chat-notification-btn.dismiss:hover{background:#0000000d}.dark .chat-notification-btn.dismiss:hover{background:#ffffff0d}.chat-main-wrapper{position:relative}.chat-page-container{height:calc(100dvh - 80px);max-height:calc(100dvh - 80px)}@supports not (height:100dvh){.chat-page-container{height:calc(100vh - 80px);max-height:calc(100vh - 80px)}}@media(max-width:768px){.chat-page-container{height:calc(100dvh - 70px);max-height:calc(100dvh - 70px)}@supports not (height:100dvh){.chat-page-container{height:calc(100vh - 70px);max-height:calc(100vh - 70px)}}}.chat-sidebar-enhanced{-webkit-backdrop-filter:blur(24px);background:linear-gradient(#fffffff2,#f8fafce6);border-right:1px solid #0000000a;flex-direction:column;display:flex;box-shadow:4px 0 32px #00000008}.dark .chat-sidebar-enhanced{background:linear-gradient(#1e293bf2,#0f172ae6);border-right:1px solid #ffffff0a;box-shadow:4px 0 32px #0000004d}.chat-sidebar-collapsed{border:none;width:0;min-width:0;padding:0;overflow:hidden}.chat-sidebar-expand-btn{color:#fff;cursor:pointer;z-index:1000;width:2.5rem;height:2.5rem;transition:all var(--transition-base);background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;justify-content:center;align-items:center;position:fixed;top:1rem;left:1rem;box-shadow:0 4px 12px #8b5cf64d}.chat-sidebar-expand-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #8b5cf666}@media(min-width:768px){.chat-sidebar-expand-btn{top:1.5rem;left:1.5rem}}.chat-sidebar-header{padding:var(--space-4);background:#fff9;border-bottom:1px solid #0000000a;flex-shrink:0}.dark .chat-sidebar-header{background:#1e293b99;border-bottom-color:#ffffff0a}.chat-sidebar-title{color:var(--text-primary);align-items:center;font-size:.9375rem;font-weight:700;display:flex}.chat-sidebar-collapse-btn{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center}.chat-sidebar-collapse-btn:hover{color:var(--text-primary);background:#0000000d}.dark .chat-sidebar-collapse-btn:hover{background:#ffffff0d}.chat-sidebar-count{padding:var(--space-1)var(--space-2);color:#8b5cf6;text-align:center;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border-radius:6px;min-width:1.5rem;font-size:.6875rem;font-weight:600}.chat-sidebar-new-btn{margin-top:var(--space-3);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);width:100%;transition:all var(--transition-base);background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;display:flex;box-shadow:0 2px 8px #8b5cf640}.chat-sidebar-new-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.chat-sidebar-search{position:relative}.chat-sidebar-search-input{width:100%;color:var(--text-primary);transition:all var(--transition-base);background:#00000008;border:1.5px solid #0000000a;border-radius:10px;padding:.625rem 2.25rem;font-size:.8125rem}.dark .chat-sidebar-search-input{background:#ffffff0a;border-color:#ffffff0f}.chat-sidebar-search-input:focus{background:#fffffff2;border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.dark .chat-sidebar-search-input:focus{background:#1e293bf2}.chat-sidebar-search-icon{left:var(--space-3);color:var(--text-tertiary);pointer-events:none;font-size:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.chat-sidebar-rooms{scroll-behavior:smooth;overscroll-behavior:contain;padding:var(--space-2)0;scrollbar-width:none;flex:1;overflow:hidden auto}.chat-sidebar-rooms::-webkit-scrollbar{display:none}.chat-room-list{gap:var(--space-1);padding:0 var(--space-2);flex-direction:column;display:flex}.chat-room-card{align-items:center;gap:var(--space-3);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-smooth);background:0 0;border:1.5px solid #0000;border-radius:14px;padding:.875rem 1rem;display:flex;position:relative}.chat-room-card:hover{background:linear-gradient(135deg,#8b5cf60a,#6366f105);border-color:#8b5cf614}.chat-room-card.active{background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border-color:#8b5cf633;box-shadow:0 2px 12px #8b5cf614}.chat-room-card.active:before{content:"";background:linear-gradient(#8b5cf6,#6366f1);border-radius:0 4px 4px 0;width:3px;height:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.chat-room-group-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:.875rem;display:flex;box-shadow:0 4px 12px #8b5cf640}.chat-room-card-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.chat-room-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.chat-room-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.chat-room-card-time{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;font-size:.6875rem;font-weight:500}.chat-room-card-body{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.chat-room-card-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;line-height:1.4;overflow:hidden}.chat-room-card-preview.empty{color:var(--text-tertiary);font-style:italic}.chat-room-card-badge{min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#8b5cf6,#6366f1);flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:700;display:flex;box-shadow:0 2px 8px #8b5cf659}.chat-main{background:linear-gradient(#f8fafc80,#f1f5f9b3);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.dark .chat-main{background:linear-gradient(#0f172a80,#1e293bb3)}@media(max-width:768px){.chat-main{height:100%;position:relative}}.chat-header{padding:var(--space-4)var(--space-6);-webkit-backdrop-filter:var(--blur-lg);background:#ffffffe6;border-bottom:1px solid #0000000f;box-shadow:0 2px 16px #0000000a}.dark .chat-header{background:#1e293be6;border-bottom-color:#ffffff0f;box-shadow:0 2px 16px #0003}.chat-header-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.chat-typing-indicator{margin-right:var(--space-1);align-items:center;gap:2px;display:inline-flex}.chat-typing-dot{background:#3b82f6;border-radius:50%;width:4px;height:4px;animation:1.4s infinite typingDot}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-search-container{margin-top:var(--space-3);position:relative}.chat-search-input{width:100%;color:var(--text-primary);transition:all var(--transition-base);background:#00000008;border:1.5px solid #0000000a;border-radius:10px;padding:.625rem 2.25rem;font-size:.8125rem}.dark .chat-search-input{background:#ffffff0a;border-color:#ffffff0f}.chat-search-input:focus{background:#fffffff2;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.dark .chat-search-input:focus{background:#1e293bf2}.chat-search-icon{left:var(--space-3);color:var(--text-tertiary);pointer-events:none;font-size:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.chat-search-clear{right:var(--space-2);width:1.5rem;height:1.5rem;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.chat-search-clear:hover{color:var(--text-primary);background:#0000000d}.dark .chat-search-clear:hover{background:#ffffff0d}.chat-message-delete{color:#ef4444;cursor:pointer;width:1.75rem;height:1.75rem;transition:all var(--transition-base);background:#ef44441a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;top:50%;right:-2rem;transform:translateY(-50%)}.chat-message.group:hover .chat-message-delete{display:flex}.chat-message-delete:hover{background:#ef444426;transform:translateY(-50%)scale(1.1)}.chat-message-status{margin-left:var(--space-1);color:#ffffffb3;font-size:.625rem}.chat-bubble-photo{margin-bottom:var(--space-2)}.chat-photo-preview{margin-bottom:var(--space-3);border-radius:var(--radius-lg);max-width:200px;position:relative;overflow:hidden}.chat-photo-preview img{width:100%;height:auto;display:block}.chat-photo-preview-remove{top:var(--space-2);right:var(--space-2);color:#fff;cursor:pointer;width:1.75rem;height:1.75rem;transition:all var(--transition-base);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.chat-photo-preview-remove:hover{background:#ef4444e6;transform:scale(1.1)}.chat-photo-viewer{z-index:100;padding:var(--space-4);background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chat-photo-viewer img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:100%}.chat-photo-viewer-close{top:var(--space-4);right:var(--space-4);color:#fff;cursor:pointer;width:3rem;height:3rem;transition:all var(--transition-base);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute}.chat-photo-viewer-close:hover{background:#fff3;transform:scale(1.1)}.chat-sidebar-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.chat-sidebar-loading-spinner{margin-bottom:var(--space-4);color:#8b5cf6;font-size:2rem}.chat-sidebar-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.chat-sidebar-empty-icon{border-radius:var(--radius-2xl);width:4rem;height:4rem;margin-bottom:var(--space-4);color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61a,#6366f11a);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.chat-sidebar-empty-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.chat-sidebar-empty-subtitle{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:.875rem}.chat-sidebar-empty-btn{padding:var(--space-3)var(--space-5);color:#fff;border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:var(--space-2);transition:all var(--transition-base);background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #8b5cf64d}.chat-sidebar-empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.chat-room-card-sender{color:var(--text-primary);font-weight:600}.chat-room-card-media{align-items:center;gap:var(--space-1);color:var(--text-tertiary);font-style:italic;display:inline-flex}.chat-modal-search{padding:0 var(--space-6)var(--space-4);border-bottom:1px solid #0000000f}.dark .chat-modal-search{border-color:#ffffff14}.chat-modal-body{padding:var(--space-4)var(--space-6);flex:1;min-height:0;overflow-y:auto}.chat-user-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-base);background:0 0;border:1px solid #0000;display:flex}.chat-user-item:hover{background:#8b5cf60d;border-color:#8b5cf61a}.chat-user-info{flex:1;min-width:0}.chat-user-name{color:var(--text-primary);margin-bottom:var(--space-1);font-size:.9375rem;font-weight:600}.chat-user-status{color:var(--text-secondary);align-items:center;gap:var(--space-1);font-size:.8125rem;display:flex}.chat-user-status-dot{border-radius:50%;width:6px;height:6px}.chat-user-status-dot.online{background:#22c55e}.chat-user-status-dot.offline{background:#94a3b8}.chat-user-status-dot.away{background:#f59e0b}.chat-user-status-dot.busy{background:#ef4444}.chat-user-arrow{color:var(--text-tertiary);font-size:.75rem}.chat-confirm-modal{-webkit-backdrop-filter:var(--blur-lg);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;width:100%;max-width:24rem;animation:modalSlideIn var(--transition-smooth);background:#fffffffa;box-shadow:0 24px 48px #0000001f}.dark .chat-confirm-modal{background:#1e293bfa;box-shadow:0 24px 48px #0006}.chat-confirm-icon{border-radius:var(--radius-2xl);width:4rem;height:4rem;margin:0 auto var(--space-6);color:#ef4444;background:linear-gradient(135deg,#ef44441a,#dc26261a);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.chat-confirm-title{color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.25rem;font-weight:700}.chat-confirm-message{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:.9375rem}.chat-confirm-actions{gap:var(--space-3);justify-content:center;display:flex}.chat-confirm-btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:1px solid;font-size:.9375rem;font-weight:600}.chat-confirm-btn.cancel{color:var(--text-primary);background:#00000008;border-color:#00000014}.chat-confirm-btn.cancel:hover{background:#0000000f}.dark .chat-confirm-btn.cancel{background:#ffffff0d;border-color:#ffffff1a}.dark .chat-confirm-btn.cancel:hover{background:#ffffff1a}.chat-confirm-btn.delete{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 12px #ef44444d}.chat-confirm-btn.delete:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.chat-confirm-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.safe-area-inset-top{padding-top:env(safe-area-inset-top)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.animate-slide-up{animation:.3s ease-out slideUp}.chat-room-card-avatar{flex-shrink:0}.chat-sidebar-search-clear{right:var(--space-2);width:1.5rem;height:1.5rem;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.chat-sidebar-search-clear:hover{color:var(--text-primary);background:#0000000d}.dark .chat-sidebar-search-clear:hover{background:#ffffff0d}.chat-header-subtitle{color:#3b82f6;align-items:center;gap:var(--space-1);margin-top:.125rem;font-size:.8125rem;display:flex}.chat-messages{padding:var(--space-6);gap:var(--space-4);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@media(max-width:768px){.chat-messages{padding:var(--space-4)var(--space-3);gap:var(--space-3)}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.chat-message{gap:var(--space-3);max-width:80%;animation:messageSlideIn var(--transition-smooth);display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.outgoing{flex-direction:row-reverse;margin-left:auto}.chat-message-content{position:relative}.chat-message-sender{color:var(--text-secondary);margin-bottom:var(--space-1);margin-left:var(--space-3);font-size:.75rem;font-weight:600}.chat-bubble{padding:var(--space-3)var(--space-4);border-radius:var(--radius-2xl);position:relative;box-shadow:0 2px 8px #0000000f}.chat-bubble.incoming{border-bottom-left-radius:var(--radius-sm);background:#fffffff2;border:1px solid #0000000d}.dark .chat-bubble.incoming{background:#334155e6;border-color:#ffffff14}.chat-bubble.outgoing{color:#fff;border-bottom-right-radius:var(--radius-sm);background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f64d}.chat-bubble-text{word-break:break-word;white-space:pre-wrap;font-size:.9375rem;line-height:1.5}.chat-bubble.outgoing .chat-bubble-text{color:#fff}.chat-message-time{color:var(--text-tertiary);margin-top:var(--space-1);margin-left:var(--space-3);align-items:center;gap:var(--space-1);font-size:.6875rem;display:flex}.chat-message.outgoing .chat-message-time{margin-right:var(--space-3);justify-content:flex-end;margin-left:0}.chat-input-container{padding:var(--space-4)var(--space-6);-webkit-backdrop-filter:var(--blur-lg);background:#fffffff2;border-top:1px solid #0000000f;box-shadow:0 -4px 24px #0000000a}.dark .chat-input-container{background:#1e293bf2;border-top-color:#ffffff0f;box-shadow:0 -4px 24px #0003}.chat-input-wrapper{align-items:flex-end;gap:var(--space-3);display:flex}.chat-text-input{padding:var(--space-3)var(--space-5);border-radius:var(--radius-3xl);color:var(--text-primary);transition:all var(--transition-base);resize:none;background:#00000008;border:1px solid #0000000f;flex:1;min-height:2.75rem;font-size:.9375rem}.dark .chat-text-input{background:#ffffff0d;border-color:#ffffff14}.chat-text-input:focus{background:#fffffff2;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.dark .chat-text-input:focus{background:#334155f2}.chat-input-btn{width:2.75rem;height:2.75rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-input-btn:hover{color:#3b82f6;background:#0000000d}.dark .chat-input-btn:hover{background:#ffffff1a}.chat-input-btn.send{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f659}.chat-input-btn.send:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.05);box-shadow:0 6px 16px #3b82f673}.chat-input-btn.send:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.chat-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.chat-empty-icon{border-radius:var(--radius-3xl);width:5rem;height:5rem;margin-bottom:var(--space-6);background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);justify-content:center;align-items:center;display:flex}.dark .chat-empty-icon{background:linear-gradient(135deg,#8b5cf633,#3b82f633)}.chat-empty-icon i{color:#8b5cf6;font-size:2rem}.chat-empty-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:600}.chat-empty-subtitle{color:var(--text-secondary);max-width:280px;font-size:.9375rem}.chat-modal-overlay{-webkit-backdrop-filter:var(--blur-sm);z-index:50;padding:var(--space-4);animation:fadeIn var(--transition-base);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chat-modal{-webkit-backdrop-filter:var(--blur-lg);border-radius:var(--radius-2xl);width:100%;max-width:28rem;max-height:85vh;animation:modalSlideIn var(--transition-smooth);background:#fffffffa;flex-direction:column;display:flex;box-shadow:0 24px 48px #0000001f}.dark .chat-modal{background:#1e293bfa;box-shadow:0 24px 48px #0006}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.chat-modal-header{padding:var(--space-5)var(--space-6);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;display:flex}.dark .chat-modal-header{border-color:#ffffff14}.chat-modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.chat-modal-close{width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-modal-close:hover{color:var(--text-primary);background:#0000000d}.dark .chat-modal-close:hover{background:#ffffff1a}@media(max-width:768px){.chat-sidebar-enhanced{width:100%;box-shadow:none;border-right:none}.chat-room-card{padding:var(--space-3);border-radius:12px}.chat-room-group-avatar{width:2.5rem;height:2.5rem}.chat-messages{padding:var(--space-4)}.chat-message{max-width:90%}.chat-input-container{padding:.875rem 1rem}}@media(min-width:1280px){.chat-sidebar-enhanced{min-width:22rem}}.glass-wrapper{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border:1px solid var(--glass-border);box-shadow:var(--glass-depth-1)}.glass-main{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-sm);border-radius:var(--radius-xl);padding:var(--space-6)}.dark .glass-main{background:#1e293bb3}.glass-nav{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border:1px solid var(--glass-border);box-shadow:0 4px 20px 0 var(--glass-shadow)}.glass-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px 0 var(--glass-shadow);padding:var(--space-4)var(--space-6)}.glass-footer{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border-top:1px solid var(--glass-border);box-shadow:0 -4px 20px 0 var(--glass-shadow);padding:var(--space-4)var(--space-6)}.glass-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-4)0}.glass-div{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4)}.glass-div-center{justify-content:center;align-items:center;margin-top:80px;display:flex}.glass-span{-webkit-backdrop-filter:blur(4px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.125rem var(--space-2);background:#fff9;display:inline-block}.dark .glass-span{background:#33415599}.glass-i{border-radius:var(--radius-sm);padding:var(--space-1);transition:all var(--transition-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.glass-icon{-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2);transition:all var(--transition-base);background:#ffffff80;justify-content:center;align-items:center;display:inline-flex}.glass-icon:hover{background:#ffffffb3;transform:scale(1.05)}.glass-list{-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#ffffff80;margin:0;padding:0;list-style:none;overflow:hidden}.glass-list-item{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--glass-border);transition:all var(--transition-base)}.glass-list-item:last-child{border-bottom:none}.glass-list-item:hover{cursor:pointer;background:#ffffff80}.glass-table{width:100%;-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);border-collapse:separate;border-spacing:0;background:#ffffff80;overflow:hidden}.glass-th{-webkit-backdrop-filter:var(--blur-sm);padding:.875rem var(--space-4);text-align:left;color:var(--text-primary);border-bottom:1px solid var(--glass-border);background:#ffffffb3;font-weight:600}.glass-td{padding:.875rem var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--glass-border)}.glass-table tr:last-child .glass-td{border-bottom:none}.glass-table tr:hover .glass-td{background:#ffffff4d}.glass-modal{-webkit-backdrop-filter:var(--blur-sm);z-index:100;padding:var(--space-4);animation:fadeIn var(--transition-base);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.glass-modal-content{background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--blur-xl)saturate(200%);border:1px solid var(--glass-border);box-shadow:var(--glass-depth-3),0 32px 64px #0003,inset 0 1px 0 0 var(--glass-highlight);border-radius:var(--radius-3xl);max-width:90vw;max-height:90vh;animation:slideUp var(--transition-smooth);padding:2rem;position:relative;overflow:auto}.glass-modal-content:before{content:"";background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.glass-tooltip{display:inline-block;position:relative}.glass-tooltip:after{content:attr(data-tooltip);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2)var(--space-3);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:10;margin-bottom:var(--space-2);box-shadow:0 4px 16px var(--glass-shadow);font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.glass-tooltip:hover:after{opacity:1;visibility:visible}.glass-progress{width:100%;height:.5rem;-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-full);background:#ffffff80;overflow:hidden}.glass-progress-bar{background:linear-gradient(90deg,var(--apple-blue),var(--apple-purple));border-radius:var(--radius-full);height:100%;transition:width var(--transition-smooth)}.glass-avatar{background:linear-gradient(135deg,var(--apple-blue),var(--apple-purple));-webkit-backdrop-filter:var(--blur-sm);color:#fff;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #007aff4d}.glass-blockquote{-webkit-backdrop-filter:var(--blur-sm);border-left:4px solid var(--apple-blue);border-radius:0 var(--radius-md)var(--radius-md)0;padding:var(--space-4)var(--space-5);color:var(--text-secondary);background:#ffffff80;font-style:italic}.glass-code{-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.125rem var(--space-1);color:var(--apple-purple);background:#ffffffb3;font-family:Courier New,monospace;font-size:.875rem;display:inline-block}.glass-pre{-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);background:#ffffffb3;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto}.glass-kbd{-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.125rem var(--space-2);font-family:var(--font-sans);box-shadow:0 2px 0 var(--glass-border);background:#fffc;font-size:.75rem;display:inline-block}.glass-segmented{-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-1);gap:var(--space-1);background:#0000000d;display:inline-flex}.dark .glass-segmented{background:#ffffff0d}.glass-segmented-item{padding:var(--space-2)var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-smooth);color:var(--text-secondary);font-size:.875rem;font-weight:500}.glass-segmented-item:hover{color:var(--text-primary);background:#ffffff1a}.glass-segmented-item.active{background:var(--glass-bg);color:var(--text-primary);box-shadow:0 2px 8px #1f268726}.glass-button-group{gap:var(--space-2);padding:var(--space-1);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;box-shadow:0 4px 16px #1f26871a}.context-menu{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-2);min-width:180px;max-width:280px;box-shadow:var(--glass-depth-2),inset 0 1px 0 0 var(--glass-highlight);animation:contextMenuSlideIn var(--transition-base);overflow:hidden}.context-menu-item{align-items:center;gap:var(--space-3);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-smooth);text-align:left;background:0 0;border:none;border-radius:.625rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;display:flex;position:relative;overflow:hidden}.context-menu-item:hover{background:#3b82f60f;transform:translate(2px)}.dark .context-menu-item:hover{background:#3b82f61f}.context-menu-item:active{transform:scale(.98)translate(2px)}.context-menu-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.875rem;display:flex}.context-menu-item-danger{color:var(--apple-red)}.context-menu-item-danger:hover{background:#ff3b3014}.dark .context-menu-item-danger:hover{background:#ff3b3026}.context-menu-divider{height:1px;margin:var(--space-1)0;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.responsive-grid-glass{gap:var(--space-4);-webkit-backdrop-filter:var(--blur-lg)var(--blur-saturate);padding:var(--space-6);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;border-radius:1.75rem;grid-template-columns:1fr;display:grid;position:relative;overflow:visible;box-shadow:0 10px 40px #0000000f,inset 0 1px #fff9}.responsive-grid-glass:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:2px;position:absolute;top:0;left:0;right:0}.dark .responsive-grid-glass{background:linear-gradient(135deg,#1e293bf2,#1e293bd9);border:1px solid #ffffff1a;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff1a}@media(min-width:640px){.responsive-grid-glass{gap:var(--space-5);grid-template-columns:repeat(2,1fr);padding:1.75rem}}@media(min-width:1024px){.responsive-grid-glass{gap:var(--space-6);grid-template-columns:repeat(3,1fr);padding:2rem}}@media(min-width:1280px){.responsive-grid-glass{grid-template-columns:repeat(4,1fr)}}.touch-action-bar{gap:var(--space-2);padding:var(--space-3);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-xl);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.touch-action-bar button{flex-shrink:0;min-width:44px;min-height:44px}.touch-list-item{padding:.875rem var(--space-4);align-items:center;gap:var(--space-4);background:var(--glass-bg);border-radius:var(--radius-lg);min-height:56px;margin-bottom:var(--space-2);transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;cursor:pointer;display:flex}.touch-list-item:active{background:var(--glass-bg-hover);transform:scale(.98)}.scrollable-tabs{gap:var(--space-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-1);margin:calc(-1*var(--space-1));display:flex;overflow:auto hidden}.scrollable-tabs::-webkit-scrollbar{display:none}.scrollable-tabs>*{scroll-snap-align:start;flex-shrink:0}.typing-indicator{align-items:center;gap:2px;display:inline-flex}.typing-indicator:before,.typing-indicator:after,.typing-indicator span{content:"";background-color:currentColor;border-radius:50%;width:4px;height:4px;animation:1s infinite typing}.typing-indicator:before{animation-delay:0s}.typing-indicator span{animation-delay:.15s}.typing-indicator:after{animation-delay:.3s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@media(max-width:640px){button,a,input[type=button],input[type=submit],input[type=reset]{touch-action:manipulation;min-height:44px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.form-label-glass{margin-bottom:var(--space-2);font-size:.875rem}.glass-modal-content{max-width:95vw;padding:var(--space-6);border-radius:var(--radius-xl)}.glass-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.card:hover,.btn-apple:hover,.tag:hover{transform:none}.p-6{padding:var(--space-4)}.grid{gap:var(--space-4)}}@media(min-width:768px)and (max-width:1023px){.p-6{padding:var(--space-6)}.grid{gap:var(--space-5)}.glass-card{padding:var(--space-5)}.glass-panel,.glass-panel-elevated{padding:var(--space-6)}.tablet-grid-2{gap:var(--tablet-gap);grid-template-columns:repeat(2,1fr);display:grid}.tablet-sidebar{flex-shrink:0;width:280px}}@media(min-width:1024px){.glass-panel,.glass-panel-elevated{padding:2rem}.p-6{padding:var(--space-6)}}@media(max-width:320px){.glass-card,.card{padding:var(--space-4);margin:var(--space-2)}.btn-apple{padding:var(--space-3)var(--space-4);font-size:.875rem}}@media(max-width:896px)and (orientation:landscape){.glass-header{padding-top:var(--space-2);padding-bottom:var(--space-2)}.fab{bottom:calc(4rem + env(safe-area-inset-bottom));right:calc(1rem + env(safe-area-inset-right))}}@supports (padding-top:env(safe-area-inset-top)){.notch-safe-top{padding-top:max(1rem,env(safe-area-inset-top))}.notch-safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.notch-safe-left{padding-left:max(1rem,env(safe-area-inset-left))}.notch-safe-right{padding-right:max(1rem,env(safe-area-inset-right))}}.ios-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}@media print{.sidebar,.mobile-nav,.liquid-glass-nav,.btn-back-to-top,button{display:none!important}body{color:#000;background:#fff}.glass-card,.card{box-shadow:none;border:1px solid #ddd}}.prose,.prose-invert{color:var(--text-primary)}.logo-gradient{background:linear-gradient(135deg,#007aff,#af52de)}.shadow-apple{box-shadow:0 12px 40px #007aff66}.text-apple-blue{color:var(--apple-blue)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}.chat-theme-default{--chat-bg: #ffffff;--chat-sidebar-bg: #f8f9fa;--chat-message-bg: #e9ecef;--chat-message-own-bg: #007bff;--chat-message-own-text: #ffffff;--chat-message-text: #212529;--chat-border: #dee2e6;--chat-hover: #e9ecef;--chat-pinned-bg: #fff3cd;--chat-reaction-bg: #f8f9fa}.dark .chat-theme-default{--chat-bg: #1a1a1a;--chat-sidebar-bg: #2d2d2d;--chat-message-bg: #3a3a3a;--chat-message-own-bg: #0056b3;--chat-message-own-text: #ffffff;--chat-message-text: #e0e0e0;--chat-border: #404040;--chat-hover: #3a3a3a;--chat-pinned-bg: #4a4a2d;--chat-reaction-bg: #3a3a3a}.chat-theme-ocean{--chat-bg: #e0f2f7;--chat-sidebar-bg: #b2dfdb;--chat-message-bg: #b2ebf2;--chat-message-own-bg: #0097a7;--chat-message-own-text: #ffffff;--chat-message-text: #004d40;--chat-border: #80deea;--chat-hover: #80deea;--chat-pinned-bg: #ffecb3;--chat-reaction-bg: #e0f7fa}.dark .chat-theme-ocean{--chat-bg: #004d40;--chat-sidebar-bg: #00695c;--chat-message-bg: #00796b;--chat-message-own-bg: #00acc1;--chat-message-own-text: #ffffff;--chat-message-text: #e0f2f1;--chat-border: #00897b;--chat-hover: #00897b;--chat-pinned-bg: #5d4037;--chat-reaction-bg: #00695c}.chat-theme-sunset{--chat-bg: #fff3e0;--chat-sidebar-bg: #ffe0b2;--chat-message-bg: #ffccbc;--chat-message-own-bg: #ff6f00;--chat-message-own-text: #ffffff;--chat-message-text: #bf360c;--chat-border: #ffab91;--chat-hover: #ffab91;--chat-pinned-bg: #fff9c4;--chat-reaction-bg: #ffe0b2}.dark .chat-theme-sunset{--chat-bg: #3e2723;--chat-sidebar-bg: #4e342e;--chat-message-bg: #5d4037;--chat-message-own-bg: #e65100;--chat-message-own-text: #ffffff;--chat-message-text: #ffccbc;--chat-border: #6d4c41;--chat-hover: #6d4c41;--chat-pinned-bg: #4e342e;--chat-reaction-bg: #4e342e}.chat-theme-forest{--chat-bg: #e8f5e9;--chat-sidebar-bg: #c8e6c9;--chat-message-bg: #a5d6a7;--chat-message-own-bg: #2e7d32;--chat-message-own-text: #ffffff;--chat-message-text: #1b5e20;--chat-border: #81c784;--chat-hover: #81c784;--chat-pinned-bg: #fff9c4;--chat-reaction-bg: #c8e6c9}.dark .chat-theme-forest{--chat-bg: #1b5e20;--chat-sidebar-bg: #2e7d32;--chat-message-bg: #388e3c;--chat-message-own-bg: #43a047;--chat-message-own-text: #ffffff;--chat-message-text: #c8e6c9;--chat-border: #4caf50;--chat-hover: #4caf50;--chat-pinned-bg: #33691e;--chat-reaction-bg: #2e7d32}.chat-theme-midnight{--chat-bg: #1a1a2e;--chat-sidebar-bg: #16213e;--chat-message-bg: #0f3460;--chat-message-own-bg: #533483;--chat-message-own-text: #ffffff;--chat-message-text: #e0e0e0;--chat-border: #1f4068;--chat-hover: #1f4068;--chat-pinned-bg: #3d2c5a;--chat-reaction-bg: #16213e}.dark .chat-theme-midnight{--chat-bg: #0a0a14;--chat-sidebar-bg: #0d1321;--chat-message-bg: #1a1a2e;--chat-message-own-bg: #6a4c93;--chat-message-own-text: #ffffff;--chat-message-text: #e0e0e0;--chat-border: #16213e;--chat-hover: #16213e;--chat-pinned-bg: #2d1b4e;--chat-reaction-bg: #0d1321}.chat-container{background-color:var(--chat-bg);color:var(--chat-message-text)}.chat-sidebar{background-color:var(--chat-sidebar-bg);border-right:1px solid var(--chat-border)}.chat-room-item:hover{background-color:var(--chat-hover)}.chat-bubble.incoming{background-color:var(--chat-message-bg);color:var(--chat-message-text);border-color:var(--chat-border)}.chat-bubble.outgoing{background-color:var(--chat-message-own-bg);color:var(--chat-message-own-text)}.chat-bubble.outgoing .chat-bubble-text{color:var(--chat-message-own-text)}.chat-message.pinned .chat-bubble{background-color:var(--chat-pinned-bg);border-left:3px solid var(--chat-message-own-bg)}.chat-reaction{background-color:var(--chat-reaction-bg);border:1px solid var(--chat-border);display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.875rem;cursor:pointer;transition:all .2s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.chat-reaction:hover{transform:scale(1.05);background-color:var(--chat-hover)}.chat-reaction:active{transform:scale(.95)}.chat-reaction.active{background-color:#3b82f626;border-color:#3b82f64d}.chat-reaction.add-reaction{background-color:transparent;border:1px dashed var(--chat-border);padding:4px 6px}.chat-reaction.add-reaction:hover{border-style:solid;background-color:var(--chat-hover)}.reaction-count{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.message-reactions-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center}.chat-input-container{border-top:1px solid var(--chat-border);background-color:var(--chat-bg)}.message-status{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;opacity:.7;margin-left:8px}.message-status-icon{width:14px;height:14px}.message-status-sent{color:#6c757d}.message-status-delivered{color:#0dcaf0}.message-status-read{color:#198754}.reaction-picker{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:12px;padding:8px;display:flex;gap:6px;box-shadow:0 4px 16px #00000026;z-index:10;animation:reactionPickerSlideIn .2s ease}@keyframes reactionPickerSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.reaction-emoji{font-size:1.5rem;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:transparent;border:none;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.reaction-emoji:hover{transform:scale(1.2);background-color:var(--chat-hover)}.reaction-emoji:active{transform:scale(1.1)}@media(max-width:768px){.reaction-picker{bottom:auto;top:calc(100% + 8px);right:auto;left:50%;transform:translate(-50%)}.reaction-emoji{min-width:44px;min-height:44px;font-size:1.75rem}}.pinned-messages-banner{background-color:var(--chat-pinned-bg);border-bottom:1px solid var(--chat-border);padding:8px 16px;display:flex;align-items:center;justify-content:space-between}.pinned-message-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.theme-selector{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--chat-border)}.theme-option{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s}.theme-option:hover{transform:scale(1.1)}.theme-option.active{border-color:var(--chat-message-own-bg);box-shadow:0 0 0 2px var(--chat-bg)}.theme-option.default{background:linear-gradient(135deg,#667eea,#764ba2)}.theme-option.ocean{background:linear-gradient(135deg,#0097a7,#00acc1)}.theme-option.sunset{background:linear-gradient(135deg,#ff6f00,#ff8f00)}.theme-option.forest{background:linear-gradient(135deg,#2e7d32,#43a047)}.theme-option.midnight{background:linear-gradient(135deg,#533483,#6a4c93)}