/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Nanum+Pen+Script&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Varela&display=swap";@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Kalam:wght@300;400;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-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-outline-style:solid;--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;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:host,:root{--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-50:oklch(98% .016 73.684);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--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-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-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-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--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-50:oklch(96.2% .018 272.314);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-900:oklch(35.9% .144 278.697);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--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-gray-950:oklch(13% .028 261.692);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-800:oklch(27.4% .006 286.033);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--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:calc(1.5/1);--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:calc(2.25/1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-inset-px{inset:-1px}.inset-0{inset:calc(var(--spacing)*0)}.inset-0\.5{inset:calc(var(--spacing)*.5)}.inset-1{inset:calc(var(--spacing)*1)}.inset-1\.5{inset:calc(var(--spacing)*1.5)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-0\.5{top:calc(var(--spacing)*-.5)}.-top-3{top:calc(var(--spacing)*-3)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-8{top:calc(var(--spacing)*8)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing)*-.5)}.-right-2\.5{right:calc(var(--spacing)*-2.5)}.-right-10{right:calc(var(--spacing)*-10)}.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-16{right:calc(var(--spacing)*16)}.-bottom-4{bottom:calc(var(--spacing)*-4)}.-bottom-8{bottom:calc(var(--spacing)*-8)}.-bottom-14{bottom:calc(var(--spacing)*-14)}.-bottom-20{bottom:calc(var(--spacing)*-20)}.-bottom-\[100px\]{bottom:-100px}.-bottom-\[120px\]{bottom:-120px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-8{bottom:calc(var(--spacing)*8)}.bottom-10{bottom:calc(var(--spacing)*10)}.bottom-53{bottom:calc(var(--spacing)*53)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-12{left:calc(var(--spacing)*12)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-150{z-index:150}.z-\[1\]{z-index:1}.z-\[19\]{z-index:19}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.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}}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.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-6{margin-top:calc(var(--spacing)*6)}.mt-auto{margin-top:auto}.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)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.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-0{margin-left:calc(var(--spacing)*0)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-7{margin-left:calc(var(--spacing)*7)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-full{width:100%;height:100%}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-1\/2{height:50%}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-3\/4{height:75%}.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-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-36{height:calc(var(--spacing)*36)}.h-58{height:calc(var(--spacing)*58)}.h-96{height:calc(var(--spacing)*96)}.h-\[60px\]{height:60px}.h-\[100px\]{height:100px}.h-\[130px\]{height:130px}.h-\[145px\]{height:145px}.h-\[150px\]{height:150px}.h-\[190px\]{height:190px}.h-\[235px\]{height:235px}.h-\[250px\]{height:250px}.h-\[350px\]{height:350px}.h-\[400px\]{height:400px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[160px\]{max-height:160px}.max-h-\[240px\]{max-height:240px}.max-h-\[300px\]{max-height:300px}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-\[24px\]{min-height:24px}.min-h-\[150px\]{min-height:150px}.min-h-\[200px\]{min-height:200px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.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-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-28{width:calc(var(--spacing)*28)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-58{width:calc(var(--spacing)*58)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-97{width:calc(var(--spacing)*97)}.w-\[22rem\]{width:22rem}.w-\[60px\]{width:60px}.w-\[62\%\]{width:62%}.w-\[100px\]{width:100px}.w-\[145px\]{width:145px}.w-\[190px\]{width:190px}.w-\[235px\]{width:235px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-32{max-width:calc(var(--spacing)*32)}.max-w-\[200px\]{max-width:200px}.max-w-\[500px\]{max-width:500px}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1)}.-translate-x-1\/2,.-translate-x-px{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px}.translate-x-16{--tw-translate-x:calc(var(--spacing)*16)}.translate-x-16,.translate-x-32{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-32{--tw-translate-x:calc(var(--spacing)*32)}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-x-px{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1)}.-translate-y-1\/2,.translate-y-10{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-10{--tw-translate-y:calc(var(--spacing)*10)}.translate-y-20{--tw-translate-y:calc(var(--spacing)*20)}.translate-y-20,.translate-y-\[-50\%\]{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%}.scale-100,.scale-75{scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-0{rotate:none}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.rotate-\[2deg\]{rotate:2deg}.-skew-y-\[8deg\]{--tw-skew-y:skewY(calc(8deg*-1))}.-skew-y-\[8deg\],.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-gradient{animation:gradient 8s linear infinite}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-skew-scroll{animation:skew-scroll 20s linear infinite}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.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}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-0\.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-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-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*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-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*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-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-4{column-gap:calc(var(--spacing)*4)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\(length\:--border-beam-width\){border-style:var(--tw-border-style);border-width:var(--border-beam-width)}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-amber-200{border-color:var(--color-amber-200)}.border-background{border-color:var(--background)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-200\/40{border-color:#bedbff66}@supports (color:color-mix(in lab,red,red)){.border-blue-200\/40{border-color:color-mix(in oklab,var(--color-blue-200)40%,transparent)}}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.border-border,.border-border\/40{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/40{border-color:color-mix(in oklab,var(--border)40%,transparent)}}.border-destructive\/20{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/20{border-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-300\/30{border-color:#d1d5dc4d}@supports (color:color-mix(in lab,red,red)){.border-gray-300\/30{border-color:color-mix(in oklab,var(--color-gray-300)30%,transparent)}}.border-gray-900{border-color:var(--color-gray-900)}.border-green-200{border-color:var(--color-green-200)}.border-input{border-color:var(--input)}.border-neutral-800{border-color:var(--color-neutral-800)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/60{border-color:color-mix(in oklab,var(--color-slate-200)60%,transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-300\/60{border-color:#cad5e299}@supports (color:color-mix(in lab,red,red)){.border-slate-300\/60{border-color:color-mix(in oklab,var(--color-slate-300)60%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-t-blue-500{border-top-color:var(--color-blue-500)}.border-t-transparent{border-top-color:#0000}.border-b-blue-500{border-bottom-color:var(--color-blue-500)}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-transparent{border-left-color:#0000}.bg-\[\#000\]{background-color:#000}.bg-\[\#333\]{background-color:#333}.bg-\[\#101112\]{background-color:#101112}.bg-\[\#141516\]{background-color:#141516}.bg-\[\#de3b24\]{background-color:#de3b24}.bg-\[\#ececec\]{background-color:#ececec}.bg-\[\#efefef\]{background-color:#efefef}.bg-\[\#fafaf9\]{background-color:#fafaf9}.bg-accent,.bg-accent\/5{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/5{background-color:color-mix(in oklab,var(--accent)5%,transparent)}}.bg-accent\/30{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/30{background-color:color-mix(in oklab,var(--accent)30%,transparent)}}.bg-accent\/50{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/50{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.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\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/30{background-color:#eff6ff4d}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/30{background-color:color-mix(in oklab,var(--color-blue-50)30%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400\/20{background-color:#54a2ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-400\/20{background-color:color-mix(in oklab,var(--color-blue-400)20%,transparent)}}.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-600{background-color:var(--color-blue-600)}.bg-blue-800{background-color:var(--color-blue-800)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-destructive\/15{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/15{background-color:color-mix(in oklab,var(--destructive)15%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-300\/50{background-color:#d1d5dc80}@supports (color:color-mix(in lab,red,red)){.bg-gray-300\/50{background-color:color-mix(in oklab,var(--color-gray-300)50%,transparent)}}.bg-gray-300\/60{background-color:#d1d5dc99}@supports (color:color-mix(in lab,red,red)){.bg-gray-300\/60{background-color:color-mix(in oklab,var(--color-gray-300)60%,transparent)}}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-400{background-color:var(--color-green-400)}.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-muted,.bg-muted\/70{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/70{background-color:color-mix(in oklab,var(--muted)70%,transparent)}}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-accent{background-color:var(--sidebar-accent)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/30{background-color:#f8fafc4d}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/30{background-color:color-mix(in oklab,var(--color-slate-50)30%,transparent)}}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/50{background-color:color-mix(in oklab,var(--color-slate-50)50%,transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.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\/40{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab}.bg-gradient-to-b,.bg-gradient-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-l{--tw-gradient-position:to left in oklab}.bg-gradient-to-l,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.bg-gradient-to-t{--tw-gradient-position:to top in oklab}.bg-gradient-to-t,.bg-gradient-to-tr{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab}.from-\[\#de3b24\]{--tw-gradient-from:#de3b24;--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-\[\#ffaa40\]\/50{--tw-gradient-from:oklab(80.4057% .0576886 .141547/.5);--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-\[var\(--color-from\)\]{--tw-gradient-from:var(--color-from);--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-background\/80{--tw-gradient-from:var(--background)}@supports (color:color-mix(in lab,red,red)){.from-background\/80{--tw-gradient-from:color-mix(in oklab,var(--background)80%,transparent)}}.from-background\/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-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-200\/50{--tw-gradient-from:#bedbff80}@supports (color:color-mix(in lab,red,red)){.from-blue-200\/50{--tw-gradient-from:color-mix(in oklab,var(--color-blue-200)50%,transparent)}}.from-blue-200\/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-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-cyan-400{--tw-gradient-from:var(--color-cyan-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-emerald-500{--tw-gradient-from: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))}.from-gray-100{--tw-gradient-from:var(--color-gray-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))}.from-gray-200{--tw-gradient-from:var(--color-gray-200);--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-950{--tw-gradient-from:var(--color-gray-950);--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-50{--tw-gradient-from:var(--color-green-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-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-indigo-400{--tw-gradient-from:var(--color-indigo-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-indigo-500{--tw-gradient-from:var(--color-indigo-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-orange-500{--tw-gradient-from:var(--color-orange-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-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-transparent{--tw-gradient-from:transparent;--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-white{--tw-gradient-from:var(--color-white);--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-yellow-500{--tw-gradient-from:var(--color-yellow-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-\[5\%\]{--tw-gradient-from-position:5%}.via-\[\#9c40ff\]\/50{--tw-gradient-via:oklab(59.6466% .132005 -.226114/.5);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[var\(--color-to\)\]{--tw-gradient-via:var(--color-to);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-300\/60{--tw-gradient-via:#90c5ff99}@supports (color:color-mix(in lab,red,red)){.via-blue-300\/60{--tw-gradient-via:color-mix(in oklab,var(--color-blue-300)60%,transparent)}}.via-blue-300\/60{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-500{--tw-gradient-via:var(--color-blue-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gray-50{--tw-gradient-via:var(--color-gray-50);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gray-200{--tw-gradient-via:var(--color-gray-200);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-500{--tw-gradient-via:var(--color-indigo-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#f97316\]{--tw-gradient-to:#f97316;--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-\[\#ffaa40\]\/50{--tw-gradient-to:oklab(80.4057% .0576886 .141547/.5);--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\(--color-from\)\]{--tw-gradient-to:var(--color-from);--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-200\/50{--tw-gradient-to:#bedbff80}@supports (color:color-mix(in lab,red,red)){.to-blue-200\/50{--tw-gradient-to:color-mix(in oklab,var(--color-blue-200)50%,transparent)}}.to-blue-200\/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))}.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-emerald-50{--tw-gradient-to:var(--color-emerald-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))}.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-100{--tw-gradient-to:var(--color-gray-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-50{--tw-gradient-to:var(--color-indigo-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))}.to-muted\/80{--tw-gradient-to:var(--muted)}@supports (color:color-mix(in lab,red,red)){.to-muted\/80{--tw-gradient-to:color-mix(in oklab,var(--muted)80%,transparent)}}.to-muted\/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-orange-600{--tw-gradient-to:var(--color-orange-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-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-teal-600{--tw-gradient-to:var(--color-teal-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-transparent{--tw-gradient-to:transparent;--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-white{--tw-gradient-to:var(--color-white);--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-\[84\%\]{--tw-gradient-to-position:84%}.to-\[95\%\]{--tw-gradient-to-position:95%}.\[mask-image\:linear-gradient\(to_right\,transparent\,black_5rem\)\,linear-gradient\(to_left\,transparent\,black_5rem\)\,linear-gradient\(to_bottom\,transparent\,black_5rem\)\,linear-gradient\(to_top\,transparent\,black_5rem\)\]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 5rem),linear-gradient(270deg,#0000,#000 5rem),linear-gradient(#0000,#000 5rem),linear-gradient(0deg,#0000,#000 5rem);mask-image:linear-gradient(90deg,#0000,#000 5rem),linear-gradient(270deg,#0000,#000 5rem),linear-gradient(#0000,#000 5rem),linear-gradient(0deg,#0000,#000 5rem)}.\[mask-image\:linear-gradient\(transparent\,transparent\)\,linear-gradient\(\#000\,\#000\)\]{-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000)}.\[mask-image\:radial-gradient\(50px_at_left\,white\,transparent\)\]{-webkit-mask-image:radial-gradient(50px at 0,#fff,#0000);mask-image:radial-gradient(50px at 0,#fff,#0000)}.\[mask-image\:radial-gradient\(100px_at_left\,white\,transparent\)\]{-webkit-mask-image:radial-gradient(100px at 0,#fff,#0000);mask-image:radial-gradient(100px at 0,#fff,#0000)}.bg-\[length\:250\%_100\%\,auto\]{background-size:250% 100%,auto}.bg-\[length\:300\%_100\%\]{background-size:300% 100%}.bg-\[length\:var\(--bg-size\)_100\%\]{background-size:var(--bg-size)100%}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.\[background-repeat\:no-repeat\,padding-box\]{background-repeat:no-repeat,padding-box}.\[mask-composite\:intersect\]{-webkit-mask-composite:source-in;mask-composite:intersect}.\[mask-clip\:padding-box\,border-box\]{-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box}.fill-current{fill:currentColor}.fill-primary{fill:var(--primary)}.stroke-foreground\/40{stroke:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.stroke-foreground\/40{stroke:color-mix(in oklab,var(--foreground)40%,transparent)}}.stroke-neutral-500{stroke:var(--color-neutral-500)}.object-contain{object-fit:contain}.p-0{padding:calc(var(--spacing)*0)}.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-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-10{padding:calc(var(--spacing)*10)}.p-\[1px\]{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.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-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-20{padding-right:calc(var(--spacing)*20)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-geist-mono)}.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-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))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[22px\]{font-size:22px}.leading-none{--tw-leading:1;line-height:1}.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\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-black{color:var(--color-black)}.text-blue-300{color:var(--color-blue-300)}.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-card-foreground{color:var(--card-foreground)}.text-cyan-500{color:var(--color-cyan-500)}.text-destructive{color:var(--destructive)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-foreground,.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.text-gray-300{color:var(--color-gray-300)}.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-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-400{color:var(--color-green-400)}.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-500{color:var(--color-indigo-500)}.text-muted{color:var(--muted)}.text-muted-foreground,.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/70{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-400\/80{color:#a1a1a1cc}@supports (color:color-mix(in lab,red,red)){.text-neutral-400\/80{color:color-mix(in oklab,var(--color-neutral-400)80%,transparent)}}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-pink-500{color:var(--color-pink-500)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.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-red-900{color:var(--color-red-900)}.text-secondary{color:var(--secondary)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-accent-foreground{color:var(--sidebar-accent-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground)70%,transparent)}}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-teal-500{color:var(--color-teal-500)}.text-transparent{color:#0000}.text-violet-500{color:var(--color-violet-500)}.text-white{color:var(--color-white)}.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-zinc-600{color:var(--color-zinc-600)}.text-zinc-800{color:var(--color-zinc-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,)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.opacity-\[0\.08\]{opacity:.08}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)))}.shadow-\[0px_-1px_0px_0px_\#FFFFFF40\]{--tw-shadow:0px -1px 0px 0px var(--tw-shadow-color,#ffffff40)}.shadow-\[0px_-1px_0px_0px_\#FFFFFF40\],.shadow-\[inset_0_-8px_10px_\#8fdfff1f\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_-8px_10px_\#8fdfff1f\]{--tw-shadow:inset 0 -8px 10px var(--tw-shadow-color,#8fdfff1f)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-md{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)}.shadow-none{--tw-shadow:0 0 #0000}.shadow-none,.shadow-sm{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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.shadow-xl,.shadow-xs{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)}.ring-2{--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)}.ring-background{--tw-ring-color:var(--background)}.ring-blue-500{--tw-ring-color:var(--color-blue-500)}.ring-emerald-400\/40{--tw-ring-color:#00d29466}@supports (color:color-mix(in lab,red,red)){.ring-emerald-400\/40{--tw-ring-color:color-mix(in oklab,var(--color-emerald-400)40%,transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.blur-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,)}.blur-sm{--tw-blur:blur(var(--blur-sm))}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.grayscale-\[100\%\]{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale-\[100\%\]{--tw-grayscale:grayscale(100%)}.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-\[1px\]{--tw-backdrop-blur:blur(1px)}.backdrop-blur-\[1px\],.backdrop-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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-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,visibility,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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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-shadow{transition-property:box-shadow;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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-600{--tw-duration:.6s;transition-duration:.6s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-\[cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--base-color\:\#a1a1aa\]{--base-color:#a1a1aa}.\[--base-gradient-color\:\#000\]{--base-gradient-color:#000}.\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--base-gradient-color\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\]{--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[grid-area\:stack\]{grid-area:stack}.\[grid-template-areas\:\'stack\'\]{grid-template-areas:"stack"}.\[perspective\:500px\]{perspective:500px}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.fade-in{--tw-enter-opacity:0}.fade-out{--tw-exit-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}.running\!{animation-play-state:running!important}.zoom-in{--tw-enter-scale:0}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\:h-5:is(:where(.group):hover *){height:calc(var(--spacing)*5)}.group-hover\:w-5:is(:where(.group):hover *){width:calc(var(--spacing)*5)}.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\: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-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\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:border-blue-400\/50:is(:where(.group):hover *){border-color:#54a2ff80}@supports (color:color-mix(in lab,red,red)){.group-hover\:border-blue-400\/50:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-blue-400)50%,transparent)}}.group-hover\:bg-blue-300\/60:is(:where(.group):hover *){background-color:#90c5ff99}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-blue-300\/60:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-blue-300)60%,transparent)}}.group-hover\:bg-white:is(:where(.group):hover *){background-color:var(--color-white)}.group-hover\:stroke-foreground:is(:where(.group):hover *){stroke:var(--foreground)}.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}.group-hover\:text-foreground:is(:where(.group):hover *){color:var(--foreground)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-xl:is(:where(.group):hover *){--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)}.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *),.group-hover\/spotlight\:opacity-100:is(:where(.group\/spotlight):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--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)}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing)*1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:calc(var(--radius) - 2px)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){--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)}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:h-\[100\%\]:before{content:var(--tw-content);height:100%}.before\:w-\[100\%\]:before{content:var(--tw-content);width:100%}.before\:rounded-xl:before{content:var(--tw-content);border-radius:calc(var(--radius) + 4px)}.before\:bg-background\/50:before{content:var(--tw-content);background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.before\:bg-background\/50:before{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.before\:bg-blend-overlay:before{content:var(--tw-content);background-blend-mode:overlay}.before\:outline-1:before{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:1px}.before\:outline-border:before{content:var(--tw-content);outline-color:var(--border)}.before\:transition-opacity:before{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:duration-700:before{content:var(--tw-content);--tw-duration:.7s;transition-duration:.7s}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:top-\[-5\%\]:after{content:var(--tw-content);top:-5%}.after\:-right-1:after{content:var(--tw-content);right:calc(var(--spacing)*-1)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:h-\[110\%\]:after{content:var(--tw-content);height:110%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:w-\[20rem\]:after{content:var(--tw-content);width:20rem}.after\:bg-gradient-to-l:after{content:var(--tw-content);--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.after\:from-background:after{content:var(--tw-content);--tw-gradient-from:var(--background);--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))}.after\:to-transparent:after{content:var(--tw-content);--tw-gradient-to:transparent;--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))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:border-none:last-child{--tw-border-style:none;border-style:none}@media (hover:hover){.hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-10:hover{--tw-translate-y:calc(var(--spacing)*-10);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:translate-y-10:hover{--tw-translate-y:calc(var(--spacing)*10);translate:var(--tw-translate-x)var(--tw-translate-y)}.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\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:border-gray-200\/60:hover{border-color:#e5e7eb99}@supports (color:color-mix(in lab,red,red)){.hover\:border-gray-200\/60:hover{border-color:color-mix(in oklab,var(--color-gray-200)60%,transparent)}}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-background:hover{background-color:var(--background)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-100\/80:hover{background-color:#f3f4f6cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-100\/80:hover{background-color:color-mix(in oklab,var(--color-gray-100)80%,transparent)}}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-primary\/10:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100\/70:hover{background-color:#f1f5f9b3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-100\/70:hover{background-color:color-mix(in oklab,var(--color-slate-100)70%,transparent)}}.hover\:bg-slate-100\/90:hover{background-color:#f1f5f9e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-100\/90:hover{background-color:color-mix(in oklab,var(--color-slate-100)90%,transparent)}}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-200\/60:hover{background-color:#e2e8f099}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-200\/60:hover{background-color:color-mix(in oklab,var(--color-slate-200)60%,transparent)}}.hover\:bg-slate-200\/70:hover{background-color:#e2e8f0b3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-200\/70:hover{background-color:color-mix(in oklab,var(--color-slate-200)70%,transparent)}}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-white\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/70:hover{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.hover\:from-blue-50:hover{--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))}.hover\:via-blue-100:hover{--tw-gradient-via:var(--color-blue-100);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.hover\:to-blue-50:hover{--tw-gradient-to: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))}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-emerald-700:hover{color:var(--color-emerald-700)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-green-600:hover{color:var(--color-green-600)}.hover\:text-green-800:hover{color:var(--color-green-800)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)))}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover,.hover\:shadow-\[inset_0_-5px_10px_\#8fdfff3f\]:hover{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-\[inset_0_-5px_10px_\#8fdfff3f\]:hover{--tw-shadow:inset 0 -5px 10px var(--tw-shadow-color,#8fdfff3f)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{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)}.hover\:shadow-xl:hover{--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)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0%);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,)}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\:before\:opacity-0:hover:before{content:var(--tw-content);opacity:0}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:border-blue-400:focus{border-color:var(--color-blue-400)}.focus\:border-green-300:focus{border-color:var(--color-green-300)}.focus\:border-red-300:focus{border-color:var(--color-red-300)}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-1:focus,.focus\:ring-2:focus{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-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-blue-100:focus{--tw-ring-color:var(--color-blue-100)}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-red-100:focus{--tw-ring-color:var(--color-red-100)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.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-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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-visible\:ring-2:focus-visible{--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-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--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-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:bg-slate-200\/60:active{background-color:#e2e8f099}@supports (color:color-mix(in lab,red,red)){.active\:bg-slate-200\/60:active{background-color:color-mix(in oklab,var(--color-slate-200)60%,transparent)}}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-accent-foreground[data-active=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}@media (hover:hover){.data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover{background-color:var(--accent)}}.data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus{background-color:var(--accent)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-4[data-orientation=vertical]{height:calc(var(--spacing)*4)}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:bg-white[data-state=active]{background-color:var(--color-white)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--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)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:calc(1/2*-100%)}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:calc(48%*-1)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:rotate-90[data-state=open]{rotate:90deg}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:calc(1/2*-100%)}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:calc(48%*-1)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-scale:.95}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:var(--accent)}.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:var(--accent)}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@media (min-width:40rem){.sm\:-top-4{top:calc(var(--spacing)*-4)}.sm\:flex{display:flex}.sm\:w-full{width:100%}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:ml-16{margin-left:calc(var(--spacing)*16)}.md\:block{display:block}.md\:flex{display:flex}.md\:inline-block{display:inline-block}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--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)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dark\:border-amber-800:is(.dark *){border-color:var(--color-amber-800)}.dark\:border-border:is(.dark *){border-color:var(--border)}.dark\:border-gray-500\/30:is(.dark *){border-color:#6a72824d}@supports (color:color-mix(in lab,red,red)){.dark\:border-gray-500\/30:is(.dark *){border-color:color-mix(in oklab,var(--color-gray-500)30%,transparent)}}.dark\:border-gray-600:is(.dark *){border-color:var(--color-gray-600)}.dark\:border-gray-700:is(.dark *){border-color:var(--color-gray-700)}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:border-neutral-800:is(.dark *){border-color:var(--color-neutral-800)}.dark\:border-red-800:is(.dark *){border-color:var(--color-red-800)}.dark\:border-slate-600:is(.dark *){border-color:var(--color-slate-600)}.dark\:border-slate-700:is(.dark *){border-color:var(--color-slate-700)}.dark\:bg-amber-900\/10:is(.dark *){background-color:#7b33061a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-900)10%,transparent)}}.dark\:bg-blue-500\/20:is(.dark *){background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-500\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.dark\:bg-blue-900\/10:is(.dark *){background-color:#1c398e1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-900)10%,transparent)}}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-emerald-900\/20:is(.dark *){background-color:#004e3b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)20%,transparent)}}.dark\:bg-gray-400:is(.dark *){background-color:var(--color-gray-400)}.dark\:bg-gray-500\/20:is(.dark *){background-color:#6a728233}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-500\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-500)20%,transparent)}}.dark\:bg-gray-600\/50:is(.dark *){background-color:#4a556580}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-600\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-600)50%,transparent)}}.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-800\/50:is(.dark *){background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-800)50%,transparent)}}.dark\:bg-gray-900:is(.dark *){background-color:var(--color-gray-900)}.dark\:bg-gray-950:is(.dark *){background-color:var(--color-gray-950)}.dark\:bg-green-900\/20:is(.dark *){background-color:#0d542b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:bg-orange-900\/20:is(.dark *){background-color:#7e2a0c33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-orange-900)20%,transparent)}}.dark\:bg-red-900\/10:is(.dark *){background-color:#82181a1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-red-900)10%,transparent)}}.dark\:bg-red-900\/20:is(.dark *){background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:bg-slate-700:is(.dark *){background-color:var(--color-slate-700)}.dark\:bg-slate-800:is(.dark *){background-color:var(--color-slate-800)}.dark\:from-blue-500:is(.dark *){--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))}.dark\:from-blue-800\/30:is(.dark *){--tw-gradient-from:#193cb84d}@supports (color:color-mix(in lab,red,red)){.dark\:from-blue-800\/30:is(.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-blue-800)30%,transparent)}}.dark\:from-blue-800\/30:is(.dark *){--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-blue-900\/10:is(.dark *){--tw-gradient-from:#1c398e1a}@supports (color:color-mix(in lab,red,red)){.dark\:from-blue-900\/10:is(.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-blue-900)10%,transparent)}}.dark\:from-blue-900\/10:is(.dark *){--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-600:is(.dark *){--tw-gradient-from: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))}.dark\:from-gray-700:is(.dark *){--tw-gradient-from:var(--color-gray-700);--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-800:is(.dark *){--tw-gradient-from: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\:from-green-900\/10:is(.dark *){--tw-gradient-from:#0d542b1a}@supports (color:color-mix(in lab,red,red)){.dark\:from-green-900\/10:is(.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-green-900)10%,transparent)}}.dark\:from-green-900\/10:is(.dark *){--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\:via-blue-400:is(.dark *){--tw-gradient-via:var(--color-blue-400);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-blue-700\/40:is(.dark *){--tw-gradient-via:#1447e666}@supports (color:color-mix(in lab,red,red)){.dark\:via-blue-700\/40:is(.dark *){--tw-gradient-via:color-mix(in oklab,var(--color-blue-700)40%,transparent)}}.dark\:via-blue-700\/40:is(.dark *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-gray-600:is(.dark *){--tw-gradient-via:var(--color-gray-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-gray-700:is(.dark *){--tw-gradient-via:var(--color-gray-700);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:to-blue-500:is(.dark *){--tw-gradient-to: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))}.dark\:to-blue-800\/30:is(.dark *){--tw-gradient-to:#193cb84d}@supports (color:color-mix(in lab,red,red)){.dark\:to-blue-800\/30:is(.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-blue-800)30%,transparent)}}.dark\:to-blue-800\/30:is(.dark *){--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-emerald-900\/10:is(.dark *){--tw-gradient-to:#004e3b1a}@supports (color:color-mix(in lab,red,red)){.dark\:to-emerald-900\/10:is(.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-emerald-900)10%,transparent)}}.dark\:to-emerald-900\/10:is(.dark *){--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-600:is(.dark *){--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))}.dark\:to-gray-700:is(.dark *){--tw-gradient-to:var(--color-gray-700);--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:is(.dark *){--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\:to-indigo-900\/10:is(.dark *){--tw-gradient-to:#312c851a}@supports (color:color-mix(in lab,red,red)){.dark\:to-indigo-900\/10:is(.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-indigo-900)10%,transparent)}}.dark\:to-indigo-900\/10:is(.dark *){--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-amber-300:is(.dark *){color:var(--color-amber-300)}.dark\:text-amber-400:is(.dark *){color:var(--color-amber-400)}.dark\:text-blue-300:is(.dark *){color:var(--color-blue-300)}.dark\:text-blue-400:is(.dark *){color:var(--color-blue-400)}.dark\:text-gray-100:is(.dark *){color:var(--color-gray-100)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:is(.dark *){color:var(--color-gray-500)}.dark\:text-green-400:is(.dark *){color:var(--color-green-400)}.dark\:text-orange-400:is(.dark *){color:var(--color-orange-400)}.dark\:text-red-100:is(.dark *){color:var(--color-red-100)}.dark\:text-red-300:is(.dark *){color:var(--color-red-300)}.dark\:text-red-400:is(.dark *){color:var(--color-red-400)}.dark\:text-slate-100:is(.dark *){color:var(--color-slate-100)}.dark\:text-slate-300:is(.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:is(.dark *){color:var(--color-slate-400)}.dark\:text-white:is(.dark *){color:var(--color-white)}.dark\:\[--base-color\:\#71717a\]:is(.dark *){--base-color:#71717a}.dark\:\[--base-gradient-color\:\#ffffff\]:is(.dark *){--base-gradient-color:#fff}.dark\:\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--base-gradient-color\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\]:is(.dark *){--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}@media (hover:hover){.dark\:group-hover\:border-blue-500\/50:is(.dark *):is(:where(.group):hover *){border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.dark\:group-hover\:border-blue-500\/50:is(.dark *):is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}}.dark\:group-hover\:bg-blue-600\/60:is(.dark *):is(:where(.group):hover *){background-color:#155dfc99}@supports (color:color-mix(in lab,red,red)){.dark\:group-hover\:bg-blue-600\/60:is(.dark *):is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-blue-600)60%,transparent)}}.dark\:group-hover\:text-blue-400:is(.dark *):is(:where(.group):hover *){color:var(--color-blue-400)}.dark\:hover\:border-gray-500:is(.dark *):hover{border-color:var(--color-gray-500)}.dark\:hover\:border-gray-600:is(.dark *):hover{border-color:var(--color-gray-600)}.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-gray-800:is(.dark *):hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-gray-800\/50:is(.dark *):hover{background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-800\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-800)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\:hover\:bg-red-900\/20:is(.dark *):hover{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/20:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:hover\:from-blue-900\/20:is(.dark *):hover{--tw-gradient-from:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:from-blue-900\/20:is(.dark *):hover{--tw-gradient-from:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.dark\:hover\:from-blue-900\/20:is(.dark *):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\:via-blue-800\/30:is(.dark *):hover{--tw-gradient-via:#193cb84d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:via-blue-800\/30:is(.dark *):hover{--tw-gradient-via:color-mix(in oklab,var(--color-blue-800)30%,transparent)}}.dark\:hover\:via-blue-800\/30:is(.dark *):hover{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:hover\:to-blue-900\/20:is(.dark *):hover{--tw-gradient-to:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:to-blue-900\/20:is(.dark *):hover{--tw-gradient-to:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.dark\:hover\:to-blue-900\/20:is(.dark *):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-gray-100:is(.dark *):hover{color:var(--color-gray-100)}}.dark\:focus\:bg-gray-700:is(.dark *):focus{background-color:var(--color-gray-700)}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\[\&\>\*\]\:flex>*{display:flex}.\[\&\>\*\]\:items-center>*{align-items:center}.\[\&\>\*\]\:gap-2>*{gap:calc(var(--spacing)*2)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.7% .004 49.25);--card:oklch(100% 0 0);--card-foreground:oklch(14.7% .004 49.25);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.7% .004 49.25);--primary:oklch(21.6% .006 56.043);--primary-foreground:oklch(98.5% .001 106.423);--secondary:oklch(97% .001 106.424);--secondary-foreground:oklch(21.6% .006 56.043);--muted:oklch(97% .001 106.424);--muted-foreground:oklch(55.3% .013 58.071);--accent:oklch(97% .001 106.424);--accent-foreground:oklch(21.6% .006 56.043);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.3% .003 48.717);--input:oklch(92.3% .003 48.717);--ring:oklch(70.9% .01 56.259);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% .001 106.423);--sidebar-foreground:oklch(14.7% .004 49.25);--sidebar-primary:oklch(21.6% .006 56.043);--sidebar-primary-foreground:oklch(98.5% .001 106.423);--sidebar-accent:oklch(97% .001 106.424);--sidebar-accent-foreground:oklch(21.6% .006 56.043);--sidebar-border:oklch(92.3% .003 48.717);--sidebar-ring:oklch(70.9% .01 56.259)}.dark{--background:oklch(14.7% .004 49.25);--foreground:oklch(98.5% .001 106.423);--card:oklch(21.6% .006 56.043);--card-foreground:oklch(98.5% .001 106.423);--popover:oklch(21.6% .006 56.043);--popover-foreground:oklch(98.5% .001 106.423);--primary:oklch(92.3% .003 48.717);--primary-foreground:oklch(21.6% .006 56.043);--secondary:oklch(26.8% .007 34.298);--secondary-foreground:oklch(98.5% .001 106.423);--muted:oklch(26.8% .007 34.298);--muted-foreground:oklch(70.9% .01 56.259);--accent:oklch(26.8% .007 34.298);--accent-foreground:oklch(98.5% .001 106.423);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.3% .013 58.071);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(21.6% .006 56.043);--sidebar-foreground:oklch(98.5% .001 106.423);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% .001 106.423);--sidebar-accent:oklch(26.8% .007 34.298);--sidebar-accent-foreground:oklch(98.5% .001 106.423);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.3% .013 58.071)}:root{--gradient-primary:linear-gradient(135deg,hsl(var(--primary))0%,hsl(var(--primary)/.8)100%);--gradient-accent:linear-gradient(135deg,hsl(var(--accent))0%,hsl(var(--primary))100%);--gradient-muted:linear-gradient(135deg,hsl(var(--muted))0%,hsl(var(--muted)/.5)100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-backdrop:blur(12px);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem}.dark{--glass-bg:#0003;--glass-border:#ffffff0d}.text-hero{letter-spacing:-.025em;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1.1}.text-display{letter-spacing:-.02em;font-size:clamp(1.875rem,4vw,3rem);font-weight:600;line-height:1.2}.text-headline{letter-spacing:-.015em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.3}.text-body-lg{font-size:1.125rem}.text-body,.text-body-lg{font-weight:400;line-height:1.6}.text-body{font-size:1rem}.text-caption{font-size:.875rem;font-weight:500;line-height:1.5}.nav-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-bottom:1px solid var(--glass-border);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-glass.scrolled{background:hsl(var(--background)/.8);box-shadow:var(--shadow-md)}.hero-container{align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero-background{background:radial-gradient(circle at 20% 50%,hsl(var(--primary)/.1)0,transparent 50%),radial-gradient(circle at 80% 20%,hsl(var(--accent)/.1)0,transparent 50%),radial-gradient(circle at 40% 80%,hsl(var(--secondary)/.08)0,transparent 50%);pointer-events:none;position:absolute;inset:0}.hero-content{z-index:10;text-align:center;max-width:56rem;padding:var(--space-2xl)var(--space-lg);margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);margin-bottom:var(--space-xl);border-radius:9999px;font-size:.875rem;font-weight:500;transition:all .3s;display:inline-flex}.hero-badge:hover{background:hsl(var(--muted)/.5);transform:translateY(-1px)}.hero-title{margin-bottom:var(--space-lg)}.hero-title .gradient-text{background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero-description{color:hsl(var(--muted-foreground));margin-bottom:var(--space-2xl);max-width:42rem;margin-left:auto;margin-right:auto}.hero-actions{gap:var(--space-md);margin-bottom:var(--space-xl)}.hero-actions,.hero-features{flex-wrap:wrap;justify-content:center;display:flex}.hero-features{gap:var(--space-lg);color:hsl(var(--muted-foreground));font-size:.875rem}.hero-features .feature-item{align-items:center;gap:var(--space-xs);display:flex}.hero-features .feature-item .indicator{border-radius:50%;width:8px;height:8px}.hero-features .feature-item .indicator.success{background-color:#10b981}.hero-features .feature-item .indicator.info{background-color:#3b82f6}.hero-features .feature-item .indicator.accent{background-color:#8b5cf6}.btn-primary{background:var(--gradient-primary);color:hsl(var(--primary-foreground));padding:var(--space-md)var(--space-xl);border-radius:calc(var(--radius) - 2px);box-shadow:var(--shadow-md);border:none;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:var(--shadow-xl);filter:brightness(1.05);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:hsl(var(--foreground));border:1px solid hsl(var(--border));padding:var(--space-md)var(--space-xl);border-radius:calc(var(--radius) - 2px);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);background:0 0;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border-color:hsl(var(--accent));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.feature-grid{gap:var(--space-xl);margin-top:var(--space-4xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:var(--space-xl);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-primary);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:hsl(var(--primary)/.2);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card .feature-icon{margin-bottom:var(--space-md);font-size:2rem;display:block}.feature-card .feature-badge{top:var(--space-md);right:var(--space-md);padding:var(--space-xs)var(--space-sm);background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:4px;font-size:.75rem;position:absolute}.feature-card .feature-title{margin-bottom:var(--space-sm);color:hsl(var(--foreground));font-weight:600}.feature-card .feature-description{color:hsl(var(--muted-foreground));line-height:1.6}.section{padding:var(--space-5xl)0}.section-header{text-align:center;margin-bottom:var(--space-4xl)}.section-header .section-title{margin-bottom:var(--space-md)}.section-header .section-description{color:hsl(var(--muted-foreground));max-width:42rem;margin:0 auto}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.footer{border-top:1px solid hsl(var(--border));background:hsl(var(--muted)/.3);padding:var(--space-4xl)0 var(--space-xl)}@media (max-width:768px){.hero-content{padding:var(--space-xl)var(--space-md)}.hero-actions,.hero-features{flex-direction:column;align-items:center}.hero-features{gap:var(--space-sm)}.feature-grid{gap:var(--space-lg);grid-template-columns:1fr}.btn-primary,.btn-secondary{width:100%;max-width:280px}}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.gradient-primary,.gradient-text{background:var(--gradient-primary)}.gradient-text{color:#0000;-webkit-background-clip:text;background-clip:text}.shadow-soft{box-shadow:var(--shadow-lg)}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-in{animation:fadeIn .6s ease-out}@font-face{font-family:Google Sans;src:url(https://fonts.gstatic.com/s/googlesans/v58/4UaRrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iq2vgCIhM907w.woff2)format("woff2")}@font-face{font-family:GeneralTimes;src:url(https://www.firecrawl.dev/_next/static/media/2abeb75a5e332dc3-s.p.woff2)format("woff2")}@font-face{font-family:GeneralSans;src:url(https://www.firecrawl.dev/_next/static/media/e4af272ccee01ff0-s.p.woff2)format("woff2")}@font-face{font-family:Canela Web;src:url(https://www.harvard.edu/wp-content/themes/core/assets/fonts/theme/canela/Canela-Regular-Web.woff2)format("woff2")}@font-face{font-family:Manrope;src:url(https://generalagents.com/fonts/Manrope.ttf)format("truetype")}@font-face{font-family:GT America;src:url(https://www.harvard.edu/wp-content/themes/core/assets/fonts/theme/gt-america/GT-America-Standard-Regular.woff2)format("woff2")}@font-face{font-family:Curl;src:url(https://fonts.gstatic.com/s/instrumentserif/v4/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjjH7M.woff2)format("woff2")}@font-face{font-family:Stiff;src:url(https://fonts.gstatic.com/s/instrumentsans/v1/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1Q.woff2)format("woff2")}@font-face{font-family:Clutch;src:url(https://uploads-ssl.webflow.com/638f3177988a2191df92b80b/638f3c1372902ffac94273aa_GeneralSans-Bold.woff)format("woff2")}@font-face{font-family:Sleek;src:url(https://fonts.gstatic.com/s/instrumentserif/v4/jizBRFtNs2ka5fXjeivQ4LroWlx-6zUTjg.woff2)format("woff2")}@font-face{font-family:Interdisplay;src:url(https://cdn.prod.website-files.com/5e88a75bf99d7ccf3c6d4094/5f764984ae022e00bc5c505f_InterDisplay-Light.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(https://fonts.gstatic.com/s/newsreader/v20/cY9VfjOCX1hbuyalUrK49dLac06G1ZGsZBtoBAbNJYQ5ayZC.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alif;src:url(https://framerusercontent.com/assets/dJBVLAukBZFyFDiuebQZRSWPYE.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TimeRoman;src:url(https://fonts.gstatic.com/s/librebaskerville/v16/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxMaC82U.woff2)format("woff2")}@font-face{font-family:Patron;src:url(https://cdn.prod.website-files.com/6632a83042773c5a1a5f4443/66453b13ba1ba23520622d26_PatronWEB-Medium.398696c1.woff)format("woff")}@font-face{font-family:fritzle;src:url(https://www.producer.ai/_next/static/media/8e2cc52c886f916e-s.p.ttf)format("truetype")}.line-clamp-2{-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;max-width:99%;margin-top:-4px;display:-webkit-box;overflow:hidden}.font-mono *{font-size:12px;font-family:monospace!important}.mbx-10{margin-bottom:10px}.shimmer-container{align-items:center;gap:8px;display:inline-flex}.br-bit{border-radius:4px}.spawning-text{-webkit-text-fill-color:transparent;letter-spacing:.025em;background:linear-gradient(90deg,#9ca3af66,#3b82f699 25%,#93c5fdcc 50%,#3b82f699 75%,#9ca3af66) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;font-weight:500;animation:text-shimmer 3s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin-slow 20s linear infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}@keyframes gradient-shift{0%,to{background-position:0}50%{background-position:100%}}.animate-gradient{animation:gradient-shift 3s infinite}@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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@keyframes gradient{to{background-position:var(--bg-size,300%)0}}@keyframes skew-scroll{0%{transform:rotateX(20deg)rotate(-20deg)skew(20deg)}to{transform:rotateX(20deg)rotate(-20deg)skew(20deg)translateY(-100%)}}.auth-page{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;height:100vh;min-height:100vh;width:100%}.auth-page .left-auth{width:50%;height:100%;background-color:#fff;border-radius:15px}.auth-page .left-auth .left-auth-content{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#fff;margin-bottom:var(--space-6);font-family:Canela Web;font-weight:500}.auth-page .left-auth .left-auth-content span{margin-left:5px;font-size:41px}.auth-page .left-auth .left-auth-background{width:100%;height:100%}.right-auth{width:50%;height:100%;background-color:#fff;display:flex;padding:1rem}.right-auth .login-container{width:100%;font-family:Google Sans}.right-auth .login-container .auth-logo-container{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:30px}.right-auth .login-container .auth-logo-container span{font-size:19px;font-weight:600;margin-left:1px;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Bricolage Grotesque,sans-serif;font-style:normal;color:#000}.right-auth .login-container .auth-logo{width:25px;height:25px;object-fit:cover;border-radius:10px}.right-auth .login-container .login-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;max-width:440px;margin:0 auto;padding:2rem 1.5rem;position:relative}.right-auth .login-container .login-content{width:100%;display:flex;flex-direction:column;gap:1.5rem}.right-auth .login-container .login-content .login-title{font-size:1.75rem;font-weight:700;text-align:center;margin:2rem 0;color:#0f172a;letter-spacing:-.03em;font-family:Google Sans;line-height:1.2;position:relative}.right-auth .login-container .login-content .login-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:2px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);border-radius:1px}.right-auth .login-container .login-content .login-subtitle{font-size:.875rem;color:#6b7280;text-align:center;margin-bottom:2rem;line-height:1.5}.right-auth .login-container .login-content .login-form{width:100%;display:flex;flex-direction:column;gap:1rem}.right-auth .login-container .login-content .login-form .error-message{background-color:#fef2f2;color:#dc2626;font-size:.875rem;padding:.75rem;border-radius:.5rem;border:1px solid #fecaca;margin-bottom:1rem}.right-auth .login-container .login-content .login-form .form-group{position:relative}.right-auth .login-container .login-content .login-form .form-group:first-child{margin-top:.5rem}.right-auth .login-container .login-content .login-form .form-group .input-label{display:block;font-size:.875rem;font-weight:600;color:#334155;margin-bottom:.5rem;font-family:Google Sans;letter-spacing:-.01em;line-height:1.2;transition:all .2s cubic-bezier(.4,0,.2,1)}.right-auth .login-container .login-content .login-form .form-group .input-label:hover{color:#0f172a}.right-auth .login-container .login-content .login-form .form-group.name-fields{display:flex;gap:.75rem}.right-auth .login-container .login-content .login-form .form-group.name-fields .name-input{flex:1}.right-auth .login-container .login-content .login-form .form-group .input-wrapper{position:relative;display:flex;align-items:center}.right-auth .login-container .login-content .login-form .form-group .input-wrapper .password-toggle{position:absolute;right:1rem;z-index:3;color:#64748b;cursor:pointer;padding:.2rem;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.right-auth .login-container .login-content .login-form .form-group .input-wrapper .password-toggle:hover:not(:disabled){color:#334155;transform:translateY(-1px)}.right-auth .login-container .login-content .login-form .form-group .input-wrapper .password-toggle:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.05)}.right-auth .login-container .login-content .login-form .form-group .input-wrapper .password-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.right-auth .login-container .login-content .login-form .form-group .input-wrapper .password-toggle svg{transition:all .2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.right-auth .login-container .login-content .login-form .form-group .email-input{width:100%;padding:1.4rem 1.25rem;border:1px solid #d1d5db;border-radius:50px;font-size:.925rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff,#fefefe);position:relative;z-index:1;box-shadow:0 1px 2px rgba(0,0,0,.03);color:#0f172a;font-family:Google Sans;letter-spacing:-.01em}.right-auth .login-container .login-content .login-form .form-group .email-input.password-input{padding-right:3.25rem}.right-auth .login-container .login-content .login-form .form-group .email-input:hover:not(:focus):not(:disabled){border-color:#e2e8f0}.right-auth .login-container .login-content .login-form .form-group .email-input:focus{border-color:#334155}.right-auth .login-container .login-content .login-form .form-group .email-input:focus::placeholder{color:#cbd5e1}.right-auth .login-container .login-content .login-form .form-group .email-input::placeholder{color:#94a3b8;font-weight:400;transition:all .2s cubic-bezier(.4,0,.2,1)}.right-auth .login-container .login-content .login-form .form-group .email-input:disabled{opacity:.6;cursor:not-allowed;background:#f8fafc;transform:none}.right-auth .login-container .login-content .login-form .form-group .email-input:not(:placeholder-shown){border-color:#e2e8f0}.right-auth .login-container .login-content .login-form .continue-button{width:100%;padding:1.4rem 1.25rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:1px solid #334155;border-radius:50px;font-size:.925rem;font-weight:400;cursor:pointer;margin-top:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:.02em;font-family:Google Sans;overflow:hidden}.right-auth .login-container .login-content .login-form .continue-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.right-auth .login-container .login-content .login-form .continue-button:hover:not(:disabled){background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.right-auth .login-container .login-content .login-form .continue-button:hover:not(:disabled):before{left:100%}.right-auth .login-container .login-content .login-form .continue-button:active:not(:disabled){background:linear-gradient(135deg,#0f172a,#1e293b)}.right-auth .login-container .login-content .login-form .continue-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#64748b,#94a3b8);border-color:#94a3b8}.right-auth .login-container .login-content .divider{text-align:center;margin:2rem 0;position:relative;display:flex;align-items:center;justify-content:center;width:100%}.right-auth .login-container .login-content .divider:before{content:"";position:absolute;top:50%;left:0;height:2px;width:42%;background:linear-gradient(90deg,transparent,#e2e8f0 30%,#cbd5e1 70%,transparent);border-radius:1px}.right-auth .login-container .login-content .divider:after{content:"";position:absolute;top:50%;right:0;height:2px;width:42%;background:linear-gradient(270deg,transparent,#e2e8f0 30%,#cbd5e1 70%,transparent);border-radius:1px}.right-auth .login-container .login-content .divider span{color:#64748b;font-size:.8rem;font-weight:500;text-transform:uppercase;font-family:Google Sans;position:relative}.right-auth .login-container .login-content .oauth-section{margin-bottom:1.5rem;width:100%}.right-auth .login-container .login-content .oauth-section .google-button{width:100%;padding:1.4rem 1.25rem;border:1px solid #e2e8f0;border-radius:50px;background:linear-gradient(135deg,#ffffff,#fefefe);color:#334155;font-size:.925rem;font-weight:400;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;font-family:Google Sans;overflow:hidden}.right-auth .login-container .login-content .oauth-section .google-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(66,133,244,.08),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.right-auth .login-container .login-content .oauth-section .google-button:hover:not(:disabled){border-color:#cbd5e1}.right-auth .login-container .login-content .oauth-section .google-button:hover:not(:disabled):before{left:100%}.right-auth .login-container .login-content .oauth-section .google-button:active:not(:disabled){background:linear-gradient(135deg,#ffffff,#fefefe);box-shadow:0 2px 8px rgba(0,0,0,.06),inset 0 1px 2px rgba(255,255,255,.9)}.right-auth .login-container .login-content .oauth-section .google-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 1px 3px rgba(0,0,0,.05)}.right-auth .login-container .login-content .login-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.right-auth .login-container .login-content .login-footer .signup-link{text-align:center;font-size:.9rem;color:#64748b;margin-bottom:1.25rem;font-family:Google Sans;font-weight:500;letter-spacing:-.01em}.right-auth .login-container .login-content .login-footer .signup-link .link{color:#0f172a;text-decoration:none;font-weight:600;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.right-auth .login-container .login-content .login-footer .signup-link .link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0f172a,#334155);border-radius:1px;transition:width .3s cubic-bezier(.4,0,.2,1)}.right-auth .login-container .login-content .login-footer .signup-link .link:hover{color:#334155}.right-auth .login-container .login-content .login-footer .signup-link .link:hover:after{width:100%}.right-auth .login-container .login-content .login-footer .terms-text{text-align:center;font-size:.8rem;color:#94a3b8;line-height:1.5;font-family:Google Sans;font-weight:400;letter-spacing:-.005em}.right-auth .login-container .login-content .login-footer .terms-text .link{color:#64748b;text-decoration:none;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.right-auth .login-container .login-content .login-footer .terms-text .link:hover{color:#334155;text-decoration:underline;text-decoration-color:#cbd5e1;text-underline-offset:3px}@media(max-width:768px){.auth-page{flex-direction:column}.auth-page .left-auth{width:100%;height:40vh;min-height:300px}.auth-page .right-auth{width:100%;height:60vh;padding:1rem}.auth-page .right-auth .login-container{max-width:100%}}.font-bricolage{font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}.logo-text{font-size:15px;font-weight:650;letter-spacing:-.025em;margin-left:0;color:#0a0a0a;transition:opacity .2s ease;line-height:1}.logo-text:hover{opacity:.8}[data-sidebar=sidebar]{border:none!important;box-shadow:none!important}.logo-p{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:4px}.logo-p img{width:30px!important;height:30px!important}.logo-p span{font-size:20px!important;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Bricolage Grotesque,sans-serif;font-style:normal;font-weight:600}.open-logo{padding:0!important}.collapsed-logo{display:flex;align-items:center;justify-content:center}.collapsed-logo span{display:none}.border-r-0{border-right:none!important}[data-sidebar=header]{padding:16px 12px 12px!important;gap:8px!important}[data-sidebar=content]{padding:0!important;gap:0!important;overflow:visible!important}[data-sidebar=footer]{padding:8px 12px 16px!important;gap:0!important}[data-sidebar=menu]{gap:1px!important}[data-sidebar=group]{padding:0 12px!important;margin-bottom:24px}[data-sidebar=group]:last-child{margin-bottom:0}[data-sidebar=group]:first-child{margin-top:4px}[data-sidebar=group-label]{height:auto!important;padding:0 0 6px!important;margin:0!important;font-size:11px!important;font-weight:500!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.03em!important;opacity:1!important}[data-sidebar=menu-button]{height:32px!important;padding:0 10px!important;margin:0!important;background:rgba(0,0,0,0)!important;border:none!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;color:#374151!important;gap:10px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:none!important;position:relative!important}[data-sidebar=menu-button] svg{width:18px!important;height:18px!important;stroke-width:1.5!important;color:#6b7280!important;transition:color .2s ease!important;flex-shrink:0!important}[data-sidebar=menu-button]:hover{background:rgba(0,0,0,.04)!important;color:#1f2937!important;transform:translateY(-.5px)!important}[data-sidebar=menu-button]:hover svg{color:#374151!important}[data-sidebar=menu-button][data-active=true]{background:rgba(0,0,0,.08)!important;color:#0a0a0a!important;font-weight:600!important}[data-sidebar=menu-button][data-active=true] svg{color:#0a0a0a!important}[data-sidebar=menu-button][data-active=true]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#0a0a0a;border-radius:0 2px 2px 0}[data-sidebar=menu-button]:focus-visible{outline:none!important;box-shadow:none!important}.logo-text-container [data-sidebar=menu-button]{height:32px!important;padding:0!important;background:rgba(0,0,0,0)!important}.logo-text-container [data-sidebar=menu-button]:hover{background:rgba(0,0,0,0)!important}.logo-text-container [data-sidebar=menu-button] img{width:20px!important;height:20px!important}.recent-projects{position:relative;max-height:calc(100vh - 520px);min-height:200px;overflow:hidden}.recent-projects [data-sidebar=menu]{max-height:calc(100vh - 520px);overflow-y:auto;overflow-x:hidden;gap:2px!important;padding-bottom:24px;scrollbar-gutter:stable}.recent-projects [data-sidebar=menu]::-webkit-scrollbar{width:6px}.recent-projects [data-sidebar=menu]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.recent-projects [data-sidebar=menu]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.recent-projects [data-sidebar=menu]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}.recent-projects [data-sidebar=menu]{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) rgba(0,0,0,0)}.recent-projects [data-sidebar=group-label]{margin-bottom:10px!important}.recent-projects [data-sidebar=menu-button]{height:30px!important;font-size:13px!important;color:#4b635d!important;font-weight:480!important;padding:0 8px!important;border-radius:6px!important}.recent-projects [data-sidebar=menu-button]:hover{color:#1f2937!important;background:rgba(0,0,0,.035)!important;transform:translateY(-.5px)!important}[data-sidebar=menu-action]{opacity:0!important;transition:opacity .2s ease!important;background:rgba(0,0,0,0)!important;width:20px!important;height:20px!important;border-radius:4px!important}[data-sidebar=menu-action] svg{width:14px!important;height:14px!important;color:#9ca3af!important}[data-sidebar=menu-action]:hover{background:rgba(0,0,0,.06)!important}[data-sidebar=menu-action]:hover svg{color:#6b7280!important}[data-sidebar=menu-item]:hover [data-sidebar=menu-action]{opacity:1!important}.nav-secondary{margin-top:auto!important}.nav-secondary [data-sidebar=menu-button]{color:#6b7280!important;font-size:13px!important;font-weight:480!important;height:30px!important}.nav-secondary [data-sidebar=menu-button] svg{color:#9caf9f!important}.nav-secondary [data-sidebar=menu-button]:hover{color:#374151!important;background:rgba(0,0,0,.035)!important;transform:translateY(-.5px)!important}.nav-secondary [data-sidebar=menu-button]:hover svg{color:#6b7280!important}[data-sidebar=menu-badge]{background:#f3f4f6!important;color:#6b7280!important;font-size:10px!important;font-weight:600!important;height:16px!important;min-width:16px!important;border-radius:8px!important;padding:0 4px!important;top:6px!important;right:8px!important}[data-sidebar=menu-button][data-active=true]+[data-sidebar=menu-badge]{background:rgba(0,0,0,.1)!important;color:#374151!important}.user-section [data-sidebar=menu-button]{height:44px!important;padding:8px 10px!important;background:rgba(0,0,0,0)!important;border-radius:10px!important;border:1px solid rgba(0,0,0,0)!important}.user-section [data-sidebar=menu-button]:hover{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.08)!important;transform:translateY(-.5px)!important}.user-section [data-sidebar=menu-button] .avatar{width:32px!important;height:32px!important;border:2px solid rgba(0,0,0,.06)!important}.user-section [data-sidebar=menu-button] .user-info .user-name{font-size:13px!important;font-weight:520!important;color:#1f2937!important;line-height:1.2!important}.user-section [data-sidebar=menu-button] .user-info .user-email{font-size:11px!important;color:#6b7280!important;line-height:1.2!important}.user-section [data-sidebar=menu-button] .chevron{width:14px!important;height:14px!important;color:#9ca3af!important;transition:transform .2s ease!important}.user-section [data-sidebar=menu-button][data-state=open] .chevron{transform:rotate(180deg)!important}.dropdown-menu{border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.05)!important;background:#fff!important;padding:4px!important}.dropdown-menu .dropdown-item{border-radius:4px!important;padding:6px 8px!important;font-size:12px!important;color:#374151!important;display:flex!important;align-items:center!important;gap:8px!important}.dropdown-menu .dropdown-item:hover{background:rgba(0,0,0,.04)!important;color:#1f2937!important}.dropdown-menu .dropdown-item svg{width:14px!important;height:14px!important;color:#6b7280!important;margin:0!important}@media(max-width:768px){[data-sidebar=header]{padding:12px 12px 6px!important}[data-sidebar=footer]{padding:6px 12px 12px!important}[data-sidebar=group]{padding:0 12px!important;margin-bottom:16px}.recent-projects{min-height:150px!important}.recent-projects,.recent-projects [data-sidebar=menu]{max-height:calc(100vh - 600px)!important}.bottom-section{gap:8px}.bottom-section .quick-actions{gap:6px}.bottom-section .quick-actions .quick-action-item{padding:6px 10px;min-height:32px}.bottom-section .quick-actions .quick-action-item span{font-size:12px}}*{transition-property:background-color,color,opacity,transform!important;transition-duration:.15s!important;transition-timing-function:ease!important}[data-sidebar=menu-button] *{backface-visibility:hidden;transform:translateZ(0)}[data-sidebar]{outline:none!important;box-shadow:none!important;border:none!important}[data-sidebar] *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.sidebar-library-button{border:1px solid rgba(28,30,33,.15)!important;border-radius:8px!important;background:linear-gradient(135deg,#ffffff,#fafbfc)!important;font-size:13px!important;font-weight:500!important;font-family:Google Sans;letter-spacing:-.01em!important;line-height:1.3!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important}.sidebar-library-button:hover{border-color:rgba(28,30,33,.25)!important;background:rgba(0,0,0,0)!important;box-shadow:0 2px 4px rgba(0,0,0,.06),inset 0 0 0 1px rgba(255,255,255,.1)!important;transform:translateY(-.5px)!important}.sidebar-library-button:active{transform:translateY(0)!important}.sidebar-library-button:focus-visible{outline-offset:2px!important}[data-sidebar] *{box-sizing:border-box}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=sidebar],[data-collapsible=icon][data-state=collapsed] [data-sidebar=sidebar]{background:#fafafa!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=header],[data-collapsible=icon][data-state=collapsed] [data-sidebar=header]{padding:12px 8px!important;align-items:center!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=content],[data-collapsible=icon][data-state=collapsed] [data-sidebar=content]{padding:0 8px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=footer],[data-collapsible=icon][data-state=collapsed] [data-sidebar=footer]{padding:8px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-button],[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-button]{width:40px!important;height:40px!important;padding:0!important;justify-content:center!important;border-radius:10px!important;position:relative!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-button] span:not(.sr-only),[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-button] span:not(.sr-only){display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-button] svg,[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-button] svg{width:20px!important;height:20px!important;color:#6b7280!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-button]:hover,[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-button]:hover{background:rgba(0,0,0,.06)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-button]:hover svg,[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-button]:hover svg{color:#27272a!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-button][data-active=true],[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-button][data-active=true]{background:#f4f4f5!important;border:1px solid #e4e4e7!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-button][data-active=true]:before,[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-button][data-active=true]:before{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-button][data-active=true] svg,[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-button][data-active=true] svg{color:#09090b!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .logo-text-container [data-sidebar=menu-button],[data-collapsible=icon][data-state=collapsed] .logo-text-container [data-sidebar=menu-button]{width:36px!important;height:36px!important;border-radius:8px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .logo-text-container [data-sidebar=menu-button] img,[data-collapsible=icon][data-state=collapsed] .logo-text-container [data-sidebar=menu-button] img{width:24px!important;height:24px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .logo-text-container [data-sidebar=menu-button] .logo-text,[data-collapsible=icon][data-state=collapsed] .logo-text-container [data-sidebar=menu-button] .logo-text{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects,[data-collapsible=icon][data-state=collapsed] .recent-projects{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects:after,[data-collapsible=icon][data-state=collapsed] .recent-projects:after{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-section [data-sidebar=menu-button],[data-collapsible=icon][data-state=collapsed] .user-section [data-sidebar=menu-button]{width:36px!important;height:36px!important;padding:0!important;justify-content:center!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-section [data-sidebar=menu-button] .user-info,[data-collapsible=icon][data-state=collapsed] .user-section [data-sidebar=menu-button] .user-info{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-section [data-sidebar=menu-button] .chevron,[data-collapsible=icon][data-state=collapsed] .user-section [data-sidebar=menu-button] .chevron{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-section [data-sidebar=menu-button] .avatar,[data-collapsible=icon][data-state=collapsed] .user-section [data-sidebar=menu-button] .avatar{width:24px!important;height:24px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-badge],[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-badge]{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-action],[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-action]{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=group],[data-collapsible=icon][data-state=collapsed] [data-sidebar=group]{margin-bottom:16px!important;padding:0 8px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) [data-sidebar=menu-button]:hover:after,[data-collapsible=icon][data-state=collapsed] [data-sidebar=menu-button]:hover:after{content:attr(title);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#09090b;color:#fff;padding:6px 8px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:50;pointer-events:none;opacity:0;animation:tooltip-in .15s ease-out forwards}@keyframes tooltip-in{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.libraries-switcher{margin-bottom:6px!important}.libraries-switcher [data-sidebar=menu-button]{border:1px solid hsl(var(--border))!important;border-radius:8px!important;background:rgba(0,0,0,0)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.libraries-switcher [data-sidebar=menu-button][data-state=open]{border-color:hsl(var(--ring))!important;background:rgba(0,0,0,.04)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important}.libraries-switcher [data-side=right]{animation-duration:.15s!important;animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.libraries-switcher [data-side=right][data-state=open]{animation-name:slideInFromLeft!important}.libraries-switcher [data-side=right][data-state=closed]{animation-name:slideOutToLeft!important}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-8px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-8px) scale(.95)}}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .libraries-section [data-sidebar=group],[data-collapsible=icon][data-state=collapsed] .libraries-section [data-sidebar=group]{margin-bottom:12px!important;border-bottom:none!important;padding-bottom:0!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .libraries-section [data-radix-collapsible-content],[data-collapsible=icon][data-state=collapsed] .libraries-section [data-radix-collapsible-content]{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .libraries-section [data-sidebar=menu-button][data-size=lg],[data-collapsible=icon][data-state=collapsed] .libraries-section [data-sidebar=menu-button][data-size=lg]{width:40px!important;height:40px!important;padding:0!important;justify-content:center!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .libraries-section [data-sidebar=menu-button][data-size=lg] .flex.flex-col,[data-collapsible=icon][data-state=collapsed] .libraries-section [data-sidebar=menu-button][data-size=lg] .flex.flex-col{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .libraries-section [data-sidebar=menu-button][data-size=lg] svg:last-child,[data-collapsible=icon][data-state=collapsed] .libraries-section [data-sidebar=menu-button][data-size=lg] svg:last-child{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section [data-sidebar=group],[data-collapsible=icon][data-state=collapsed] .recent-projects-section [data-sidebar=group]{margin-bottom:12px!important;border-bottom:none!important;padding-bottom:0!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section .flex.items-center.justify-between,.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section .load-more-container,.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section .results-summary,.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section .search-container,[data-collapsible=icon][data-state=collapsed] .recent-projects-section .flex.items-center.justify-between,[data-collapsible=icon][data-state=collapsed] .recent-projects-section .load-more-container,[data-collapsible=icon][data-state=collapsed] .recent-projects-section .results-summary,[data-collapsible=icon][data-state=collapsed] .recent-projects-section .search-container{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section .project-item:nth-child(n+4),[data-collapsible=icon][data-state=collapsed] .recent-projects-section .project-item:nth-child(n+4){display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section .project-link,[data-collapsible=icon][data-state=collapsed] .recent-projects-section .project-link{padding:6px 8px!important;margin:0 4px 2px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section .project-link .project-content,[data-collapsible=icon][data-state=collapsed] .recent-projects-section .project-link .project-content{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section .project-link .project-avatar,[data-collapsible=icon][data-state=collapsed] .recent-projects-section .project-link .project-avatar{margin:0!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section .project-link .project-avatar div,[data-collapsible=icon][data-state=collapsed] .recent-projects-section .project-link .project-avatar div{width:24px!important;height:24px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .recent-projects-section .project-actions,[data-collapsible=icon][data-state=collapsed] .recent-projects-section .project-actions{display:none!important}.user-profile-trigger{border-radius:10px!important;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border:1px solid #3b82f6!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;padding:12px!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important}.user-profile-trigger:hover,.user-profile-trigger[data-state=open]{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border-color:#2563eb!important;transform:translateY(-1px)!important;box-shadow:0 0 0 3px rgba(37,99,235,.15),0 4px 12px rgba(0,0,0,.08)!important}.credit-avatar-wrapper,.user-avatar-container{position:relative!important}.credit-avatar-wrapper{display:inline-flex!important;align-items:center!important;justify-content:center!important}.credit-ring{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;z-index:1!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.credit-ring-bg{transition:all .3s ease!important}.credit-ring-progress{transition:all .5s cubic-bezier(.4,0,.2,1)!important}.credit-avatar{position:relative!important;z-index:2!important}.credit-avatar-wrapper:hover .credit-ring-progress{stroke:#2563eb!important;filter:drop-shadow(0 0 6px rgba(37,99,235,.8))!important}.credit-avatar-wrapper:hover .credit-ring-bg{opacity:.5!important}.credit-avatar-wrapper:hover .credit-ring{transform:translate(-50%,-50%) scale(1.08)!important}.status-indicator{bottom:-1px!important;width:8px!important;height:8px!important;background:#10b981!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(16,185,129,.2)!important}.notification-dot,.status-indicator{position:absolute!important;right:-1px!important}.notification-dot{top:-1px!important;width:6px!important;height:6px!important;background:#ef4444!important;border:1px solid #fff!important;border-radius:50%!important}.user-info .user-name{font-weight:600!important;color:#1e293b!important}.user-info .user-email{color:#64748b!important}.user-dropdown{border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 20px 40px rgba(0,0,0,.1)!important}.user-dropdown .user-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-radius:12px 12px 0 0!important}.user-dropdown .quick-actions{background:#fafbfc!important}.user-dropdown .quick-actions button{transition:all .2s ease!important}.user-dropdown .quick-actions button:hover{background:#fff!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}.user-dropdown .menu-item{margin:2px 8px!important;border-radius:6px!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;gap:8px!important}.user-dropdown .menu-item:hover{background:#f8fafc!important;transform:translateX(2px)!important}.user-dropdown .menu-item.text-red-600:hover{background:#fef2f2!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-profile-section,[data-collapsible=icon][data-state=collapsed] .user-profile-section{border-top:none!important;padding-top:8px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-profile-section .user-profile-trigger,[data-collapsible=icon][data-state=collapsed] .user-profile-section .user-profile-trigger{width:40px!important;height:40px!important;padding:0!important;justify-content:center!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-profile-section .user-profile-trigger .flex-1,[data-collapsible=icon][data-state=collapsed] .user-profile-section .user-profile-trigger .flex-1{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-profile-section .user-profile-trigger .relative:last-child,[data-collapsible=icon][data-state=collapsed] .user-profile-section .user-profile-trigger .relative:last-child{display:none!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-profile-section .user-profile-trigger .relative:first-child,[data-collapsible=icon][data-state=collapsed] .user-profile-section .user-profile-trigger .relative:first-child{margin:0!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-profile-section .user-profile-trigger .avatar,[data-collapsible=icon][data-state=collapsed] .user-profile-section .user-profile-trigger .avatar{width:28px!important;height:28px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-profile-section .user-profile-trigger .credit-avatar-wrapper .credit-ring,[data-collapsible=icon][data-state=collapsed] .user-profile-section .user-profile-trigger .credit-avatar-wrapper .credit-ring{width:36px!important;height:36px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-profile-section .user-profile-trigger .credit-avatar-wrapper .credit-avatar,[data-collapsible=icon][data-state=collapsed] .user-profile-section .user-profile-trigger .credit-avatar-wrapper .credit-avatar{width:28px!important;height:28px!important}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .user-profile-section .user-profile-trigger .absolute,[data-collapsible=icon][data-state=collapsed] .user-profile-section .user-profile-trigger .absolute{display:none!important}.bottom-section{display:flex;flex-direction:column;gap:10px;padding:0}.bottom-section.collapsed{align-items:center}.bottom-section .quick-actions{display:flex;flex-direction:column;gap:7px;padding:2px 0}.bottom-section .quick-actions .quick-action-item{display:flex;align-items:center;padding:4px 10px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(231,224,223,.08);backdrop-filter:blur(8px);border:1px solid rgba(227,227,227,.3);position:relative;overflow:hidden;text-decoration:none;min-height:30px}.bottom-section .quick-actions .quick-action-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(219,62,42,.15),transparent 100%);opacity:0;transition:opacity .3s ease}.bottom-section .quick-actions .quick-action-item:after{content:"";position:absolute;inset:0;background:linear-gradient(165deg,rgba(255,255,255,.2),rgba(255,255,255,.1));opacity:0;transition:opacity .3s ease}.bottom-section .quick-actions .quick-action-item svg{margin-right:10px;color:#333;transition:inherit;position:relative;z-index:1;flex-shrink:0;min-width:16px}.bottom-section .quick-actions .quick-action-item span{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12.5px;color:#333;font-weight:450;transition:inherit;position:relative;z-index:1;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-section .quick-actions .quick-action-item:hover{transform:translateY(-1px);background:rgba(219,62,42,.15);border-color:rgba(219,62,42,.2);box-shadow:0 4px 12px rgba(219,62,42,.08),inset 0 1px 1px rgba(255,255,255,.8)}.bottom-section .quick-actions .quick-action-item:hover:after,.bottom-section .quick-actions .quick-action-item:hover:before{opacity:1}.bottom-section .quick-actions .quick-action-item:hover span,.bottom-section .quick-actions .quick-action-item:hover svg{color:#db3e2a}.bottom-section .quick-actions .quick-action-item:active{transform:translateY(0);background:rgba(219,62,42,.2);transition-duration:.1s}.bottom-section .user-details{margin-top:4px;padding:8px 4px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px}.bottom-section .user-details:hover{transform:translateY(-1px)}.bottom-section .user-details:active{transform:translateY(0);transition-duration:.1s}.bottom-section .user-details .left{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.bottom-section .user-details .left .avatar-with-ring{position:relative;width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.bottom-section .user-details .left .avatar-with-ring .credit-ring{position:absolute;inset:0;width:40px;height:40px;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-section .user-details .left .avatar-with-ring .credit-ring .ring-background{color:rgba(203,213,225,.3);transition:all .3s ease}.bottom-section .user-details .left .avatar-with-ring .credit-ring .ring-progress{color:#3b82f6;transition:all .5s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 4px rgba(59,130,246,.5))}.bottom-section .user-details .left .avatar-with-ring .uimg{position:relative;width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 2px 6px rgba(59,130,246,.2);z-index:1;transition:all .3s ease}.bottom-section .user-details .left .avatar-with-ring .uimg.edge-plan{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 0 12px rgba(245,158,11,.4)}.bottom-section .user-details .left .avatar-with-ring .uimg img{width:100%;height:100%;object-fit:cover}.bottom-section .user-details .left .avatar-with-ring .uimg .initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.bottom-section .user-details .left .avatar-with-ring .credits-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) scale(.95);background:rgba(0,0,0,.92);color:#fff;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.2)}.bottom-section .user-details .left .avatar-with-ring .credits-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.92)}.bottom-section .user-details .left .avatar-with-ring:hover .credits-tooltip{opacity:1;transform:translateX(-50%) scale(1)}.bottom-section .user-details .left .avatar-with-ring:hover .credit-ring{transform:scale(1.05)}.bottom-section .user-details .left .avatar-with-ring:hover .credit-ring .ring-background{color:rgba(203,213,225,.5)}.bottom-section .user-details .left .avatar-with-ring:hover .credit-ring .ring-progress{color:#2563eb;filter:drop-shadow(0 0 8px rgba(37,99,235,.7))}.bottom-section .user-details .left .avatar-with-ring:hover .uimg{transform:scale(1.05)}.bottom-section .user-details .left .avatar-with-ring:has(.uimg.edge-plan) .credit-ring .ring-progress{color:#f59e0b;filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}.bottom-section .user-details .left .avatar-with-ring:has(.uimg.edge-plan):hover .credit-ring .ring-progress{color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.6))}.bottom-section .user-details .left .user-names{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;justify-content:center}.bottom-section .user-details .left .user-names .name{font-size:14px;font-weight:590;color:#0f172a;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;letter-spacing:-.01em}.bottom-section .user-details .left .user-names .email{font-size:12px;font-weight:450;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;letter-spacing:-.005em}.bottom-section .user-details .right{display:flex;align-items:center;color:#94a3b8;transition:all .2s ease}.bottom-section .user-details .right svg{flex-shrink:0;width:16px;height:16px}.bottom-section .user-details .user-popup{position:absolute;bottom:calc(100% + 10px);left:0;right:0;background:rgba(0,0,0,0);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(228,228,231,.4);box-shadow:0 20px 60px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.8);padding:8px;opacity:0;pointer-events:none;transform:translateY(8px) scale(.96);transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:1000}.bottom-section .user-details .user-popup.show{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}.bottom-section .user-details .user-popup .credits-details{padding:10px;background:linear-gradient(135deg,rgba(248,250,252,.48),rgba(241,245,249,.11));backdrop-filter:blur(10px);border-radius:9px;border:1px solid rgba(226,232,240,.3);margin-bottom:8px}.bottom-section .user-details .user-popup .credits-details .credits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bottom-section .user-details .user-popup .credits-details .credits-header span{font-size:11px;color:#64748b;font-weight:500}.bottom-section .user-details .user-popup .credits-details .credits-header .credits-value{font-size:12px;color:#1e293b;font-weight:600}.bottom-section .user-details .user-popup .credits-details .credits-header .credits-value .infinity{display:flex;align-items:center;gap:4px;color:#f59e0b}.bottom-section .user-details .user-popup .credits-details .credits-header .credits-value .infinity span{color:#f59e0b}.bottom-section .user-details .user-popup .credits-details .credits-progress{width:100%;height:6px;background:rgba(226,232,240,.5);border-radius:3px;overflow:hidden;position:relative}.bottom-section .user-details .user-popup .credits-details .credits-progress .progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.bottom-section .user-details .user-popup .popup-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:7px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#1e293b;position:relative;overflow:hidden}.bottom-section .user-details .user-popup .popup-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(139,92,246,.06));opacity:0;transition:opacity .2s ease}.bottom-section .user-details .user-popup .popup-item .hugeicons-icon,.bottom-section .user-details .user-popup .popup-item svg{flex-shrink:0;color:#64748b;transition:all .2s ease;position:relative;z-index:1}.bottom-section .user-details .user-popup .popup-item span{font-size:13.5px;font-weight:500;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.01em;position:relative;z-index:1;transition:all .2s ease}.bottom-section .user-details .user-popup .popup-item:hover{background:rgba(252,250,248,.8);transform:none!important}.bottom-section .user-details .user-popup .popup-item:hover:before{opacity:1}.bottom-section .user-details .user-popup .popup-item:hover .hugeicons-icon,.bottom-section .user-details .user-popup .popup-item:hover svg{color:#3b82f6}.bottom-section .user-details .user-popup .popup-item:hover span{color:#0f172a}.bottom-section .user-details .user-popup .popup-item.logout,.bottom-section .user-details .user-popup .popup-item.logout .hugeicons-icon,.bottom-section .user-details .user-popup .popup-item.logout svg{color:#dc2626}.bottom-section .user-details .user-popup .popup-item.logout:before{background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(239,68,68,.06))}.bottom-section .user-details .user-popup .popup-item.logout:hover{background:rgba(254,242,242,.9);border-color:rgba(254,226,226,.5)}.bottom-section .user-details .user-popup .popup-item.logout:hover .hugeicons-icon,.bottom-section .user-details .user-popup .popup-item.logout:hover svg{color:#dc2626}.bottom-section .user-details .user-popup .popup-item.logout:hover span{color:#991b1b}.bottom-section .user-details .user-popup .popup-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(226,232,240,.6) 20%,rgba(226,232,240,.6) 80%,transparent);margin:6px 0}.bottom-section .user-details .user-popup.edge-plan .credits-details{background:linear-gradient(135deg,#fef3c7,#fed7aa)}.bottom-section .user-details .user-popup.edge-plan .credits-details .credits-progress .progress-fill{background:linear-gradient(90deg,#f59e0b,#ef4444)}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .bottom-section .quick-actions,[data-collapsible=icon][data-state=collapsed] .bottom-section .quick-actions{display:none}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .bottom-section .user-details,[data-collapsible=icon][data-state=collapsed] .bottom-section .user-details{padding:8px 4px;justify-content:center}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .bottom-section .user-details .left .avatar-with-ring,[data-collapsible=icon][data-state=collapsed] .bottom-section .user-details .left .avatar-with-ring{width:40px;height:40px}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .bottom-section .user-details .left .avatar-with-ring .credit-ring,[data-collapsible=icon][data-state=collapsed] .bottom-section .user-details .left .avatar-with-ring .credit-ring{width:40px;height:40px}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .bottom-section .user-details .left .avatar-with-ring .uimg,[data-collapsible=icon][data-state=collapsed] .bottom-section .user-details .left .avatar-with-ring .uimg{width:30px;height:30px}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .bottom-section .user-details .left .user-names,[data-collapsible=icon][data-state=collapsed] .bottom-section .user-details .left .user-names{display:none}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .bottom-section .user-details .right,[data-collapsible=icon][data-state=collapsed] .bottom-section .user-details .right{display:none}.group\/sidebar-wrapper:has([data-collapsible=icon][data-state=collapsed]) .bottom-section .user-details .user-popup,[data-collapsible=icon][data-state=collapsed] .bottom-section .user-details .user-popup{left:calc(100% + 10px);bottom:0;right:auto;width:240px}.workspace-dropdown{background:rgba(0,0,0,0);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.18)!important}.workspace-dropdown>div:first-child,.workspace-dropdown>div:last-child{border-color:rgba(255,255,255,.12)!important}.workspace-dropdown .workspace-dropdown-item{background:rgba(0,0,0,0)!important;cursor:pointer}.workspace-dropdown .workspace-dropdown-item:hover{background:rgba(255,255,255,.08)!important}.workspace-dropdown .workspace-dropdown-item.bg-accent\/50{border-left:2px solid #db3e2a;box-shadow:inset 2px 0 8px rgba(255,255,255,.12)}.workspace-dropdown .workspace-dropdown-item button{background:rgba(0,0,0,0)!important;cursor:pointer}.workspace-dropdown .workspace-dropdown-item button:hover{background:rgba(255,255,255,.15)!important}.workspace-dropdown>div:last-child button{cursor:pointer;background:rgba(219,62,42,.08)!important;margin:4px 6px 6px;padding:6px 12px!important;width:calc(100% - 12px);border-radius:4px;transition:all .15s ease;color:#db3e2a!important}.workspace-dropdown>div:last-child button svg{color:#db3e2a!important}.workspace-dropdown>div:last-child button:hover{background:rgba(219,62,42,.15)!important;transform:translateY(-.5px);color:#e64d39!important}.workspace-dropdown>div:last-child button:hover svg{color:#e64d39!important}.workspace-dropdown>div:last-child button:active{transform:translateY(0);background:rgba(219,62,42,.2)!important}[data-radix-dialog-content],[data-radix-dialog-overlay]{z-index:10000000000000000000!important}.create-library-modal{backdrop-filter:blur(10px);background:rgba(255,255,255,.634)!important;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px rgba(0,0,0,.12);animation:fadeScaleIn .2s ease-out;border-radius:12px}.create-library-modal .custom-modal-header{padding:18px 20px 12px}.create-library-modal .custom-modal-title{font-size:16px}.create-library-modal .custom-modal-description{font-size:12px;margin:4px 0 0}.create-library-modal .custom-modal-body{padding:14px 20px}.create-library-modal .custom-modal-footer{padding:12px 20px 18px;gap:8px}.create-library-modal .custom-modal-field{margin-bottom:12px}.create-library-modal .custom-modal-label{font-size:12px;margin-bottom:5px}.create-library-modal .custom-modal-button-primary,.create-library-modal .custom-modal-button-secondary{padding:8px 16px;font-size:13px}.create-library-modal .custom-modal-textarea{min-height:60px}.create-library-modal .workspace-type-toggle{display:flex;gap:4px;background:rgba(0,0,0,.03);border-radius:8px;padding:4px;position:relative}.create-library-modal .workspace-type-toggle .toggle-option{flex:1;padding:6px 14px;font-size:12px;font-weight:500;color:rgba(0,0,0,.5);background:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;position:relative;z-index:1}.create-library-modal .workspace-type-toggle .toggle-option:hover:not(:disabled):not(.active){color:rgba(0,0,0,.7)}.create-library-modal .workspace-type-toggle .toggle-option.active{color:rgba(0,0,0,.95);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);font-weight:600}.create-library-modal .workspace-type-toggle .toggle-option:disabled{opacity:.4;cursor:not-allowed}.create-library-modal .gradient-option{cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.15)}.create-library-modal .gradient-option:hover:not(:disabled){box-shadow:0 2px 6px rgba(0,0,0,.2)}.custom-modal{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.634);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px rgba(0,0,0,.12);border-radius:12px;animation:fadeScaleIn .2s ease-out}.custom-modal-close{background:rgba(255,255,255,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:6px;padding:6px;color:rgba(0,0,0,.6);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .15s ease}.custom-modal-close:hover{background:rgba(255,255,255,.95);color:rgba(0,0,0,.9);box-shadow:0 2px 6px rgba(0,0,0,.12)}.custom-modal-header{padding:24px 24px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.custom-modal-title{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:rgba(0,0,0,.9);margin:0}.custom-modal-description{font-size:13px;line-height:1.5;color:rgba(0,0,0,.55);margin:6px 0 0}.custom-modal-body{padding:20px 24px}.custom-modal-footer{display:flex;flex-direction:row;justify-content:flex-end;gap:10px;padding:16px 24px 24px;border-top:1px solid rgba(0,0,0,.06)}.custom-modal-label{display:block;font-size:13px;font-weight:500;color:rgba(0,0,0,.7);margin-bottom:6px;letter-spacing:.01em}.custom-modal-input{width:100%;padding:9px 14px;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:13px;color:rgba(0,0,0,.85);transition:all .15s ease;line-height:1.4;height:38px;outline:none;box-shadow:0 1px 2px rgba(0,0,0,.04);box-sizing:border-box}.custom-modal-input::placeholder{color:rgba(0,0,0,.35)}.custom-modal-input:focus{background:rgba(255,255,255,.75);border-color:rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.08),0 0 0 3px rgba(0,0,0,.03)}.custom-modal-input:hover:not(:focus){background:rgba(255,255,255,.65);border-color:rgba(0,0,0,.1)}.custom-modal-textarea{width:100%;padding:10px 14px;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:14px;color:rgba(0,0,0,.85);transition:all .15s ease;outline:none;box-shadow:0 1px 2px rgba(0,0,0,.04);resize:vertical;min-height:80px;font-family:inherit}.custom-modal-textarea::placeholder{color:rgba(0,0,0,.35)}.custom-modal-textarea:focus{background:rgba(255,255,255,.75);border-color:rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.08),0 0 0 3px rgba(0,0,0,.03)}.custom-modal-textarea:hover:not(:focus){background:rgba(255,255,255,.65);border-color:rgba(0,0,0,.1)}.custom-modal-select{width:100%;padding:10px 14px;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:14px;color:rgba(0,0,0,.85);transition:all .15s ease;outline:none;box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:pointer}.custom-modal-select:focus{background:rgba(255,255,255,.75);border-color:rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.08),0 0 0 3px rgba(0,0,0,.03)}.custom-modal-select:hover:not(:focus){background:rgba(255,255,255,.65);border-color:rgba(0,0,0,.1)}.custom-modal-button-primary{padding:9px 18px;background:rgba(0,0,0,.85);color:#fff;border:1px solid rgba(0,0,0,.9);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;outline:none;line-height:1.4;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 4px rgba(0,0,0,.15);white-space:nowrap;box-sizing:border-box}.custom-modal-button-primary svg{width:14px;height:14px;flex-shrink:0}.custom-modal-button-primary:hover:not(:disabled){background:rgba(0,0,0,.95);box-shadow:0 3px 8px rgba(0,0,0,.2);transform:translateY(-1px)}.custom-modal-button-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.15)}.custom-modal-button-primary:disabled{opacity:.5;cursor:not-allowed}.custom-modal-button-secondary{padding:9px 18px;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgba(0,0,0,.75);border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;line-height:1.4;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;outline:none;box-shadow:0 1px 3px rgba(0,0,0,.08);white-space:nowrap;box-sizing:border-box}.custom-modal-button-secondary svg{width:14px;height:14px;flex-shrink:0}.custom-modal-button-secondary:hover:not(:disabled){background:rgba(255,255,255,.8);border-color:rgba(0,0,0,.15);box-shadow:0 2px 6px rgba(0,0,0,.12);transform:translateY(-1px)}.custom-modal-button-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.08)}.custom-modal-button-secondary:disabled{opacity:.5;cursor:not-allowed}.custom-modal-field{margin-bottom:16px}.custom-modal-error{display:block;font-size:12px;color:rgba(220,38,38,.85);margin-top:4px}.team-settings-modal{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.634);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px rgba(0,0,0,.12);border-radius:12px;animation:fadeScaleIn .2s ease-out}.team-settings-modal .custom-modal-header{padding:18px 20px 12px}.team-settings-modal .custom-modal-body{padding:12px 20px 20px}.team-tabs-toggle{display:flex;gap:0;background:rgba(0,0,0,.03);border-radius:8px;padding:4px;margin-bottom:14px}.team-tabs-toggle .team-tab-option{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:500;color:rgba(0,0,0,.55);background:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;outline:none}.team-tabs-toggle .team-tab-option:hover:not(:disabled):not(.active){color:rgba(0,0,0,.75)}.team-tabs-toggle .team-tab-option.active{color:rgba(0,0,0,.9);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);font-weight:600}.team-tabs-toggle .team-tab-option svg{width:14px;height:14px}.team-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;background:rgba(0,0,0,.1);border-radius:8px}.active .team-tab-badge{background:rgba(0,0,0,.15)}.team-tab-content{display:flex;flex-direction:column;gap:14px}.team-section-divider{padding-top:14px;border-top:1px solid rgba(0,0,0,.08)}.team-list{display:flex;flex-direction:column;gap:7px;max-height:260px;overflow-y:auto;padding-right:4px}.team-list::-webkit-scrollbar{width:5px}.team-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.team-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:3px}.team-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.team-empty-state{display:flex;align-items:center;justify-content:center;padding:28px 16px;font-size:13px;color:rgba(0,0,0,.45)}.team-member-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:8px;transition:all .15s ease}.team-member-card:hover{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.12)}.team-member-card .flex-1{min-width:0}.team-member-card p{font-size:13px;margin:0}.team-member-card .font-medium{font-weight:500;color:rgba(0,0,0,.85)}.team-member-card .text-xs{font-size:12px;color:rgba(0,0,0,.55);margin-top:1px}.team-member-remove-btn{padding:5px 12px;font-size:11px;font-weight:500;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.25);border-radius:6px;color:#dc2626;cursor:pointer;transition:all .15s ease;flex-shrink:0}.team-member-remove-btn:hover{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.2);color:#dc2626}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.workspace-button{border:1px solid #ddd!important}.billing-page{min-height:100vh;background:#fff;width:100%;overflow-x:hidden;padding:20px 0}.billing-page,.billing-page *{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.billing-page *{box-sizing:border-box}.billing-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:24px}@media(max-width:1024px){.billing-container{padding:0 32px}}@media(max-width:768px){.billing-container{padding:0 20px}}.billing-header{padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.billing-header h1{font-size:28px;font-weight:700;color:#0a0a0a;margin:0 0 6px;letter-spacing:-.02em;line-height:1.2}.billing-header p{font-size:14px;color:#666;margin:0;font-weight:400}.billing-header .header-actions{display:flex;gap:10px;flex-shrink:0}.billing-header .secondary-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:13px;font-weight:500;color:#525252;cursor:pointer;transition:all .15s ease}.billing-header .secondary-btn svg{color:#666}.billing-header .secondary-btn:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15);color:#0a0a0a}.billing-header .secondary-btn:hover svg{color:#000}@media(max-width:768px){.billing-header{flex-direction:column;gap:12px}}.usage-card{background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .2s ease}.usage-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.usage-header{justify-content:space-between;margin-bottom:20px}.usage-header,.usage-title{display:flex;align-items:center}.usage-title{gap:10px}.usage-title svg{color:#000}.usage-title h2{font-size:18px;color:#0a0a0a;margin:0}.current-plan-badge,.usage-title h2{font-weight:600;letter-spacing:-.01em}.current-plan-badge{padding:4px 12px;background:#000;color:#fff;border-radius:6px;font-size:12px}.usage-stats{display:flex;flex-direction:column;gap:14px}.credits-display{text-align:center}.credits-display .credits-number{font-size:32px;font-weight:700;color:#0a0a0a;letter-spacing:-.02em;margin-bottom:4px}.credits-display .credits-label{font-size:13px;color:#666;font-weight:500}.credits-progress-bar{width:100%;height:6px;background:rgba(0,0,0,.06);border-radius:3px;overflow:hidden}.credits-progress-bar .credits-progress-fill{height:100%;background:#000;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.usage-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:14px;border-top:1px solid rgba(0,0,0,.06)}.usage-info .info-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.usage-info .info-item svg{color:#999;flex-shrink:0}@media(max-width:640px){.usage-info{grid-template-columns:1fr;gap:10px}}.payment-history-section,.payment-method-section,.plans-section{margin-top:12px}.section-header>div{flex:1}.section-header h2{font-size:20px;font-weight:600;color:#0a0a0a;margin:0 0 4px;letter-spacing:-.01em}.section-header p{font-size:13px;color:#666;margin:0;line-height:1.4}.section-header .edit-button{padding:6px 14px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:6px;font-size:12px;font-weight:500;color:#525252;cursor:pointer;transition:all .15s ease;flex-shrink:0}.section-header .edit-button:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15);color:#0a0a0a}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.plan-card{background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:20px;display:flex;flex-direction:column;position:relative;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.04)}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);background:#fff}.plan-card.popular{border-color:#000;box-shadow:0 2px 8px rgba(0,0,0,.12)}.plan-card.popular:hover{box-shadow:0 6px 20px rgba(0,0,0,.15)}.plan-card.current{border-color:#10b981;background:#f0fdf4}.current-badge,.popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:3px 12px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.popular-badge{background:#000}.current-badge{background:#10b981;color:#fff}.plan-header{text-align:center;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:16px}.plan-header h3{font-size:20px;font-weight:600;color:#0a0a0a;margin:0 0 6px}.plan-header .plan-description{font-size:12px;color:#666;margin:0 0 12px;line-height:1.4}.plan-header .plan-price{display:flex;align-items:baseline;justify-content:center;gap:3px;margin-bottom:6px}.plan-header .plan-price .price{font-size:36px;font-weight:700;color:#0a0a0a;letter-spacing:-.03em}.plan-header .plan-price .period{font-size:14px;color:#666;font-weight:500}.plan-header .plan-credits{font-size:13px;color:#000;font-weight:600}.plan-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px;flex:1}.plan-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:#525252}.plan-features li svg{color:#10b981;flex-shrink:0}.plan-button{width:100%;padding:10px 18px;background:#000;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.plan-button svg{transition:transform .15s ease}.plan-button:hover:not(:disabled){background:#1f1f1f;transform:translateY(-1px)}.plan-button:hover:not(:disabled) svg{transform:translateX(2px)}.plan-button:active:not(:disabled){transform:translateY(0)}.plan-button:disabled{background:#10b981;cursor:not-allowed;opacity:1}.plan-button:disabled:hover{background:#10b981;transform:none}.plan-card.current .plan-button{background:#10b981;cursor:not-allowed}.plan-card.current .plan-button:hover{background:#10b981;transform:none}.plan-card.current .plan-button:hover svg{transform:none}.payment-card{background:linear-gradient(135deg,#0a0a0a,#1f1f1f);border-radius:10px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.payment-card svg{color:#94a3b8;flex-shrink:0}.payment-card .card-info{display:flex;flex-direction:column;gap:4px}.payment-card .card-info .card-number{font-size:16px;font-weight:600;color:#fff;letter-spacing:.05em}.payment-card .card-info .card-expiry{font-size:12px;color:#94a3b8}.history-table{background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}.table-header{padding:14px 20px;background:rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.06);font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.table-header,.table-row{display:grid;grid-template-columns:1.2fr 2.5fr 1fr 1fr 1.5fr;gap:12px}.table-row{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px;color:#525252;transition:background .15s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background:rgba(0,0,0,.02)}.table-row .col{display:flex;align-items:center}.table-row .col.date-col{font-weight:500;color:#0a0a0a}.table-row .col.desc-col{color:#666;font-size:12px}.table-row .col.amount-col{font-weight:600;color:#0a0a0a}.status-badge{gap:5px;font-size:11px;text-transform:capitalize}.status-badge,.status-badge.paid{background:#f0fdf4;color:#059669}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.failed{background:#fef2f2;color:#dc2626}.download-button{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:6px;font-size:11px;font-weight:500;color:#525252;cursor:pointer;transition:all .15s ease}.download-button svg{color:#666}.download-button:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15);color:#0a0a0a}.download-button:hover svg{color:#000}@media(max-width:1024px){.plans-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media(max-width:768px){.billing-page{padding:16px 0}.billing-container{padding:0 16px}.billing-header h1{font-size:24px}.usage-card{padding:16px}.plan-card{padding:18px}.table-header,.table-row{grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px;font-size:12px}.table-header .col:nth-child(3),.table-header .col:nth-child(4),.table-row .col:nth-child(3),.table-row .col:nth-child(4){grid-column:span 1}.table-header{display:none}.table-row{display:flex;flex-direction:column;gap:8px}}.invitation-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:40px 20px;background:#f9fafb}.invitation-page .invitation-container.loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#6b7280;font-size:14px}.invitation-page .invitation-card{max-width:500px;width:100%;padding:40px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.invitation-page .invitation-card.error{text-align:center}.invitation-page .invitation-card.error h1{margin:16px 0 8px;color:#dc2626}.invitation-page .invitation-card.error p{color:#6b7280}.invitation-page .invitation-card .status-icon{width:64px;height:64px;margin:0 auto 24px}.invitation-page .invitation-card .status-icon.success{color:#10b981}.invitation-page .invitation-card .status-icon.error{color:#dc2626}.invitation-page .invitation-card .status-icon.warning{color:#f59e0b}.invitation-page .invitation-card .status-icon.expired{color:#6b7280}.invitation-page .invitation-card .invitation-header{text-align:center;margin-bottom:32px}.invitation-page .invitation-card .invitation-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#111827}.invitation-page .invitation-card .invitation-header .from-text{margin:0;font-size:15px;color:#6b7280}.invitation-page .invitation-card .invitation-header .from-text strong{color:#111827;font-weight:600}.invitation-page .invitation-card .project-preview{padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px}.invitation-page .invitation-card .project-preview h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.invitation-page .invitation-card .project-preview .description{margin:0;font-size:14px;color:#6b7280;line-height:1.6}.invitation-page .invitation-card .access-info{padding:20px;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:8px;margin-bottom:32px}.invitation-page .invitation-card .access-info .access-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600;margin-bottom:12px}.invitation-page .invitation-card .access-info .access-badge.view{background:#dbeafe;color:#1e40af}.invitation-page .invitation-card .access-info .access-badge.edit{background:#d1fae5;color:#065f46}.invitation-page .invitation-card .access-info .access-description{margin:0;font-size:13px;color:#1e40af;line-height:1.5}.invitation-page .invitation-card .invitation-actions{display:flex;gap:12px;margin-bottom:20px}.invitation-page .invitation-card .invitation-actions .accept-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.invitation-page .invitation-card .invitation-actions .accept-btn:hover:not(:disabled){background:#1f2937}.invitation-page .invitation-card .invitation-actions .accept-btn:disabled{opacity:.5;cursor:not-allowed}.invitation-page .invitation-card .invitation-actions .decline-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.invitation-page .invitation-card .invitation-actions .decline-btn:hover:not(:disabled){background:#f9fafb}.invitation-page .invitation-card .invitation-actions .decline-btn:disabled{opacity:.5;cursor:not-allowed}.invitation-page .invitation-card .expiry-notice{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;font-weight:500}.memory-page{background:#fff;min-height:100vh;padding:24px 20px 60px}.memory-header{display:grid;grid-template-columns:1fr;grid-auto-rows:max-content;row-gap:10px;max-width:1160px;margin:0 auto 16px}.memory-headline{display:flex;flex-direction:column;gap:6px;max-width:640px}.memory-title{font-size:24px;font-weight:700;color:#0f172a}.memory-subtext{font-size:15px;color:#6b7280;line-height:1.5}.memory-tabs{display:inline-flex}.memory-search{height:36px;padding:0 12px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;width:100%}.memory-search,.tab{background:#fff;color:#111827}.tab{appearance:none;border:1px solid #e5e7eb;padding:5px 10px;border-radius:999px;font-size:13px}.tab--active{background:#111827;color:#fff;border-color:#111827}.memory-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;row-gap:20px}@media(max-width:1200px){.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.memory-grid{grid-template-columns:1fr}}.memory-card{background:#fafaf9;border-radius:14px;display:flex;flex-direction:column;min-height:320px;padding:12px}.memory-card__visual{background:#fff;border:0;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center;height:180px;margin-top:auto;margin-bottom:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(17,24,39,.06),0 2px 6px rgba(17,24,39,.05),0 10px 24px rgba(17,24,39,.06)}.memory-card__footer{background:rgba(0,0,0,0);padding:10px 12px 12px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;display:flex;flex-direction:column;gap:5px;margin-top:10px}.memory-card__meta{font-size:12px;color:#6b7280}.memory-card__title{font-size:18px;font-weight:600;color:#0f172a}.memory-card__desc{font-size:13px;color:#6b7280}.memory-card__snippet{margin:0;padding:10px 12px;background:#fafafa;font-size:12px;line-height:1.5;color:#0f172a;max-height:120px}.memory-card__editor,.memory-card__snippet{border:1px solid #eef2f7;border-radius:10px;overflow:hidden}.memory-card__editor{position:relative;width:100%;height:100%;background:#fff}.memory-card__editor .monaco-editor,.memory-card__editor .overflow-guard{overflow:hidden!important}.memory-card__editor .decorationsOverviewRuler,.memory-card__editor .margin,.memory-card__editor .minimap,.memory-card__editor .scrollbar{display:none!important}.memory-card__summary{font-size:13px;color:#111827;line-height:1.5;max-height:78px;overflow:hidden}.memory-card__link{color:#4b5563;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-card__image{width:100%;height:100%;border-radius:10px;background:linear-gradient(0deg,rgba(0,0,0,.02),rgba(0,0,0,.02)),linear-gradient(135deg,#f0fdf4,#e0f2fe);border:1px solid #eef2f7}.fade-out{position:relative}.fade-out:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(180deg,rgba(255,255,255,0),#ffffff 70%)}.fade-out-text{position:relative;max-height:60px;overflow:hidden}.fade-out-text:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(180deg,rgba(243,244,246,0),#f3f4f6 75%)}.memory-card__add{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px}.memory-card__add-title{font-size:20px;font-weight:700;color:#0f172a}.memory-card__add-sub{font-size:13px;color:#6b7280}.memory-card__add-btn{border:1px solid #111827;background:#111827;color:#fff;border-radius:999px;padding:10px 16px;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.memory-card__add-btn:hover{background:#1e293b;border-color:#1e293b;transform:scale(1.02)}.memory-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.memory-card__tag{font-size:11px;padding:2px 8px;background:#f3f4f6;border-radius:999px;color:#6b7280}.memory-card__actions{display:flex;gap:4px;margin-top:8px}.memory-card__action{padding:6px;border-radius:6px;background:rgba(0,0,0,0);border:none;color:#6b7280;transition:all .2s;cursor:pointer}.memory-card__action:hover{background:#e5e7eb;color:#111827}.memory-card__link{display:flex;align-items:center;gap:4px;font-size:12px;color:#3b82f6;text-decoration:none;margin-top:4px}.memory-card__link:hover{text-decoration:underline}.memory-search-row{display:flex;gap:12px;align-items:center}.memory-tabs{margin-top:10px;display:flex;gap:6px;align-items:center}.monitoring-page,.project-monitoring-page{min-height:100vh;background:#fff;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;padding:0 24px 24px;width:100%}@media(max-width:768px){.monitoring-page,.project-monitoring-page{padding:0 16px 16px}}.monitoring-page *,.project-monitoring-page *{box-sizing:border-box}.monitoring-hero{top:0;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);z-index:10;margin:0 -24px;padding:20px 24px}@media(max-width:768px){.monitoring-hero{margin:0 -16px;padding-left:16px;padding-right:16px}}.monitoring-hero .hero-contentx{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.monitoring-hero .hero-contentx .hero-text .hero-title{font-size:23px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.monitoring-hero .hero-contentx .hero-text .hero-subtitle{display:none}.monitoring-hero .hero-contentx .refresh-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(0,0,0,0);border:none;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.monitoring-hero .hero-contentx .refresh-btn:hover{background:rgba(0,0,0,.04);color:#374151}.monitoring-hero .hero-contentx .refresh-btn.refreshing svg{animation:spin 1s linear infinite}.status-banner{display:none}.deck-stats-section{max-width:1200px;margin:0 auto 24px}.deck-stats-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:16px}.deck-stats-section .section-header .deck-title{font-size:15px;font-weight:600;color:#0f172a;margin:0;letter-spacing:-.01em}.deck-stats-section .section-header .search-box{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;transition:all .2s ease;flex-shrink:0;width:240px}.deck-stats-section .section-header .search-box svg{color:#9ca3af;flex-shrink:0}.deck-stats-section .section-header .search-box input{border:none;background:none;outline:none;width:100%;font-size:12px;color:#0f172a;font-weight:450}.deck-stats-section .section-header .search-box input::placeholder{color:#9ca3af}.deck-stats-section .section-header .search-box:focus-within{border-color:rgba(0,0,0,.15);box-shadow:0 0 0 3px rgba(0,0,0,.02)}.deck-stats-section .filter-tabs{display:flex;gap:5px;padding:4px;background:#fff;width:max-content;border-radius:10px;margin-bottom:16px;font-family:Google Sans}.deck-stats-section .filter-tabs .filter-tab{display:flex;align-items:center;gap:7px;padding:7px 14px;background:rgba(0,0,0,0);border:none;border-radius:60px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.deck-stats-section .filter-tabs .filter-tab .filter-count{height:20px;width:20px;background:rgba(0,0,0,.06);border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#64748b}.deck-stats-section .filter-tabs .filter-tab.active{background:#f1f5f9;color:#0f172a;font-weight:600}.deck-stats-section .filter-tabs .filter-tab.active .filter-count{background:#fff;color:#0f172a}.deck-stats-section .filter-tabs .filter-tab:hover:not(.active){background:rgba(0,0,0,.04);color:#475569}.deck-cards-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}@media(max-width:1200px){.deck-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.deck-cards-grid{grid-template-columns:1fr}}.deck-card{position:relative;background:#fff;border-radius:16px;padding:0;transition:all .2s ease;cursor:pointer;border:1px solid rgba(0,0,0,.08);box-shadow:none;width:24%}.deck-card:hover{border-color:rgba(0,0,0,.12);box-shadow:none;transform:none}.card-stack-visual{display:none}.deck-card-content{height:100%;padding:20px;justify-content:space-between}.deck-card-content,.deck-card-content .deck-card-gg{display:flex;flex-direction:column}.deck-card-content .card-header{margin-bottom:20px}.deck-card-content .card-header .card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.deck-card-content .card-header .card-title-row .card-title{font-size:16px;font-weight:600;color:#1e293b;margin:0;letter-spacing:-.01em;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card-content .card-header .card-title-row .status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,0,0,0)}.deck-card-content .card-header .card-title-row .status-badge .status-indicator{display:block;width:6px;height:6px;border-radius:50%;position:relative}.deck-card-content .card-header .card-title-row .status-badge .status-indicator:after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:.28;transform:scale(1);animation:ping 1.8s ease-out infinite}.deck-card-content .card-header .card-title-row .status-badge .status-text{font-size:10px;font-weight:600}.deck-card-content .card-header .card-title-row .status-badge.status-healthy{background:#ecfdf5;border-color:#a7f3d0}.deck-card-content .card-header .card-title-row .status-badge.status-healthy .status-indicator{background:#10b981;color:#10b981}.deck-card-content .card-header .card-title-row .status-badge.status-healthy .status-text{color:#047857}.deck-card-content .card-header .card-title-row .status-badge.status-warning{background:#fffbeb;border-color:#fde68a}.deck-card-content .card-header .card-title-row .status-badge.status-warning .status-indicator{background:#f59e0b;color:#f59e0b}.deck-card-content .card-header .card-title-row .status-badge.status-warning .status-text{color:#b45309}.deck-card-content .card-header .card-title-row .status-badge.status-error{background:#fef2f2;border-color:#fecaca}.deck-card-content .card-header .card-title-row .status-badge.status-error .status-indicator{background:#ef4444;color:#ef4444}.deck-card-content .card-header .card-title-row .status-badge.status-error .status-text{color:#b91c1c}.deck-card-content .card-header .card-url-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.deck-card-content .card-header .card-subtitle{font-size:13px;color:#64748b;font-weight:500;margin:0;max-width:75%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck-card-content .card-header .card-subtitle.link{color:#0369a1;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.deck-card-content .card-header .card-subtitle.link:hover{color:#075985;text-decoration:underline}.deck-card-content .card-header .card-subtitle.no-url{color:#94a3b8;font-style:italic;font-weight:450;width:100%}.deck-card-content .card-header .services-count{display:inline-flex;align-items:center;padding:2px 8px;background:#f1f5f9;border-radius:12px;font-size:11px;font-weight:600;color:#64748b;white-space:nowrap}.deck-card-content .card-metrics{margin-bottom:20px}.deck-card-content .card-metrics .numbers-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.deck-card-content .card-metrics .numbers-row .number-col{display:flex;flex-direction:column;gap:2px}.deck-card-content .card-metrics .numbers-row .number-col.right{align-items:flex-end}.deck-card-content .card-metrics .numbers-row .number-col .num{font-size:28px;font-weight:700;color:#111827;letter-spacing:-.02em;line-height:1}.deck-card-content .card-metrics .numbers-row .number-col .num-label{font-size:11px;color:#94a3b8;font-weight:500}.deck-card-content .card-metrics .metric-group{display:flex;align-items:baseline;gap:16px;margin-bottom:12px}.deck-card-content .card-metrics .metric-group .metric-primary{display:flex;align-items:baseline;gap:8px}.deck-card-content .card-metrics .metric-group .metric-primary .metric-number{font-size:32px;font-weight:600;color:#1e293b;letter-spacing:-.03em;line-height:1}.deck-card-content .card-metrics .metric-group .metric-primary .metric-label{font-size:13px;color:#64748b;font-weight:500}.deck-card-content .card-metrics .metric-group .metric-secondary{display:flex;align-items:baseline;gap:6px}.deck-card-content .card-metrics .metric-group .metric-secondary .metric-number-small{font-size:20px;font-weight:600;color:#94a3b8;letter-spacing:-.02em;line-height:1}.deck-card-content .card-metrics .metric-group .metric-secondary .metric-label-small{font-size:12px;color:#94a3b8;font-weight:500}.deck-card-content .card-metrics .capsule-bars{display:flex;gap:8px;align-items:center;margin:10px 0 6px}.deck-card-content .card-metrics .capsule{height:12px;min-width:4%;border-radius:999px;background:#e5e7eb}.deck-card-content .card-metrics .capsule-passed{background:linear-gradient(90deg,#22c55e,#16a34a)}.deck-card-content .card-metrics .capsule-failed{background:linear-gradient(90deg,#fb923c,#f97316)}.deck-card-content .card-metrics .capsule-skipped{background:#1f2937}.deck-card-content .card-metrics .capsule-empty{background:#e5e7eb}.deck-card-content .card-metrics .legend-list{list-style:none;padding:0;margin:8px 0 0;display:flex;gap:16px}.deck-card-content .card-metrics .legend-list li{display:flex;align-items:center;gap:4px}.deck-card-content .card-metrics .legend-list .legend-name{font-size:12px;font-weight:600}.deck-card-content .card-metrics .legend-list .legend-name.passed{color:#16a34a}.deck-card-content .card-metrics .legend-list .legend-name.failed{color:#f97316}.deck-card-content .card-metrics .legend-list .legend-name.skipped{color:#374151}.deck-card-content .card-metrics .legend-list .legend-value{font-size:12px;color:#111827;font-weight:600}.deck-card-content .card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #f1f5f9}.deck-card-content .card-footer .footer-row{display:flex;align-items:center;gap:12px}.deck-card-content .card-footer .footer-row .footer-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#94a3b8;font-weight:450}.deck-card-content .card-footer .footer-row .footer-item svg{color:#cbd5e1;flex-shrink:0}.deck-card-content .card-footer .footer-badge{font-size:11px;color:#64748b;font-weight:500;padding:4px 10px;background:#f8fafc;border-radius:6px}.deck-card-content .info-banner{margin-top:12px;font-size:12px;color:#475569;background:#f1f5f9;border-radius:10px;padding:10px 12px}.skeleton-card .skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-card .skeleton-title{height:18px;width:60%}.skeleton-card .skeleton-badge{width:50px}.skeleton-card .skeleton-url{height:14px;width:70%}.skeleton-card .skeleton-number{height:28px;width:40px;margin-bottom:4px}.skeleton-card .skeleton-label{height:12px;width:30px}.skeleton-card .skeleton-bar{height:12px;width:100%;margin:10px 0 8px;border-radius:999px}.skeleton-card .skeleton-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.skeleton-card .skeleton-legend-item{height:14px;width:100%}.skeleton-card .skeleton-footer-text{height:12px;width:100px}.skeleton-card .skeleton-footer-badge{height:20px;width:60px;border-radius:6px}.skeleton-card .skeleton-info-banner{height:36px;width:100%;margin-top:12px;border-radius:10px}@keyframes ping{0%{transform:scale(1);opacity:.28}70%{transform:scale(2.1);opacity:0}to{transform:scale(2.1);opacity:0}}.charts-section{padding:16px 0;max-width:1200px;margin:0 auto}.charts-section.charts-section-top{margin-top:16px;margin-bottom:24px}.charts-grid{display:grid;grid-template-columns:1fr;gap:0}.timeline-chart-card{background:#fafaf9;border-radius:10px;padding:16px;position:relative}.timeline-chart-card .timeline-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}@media(max-width:1024px){.timeline-chart-card .timeline-header{flex-direction:column;gap:12px}}.timeline-chart-card .timeline-header .timeline-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 2px;letter-spacing:-.01em}.timeline-chart-card .timeline-header .timeline-subtitle{font-size:13px;color:#64748b;margin:0;font-weight:500}.timeline-chart-card .timeline-header .timeline-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timeline-chart-card .timeline-header .time-range-toggle{display:flex;gap:5px;padding:4px;background:#fff;width:max-content;border-radius:10px;font-family:Google Sans}.timeline-chart-card .timeline-header .time-range-toggle .range-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 16px;background:rgba(0,0,0,0);border:none;border-radius:60px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.timeline-chart-card .timeline-header .time-range-toggle .range-btn:hover:not(.active){background:rgba(0,0,0,.04);color:#475569}.timeline-chart-card .timeline-header .time-range-toggle .range-btn.active{background:#f1f5f9;color:#0f172a;font-weight:600}.timeline-chart-card .timeline-header .timeline-legend{display:flex;gap:16px;flex-wrap:wrap}.timeline-chart-card .timeline-header .timeline-legend .legend-item{display:flex;align-items:center;gap:6px}.timeline-chart-card .timeline-header .timeline-legend .legend-item .legend-dot{width:12px;height:12px;border-radius:3px}.timeline-chart-card .timeline-header .timeline-legend .legend-item .legend-dot.success{background:#bbf7d0}.timeline-chart-card .timeline-header .timeline-legend .legend-item .legend-dot.warning{background:#fde68a}.timeline-chart-card .timeline-header .timeline-legend .legend-item .legend-dot.error{background:#fecaca}.timeline-chart-card .timeline-header .timeline-legend .legend-item .legend-dot.skipped{background:#e5e7eb}.timeline-chart-card .timeline-header .timeline-legend .legend-item span{font-size:12px;color:#64748b;font-weight:600}.timeline-chart-card .week-navigation{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.timeline-chart-card .week-navigation .nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.timeline-chart-card .week-navigation .nav-btn:hover:not(:disabled){background:rgba(0,0,0,.04);color:#374151;border-color:rgba(0,0,0,.12)}.timeline-chart-card .week-navigation .nav-btn:disabled{opacity:.3;cursor:not-allowed}.timeline-chart-card .week-navigation .nav-btn svg{display:block}.timeline-chart-card .week-navigation .week-label{font-size:13px;font-weight:600;color:#0f172a;min-width:120px;text-align:center}.timeline-chart-card .timeline-content{margin-bottom:12px}.timeline-chart-card .timeline-content,.timeline-chart-card .timeline-content .timeline-loading{display:flex;flex-direction:column;gap:4px}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row{display:flex;align-items:center;gap:8px}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-label{width:70px;height:12px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars{flex:1;display:grid;grid-template-columns:repeat(24,1fr);gap:3px}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar{height:32px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:5px}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:first-child{animation-delay:.02s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(2){animation-delay:.04s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(3){animation-delay:.06s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(4){animation-delay:.08s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(5){animation-delay:.1s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(6){animation-delay:.12s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(7){animation-delay:.14s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(8){animation-delay:.16s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(9){animation-delay:.18s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(10){animation-delay:.2s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(11){animation-delay:.22s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(12){animation-delay:.24s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(13){animation-delay:.26s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(14){animation-delay:.28s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(15){animation-delay:.3s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(16){animation-delay:.32s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(17){animation-delay:.34s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(18){animation-delay:.36s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(19){animation-delay:.38s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(20){animation-delay:.4s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(21){animation-delay:.42s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(22){animation-delay:.44s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(23){animation-delay:.46s}.timeline-chart-card .timeline-content .timeline-loading .skeleton-day-row .skeleton-bars .skeleton-bar:nth-child(24){animation-delay:.48s}.timeline-chart-card .timeline-content .timeline-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px}.timeline-chart-card .timeline-content .timeline-empty .empty-text{font-size:14px;font-weight:500;color:#64748b}.timeline-chart-card .timeline-day-row{display:flex;align-items:center;gap:8px;position:relative}.timeline-chart-card .timeline-day-row.is-today .day-label{color:#3b82f6}.timeline-chart-card .timeline-day-row .day-label{width:70px;font-size:12px;font-weight:700;color:#334155;flex-shrink:0;display:flex;align-items:center;gap:6px}.timeline-chart-card .timeline-day-row .day-label .today-indicator{color:#3b82f6;font-size:8px;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.timeline-chart-card .timeline-day-row .timeline-bars{flex:1;display:grid;grid-template-columns:repeat(24,1fr);gap:3px}.timeline-chart-card .timeline-day-row .timeline-bar{height:32px;border-radius:5px;cursor:pointer;transition:all .2s ease;position:relative}.timeline-chart-card .timeline-day-row .timeline-bar.current-hour{outline:2px solid #3b82f6;outline-offset:2px;z-index:10}.timeline-chart-card .timeline-day-row .timeline-bar.current-hour .current-time-marker{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:5px solid #3b82f6;animation:pulse-marker 2s ease-in-out infinite}@keyframes pulse-marker{0%,to{opacity:1;transform:translateX(-50%) translateY(0)}50%{opacity:.6;transform:translateX(-50%) translateY(-2px)}}.timeline-chart-card .timeline-day-row .timeline-bar.success{background:#bbf7d0}.timeline-chart-card .timeline-day-row .timeline-bar.success:hover{background:#86efac;transform:translateY(-2px);box-shadow:0 3px 8px rgba(34,197,94,.2)}.timeline-chart-card .timeline-day-row .timeline-bar.warning{background:#fde68a}.timeline-chart-card .timeline-day-row .timeline-bar.warning:hover{background:#fcd34d;transform:translateY(-2px);box-shadow:0 3px 8px rgba(245,158,11,.2)}.timeline-chart-card .timeline-day-row .timeline-bar.error{background:#fecaca}.timeline-chart-card .timeline-day-row .timeline-bar.error:hover{background:#fca5a5;transform:translateY(-2px);box-shadow:0 3px 8px rgba(239,68,68,.2)}.timeline-chart-card .timeline-day-row .timeline-bar.skipped{background:#f3f4f6}.timeline-chart-card .timeline-day-row .timeline-bar.skipped:hover{background:#e5e7eb;transform:translateY(-2px)}.timeline-chart-card .timeline-day-row .timeline-bar .bar-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 14px;border-radius:6px;white-space:nowrap;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.2)}.timeline-chart-card .timeline-day-row .timeline-bar .bar-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid rgba(0,0,0,0);border-top-color:#1f2937}.timeline-chart-card .timeline-day-row .timeline-bar .bar-tooltip .tooltip-time{font-size:12px;font-weight:700;margin-bottom:4px;color:#f3f4f6}.timeline-chart-card .timeline-day-row .timeline-bar .bar-tooltip .tooltip-stats{display:flex;gap:8px;font-size:12px;font-weight:600}.timeline-chart-card .timeline-day-row .timeline-bar .bar-tooltip .tooltip-stats .pass{color:#6ee7b7}.timeline-chart-card .timeline-day-row .timeline-bar .bar-tooltip .tooltip-stats .fail{color:#fca5a5}.timeline-chart-card .timeline-day-row .timeline-bar:hover .bar-tooltip{display:block}.timeline-chart-card .timeline-hours-labels{position:relative;height:20px}.timeline-chart-card .timeline-hours-labels .hour-label{position:absolute;font-size:11px;color:#64748b;font-weight:600}.glass-tooltip{background:rgba(15,23,42,.96);border-radius:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px rgba(0,0,0,.3)}.glass-tooltip .tooltip-label{font-size:12px;color:rgba(255,255,255,.7);font-weight:500;margin-bottom:4px}.glass-tooltip .tooltip-value-large{font-size:18px;color:#fff;font-weight:650;letter-spacing:-.02em}.glass-tooltip.compact{padding:7px 11px}.glass-tooltip.compact .tooltip-time-small{font-size:11px;color:rgba(255,255,255,.6);font-weight:500;margin-bottom:3px}.glass-tooltip.compact .tooltip-value-small{font-size:14px;color:#fff;font-weight:600;letter-spacing:-.01em}.time-series-section{margin-bottom:24px;padding:20px;background:#fafafa;border-radius:12px;border:1px solid #e5e7eb}.time-series-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.time-series-section .section-header .section-title{font-size:17px;font-weight:600;color:#0f172a;margin:0;letter-spacing:-.02em}.time-series-section .section-header .time-range-selector{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e5e7eb}.time-series-section .section-header .time-range-selector .range-btn{padding:6px 14px;background:rgba(0,0,0,0);border:none;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.time-series-section .section-header .time-range-selector .range-btn:hover:not(.active){color:#374151;background:rgba(0,0,0,.04)}.time-series-section .section-header .time-range-selector .range-btn.active{background:#0a0a0a;color:#fff;font-weight:600}.charts-grid-timeseries{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:1024px){.charts-grid-timeseries{grid-template-columns:1fr}}.glass-time-chart{background:#fff;border-radius:10px;padding:16px;border:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:all .2s ease}.glass-time-chart:hover{border-color:#d1d5db;box-shadow:0 2px 6px rgba(0,0,0,.05)}.glass-time-chart .glass-chart-mini-header{margin-bottom:12px}.glass-time-chart .glass-chart-mini-header .glass-chart-subtitle{font-size:12px;font-weight:600;color:#475569;margin:0;letter-spacing:-.01em}.glass-time-chart .glass-chart-mini-content{position:relative}.monitoring-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1100px;margin:0 auto 20px}@media(max-width:768px){.monitoring-controls{flex-direction:column;align-items:stretch}}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border-radius:10px;border:none;min-width:260px;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.04)}@media(max-width:768px){.search-box{width:100%;min-width:0}}.search-box:focus-within{box-shadow:0 2px 4px rgba(0,0,0,.08)}.search-box svg{color:#9ca3af;flex-shrink:0}.search-box input{flex:1;background:rgba(0,0,0,0);border:none;outline:none;font-size:13px;color:#0a0a0a;font-weight:450}.search-box input::placeholder{color:#9ca3af}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-card{position:relative;padding:20px;background:#fff;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.04)}.project-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.project-card:hover .project-action{opacity:1}.project-card .status-dot{position:absolute;top:18px;right:18px;width:8px;height:8px;border-radius:50%}.project-card .status-dot.status-healthy{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.15)}.project-card .status-dot.status-warning{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15)}.project-card .status-dot.status-error{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.15);animation:pulse-error 2s ease-in-out infinite}.project-card .project-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.project-card .project-header .project-info{flex:1;min-width:0;padding-right:10px}.project-card .project-header .project-info .project-name{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 2px;letter-spacing:-.01em}.project-card .project-header .project-info .project-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af;font-weight:450}.project-card .project-header .project-info .project-meta .project-type{color:#6b7280;font-weight:500}.project-card .project-header .project-info .project-meta .separator{color:#d1d5db}.project-card .project-header .project-action{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;opacity:0;transition:all .2s ease;flex-shrink:0}.project-card .project-header .project-action:hover{background:#f3f4f6;color:#374151}.project-card .project-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.project-card .project-info-row .project-url{font-size:12px;color:#6b7280;font-weight:450;font-family:SF Mono,Monaco,Courier New,monospace}.project-card .project-info-row .project-type-badge{padding:2px 8px;background:rgba(0,0,0,.04);border-radius:4px;font-size:10px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.02em}.project-card .project-test-summary{display:flex;align-items:center;gap:8px;margin-bottom:12px}.project-card .project-test-summary .test-stat{display:flex;align-items:baseline;gap:4px}.project-card .project-test-summary .test-stat .test-stat-value{font-size:14px;font-weight:600;letter-spacing:-.01em}.project-card .project-test-summary .test-stat .test-stat-label{font-size:11px;color:#9ca3af;font-weight:500}.project-card .project-test-summary .test-stat-sep{color:#e5e7eb;font-size:12px}.project-card .project-metrics-row{display:flex;align-items:center;gap:16px;padding:10px 0;margin-bottom:8px;border-top:1px solid #f5f5f5}.project-card .project-metrics-row .metric-item{display:flex;flex-direction:column;gap:3px}.project-card .project-metrics-row .metric-item .metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:#9ca3af;font-weight:500}.project-card .project-metrics-row .metric-item .metric-value{font-size:13px;font-weight:600;color:#0f172a;letter-spacing:-.01em}.project-card .project-error-message{display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(239,68,68,.08);border-radius:6px}.project-card .project-error-message svg{color:#ef4444;flex-shrink:0}.project-card .project-error-message span{font-size:11px;color:#dc2626;font-weight:500}.project-card .project-warning-message{display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(245,158,11,.08);border-radius:6px}.project-card .project-warning-message svg{color:#f59e0b;flex-shrink:0}.project-card .project-warning-message span{font-size:11px;color:#d97706;font-weight:500}@keyframes pulse-error{0%,to{box-shadow:0 0 0 3px rgba(239,68,68,.15)}50%{box-shadow:0 0 0 5px rgba(239,68,68,.1)}}.empty-state .empty-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:16px;border:1px solid #e5e7eb}.empty-state h3{font-size:18px;font-weight:600;color:#0a0a0a;margin:0 0 6px}.empty-state p{font-size:13px;color:#9ca3af;margin:0}.project-monitoring-page .project-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.project-monitoring-page .project-header .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;flex-shrink:0}.project-monitoring-page .project-header .back-button:hover{background:rgba(0,0,0,.04);color:#374151}.project-monitoring-page .project-header .project-title-section{flex:1;min-width:0}.project-monitoring-page .project-header .project-title-section .project-status-indicator{display:flex;align-items:center;gap:10px;margin-bottom:4px}.project-monitoring-page .project-header .project-title-section .project-status-indicator .status-pulse{width:8px;height:8px;border-radius:50%;animation:pulse-status 2s ease-in-out infinite}.project-monitoring-page .project-header .project-title-section .project-status-indicator .project-title{font-size:22px;font-weight:600;color:#0a0a0a;margin:0;letter-spacing:-.02em}.project-monitoring-page .project-header .project-title-section .project-url{display:flex;align-items:center;gap:7px;font-size:13px;color:#6b7280;font-weight:450;padding-left:18px}.project-monitoring-page .project-header .project-title-section .project-url svg{color:#9ca3af}.project-monitoring-page .project-header .project-actions{display:flex;gap:8px}.project-monitoring-page .project-header .project-actions .action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.project-monitoring-page .project-header .project-actions .action-btn.secondary{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.project-monitoring-page .project-header .project-actions .action-btn.secondary:hover{background:rgba(0,0,0,.04);color:#374151}@keyframes pulse-status{0%,to{opacity:1;box-shadow:0 0 0 0 currentColor}50%{opacity:.8;box-shadow:0 0 0 5px rgba(0,0,0,0)}}.quick-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}@media(max-width:1024px){.quick-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.quick-metrics{grid-template-columns:1fr}}.quick-metric{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.03)}.quick-metric .metric-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;flex-shrink:0}.quick-metric .metric-info{flex:1}.quick-metric .metric-info .metric-value{font-size:18px;font-weight:650;color:#0a0a0a;margin-bottom:2px;letter-spacing:-.01em}.quick-metric .metric-info .metric-label{font-size:11px;color:#9ca3af;font-weight:500}.view-toggle-section{margin-bottom:20px}.view-tabs{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px;width:fit-content}.view-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,0,0,0);border:none;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.view-tab:hover{color:#374151}.view-tab.active{background:#fff;color:#0a0a0a;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.05)}.log-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}@media(max-width:1024px){.log-controls{flex-direction:column;align-items:stretch}}.log-filters{display:flex;gap:6px;flex-wrap:wrap}.log-filter{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.log-filter:hover{background:rgba(0,0,0,.04);color:#374151}.log-filter.active{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.log-filter .filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:rgba(0,0,0,.08);border-radius:5px;font-size:10px;font-weight:600}.log-filter .filter-badge.error{background:#fee2e2;color:#dc2626}.log-filter .filter-badge.warning{background:#fef3c7;color:#d97706}.log-filter .filter-badge.success{background:#d1fae5;color:#059669}.log-filter .filter-badge.info{background:#dbeafe;color:#2563eb}.log-filter.active .filter-badge{background:rgba(255,255,255,.2);color:#fff}.pause-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.pause-btn:hover{background:rgba(0,0,0,.04);color:#374151}.pause-btn.paused{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.logs-container{display:grid;grid-template-columns:1fr 340px;gap:18px}@media(max-width:1200px){.logs-container{grid-template-columns:1fr}}.logs-stream{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:18px;max-height:650px;overflow-y:auto}.logs-stream::-webkit-scrollbar{width:5px}.logs-stream::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.logs-stream::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.logs-stream::-webkit-scrollbar-thumb:hover{background:#9ca3af}.log-entry{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin-bottom:2px;border-radius:10px;transition:all .15s ease;border:1px solid rgba(0,0,0,0);position:relative}.log-entry:hover{background:#f9fafb;border-color:#eef2f7}.log-entry .log-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;flex-shrink:0}.log-entry .log-content{flex:1;min-width:0}.log-entry .log-content .log-message{font-size:12px;color:#0a0a0a;font-weight:500;line-height:1.5}.log-entry .log-content .log-details{font-size:11px;color:#9ca3af;margin-top:3px;font-weight:450;line-height:1.4}.log-entry .log-timestamp{font-size:11px;color:#9ca3af;font-weight:500;flex-shrink:0}.log-entry:before{content:"";position:absolute;left:3px;top:0;bottom:0;width:2px;background:#f1f5f9;border-radius:2px}.log-entry.log-info .log-icon{background:#dbeafe;color:#2563eb}.log-entry.log-success .log-icon{background:#d1fae5;color:#059669}.log-entry.log-warning .log-icon{background:#fef3c7;color:#d97706}.log-entry.log-error .log-icon{background:#fee2e2;color:#dc2626}.log-summary{background:#fff;border-radius:10px;border:1px solid #e5e7eb;padding:18px;height:fit-content;position:sticky;top:20px}@media(max-width:1200px){.log-summary{position:static}}.log-summary .summary-title{font-size:15px;font-weight:650;color:#0a0a0a;margin:0 0 14px}.log-summary .summary-card{padding:14px;border-radius:10px;margin-bottom:10px}.log-summary .summary-card.healthy{background:#f0fdf4;border:1px solid #d1fae5}.log-summary .summary-card.warning{background:#fffbeb;border:1px solid #fef3c7}.log-summary .summary-card.error{background:#fef2f2;border:1px solid #fee2e2}.log-summary .summary-card .summary-icon{margin-bottom:10px}.log-summary .summary-card .summary-content .summary-heading{font-size:14px;font-weight:600;color:#0a0a0a;margin-bottom:6px}.log-summary .summary-card .summary-content .summary-text{font-size:12px;color:#6b7280;line-height:1.6;margin-bottom:10px;font-weight:450}.log-summary .summary-card .summary-content .summary-action{padding:7px 12px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;font-size:12px;font-weight:550;color:#0a0a0a;cursor:pointer;transition:all .2s ease}.log-summary .summary-card .summary-content .summary-action:hover{background:rgba(0,0,0,.04)}.log-summary .summary-tips{margin-top:16px;padding:14px;background:#fafafa;border-radius:10px;border:1px solid #e5e7eb}.log-summary .summary-tips .tips-title{font-size:12px;font-weight:600;color:#0a0a0a;margin:0 0 8px}.log-summary .summary-tips .tips-list{margin:0;padding:0;list-style:none}.log-summary .summary-tips .tips-list li{font-size:11px;color:#6b7280;line-height:1.7;font-weight:450}.browser-testing-section .testing-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.browser-testing-section .testing-controls .test-info .test-status{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#0a0a0a;margin-bottom:3px}.browser-testing-section .testing-controls .test-info .test-status .status-dot-test{width:8px;height:8px;border-radius:50%}.browser-testing-section .testing-controls .test-info .test-status .status-dot-test.healthy{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.15);animation:pulse-status 2s ease-in-out infinite}.browser-testing-section .testing-controls .test-info .test-meta{font-size:12px;color:#9ca3af;font-weight:450;padding-left:17px}.browser-testing-section .testing-controls .fullscreen-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.browser-testing-section .testing-controls .fullscreen-btn:hover{background:rgba(0,0,0,.04);color:#374151}.browser-testing-section .browser-preview{background:#fff;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:18px;transition:all .3s ease}.browser-testing-section .browser-preview.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0;margin:0}.browser-testing-section .browser-preview.fullscreen .browser-content{height:calc(100vh - 46px)}.browser-testing-section .browser-preview .browser-chrome{display:flex;align-items:center;gap:11px;padding:11px 14px;background:#fafafa;border-bottom:1px solid #e5e7eb}.browser-testing-section .browser-preview .browser-chrome .browser-dots{display:flex;gap:5px}.browser-testing-section .browser-preview .browser-chrome .browser-dots .dot{width:9px;height:9px;border-radius:50%}.browser-testing-section .browser-preview .browser-chrome .browser-dots .dot.red{background:#ff5f57}.browser-testing-section .browser-preview .browser-chrome .browser-dots .dot.yellow{background:#ffbd2e}.browser-testing-section .browser-preview .browser-chrome .browser-dots .dot.green{background:#28c840}.browser-testing-section .browser-preview .browser-chrome .browser-url{flex:1;padding:5px 11px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#6b7280;font-weight:450}.browser-testing-section .browser-preview .browser-chrome .browser-refresh{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#fff;border:1px solid #e5e7eb;border-radius:5px;color:#6b7280;cursor:pointer;transition:all .2s ease}.browser-testing-section .browser-preview .browser-chrome .browser-refresh:hover{background:rgba(0,0,0,.04);color:#374151}.browser-testing-section .browser-preview .browser-content{position:relative;height:560px;background:#fff}.browser-testing-section .browser-preview .browser-content .browser-iframe{width:100%;height:100%;border:none}.browser-testing-section .browser-preview .browser-content .iframe-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fafafa}.browser-testing-section .browser-preview .browser-content .iframe-overlay .overlay-message{text-align:center}.browser-testing-section .browser-preview .browser-content .iframe-overlay .overlay-message svg{color:#d1d5db;margin-bottom:14px}.browser-testing-section .browser-preview .browser-content .iframe-overlay .overlay-message p{font-size:14px;font-weight:600;color:#0a0a0a;margin:0 0 5px}.browser-testing-section .browser-preview .browser-content .iframe-overlay .overlay-message .overlay-note{font-size:12px;color:#9ca3af;font-weight:450}.browser-testing-section .testing-logs{background:#fff;border-radius:10px;border:1px solid #e5e7eb;padding:18px}.browser-testing-section .testing-logs .testing-logs-title{font-size:15px;font-weight:650;color:#0a0a0a;margin:0 0 14px}.browser-testing-section .testing-logs .testing-log-items{display:flex;flex-direction:column;gap:7px}.browser-testing-section .testing-logs .testing-log-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fafafa;border-radius:8px;font-size:12px;font-weight:500}.browser-testing-section .testing-logs .testing-log-item svg{flex-shrink:0}.browser-testing-section .testing-logs .testing-log-item span:first-of-type{flex:1;color:#0a0a0a}.browser-testing-section .testing-logs .testing-log-item .testing-time{font-size:11px;color:#9ca3af;font-weight:450}.browser-testing-section .testing-logs .testing-log-item.success svg{color:#10b981}.browser-testing-section .testing-logs .testing-log-item.warning svg{color:#f59e0b}.browser-testing-section .testing-logs .testing-log-item.error svg{color:#ef4444}.browser-replay{background:#fff;border-radius:10px;border:1px solid #e5e7eb;padding:18px;margin-bottom:18px}.browser-replay-empty{padding:60px 20px;text-align:center}.browser-replay-empty p{font-size:14px;color:#9ca3af;margin:0}.replay-visual{margin-bottom:18px}.replay-visual .replay-screenshot{width:100%;aspect-ratio:16/9;background:#fafafa;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden}.replay-visual .replay-screenshot img{width:100%;height:100%;object-fit:contain}.replay-visual .replay-screenshot .screenshot-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#ffffff)}.replay-visual .replay-screenshot .screenshot-placeholder .placeholder-content{text-align:center}.replay-visual .replay-screenshot .screenshot-placeholder .placeholder-content .action-icon{margin-bottom:14px;color:#10b981}.replay-visual .replay-screenshot .screenshot-placeholder .placeholder-content .action-text .action-type{font-size:17px;font-weight:600;color:#0a0a0a;margin-bottom:5px}.replay-visual .replay-screenshot .screenshot-placeholder .placeholder-content .action-text .action-target{font-size:13px;color:#6b7280;font-family:Monaco,Courier New,monospace}.replay-timeline-container{position:relative;margin-bottom:18px;padding:9px 0}.replay-timeline-container .replay-timeline{display:flex;align-items:center;gap:4px;position:relative;z-index:2}.replay-timeline-container .replay-timeline .timeline-step{flex:1;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:all .2s ease;position:relative}.replay-timeline-container .replay-timeline .timeline-step:hover{background:#f9fafb}.replay-timeline-container .replay-timeline .timeline-step .timeline-dot{width:7px;height:7px;border-radius:50%;background:#d1d5db;transition:all .2s ease}.replay-timeline-container .replay-timeline .timeline-step.completed .timeline-dot{background:#10b981}.replay-timeline-container .replay-timeline .timeline-step.active{background:#f9fafb}.replay-timeline-container .replay-timeline .timeline-step.active .timeline-dot{width:11px;height:11px;background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.replay-timeline-container .replay-timeline .timeline-step.status-error .timeline-dot{background:#ef4444}.replay-timeline-container .timeline-progress{position:absolute;top:50%;left:0;height:2px;background:#10b981;transform:translateY(-50%);transition:width .3s ease;z-index:1}.replay-controls{display:flex;align-items:center;justify-content:space-between;padding:14px;background:#fafafa;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:14px}.replay-controls .controls-left{display:flex;align-items:center;gap:7px}.replay-controls .control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.replay-controls .control-btn:hover:not(:disabled){background:rgba(0,0,0,.04);color:#374151}.replay-controls .control-btn:disabled{opacity:.4;cursor:not-allowed}.replay-controls .control-btn.play-btn{width:44px;height:44px;background:#3b82f6;border-color:#3b82f6;color:#fff}.replay-controls .control-btn.play-btn:hover{background:#2563eb;border-color:#2563eb}.replay-controls .control-btn.play-btn.playing{background:#ef4444;border-color:#ef4444}.replay-controls .control-btn.play-btn.playing:hover{background:#dc2626;border-color:#dc2626}.replay-controls .control-btn.speed-btn{width:auto;padding:0 12px;font-size:12px;font-weight:600}.replay-controls .controls-right .step-counter{font-size:12px;font-weight:500;color:#6b7280}.replay-step-info{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fafafa;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:14px}.replay-step-info .step-status-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;flex-shrink:0}.replay-step-info .step-details{flex:1;min-width:0}.replay-step-info .step-details .step-action{display:flex;align-items:center;gap:7px;margin-bottom:3px}.replay-step-info .step-details .step-action .action-label{font-size:14px;font-weight:600;color:#0a0a0a}.replay-step-info .step-details .step-action .action-duration{font-size:11px;color:#9ca3af;font-weight:450}.replay-step-info .step-details .step-target{font-size:12px;color:#6b7280;font-family:Monaco,Courier New,monospace;margin-bottom:5px}.replay-step-info .step-details .step-error{font-size:11px;color:#ef4444;background:#fee2e2;padding:5px 9px;border-radius:6px;margin-top:7px}.replay-step-info .step-status-badge{padding:5px 11px;border-radius:7px;font-size:11px;font-weight:600;flex-shrink:0}.replay-step-info.status-success .step-status-badge,.replay-step-info.status-success .step-status-icon{background:#d1fae5;color:#059669}.replay-step-info.status-error .step-status-badge,.replay-step-info.status-error .step-status-icon{background:#fee2e2;color:#dc2626}.replay-step-info.status-running .step-status-badge,.replay-step-info.status-running .step-status-icon{background:#dbeafe;color:#2563eb}.replay-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:768px){.replay-summary{grid-template-columns:1fr}}.replay-summary .summary-item{padding:11px;background:#fafafa;border-radius:8px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:3px}.replay-summary .summary-item .summary-label{font-size:10px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.replay-summary .summary-item .summary-value{font-size:15px;font-weight:650;color:#0a0a0a}@media(max-width:768px){.monitoring-page,.project-monitoring-page{padding:14px}.monitoring-hero .hero-content{flex-direction:column;align-items:flex-start;gap:14px}.project-header{flex-wrap:wrap}.time-series-section .section-header{flex-direction:column;align-items:flex-start;gap:10px}.replay-controls{flex-wrap:wrap;gap:10px}.replay-step-info{flex-direction:column}}.react-flow-workspace{background:#fff!important}.react-flow-workspace .react-flow__node{background:#fff;border:1px solid hsl(var(--border));border-radius:8px;padding:10px;font-size:12px;font-weight:500;color:hsl(var(--foreground));box-shadow:0 1px 3px rgba(0,0,0,.1)}.react-flow-workspace .react-flow__node.node-setup{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.react-flow-workspace .react-flow__node.node-task{background:#fff;border-color:hsl(var(--border))}.react-flow-workspace .react-flow__node.selected{box-shadow:0 0 0 2px hsl(var(--ring))}.react-flow-workspace .react-flow__node:hover{border-color:hsl(var(--ring))}.react-flow-workspace .react-flow__edge.edge-minimal{stroke:hsl(var(--muted-foreground));stroke-width:1}.react-flow-workspace .react-flow__edge .react-flow__edge-path{stroke:hsl(var(--muted-foreground))}.react-flow-workspace .react-flow__edge.selected .react-flow__edge-path{stroke:hsl(var(--ring));stroke-width:2}.react-flow-workspace .react-flow__handle{background:hsl(var(--muted-foreground));border:1px solid hsl(var(--background));width:6px;height:6px}.react-flow-workspace .react-flow__handle.react-flow__handle-bottom,.react-flow-workspace .react-flow__handle.react-flow__handle-top{left:50%;transform:translateX(-50%)}.react-flow-workspace .react-flow__handle.react-flow__handle-left,.react-flow-workspace .react-flow__handle.react-flow__handle-right{top:50%;transform:translateY(-50%)}.react-flow-controls .react-flow__controls{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.react-flow-controls .react-flow__controls .react-flow__controls-button{background:rgba(0,0,0,0);border:none;color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border))}.react-flow-controls .react-flow__controls .react-flow__controls-button:hover{background:hsl(var(--accent))}.react-flow-controls .react-flow__controls .react-flow__controls-button:last-child{border-bottom:none}.react-flow-controls .react-flow__controls .react-flow__controls-button svg{width:14px;height:14px}.react-flow-minimap .react-flow__minimap{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px}.react-flow-minimap .react-flow__minimap .react-flow__minimap-mask{fill:hsl(var(--primary)/.1);stroke:hsl(var(--primary));stroke-width:1}.react-flow-minimap .react-flow__minimap .react-flow__minimap-node{fill:hsl(var(--muted));stroke:hsl(var(--muted-foreground));stroke-width:1}.react-flow-background .react-flow__background{background:#fff!important}.react-flow-background .react-flow__background .react-flow__background-pattern{fill:hsl(var(--muted-foreground)/.05)}@media(prefers-color-scheme:dark){.react-flow-controls .react-flow__controls,.react-flow-workspace .react-flow__node{box-shadow:0 1px 3px rgba(0,0,0,.3)}}.floating-cards-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;perspective:1000px;position:relative;width:100%;background:rgba(0,0,0,0);z-index:1}.floating-cards-container .floating-card{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:16px 20px;min-width:200px;max-width:250px;position:relative;transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8)}.floating-cards-container .floating-card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(0,0,0,.15);box-shadow:0 16px 48px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.9)}.floating-cards-container .floating-card .card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.floating-cards-container .floating-card .card-header .card-icon{font-size:16px;font-weight:600;color:#1f2937}.floating-cards-container .floating-card .card-header .card-title{font-size:14px;font-weight:600;color:#1f2937}.floating-cards-container .floating-card .card-content{font-size:13px;color:#6b7280;line-height:1.4}.floating-cards-container .floating-card .card-content .highlight{color:#1f2937;text-decoration:underline;text-decoration-color:rgba(31,41,55,.3)}.floating-cards-container .floating-card.mention-card{transform:rotate(-2deg) translateY(10px);z-index:1}.floating-cards-container .floating-card.browse-card{transform:rotate(1deg) translateY(-15px);z-index:3;border-color:rgba(99,102,241,.3);background:rgba(248,250,252,.95)}.floating-cards-container .floating-card.personalize-card{transform:rotate(-1deg) translateY(5px);z-index:2}@media(max-width:768px){.floating-cards-container{flex-direction:column;gap:16px;height:auto;margin-top:32px}.floating-cards-container .floating-card{min-width:280px;max-width:320px}.floating-cards-container .floating-card.browse-card,.floating-cards-container .floating-card.mention-card,.floating-cards-container .floating-card.personalize-card{transform:none}}.floating-cards-container .welcome-card.featured{transform:rotate(0deg) translateY(-10px) scale(1.05);z-index:5}.main-heading{font-size:clamp(2.5rem,5vw,2rem);font-weight:700;text-align:center;margin-bottom:10px;color:#1a1a1a;margin-top:10%;letter-spacing:-.01em;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.05);font-family:Google Sans;position:relative;z-index:10}.animated-char{display:inline-block;opacity:0;filter:blur(8px);transform:translateX(20px) scale(.8);transition:all .6s cubic-bezier(.23,1,.32,1);font-family:fritzle}.animated-char.animate{animation:charBlurReveal .8s cubic-bezier(.23,1,.32,1) forwards}.animated-char.build-word{font-family:fritzle}@keyframes charBlurReveal{0%{opacity:0;filter:blur(8px);transform:translateX(20px) scale(.8)}60%{opacity:.8;filter:blur(2px);transform:translateX(5px) scale(.95)}to{opacity:1;filter:blur(0);transform:translateX(0) scale(1)}}.loading-workspace{background:#fff;min-height:100vh}.floating-icons{position:relative;width:140px;height:140px;margin-bottom:1rem}.floating-icon{position:absolute;top:50%;left:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transform-origin:0 0;animation:floatOrbit 6s ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .2s ease}.floating-icon svg{width:18px;height:18px}.floating-icon-1{transform:translate(-18px,-18px) rotate(0deg) translateX(55px) rotate(0deg)}.floating-icon-2{transform:translate(-18px,-18px) rotate(60deg) translateX(55px) rotate(-60deg)}.floating-icon-3{transform:translate(-18px,-18px) rotate(120deg) translateX(55px) rotate(-120deg)}.floating-icon-4{transform:translate(-18px,-18px) rotate(180deg) translateX(55px) rotate(-180deg)}.floating-icon-5{transform:translate(-18px,-18px) rotate(240deg) translateX(55px) rotate(-240deg)}.floating-icon-6{transform:translate(-18px,-18px) rotate(300deg) translateX(55px) rotate(-300deg)}@keyframes floatOrbit{0%,to{transform:translate(-18px,-18px) rotate(var(--rotation)) translateX(55px) rotate(calc(-1 * var(--rotation)));opacity:.7}50%{transform:translate(-18px,-18px) rotate(calc(var(--rotation) + 180deg)) translateX(55px) rotate(calc(-1 * var(--rotation) - 180deg));opacity:1}}.central-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;z-index:5}.loader-ring{border-radius:50%;background:#fff;border:2px solid #f8fafc;box-shadow:0 2px 8px rgba(0,0,0,.05)}.loader-ring,.loader-segment{position:absolute;width:100%;height:100%}.loader-segment{border-radius:50%;border:2px solid rgba(0,0,0,0);animation:loaderSpin 3s ease-in-out infinite}.loader-segment-1{border-top-color:#3b82f6;border-right-color:#3b82f6;animation-delay:0s}.loader-segment-2{border-bottom-color:#10b981;border-left-color:#10b981;animation-delay:1s}.loader-segment-3{border-top-color:#f59e0b;border-left-color:#f59e0b;animation-delay:2s}@keyframes loaderSpin{0%{transform:rotate(0deg);opacity:.8}50%{opacity:1}to{transform:rotate(1turn);opacity:.8}}.loader-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;animation:pulse 3s ease-in-out infinite}.loading-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.25rem;animation:textSlide 3s ease-in-out infinite;line-height:1.4}.loading-subtitle{font-size:.8rem;color:#64748b;animation:fadeInOut 4s ease-in-out infinite;line-height:1.3}@keyframes textSlide{0%,to{opacity:1;transform:translateY(0)}25%{opacity:.7;transform:translateY(-2px)}75%{opacity:.7;transform:translateY(2px)}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:768px){.floating-icons{width:120px;height:120px}.floating-icon{width:32px;height:32px}.floating-icon svg{width:16px;height:16px}.floating-icon-1{transform:translate(-16px,-16px) rotate(0deg) translateX(45px) rotate(0deg)}.floating-icon-2{transform:translate(-16px,-16px) rotate(60deg) translateX(45px) rotate(-60deg)}.floating-icon-3{transform:translate(-16px,-16px) rotate(120deg) translateX(45px) rotate(-120deg)}.floating-icon-4{transform:translate(-16px,-16px) rotate(180deg) translateX(45px) rotate(-180deg)}.floating-icon-5{transform:translate(-16px,-16px) rotate(240deg) translateX(45px) rotate(-240deg)}.floating-icon-6{transform:translate(-16px,-16px) rotate(300deg) translateX(45px) rotate(-300deg)}@keyframes floatOrbit{0%,to{transform:translate(-16px,-16px) rotate(var(--rotation)) translateX(45px) rotate(calc(-1 * var(--rotation)));opacity:.7}50%{transform:translate(-16px,-16px) rotate(calc(var(--rotation) + 180deg)) translateX(45px) rotate(calc(-1 * var(--rotation) - 180deg));opacity:1}}.central-loader{width:50px;height:50px}.loader-center{width:20px;height:20px}.loading-title{font-size:1rem}.loading-subtitle{font-size:.75rem}}.top-projects-at{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.top-projects-at .at-ct{font-size:14px;font-weight:600;color:#666;margin-top:10px;border:1px solid #666;border-radius:10px}.selected-repos-container{display:flex;flex-wrap:wrap;gap:4px;min-height:0;padding-left:12px;padding-right:12px}.selected-repo-tag{display:flex;align-items:center;width:max-content;padding:3px 10px;border:1px solid #e2e8f0;border-radius:60px;cursor:pointer;transition:all .2s ease;background:rgba(0,0,0,0)}.selected-repo-tag:hover{background:#f8fafc;border-color:#cbd5e1}.selected-repo-tag .repo-name{font-size:12px;font-weight:500;background:linear-gradient(135deg,#9333ea,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-family:Google Sans}.selected-repo-tag .remove-icon{margin-left:6px;color:#94a3b8;font-size:16px;line-height:1;transition:color .2s ease}.selected-repo-tag:hover .remove-icon{color:#475569}.bottom-input-section-cook{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;z-index:99999}.bottom-input-section-cook .right-nut{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px}.bottom-input-section-cook .mode-dropdown-container{position:relative;z-index:99999}.bottom-input-section-cook .projects-types-wrap{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background:rgba(238,239,240,.8941176471);border-radius:50px;padding:3.3px 6px 3.3px 8px;gap:5px;cursor:pointer;transition:all .2s ease}.bottom-input-section-cook .projects-types-wrap:hover{background:rgba(226,228,231,.6274509804)}.bottom-input-section-cook .projects-types-wrap span{font-size:13px;font-weight:550;color:rgba(86,103,127,.7215686275);font-family:Google Sans}.bottom-input-section-cook .mode-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:rgba(255,255,255,.144);backdrop-filter:blur(4px);border-radius:12px;padding:4px;min-width:184px;max-height:400px;overflow-y:auto;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);z-index:99999;animation:dropdownFadeIn .15s ease-out}.bottom-input-section-cook .mode-dropdown::-webkit-scrollbar{width:6px}.bottom-input-section-cook .mode-dropdown::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.bottom-input-section-cook .mode-dropdown::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.bottom-input-section-cook .mode-dropdown::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bottom-input-section-cook .mode-section{padding:2px 0;background-color:rgba(0,0,0,0)}.bottom-input-section-cook .mode-option{display:flex;align-items:center;gap:8px;background-color:rgba(0,0,0,0);font-size:13px;padding:7px 10px;margin:1px 0;border-radius:8px;cursor:pointer;transition:all .15s ease;color:#64748b;font-family:Google Sans}.bottom-input-section-cook .mode-option:hover{background:rgba(241,245,249,.4588235294)}.bottom-input-section-cook .mode-option.selected{background:rgba(254,93,72,.1294117647);color:#fe5d48;font-weight:550}.bottom-input-section-cook .mode-option.selected span{font-weight:500!important}.bottom-input-section-cook .mode-option span{flex:1;font-family:Google Sans;font-weight:450}.bottom-input-section-cook .github-repos-wrap{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:50px;padding:4px 8px;gap:5px;cursor:pointer;transition:all .2s ease}.bottom-input-section-cook .github-repos-wrap:hover{background:rgba(243,244,246,.6274509804)}.bottom-input-section-cook .github-repos-wrap span{font-size:13px;font-weight:450;color:#62748e}.bottom-input-section-cook .left-nut{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.github-dropdown-container{position:relative;z-index:99999}.github-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:rgba(255,255,255,.144);backdrop-filter:blur(4px);border-radius:12px;padding:4px;min-width:320px;max-height:400px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);z-index:99999;animation:dropdownFadeIn .15s ease-out}.github-dropdown-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e2e8f0}.github-dropdown-header span{font-size:13px;font-weight:550;color:#64748b;font-family:Google Sans}.github-repos-list{max-height:300px;overflow-y:auto;padding:2px 0}.github-repos-list::-webkit-scrollbar{width:6px}.github-repos-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.github-repos-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.github-repos-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.github-repo-item{padding:10px 12px;margin:1px 0;border-radius:8px;cursor:pointer;transition:all .15s ease}.github-repo-item:hover{background:rgba(241,245,249,.4588235294)}.github-repo-item.highlighted{background:rgba(254,93,72,.1294117647)}.github-repo-item .repo-content{display:flex;flex-direction:column;gap:4px}.github-repo-item .repo-header{display:flex;align-items:center;gap:8px}.github-repo-item .repo-name{font-size:13px;font-weight:550;color:#334155;font-family:Google Sans}.github-repo-item .private-badge{padding:2px 6px;background:#fed7aa;color:#c2410c;font-size:11px;border-radius:4px;font-weight:500}.github-repo-item .repo-description{font-size:12px;color:#64748b;font-family:Google Sans;font-weight:400}.github-repo-item .repo-language{display:flex;align-items:center;gap:4px}.github-repo-item .repo-language .language-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6}.github-repo-item .repo-language span{font-size:11px;color:#64748b;font-family:Google Sans}.github-loading-state{padding:24px 16px;text-align:center}.github-loading-state .loading-spinner{width:24px;height:24px;margin:0 auto 8px;color:#3b82f6;animation:spin 1s linear infinite}.github-loading-state p{font-size:13px;color:#64748b;font-family:Google Sans}.github-empty-state{padding:24px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.github-empty-state .empty-message{font-size:13px;color:#64748b;font-family:Google Sans;margin-bottom:4px}.github-empty-state .connect-button{font-size:12px;margin-top:4px}.github-no-results{padding:24px 16px;text-align:center}.github-no-results .no-results-message{font-size:13px;color:#64748b;font-family:Google Sans}.github-no-results .no-results-hint{font-size:11px;color:#94a3b8;font-family:Google Sans;margin-top:4px}.notifications-page{width:100%;min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:24px}.notifications-container{max-width:680px;margin:0 auto}.notifications-header{margin-bottom:24px}.header-content{margin-bottom:16px}.title-wrapper{display:flex;align-items:center;gap:12px}.page-title{font-size:20px;font-weight:600;color:#000;margin:0}.unread-pulse{display:flex;align-items:center;gap:6px}.pulse-dot{width:6px;height:6px;background:#666;border-radius:50%}.unread-badge{background:#f5f5f5;color:#666;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.header-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-tabs{display:inline-flex;gap:0;background:rgba(0,0,0,.04);border-radius:60px;padding:4px}.filter-tab{display:flex;align-items:center;gap:7px;padding:5px 10px;font-size:13px;font-weight:500;color:rgba(0,0,0,.5);background:rgba(0,0,0,0);border:none;border-radius:67px;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;z-index:1}.filter-tab:hover:not(.active){color:rgba(0,0,0,.7)}.filter-tab.active{color:rgba(0,0,0,.95);background:#fff;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06)}.filter-tab.active .tab-count{background:#f5f5f5;color:#666}.tab-count{background:rgba(0,0,0,0);color:#666;font-size:10.5px;font-weight:600;padding:1px 5px;border-radius:4px;min-width:14px;text-align:center}.mark-read-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:12.5px;font-weight:500;color:#666;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.mark-read-btn:hover{background:#e5e5e5;color:#000}.mark-read-btn svg{display:none}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;gap:14px;background:#fff;border-radius:8px;padding:14px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid #f0f0f0;position:relative;overflow:hidden}.notification-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.notification-item:hover{border-color:#e5e5e5;box-shadow:0 2px 8px rgba(0,0,0,.06);transform:translateY(-1px)}.notification-item:hover:before{left:100%}.notification-item:hover .notification-avatar{transform:scale(1.05);box-shadow:0 2px 8px rgba(91,124,230,.25)}.notification-item:active{transform:translateY(0)}.notification-item.unread{background:linear-gradient(180deg,#fafbfc 0,#ffffff);border-color:#e8e8e8}.notification-item.unread:after{content:"";position:absolute;right:16px;top:16px;width:7px;height:7px;background:#5b7ce6;border-radius:50%;box-shadow:0 0 0 2px rgba(91,124,230,.1)}.notification-avatar{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;font-weight:600;border-radius:50%;margin-top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(91,124,230,.15);position:relative;z-index:1}.notification-avatar:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:50%;pointer-events:none}.notification-avatar svg{width:16px;height:16px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.notification-text{font-size:14px;line-height:1.6;color:#1a1a1a;display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.notification-text .notification-user{font-weight:600;color:#0a0a0a;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.unread .notification-text .notification-user{font-weight:600}.unread .notification-text .notification-user:before{content:"";width:6px;height:6px;background:#5b7ce6;border-radius:50%;display:inline-block;animation:subtle-pulse 2s ease-in-out infinite}.notification-text .notification-action{font-weight:400;color:#404040}.notification-text .notification-project{font-weight:600;color:#5b7ce6;transition:color .2s ease}.notification-item:hover .notification-text .notification-project{color:#4a6dd5}.notification-description{font-size:13.5px;line-height:1.5;color:#606060;margin:0 0 6px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color .2s ease}.notification-item:hover .notification-description{color:#505050}.notification-footer{display:flex;align-items:center;gap:6px;font-size:12px;color:#8a8a8a}.notification-time{color:#8a8a8a;font-weight:400}.separator{color:#d0d0d0;font-weight:300}.project-name{color:#8a8a8a;font-weight:400}.notification-actions{display:flex;gap:8px;margin-top:10px}.action-btn{padding:6px 16px;font-size:12.5px;font-weight:500;border:none;border-radius:5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.action-btn:hover:before{width:120%;height:120%}.action-btn.decline{color:#606060;background:#f5f5f5;border:1px solid #e8e8e8}.action-btn.decline:hover{background:#ebebeb;border-color:#d8d8d8;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.action-btn.accept{background:linear-gradient(135deg,#5b7ce6,#4a6dd5);color:#fff;border:1px solid #5b7ce6;box-shadow:0 1px 3px rgba(91,124,230,.2)}.action-btn.accept:hover{box-shadow:0 2px 6px rgba(91,124,230,.3);transform:translateY(-1px)}.action-btn:active{transform:translateY(0) scale(.98)}.empty-state{flex-direction:column;background:#fafafa;border-radius:6px}.empty-icon,.empty-state{display:flex;align-items:center;justify-content:center}.empty-icon{width:48px;height:48px;background:#f5f5f5;border-radius:50%;color:#999;margin-bottom:16px}.empty-title{font-size:16px;font-weight:600;color:#000;margin:0 0 6px}.empty-description{font-size:14px;color:#666;margin:0;line-height:1.5}@media(max-width:768px){.notifications-page{padding:16px}.header-actions{flex-direction:column;align-items:stretch;gap:10px}.filter-tabs,.mark-read-btn{width:100%}.filter-tab{flex:1;justify-content:center}.notification-item{padding:14px}.notification-avatar{width:36px;height:36px;font-size:13px}.notification-avatar svg{width:16px;height:16px}}@media(max-width:480px){.notifications-page{padding:12px}.page-title{font-size:18px}.notification-item{padding:12px}.notification-actions .action-btn{flex:1}}.action-btn:focus-visible,.filter-tab:focus-visible,.mark-read-btn:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.notification-item:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.onboarding-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:Google Sans;position:relative}.onboarding-logo-container{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.1rem;z-index:10}.onboarding-logo{height:24px;width:auto}.onboarding-logo-text{font-size:1.25rem;font-weight:600;color:#1f2937;font-family:Bricolage Grotesque,sans-serif;color:#0a0a0a;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-size:1.2rem;font-style:normal}.onboarding-container{max-width:480px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.progress-dots{display:flex;gap:.25rem;margin-bottom:1.5rem}.progress-dots .dot{width:32px;height:4px;border-radius:2px;background-color:#e5e7eb;transition:background-color .2s ease}.progress-dots .dot.active{background-color:#1f2937}.onboarding-content{width:100%;display:flex;flex-direction:column}.main-title{font-size:1.75rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;text-align:left}.main-title .username{color:#de3b24}.subtitle{font-size:.925rem;color:#6b7280;margin-bottom:1.25rem;text-align:left}.dashboard-preview{width:100%;max-width:500px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.dashboard-preview .preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.dashboard-preview .preview-header .header-tabs{display:flex;gap:1.5rem}.dashboard-preview .preview-header .header-tabs .tab{font-size:.875rem;color:#6b7280;cursor:pointer;padding-bottom:.25rem}.dashboard-preview .preview-header .header-tabs .tab.active{color:#1f2937;border-bottom:2px solid #1f2937}.dashboard-preview .preview-header .star-btn{background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer}.dashboard-preview .preview-content{padding:1.5rem}.dashboard-preview .preview-content .overview-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.dashboard-preview .preview-content .overview-section p{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.dashboard-preview .preview-content .overview-section .task-item{background:#f3f4f6;padding:.75rem;border-radius:4px;font-size:.875rem;color:#374151;margin-bottom:1rem}.dashboard-preview .preview-content .overview-section .repo-info{display:flex;align-items:center;gap:1rem}.dashboard-preview .preview-content .overview-section .repo-info .branch,.dashboard-preview .preview-content .overview-section .repo-info .repo{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.dashboard-preview .preview-content .overview-section .repo-info .branch:before,.dashboard-preview .preview-content .overview-section .repo-info .repo:before{content:"⚬";margin-right:.25rem}.dashboard-preview .preview-content .overview-section .repo-info .create-btn{background:#1f2937;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;margin-left:auto}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:600px}.features-grid .feature-item{display:flex;align-items:center;gap:.75rem}.features-grid .feature-item .checkmark{color:#059669;font-weight:700;font-size:1rem}.features-grid .feature-item span:last-child{font-size:.875rem;color:#374151}.form-section{width:100%;margin-bottom:1.25rem}.form-section .form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.form-section .form-label span:first-child{font-size:.875rem;font-weight:500;color:#374151}.form-section .form-label .info-icon{color:#6b7280;font-size:.875rem;cursor:help}.form-section .form-input,.form-section .form-select{width:100%;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;font-family:Google Sans}.form-section .form-input:focus,.form-section .form-select:focus{outline:none;border-color:#374151;box-shadow:0 0 0 2px rgba(55,65,81,.1)}.form-section .form-select{cursor:pointer}.form-section .industry-chips{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.form-section .industry-chips .industry-chip{display:flex;align-items:center;justify-content:center;padding:.375rem .875rem;background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:.8rem;font-weight:500;font-family:Google Sans,sans-serif;color:#374151;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;width:max-content;position:relative}.form-section .industry-chips .industry-chip:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.form-section .industry-chips .industry-chip.selected{background:#de3b24;border-color:#de3b24;color:#fff}.form-section .industry-chips .industry-chip.selected:hover{background:#c7321f;border-color:#c7321f}.form-section .industry-chips .industry-chip:active{transform:translateY(0)}.unified-handle-composer{border:1px solid #e5e7eb;border-radius:8px;background:#fff;transition:all .2s ease;overflow:hidden}.unified-handle-composer:focus-within{border-color:#374151;box-shadow:0 0 0 2px rgba(55,65,81,.1)}.unified-handle-composer .handle-input-wrapper{display:flex;align-items:center;background:#fff}.unified-handle-composer .handle-input-wrapper .handle-prefix{padding:.75rem 0 .75rem 1rem;font-size:.925rem;color:#374151;font-weight:600;font-family:Google Sans}.unified-handle-composer .handle-input-wrapper .handle-input{flex:1;padding:.75rem 1rem .75rem 0;border:none;background:rgba(0,0,0,0);font-size:.925rem;font-family:Google Sans;color:#111827}.unified-handle-composer .handle-input-wrapper .handle-input:focus{outline:none}.unified-handle-composer .handle-input-wrapper .handle-input::placeholder{color:#9ca3af;font-weight:400}.unified-handle-composer .composer-info{border-top:1px solid #f3f4f6;background:#f9fafb;padding:.75rem 1rem}.unified-handle-composer .composer-info .url-preview .url-text{font-size:.875rem;color:#6b7280;font-weight:500;font-family:Bricolage Grotesque,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-style:normal}.team-toggle-section{width:100%;margin-bottom:1.25rem;display:flex;gap:.75rem;flex-direction:row}.team-toggle-section .toggle-option{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease;background:#fff}.team-toggle-section .toggle-option:hover{border-color:#d1d5db;background-color:#f9fafb}.team-toggle-section .toggle-option.active{border-color:#374151;background-color:#f9fafb}.team-toggle-section .toggle-option .toggle-header{display:flex;align-items:center;gap:.1rem}.team-toggle-section .toggle-option .toggle-radio{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .15s ease;flex-shrink:0}.team-toggle-section .toggle-option .toggle-title{font-size:.875rem;font-weight:500;color:#374151}.team-toggle-section .toggle-option .toggle-content{display:flex;flex-direction:column;gap:.25rem}.team-toggle-section .toggle-option .toggle-content .toggle-description{font-size:.75rem;color:#6b7280}.team-details{width:100%;margin-top:0;padding-top:.1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.summary-section{width:100%;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;margin-bottom:1.25rem}.summary-section .summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.summary-section .summary-item:last-child{margin-bottom:0}.summary-section .summary-item .summary-label{font-size:.875rem;color:#6b7280;font-weight:500}.summary-section .summary-item .summary-value{font-size:.875rem;color:#374151;font-weight:500}.navigation-buttons{display:flex;gap:.75rem;margin-top:1rem}.navigation-buttons .back-btn{background:rgba(0,0,0,0);color:#6b7280;border:1px solid #e5e7eb;width:max-content;margin-top:1.25rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;font-family:Google Sans;cursor:pointer;transition:all .2s ease}.navigation-buttons .back-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.navigation-buttons .back-btn:active{transform:translateY(1px)}.navigation-buttons .continue-btn{background:#1f2937;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;font-family:Google Sans;cursor:pointer;transition:all .2s ease}.navigation-buttons .continue-btn:hover{background:#111827}.navigation-buttons .continue-btn:active{transform:translateY(1px)}.workspace-section{width:100%}.workspace-section .workspace-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.workspace-section .workspace-label span:first-child{font-size:.875rem;font-weight:500;color:#374151}.workspace-section .workspace-label .info-icon{color:#6b7280;font-size:.875rem;cursor:help}.workspace-section .workspace-input{width:100%;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;font-family:Google Sans}.workspace-section .workspace-input:focus{outline:none;border-color:#374151;box-shadow:0 0 0 2px rgba(55,65,81,.1)}.get-started-btn{background:#1f2937;color:#fff;border:none;width:max-content;margin-top:1.25rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;font-family:Google Sans;cursor:pointer;transition:all .2s ease}.get-started-btn:hover:not(:disabled){background:#111827}.get-started-btn:active:not(:disabled){transform:translateY(1px)}.get-started-btn:disabled{opacity:.5;cursor:not-allowed}.handle-input-wrapper{position:relative}.handle-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:500}.handle-status.checking{color:#6b7280}.handle-status.available{color:#10b981}.handle-status.taken{color:#ef4444}.handle-input.success{border-color:#10b981!important}.handle-input.error{border-color:#ef4444!important}.error-message{margin-top:.5rem;padding:.5rem .75rem;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.813rem;font-weight:500}.project-page{min-height:100vh;background:#fff;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:1.5rem}.project-container{margin:0 auto}.project-header{margin-bottom:1.5rem;position:relative;padding:1.5rem 1.75rem;background:#fafaf9;backdrop-filter:blur(20px);border-radius:12px;overflow:hidden}.project-header:before{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3ClinearGradient id='grad1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(102,126,234);stop-opacity:0.03' /%3E%3Cstop offset='100%25' style='stop-color:rgb(118,75,162);stop-opacity:0.03' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='100' height='100' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3Ccircle cx='20' cy='50' r='40' fill='url(%23grad1)'/%3E%3Ccircle cx='80' cy='80' r='35' fill='url(%23grad1)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.6;animation:glitchShift 20s ease-in-out infinite}.project-header:after,.project-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.project-header:after{background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 40 0 L 0 0 0 40' fill='none' stroke='rgba(0,0,0,0.015)' stroke-width='1'/%3E%3C/pattern%3E%3Cpattern id='smallGrid' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 8 0 L 0 0 0 8' fill='none' stroke='rgba(0,0,0,0.01)' stroke-width='0.5'/%3E%3C/pattern%3E%3CradialGradient id='glowGrad'%3E%3Cstop offset='0%25' style='stop-color:rgb(139,92,246);stop-opacity:0.05'/%3E%3Cstop offset='100%25' style='stop-color:rgb(139,92,246);stop-opacity:0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23grid)'/%3E%3Crect width='200' height='200' fill='url(%23smallGrid)'/%3E%3Ccircle cx='160' cy='40' r='60' fill='url(%23glowGrad)'/%3E%3C/svg%3E"),linear-gradient(135deg,transparent,rgba(102,126,234,.01) 25%,transparent 50%,rgba(118,75,162,.01) 75%,transparent);background-size:400px 400px,200% 200%;opacity:.8;animation:glitchFloat 15s ease-in-out infinite alternate}.project-header>*{position:relative;z-index:1}.project-header .header-row{position:relative}.project-header .header-row:before{content:"";position:absolute;top:-100%;left:-10%;width:120%;height:300%;background:url("data:image/svg+xml,%3Csvg width='100' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='1' x2='100' y2='1' stroke='rgba(139,92,246,0.03)' stroke-width='1'/%3E%3C/svg%3E");background-size:100% 3px;pointer-events:none;animation:scanlines 8s linear infinite;z-index:0}.project-header .header-row:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='hexPattern' x='0' y='0' width='50' height='43.4' patternUnits='userSpaceOnUse'%3E%3Cpath d='M25,0 L50,14.4 L50,28.9 L25,43.4 L0,28.9 L0,14.4 Z' fill='none' stroke='rgba(102,126,234,0.04)' stroke-width='0.5'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23hexPattern)'/%3E%3Cpolygon points='100,40 120,50 120,70 100,80 80,70 80,50' fill='rgba(118,75,162,0.02)' stroke='rgba(118,75,162,0.08)' stroke-width='0.5'/%3E%3Cpolygon points='150,100 165,108 165,124 150,132 135,124 135,108' fill='rgba(102,126,234,0.02)' stroke='rgba(102,126,234,0.08)' stroke-width='0.5'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.7;animation:wireframeRotate 25s linear infinite}.project-header .project-title:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,transparent,rgba(102,126,234,.3) 20%,rgba(118,75,162,.3) 80%,transparent);border-radius:2px;animation:accentPulse 3s ease-in-out infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(20%)}}@keyframes glitchShift{0%,to{transform:translate(0);opacity:.6}25%{transform:translate(2px,-2px);opacity:.5}50%{transform:translate(-1px,1px);opacity:.7}75%{transform:translate(1px,-1px);opacity:.55}}@keyframes glitchFloat{0%{transform:translate(0) scale(1);background-position:0 0,0 0}33%{transform:translate(-5px,5px) scale(1.02);background-position:10% 10%,25% 25%}66%{transform:translate(3px,-3px) scale(.98);background-position:-5% 15%,50% 50%}to{transform:translate(0) scale(1);background-position:0 20%,100% 100%}}@keyframes wireframeRotate{0%{transform:rotate(0deg) scale(1);opacity:.7}50%{transform:rotate(180deg) scale(1.1);opacity:.5}to{transform:rotate(1turn) scale(1);opacity:.7}}@keyframes accentPulse{0%,to{opacity:.3;transform:translateY(-50%) scaleY(1)}50%{opacity:.6;transform:translateY(-50%) scaleY(1.2)}}.project-header .header-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem}.project-header .owner-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.3125rem .75rem .3125rem .3125rem;background:rgba(255,255,255,.5);backdrop-filter:blur(12px);border-radius:100px;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 2px rgba(0,0,0,.03),inset 0 .5px 0 rgba(255,255,255,.9);transition:all .15s cubic-bezier(.4,0,.2,1)}.project-header .owner-badge:hover{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.06);box-shadow:0 2px 4px rgba(0,0,0,.05),inset 0 .5px 0 #fff}.project-header .owner-badge .owner-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.625rem;box-shadow:0 1px 2px rgba(102,126,234,.25)}.project-header .owner-badge .owner-name{font-size:.75rem;font-weight:500;color:#6b7280}.project-header .header-right{display:inline-flex;align-items:center;gap:.5rem;justify-self:end}.project-header .status-indicators{display:inline-flex;align-items:center;gap:.375rem;justify-self:center}.project-header .live-indicator,.project-header .public-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .75rem;border-radius:100px;font-size:.6875rem;font-weight:500;backdrop-filter:blur(8px);border:1px solid;box-shadow:0 1px 2px rgba(0,0,0,.03),inset 0 .5px 0 rgba(255,255,255,.5);transition:all .15s cubic-bezier(.4,0,.2,1)}.project-header .live-indicator{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.12);color:#059669}.project-header .live-indicator:hover{background:rgba(16,185,129,.09);border-color:rgba(16,185,129,.16)}.project-header .live-indicator .pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;position:relative;box-shadow:0 0 3px rgba(16,185,129,.4)}.project-header .live-indicator .pulse-dot:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#10b981;animation:pulse-ring 1.5s cubic-bezier(.4,0,.6,1) infinite}.project-header .public-indicator{background:rgba(59,130,246,.05);border-color:rgba(59,130,246,.1);color:#2563eb}.project-header .public-indicator:hover{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.14)}.project-header .public-indicator svg{color:#3b82f6;width:12px;height:12px}.project-header .header-actions{display:inline-flex;gap:.5rem}.project-header .header-actions .fork-btn,.project-header .header-actions .share-btn,.project-header .header-actions .star-btn{font-size:.8125rem;font-weight:500;padding:.4375rem .875rem;border-radius:7px;transition:all .15s cubic-bezier(.4,0,.2,1)}.project-header .header-actions .fork-btn svg,.project-header .header-actions .share-btn svg,.project-header .header-actions .star-btn svg{width:15px;height:15px}.project-header .header-actions .star-btn{background:linear-gradient(180deg,#ff6b56,#fe5c47);border:none;color:#fff;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.15),inset 0 -1px 0 0 rgba(0,0,0,.15),0 1px 2px rgba(254,92,71,.2)}.project-header .header-actions .star-btn:hover{background:linear-gradient(180deg,#ff7a67,#ff6450);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.18),inset 0 -1px 0 0 rgba(0,0,0,.18),0 2px 4px rgba(254,92,71,.25)}.project-header .header-actions .share-btn{padding:.4375rem}.project-header .project-title{font-size:2rem;font-weight:600;color:#111827;margin:0 0 .75rem;line-height:1.2;letter-spacing:-.02em;position:relative;padding-left:0}.project-header .project-description{font-size:.9375rem;color:#6b7280;line-height:1.6;margin:0 0 .875rem;max-width:820px}.project-header .project-meta{display:inline-flex;align-items:center;gap:1.125rem;margin-bottom:.875rem}.project-header .project-meta .meta-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#9ca3af}.project-header .project-meta .meta-item svg{color:#d1d5db;width:14px;height:14px}.project-header .tags-row{display:inline-flex;flex-wrap:wrap;gap:.375rem}.project-header .tags-row .tag-pill{font-size:.6875rem;font-weight:500;padding:.3125rem .75rem;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);color:#6b7280;border-radius:6px;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 2px rgba(0,0,0,.02),inset 0 .5px 0 rgba(255,255,255,.7);transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer}.project-header .tags-row .tag-pill:hover{background:rgba(255,255,255,.75);color:#374151;border-color:rgba(0,0,0,.06);box-shadow:0 2px 3px rgba(0,0,0,.04),inset 0 .5px 0 #fff;transform:translateY(-.5px)}.preview-container .preview-tabs{display:inline-flex;gap:.25rem;padding:.25rem;background:rgba(249,250,251,.4);backdrop-filter:blur(12px);border-radius:10px;margin-bottom:.875rem;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 2px rgba(0,0,0,.04),inset 0 .5px 0 rgba(255,255,255,.8)}.preview-container .preview-tabs .preview-tab{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.125rem;background:rgba(0,0,0,0);border:none;border-radius:8px;font-size:.8125rem;font-weight:500;color:#9ca3af;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Google Sans;position:relative;white-space:nowrap}.preview-container .preview-tabs .preview-tab svg{transition:all .2s cubic-bezier(.4,0,.2,1);color:#d1d5db}.preview-container .preview-tabs .preview-tab:before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));opacity:0;transition:opacity .2s ease}.preview-container .preview-tabs .preview-tab:hover:not(.active){color:#6b7280}.preview-container .preview-tabs .preview-tab:hover:not(.active) svg{color:#9ca3af;transform:translateY(-1px)}.preview-container .preview-tabs .preview-tab:hover:not(.active):before{opacity:1}.preview-container .preview-tabs .preview-tab.active{background:linear-gradient(135deg,#ffffff,#fafbfc);color:#111827;box-shadow:0 1px 3px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.04),inset 0 .5px 0 #fff;font-weight:600}.preview-container .preview-tabs .preview-tab.active svg{color:#667eea;transform:scale(1.05)}.preview-container .preview-tabs .preview-tab.active:before{opacity:0}.preview-container .preview-content-wrapper{margin-bottom:1.75rem}.code-panel,.preview-panel,.setup-panel{animation:fadeIn .2s ease}.browser-window{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;min-height:560px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 4px 13px rgba(0,0,0,.08),0 10px 6px rgba(0,0,0,.04)}.browser-window .browser-titlebar{background:linear-gradient(180deg,#fafbfc,#f4f6f8);padding:5px 8px 4px;display:flex;align-items:center;gap:6px;min-height:32px;position:relative}.browser-window .browser-titlebar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.04) 50%,transparent)}.browser-window .browser-titlebar .titlebar-controls{display:flex;gap:5px}.browser-window .browser-titlebar .titlebar-controls .control-dot{width:9px;height:9px;border-radius:50%;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.browser-window .browser-titlebar .titlebar-controls .control-dot.close{background:linear-gradient(135deg,#ff6058,#ff453a)}.browser-window .browser-titlebar .titlebar-controls .control-dot.close:hover{background:linear-gradient(135deg,#ff453a,#ff3b30);transform:scale(1.1)}.browser-window .browser-titlebar .titlebar-controls .control-dot.minimize{background:linear-gradient(135deg,#ffbe30,#ff9f0a)}.browser-window .browser-titlebar .titlebar-controls .control-dot.minimize:hover{background:linear-gradient(135deg,#ff9f0a,#ff8c00);transform:scale(1.1)}.browser-window .browser-titlebar .titlebar-controls .control-dot.maximize{background:linear-gradient(135deg,#30d158,#28cd41)}.browser-window .browser-titlebar .titlebar-controls .control-dot.maximize:hover{background:linear-gradient(135deg,#28cd41,#20ba2e);transform:scale(1.1)}.browser-window .browser-titlebar .titlebar-nav{display:flex;align-items:center;gap:5px;flex:1}.browser-window .browser-titlebar .titlebar-nav .nav-buttons{display:flex;gap:1px}.browser-window .browser-titlebar .titlebar-nav .nav-buttons .nav-button{background:rgba(0,0,0,0);border:none;padding:3px;border-radius:3px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:all .12s cubic-bezier(.4,0,.2,1)}.browser-window .browser-titlebar .titlebar-nav .nav-buttons .nav-button:hover{background:rgba(0,0,0,.04);color:#374151}.browser-window .browser-titlebar .titlebar-nav .nav-buttons .nav-button:active{background:rgba(0,0,0,.06);transform:scale(.95)}.browser-window .browser-titlebar .titlebar-nav .url-bar{flex:1;display:flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:3px 8px;margin:0 5px;gap:5px;min-height:22px;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px rgba(0,0,0,.03)}.browser-window .browser-titlebar .titlebar-nav .url-bar:hover{box-shadow:inset 0 1px 2px rgba(0,0,0,.03),0 1px 4px rgba(0,0,0,.06);border-color:rgba(0,0,0,.08)}.browser-window .browser-titlebar .titlebar-nav .url-bar .url-lock{color:#10b981;display:flex;align-items:center;opacity:.75}.browser-window .browser-titlebar .titlebar-nav .url-bar .url-text{flex:1;font-size:.6875rem;color:#374151;font-family:SF Mono,Monaco,monospace;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.browser-window .browser-titlebar .titlebar-nav .url-bar .url-external{background:rgba(0,0,0,0);border:none;padding:2px;border-radius:3px;cursor:pointer;color:#6b7280;display:flex;align-items:center;transition:all .12s cubic-bezier(.4,0,.2,1);opacity:.6}.browser-window .browser-titlebar .titlebar-nav .url-bar .url-external:hover{background:rgba(0,0,0,.04);color:#374151;opacity:1}.browser-window .loading-bar-container{height:1.5px;background:rgba(0,0,0,.02);overflow:hidden}.browser-window .loading-bar-container .loading-bar{height:100%;background:linear-gradient(90deg,rgba(59,130,246,.8),rgba(16,185,129,.8) 25%,rgba(245,158,11,.8) 50%,rgba(239,68,68,.8) 75%,rgba(139,92,246,.8));animation:loading 1.8s cubic-bezier(.4,0,.2,1) infinite;width:25%;border-radius:0 2px 2px 0;box-shadow:0 0 8px rgba(59,130,246,.3)}.browser-window .browser-viewport{flex:1;position:relative;min-height:520px}.browser-window .browser-viewport .browser-iframe{width:100%;height:100%;border:none;background:#fff}.empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:480px;text-align:center;background:rgba(249,250,251,.3);border-radius:10px}.empty-preview svg{color:#e5e7eb;margin-bottom:1rem;opacity:.5}.empty-preview h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.empty-preview p{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem;max-width:360px}.code-panel .code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem .875rem;background:linear-gradient(135deg,#0d1117,#161b22);border-radius:10px 10px 0 0}.code-panel .code-toolbar .code-lang{font-size:.6875rem;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.code-panel .code-toolbar button{background:rgba(255,255,255,.05);border:none;color:#c9d1d9;font-size:.75rem;padding:.375rem .75rem;border-radius:6px;transition:all .15s ease}.code-panel .code-toolbar button:hover{background:rgba(255,255,255,.1)}.code-panel .code-view{background:linear-gradient(135deg,#0d1117,#161b22);color:#c9d1d9;padding:1.125rem .875rem;border-radius:0 0 10px 10px;overflow-x:auto;font-family:SF Mono,Monaco,monospace;font-size:.8125rem;line-height:1.6;margin:0}.code-panel .code-view::-webkit-scrollbar{height:5px}.code-panel .code-view::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.code-panel .code-view::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.code-panel .code-view::-webkit-scrollbar-thumb:hover{background:#484f58}.code-panel .code-actions{margin-top:1rem;display:flex;justify-content:center}.setup-panel .setup-view{background:rgba(249,250,251,.5);backdrop-filter:blur(8px);padding:1.125rem .875rem;border-radius:10px;font-family:SF Mono,monospace;font-size:.8125rem;line-height:1.7;color:#111827;margin:0 0 1.125rem;overflow-x:auto;white-space:pre-wrap}.setup-panel .setup-view::-webkit-scrollbar{height:5px}.setup-panel .setup-view::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.setup-panel .setup-view::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.setup-panel .setup-view::-webkit-scrollbar-thumb:hover{background:#9ca3af}.setup-panel .setup-actions{display:flex;gap:.75rem;justify-content:center}.project-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding-top:1.75rem;border-top:1px solid rgba(0,0,0,.05)}.project-details .details-section .section-title{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem}.project-details .details-section .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.project-details .details-section .stats-grid .stat-card{background:rgba(255,255,255,.4);backdrop-filter:blur(12px);padding:1rem .875rem;border-radius:10px;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 3px rgba(0,0,0,.04),inset 0 .5px 0 rgba(255,255,255,.8);display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-details .details-section .stats-grid .stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,126,234,.03),rgba(118,75,162,.03));opacity:0;transition:opacity .2s ease}.project-details .details-section .stats-grid .stat-card:hover{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.06);box-shadow:0 4px 8px rgba(0,0,0,.08),inset 0 .5px 0 #fff;transform:translateY(-3px)}.project-details .details-section .stats-grid .stat-card:hover:before{opacity:1}.project-details .details-section .stats-grid .stat-card:hover svg{color:#667eea;transform:scale(1.1)}.project-details .details-section .stats-grid .stat-card svg{color:#9ca3af;transition:all .2s cubic-bezier(.4,0,.2,1)}.project-details .details-section .stats-grid .stat-card .stat-value{font-size:1.25rem;font-weight:600;color:#111827;line-height:1}.project-details .details-section .stats-grid .stat-card .stat-label{font-size:.6875rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.project-details .details-section .quick-links{display:flex;flex-direction:column;gap:.5rem}.project-details .details-section .quick-links .quick-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(255,255,255,.4);backdrop-filter:blur(12px);color:#6b7280;text-decoration:none;border-radius:8px;font-size:.8125rem;font-weight:500;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 2px rgba(0,0,0,.04),inset 0 .5px 0 rgba(255,255,255,.8);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-details .details-section .quick-links .quick-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,126,234,.02),rgba(118,75,162,.02));opacity:0;transition:opacity .2s ease}.project-details .details-section .quick-links .quick-link svg{color:#9ca3af;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.project-details .details-section .quick-links .quick-link .link-arrow{margin-left:auto;opacity:0;transform:translateX(-6px);transition:all .2s cubic-bezier(.4,0,.2,1)}.project-details .details-section .quick-links .quick-link:hover{background:rgba(255,255,255,.7);color:#374151;border-color:rgba(0,0,0,.06);box-shadow:0 3px 6px rgba(0,0,0,.08),inset 0 .5px 0 #fff;transform:translateY(-1px)}.project-details .details-section .quick-links .quick-link:hover:before{opacity:1}.project-details .details-section .quick-links .quick-link:hover svg:not(.link-arrow){color:#667eea;transform:scale(1.1)}.project-details .details-section .quick-links .quick-link:hover .link-arrow{opacity:1;transform:translateX(0);color:#9ca3af}.spinning{animation:spin 1s linear infinite}@media(max-width:768px){.project-page{padding:1rem .75rem}.project-header .header-right,.project-header .header-row{flex-direction:column;align-items:flex-start}.project-header .header-right{width:100%;gap:.75rem}.project-header .header-actions,.project-header .status-indicators{width:100%}.project-header .header-actions .fork-btn,.project-header .header-actions .star-btn{flex:1}.project-header .header-actions .share-btn{flex:0 0 auto;min-width:44px}.project-header .project-title{font-size:1.5rem}.project-header .project-description{font-size:.875rem}.preview-tabs .preview-tab{font-size:.75rem;padding:.5rem .75rem}.preview-tabs .preview-tab span{display:none}.browser-window{min-height:420px}.browser-window .browser-titlebar{padding:4px 6px 3px}.browser-window .browser-titlebar .titlebar-nav .url-bar .url-text{font-size:.625rem}.browser-window .browser-viewport{min-height:380px}.project-details{grid-template-columns:1fr;gap:1.25rem}.project-details .details-section .stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.project-details .details-section .stats-grid .stat-card{padding:.75rem .5rem}.project-details .details-section .stats-grid .stat-card .stat-value{font-size:1rem}}.empty-illustration{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.empty-illustration .illustration-svg{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 20px rgba(0,0,0,.03))}.empty-illustration .illustration-svg.visible{opacity:1;transform:translateY(0)}.float-element{opacity:.7;animation:gentle-float 6s ease-in-out infinite;transform-origin:center}.document-shadow{opacity:.3;animation:subtle-pulse 4s ease-in-out infinite}.document-middle{animation:gentle-float 8s ease-in-out infinite;animation-delay:.5s}.document-main{animation:gentle-float 6s ease-in-out infinite;animation-delay:1s}.content-line{opacity:0;animation:fade-in-slide .8s ease-out forwards;stroke-dasharray:100;stroke-dashoffset:100;animation-name:fade-in-slide,draw-line;animation-duration:.8s,1.2s;animation-fill-mode:forwards,forwards;animation-timing-function:ease-out,ease-in-out}.code-bg{animation:gentle-pulse 3s ease-in-out infinite;transform-origin:center}.code-icon{opacity:0;animation:fade-in-up 1s ease-out 1.5s forwards}.plus-bg{animation:gentle-scale 2s ease-in-out infinite;transform-origin:center}.plus-icon{opacity:0;animation:fade-in-rotate 1s ease-out 2s forwards}.sparkle-star{opacity:0;animation:twinkle 2s ease-in-out infinite;transform-origin:center}.connection-line{stroke-dasharray:50;stroke-dashoffset:50;animation:dash-flow 3s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gentle-scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fade-in-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-rotate{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes draw-line{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.8)}25%{opacity:.7;transform:scale(1.2)}50%{opacity:1;transform:scale(1)}75%{opacity:.7;transform:scale(1.1)}}.micro-sparkle{opacity:0;animation:micro-twinkle 3s ease-in-out infinite;transform-origin:center}@keyframes micro-twinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.pulse-dot{opacity:0;animation:pulse-glow 2s ease-in-out infinite;transform-origin:center}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}.interactive-element{cursor:pointer;transition:all .3s ease}.interactive-element:hover .pulse-dot{animation-duration:.5s;transform:scale(2)}@keyframes dash-flow{0%{stroke-dashoffset:50}50%{stroke-dashoffset:0}to{stroke-dashoffset:-50}}@media(max-width:640px){.empty-illustration{margin-bottom:24px}.empty-illustration .illustration-svg{width:160px;height:128px}}@media(max-width:480px){.empty-illustration{margin-bottom:20px}.empty-illustration .illustration-svg{width:140px;height:112px}}.dark .empty-illustration .illustration-svg{filter:drop-shadow(0 4px 20px rgba(0,0,0,.2))}.dark .sparkle-star{fill:hsl(var(--muted-foreground))!important}.dark .grid-pattern line{stroke:hsl(var(--border))!important}.dark .float-element{fill:hsl(var(--muted))!important}.empty-illustration{will-change:transform}.empty-illustration .illustration-svg{will-change:opacity,transform}.empty-illustration .code-bg,.empty-illustration .document-main,.empty-illustration .document-middle,.empty-illustration .plus-bg,.empty-illustration .sparkle-star{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.projects-page{min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;overflow-x:hidden}.dark .projects-page{background:hsl(var(--background))}.spawn-container-projects{width:100%;z-index:1;padding:0 20px}.projects-content{display:flex;flex-direction:row;gap:24px;padding:0}.projects-search-section{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:100%;margin-bottom:20px}@media(max-width:768px){.projects-search-section{gap:12px}}.projects-search-section .search-container{display:flex;align-items:center;gap:12px;background:#f3f4f6;width:100%;max-width:100%;border-radius:50px;padding:8px 12px 8px 20px;min-width:0;flex:1}.dark .projects-search-section .search-container{background:hsl(var(--muted))}.projects-search-section .search-icon{width:16px;height:16px;color:#6b7280}.dark .projects-search-section .search-icon{color:hsl(var(--muted-foreground))}.projects-search-section .search-input{border:none;outline:none;background:rgba(0,0,0,0);font-size:14px;padding:4px 0;color:#0a0a0a;width:100%;min-width:0;flex:1;font-family:Patron}.projects-search-section .search-input::placeholder{color:rgba(115,115,115,.737254902);font-family:Patron}.dark .projects-search-section .search-input{color:hsl(var(--foreground))}.dark .projects-search-section .search-input::placeholder{color:hsl(var(--muted-foreground))}.projects-search-section .search-input:focus,.projects-search-section .search-input:focus-visible,.projects-search-section .search-input:focus-within{outline:none}.projects-sidebar{position:sticky;height:fit-content;background:rgba(0,0,0,0);min-width:260px;z-index:10;overflow-y:scroll;max-height:99vh;padding:25px 0 0}.projects-sidebar ::-webkit-scrollbar,.projects-sidebar::-webkit-scrollbar{display:none}@media(max-width:1024px){.projects-sidebar{position:static;order:2;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:20px}.dark .projects-sidebar{background:hsl(var(--card));border-color:hsl(var(--border))}.filter-section{margin-bottom:20px}.filter-section:last-child{margin-bottom:0}}.dark .filter-title{color:hsl(var(--muted-foreground))}.dark .filter-item:hover,.dark .filter-item:hover .filter-icon{color:hsl(var(--foreground))}.dark .filter-item.active,.dark .filter-item.active .filter-icon{color:hsl(var(--destructive))}.dark .filter-item.active .filter-count{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.dark .filter-count,.dark .filter-icon,.dark .filter-item{color:hsl(var(--muted-foreground))}.dark .filter-count{background:hsl(var(--muted))}.projects-main{min-height:600px;width:100%;max-width:100%;padding-top:25px;position:relative;overflow-y:scroll;max-height:99vh}.projects-main:before{content:"";position:sticky;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.8) 25%,rgba(255,255,255,.4) 70%,rgba(255,255,255,0));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none;margin-bottom:-40px}.dark .projects-main:before{background:linear-gradient(to bottom,hsla(var(--background)/.95) 0,hsla(var(--background)/.8) 25%,hsla(var(--background)/.4) 70%,hsla(var(--background)/0) 100%)}.projects-main.scrolled:before{opacity:1;box-shadow:0 4px 20px rgba(0,0,0,.03)}.projects-main ::-webkit-scrollbar,.projects-main::-webkit-scrollbar{display:none}@media(max-width:1024px){.projects-main{order:1}}.projects-container{margin-bottom:40px;width:100%;max-width:100%;overflow:hidden}.projects-container.loading-view{display:flex;justify-content:center;align-items:center;width:100%;min-height:400px}.projects-container.grid-view{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}@media(min-width:1600px){.projects-container.grid-view{grid-template-columns:repeat(4,1fr);gap:14px}}@media(min-width:1200px)and (max-width:1399px){.projects-container.grid-view{grid-template-columns:repeat(3,1fr);gap:10px}}@media(max-width:1199px){.projects-container.grid-view{grid-template-columns:repeat(2,1fr);gap:18px}}@media(max-width:767px){.projects-container.grid-view{grid-template-columns:1fr;gap:16px}}.projects-container.grid-view .project-item{background:linear-gradient(135deg,#ffffff,#fef7f6);border:1px solid #f0e7e6;border-radius:12px;padding:20px;margin-bottom:0;transition:all .2s cubic-bezier(.4,0,.2,1);flex-direction:column;height:fit-content}.projects-container.grid-view .project-item:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(222,59,36,.08);border-color:#f4d2ce;background:linear-gradient(135deg,#ffffff,#fdf2f1)}.dark .projects-container.grid-view .project-item{background:linear-gradient(135deg,hsl(var(--card)) 0,hsl(var(--card)/.8) 100%);border-color:hsl(var(--border))}.dark .projects-container.grid-view .project-item:hover{border-color:hsl(var(--border)/.8);background:linear-gradient(135deg,hsl(var(--card)) 0,hsl(var(--card)/.9) 100%)}.projects-container.grid-view .project-item .project-main{margin-right:0;margin-bottom:16px;flex:1}.projects-container.grid-view .project-item .project-title-row{margin-bottom:8px}.projects-container.grid-view .project-item .project-description{-webkit-line-clamp:3;line-clamp:3;margin-bottom:16px}.projects-container.grid-view .project-item .project-tags{margin-bottom:16px}.projects-container.grid-view .project-item .project-bottom{justify-content:flex-start;margin-bottom:16px}.projects-container.grid-view .project-item .project-meta{flex-direction:row;align-items:center;justify-content:space-between;min-width:0;width:100%}.projects-container.grid-view .project-item .project-meta .project-stats{text-align:left;flex:0 0 auto}.projects-container.grid-view .project-item .project-meta .project-actions{flex-direction:row;align-items:center;flex:0 0 auto;justify-content:flex-end}.project-item{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 24px;margin-bottom:0;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;border-radius:8px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.project-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);z-index:10}.dark .project-item,.dark .project-item:hover{background:hsl(var(--card))}@media(max-width:768px){.project-item{flex-direction:column;gap:12px;padding:16px 20px}}.project-main{flex:1;min-width:0;margin-right:24px}@media(max-width:768px){.project-main{margin-right:0}}.project-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}@media(max-width:768px){.project-header{flex-direction:column;gap:8px}}.project-title-row{display:flex;align-items:center;gap:10px;flex:1;margin-bottom:6px}.project-name{font-size:16px;font-weight:600;color:#000;line-height:1.3;margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;flex:1;min-width:0}.project-name:hover{color:#000}.dark .project-name,.dark .project-name:hover{color:hsl(var(--foreground))}.status-badge{font-weight:500;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.status-badge svg{width:10px;height:10px}.status-badge.status-completed{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.dark .status-badge.status-completed{background:#14532d;color:#86efac;border-color:#15803d}.status-badge.status-building{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.dark .status-badge.status-building{background:#451a03;color:#fbbf24;border-color:#92400e}.status-badge.status-failed{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.dark .status-badge.status-failed{background:#450a0a;color:#f87171;border-color:#991b1b}.project-description{font-size:14px;color:#666;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;width:100%;max-width:100%;word-break:break-word}.dark .project-description{color:hsl(var(--muted-foreground))}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.dark .tag-badge{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.dark .tag-badge:hover{background:hsl(var(--muted)/.8);color:hsl(var(--foreground))}.dark .more-tags{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.dark .more-tags:hover{background:hsl(var(--muted)/.8);color:hsl(var(--foreground))}.project-bottom{display:flex;align-items:center;justify-content:flex-start}@media(max-width:768px){.project-bottom{flex-direction:column;align-items:flex-start;gap:8px}}.project-metrics{display:flex;gap:20px}@media(max-width:768px){.project-metrics{gap:16px}}.dark .metric:hover,.dark .metric:hover .metric-icon{color:hsl(var(--foreground))}.dark .metric,.dark .metric-icon{color:hsl(var(--muted-foreground))}.project-meta{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0;min-width:140px}@media(max-width:768px){.project-meta{flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-width:0}}.project-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}@media(max-width:768px){.project-stats{align-items:flex-start}}.dark .stat-value{color:hsl(var(--foreground))}.dark .stat-label{color:hsl(var(--muted-foreground))}.project-actions{display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:flex-end}@media(max-width:768px){.project-actions{justify-content:center;gap:12px}}.empty-state .use-btn{font-size:15px;font-weight:600;padding:14px 28px;border-radius:12px;width:100%;margin:0 auto;box-shadow:none}.empty-state .use-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.dark .use-btn{background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--destructive)) 100%)}.dark .use-btn:before{background:linear-gradient(135deg,hsl(var(--primary)/.9) 0,hsl(var(--destructive)/.9) 100%)}.dark .remix-btn{background:hsl(var(--card));color:hsl(var(--foreground));border-color:hsl(var(--border))}.dark .remix-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground));border-color:hsl(var(--border)/.8)}.dark .remix-btn:active{background:hsl(var(--muted)/.8)}.empty-state-modern{justify-content:center;text-align:center;padding:100px 24px;min-height:500px}.empty-content,.empty-state-modern{display:flex;flex-direction:column;align-items:center;width:100%}.empty-content{gap:32px;max-width:500px;margin:0 auto}.empty-text{display:flex;flex-direction:column;gap:12px;max-width:400px}.empty-title-modern{font-size:22px;font-weight:600;color:#0f172a;letter-spacing:-.01em;line-height:1.3;margin:0}.dark .empty-title-modern{color:hsl(var(--foreground))}.empty-description-modern{font-size:15px;color:#64748b;line-height:1.5;margin:0;font-weight:400}.dark .empty-description-modern{color:hsl(var(--muted-foreground))}.empty-actions{display:flex;gap:12px;justify-content:center;width:100%}.create-btn-modern{background:#000;color:#fff;font-size:14px;font-weight:600;padding:12px 24px;border-radius:8px;border:none;transition:all .2s ease;display:flex;align-items:center;gap:8px;cursor:pointer}.create-btn-modern:hover{background:#1a1a1a;transform:translateY(-1px)}.create-btn-modern:active{transform:translateY(0)}.create-btn-modern .create-btn-icon{width:16px;height:16px}.dark .create-btn-modern{background:hsl(var(--primary))}.dark .create-btn-modern:hover{background:hsl(var(--primary)/.9)}.search-empty-icon{width:56px;height:56px;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#94a3b8}.search-empty-icon .search-icon-large{width:24px;height:24px}.dark .search-empty-icon{background:hsl(var(--muted));border-color:hsl(var(--border));color:hsl(var(--muted-foreground))}.empty-icon{font-size:48px;line-height:1;opacity:.5}@media(max-width:640px){.empty-state-modern{padding:80px 20px;min-height:400px}.empty-title-modern{font-size:20px}.empty-description-modern{font-size:14px}.create-btn-modern{font-size:13px;padding:10px 20px}.search-empty-icon{width:48px;height:48px}.search-empty-icon .search-icon-large{width:20px;height:20px}.empty-icon{font-size:40px}}.skeleton-card{opacity:.8}.skeleton-card .skeleton-badge,.skeleton-card .skeleton-button,.skeleton-card .skeleton-description,.skeleton-card .skeleton-metric,.skeleton-card .skeleton-stats,.skeleton-card .skeleton-tag,.skeleton-card .skeleton-title{background:linear-gradient(110deg,#f0f0f0 8%,#f8f8f8 18%,#f0f0f0 33%,#e8e8e8 40%,#f0f0f0 50%,#f8f8f8 60%,#f0f0f0 70%);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:6px;position:relative;overflow:hidden}.dark .skeleton-card .skeleton-badge,.dark .skeleton-card .skeleton-button,.dark .skeleton-card .skeleton-description,.dark .skeleton-card .skeleton-metric,.dark .skeleton-card .skeleton-stats,.dark .skeleton-card .skeleton-tag,.dark .skeleton-card .skeleton-title{background:linear-gradient(110deg,hsl(var(--muted)) 8%,hsl(var(--muted)/.8) 18%,hsl(var(--muted)) 33%,hsl(var(--muted)/.6) 40%,hsl(var(--muted)) 50%,hsl(var(--muted)/.8) 60%,hsl(var(--muted)) 70%)}.skeleton-card .skeleton-title{height:20px;width:200px;margin-bottom:8px}.skeleton-card .skeleton-badge{height:18px;width:60px;margin-left:auto;border-radius:12px}.skeleton-card .skeleton-description{height:16px;margin:12px 0 6px;border-radius:4px}.skeleton-card .skeleton-description:first-of-type{width:85%}.skeleton-card .skeleton-tag{height:24px;width:80px;border-radius:12px;margin-right:8px}.skeleton-card .skeleton-tag:nth-child(2){width:60px}.skeleton-card .skeleton-metric{height:16px;width:50px;margin-right:16px}.skeleton-card .skeleton-metric:last-child{margin-right:0}.skeleton-card .skeleton-stats{height:14px;width:80px;margin-bottom:8px}.skeleton-card .skeleton-button{border-radius:6px;margin-left:8px}.skeleton-card .skeleton-button:first-child{width:70px;margin-left:0}.skeleton-card .skeleton-button.primary{width:60px}.skeleton-card:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.projects-container.loading-view.grid-view{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(min-width:1600px){.projects-container.loading-view.grid-view{grid-template-columns:repeat(4,1fr);gap:14px}}@media(min-width:1200px)and (max-width:1399px){.projects-container.loading-view.grid-view{grid-template-columns:repeat(3,1fr);gap:10px}}@media(max-width:1199px){.projects-container.loading-view.grid-view{grid-template-columns:repeat(2,1fr);gap:18px}}@media(max-width:767px){.projects-container.loading-view.grid-view{grid-template-columns:1fr;gap:16px}}@media(max-width:640px){.projects-page .projects-search-section{gap:8px}.projects-page .projects-search-section .search-container{padding:6px 10px 6px 16px}}.filter-item,.project-item,.remix-btn,.use-btn{will-change:transform}.projects-page{letter-spacing:normal}.projects-page *{box-sizing:border-box}.settings-page{max-width:1000px;margin:0 auto;padding:32px 24px}.settings-header{margin-bottom:24px}.settings-title{font-size:26px;font-weight:600;color:rgba(0,0,0,.95);margin:0 0 6px;letter-spacing:-.02em}.settings-subtitle{font-size:14px;color:rgba(0,0,0,.55);margin:0}.settings-tabs{display:inline-flex;gap:0;margin-bottom:24px;background:rgba(0,0,0,.04);border-radius:60px;padding:4px;overflow-x:auto}.settings-tabs::-webkit-scrollbar{height:0}.settings-tab{display:flex;align-items:center;gap:7px;padding:5px 10px;font-size:13px;font-weight:500;color:rgba(0,0,0,.5);background:rgba(0,0,0,0);border:none;border-radius:67px;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;z-index:1}.settings-tab svg{width:16px;height:16px;opacity:.6;transition:all .2s ease}.settings-tab:hover:not(.active){color:rgba(0,0,0,.7)}.settings-tab:hover:not(.active) svg{opacity:.8}.settings-tab.active{color:rgba(0,0,0,.95);background:#fff;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06)}.settings-tab.active svg{opacity:1}.settings-content{background:rgba(255,255,255,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:20px}.settings-section:not(:last-child){margin-bottom:32px}.settings-section-title{font-size:16px;font-weight:600;color:rgba(0,0,0,.9);margin:0 0 12px;letter-spacing:-.01em}.settings-section-description{font-size:12px;color:rgba(0,0,0,.5);margin:0 0 16px;line-height:1.5;font-weight:400}.section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:16px}.section-header .settings-section-title{margin-bottom:4px}.section-header .settings-section-description{margin-bottom:0}.integration-list{display:flex;flex-direction:column;gap:8px}.integration-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.integration-card:hover{background:rgba(255,255,255,.8);border-color:rgba(0,0,0,.1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.integration-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.integration-avatar{width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.06);flex-shrink:0;transition:transform .2s ease}.integration-card:hover .integration-avatar{transform:scale(1.05)}.integration-details{flex:1;min-width:0}.integration-details h3{font-size:14px;font-weight:600;color:rgba(0,0,0,.9);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-details p{font-size:12px;color:rgba(0,0,0,.55);margin:4px 0 0}.integration-details .integration-meta{font-size:11px;color:rgba(0,0,0,.5);margin:3px 0 0}.integration-actions{display:flex;gap:8px;flex-shrink:0}.settings-empty{text-align:center;padding:40px 24px}.settings-empty svg{width:48px;height:48px;color:rgba(0,0,0,.2);margin:0 auto 16px;animation:float 3s ease-in-out infinite}.settings-empty h3{font-size:14px;font-weight:600;color:rgba(0,0,0,.8);margin:0 0 8px}.settings-empty p{font-size:13px;color:rgba(0,0,0,.55);margin:0 0 20px}.repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.repo-card{padding:12px 14px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.repo-card:hover{background:rgba(255,255,255,.8);border-color:rgba(0,0,0,.1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.repo-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.repo-header .repo-name-group{flex:1;min-width:0}.repo-header .repo-name-group h4{font-size:13px;font-weight:600;color:rgba(0,0,0,.9);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repo-header .repo-name-group p{font-size:11px;color:rgba(0,0,0,.5);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repo-header .repo-icons{display:flex;gap:6px;flex-shrink:0;margin-left:10px}.repo-header .repo-icons svg{width:15px;height:15px;color:rgba(0,0,0,.4);transition:color .15s ease}.repo-header .repo-icons svg:hover{color:rgba(0,0,0,.7)}.repo-description{font-size:12px;color:rgba(0,0,0,.6);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.repo-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:rgba(0,0,0,.5);padding-top:8px;border-top:1px solid rgba(0,0,0,.04)}.repo-meta .repo-stats{display:flex;gap:12px}.repo-meta .repo-stats span{display:flex;align-items:center;gap:4px}.repo-meta .repo-stats span svg{width:12px;height:12px}.repo-meta .repo-stats span .language-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6}.repo-meta .repo-date{display:flex;align-items:center;gap:4px}.repo-meta .repo-date svg{width:12px;height:12px}.repo-topics{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.repo-topics .topic-badge{padding:3px 7px;font-size:10px;font-weight:500;background:rgba(0,0,0,.05);color:rgba(0,0,0,.65);border-radius:10px;border:1px solid rgba(0,0,0,.06)}.settings-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:13px}.settings-alert svg{width:16px;height:16px;flex-shrink:0}.settings-alert.error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#dc2626}.settings-alert.success{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);color:#16a34a}.settings-button{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;font-size:12px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.1);line-height:1.4;height:38px;white-space:nowrap;box-sizing:border-box}.settings-button svg{width:14px;height:14px;transition:transform .2s ease;flex-shrink:0}.settings-button.primary{background:rgba(0,0,0,.9);color:#fff;border-color:rgba(0,0,0,.9)}.settings-button.primary:hover:not(:disabled){background:rgba(0,0,0,.8);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.settings-button.primary:hover:not(:disabled) svg{transform:scale(1.1)}.settings-button.primary:active:not(:disabled){transform:translateY(0)}.settings-button.secondary{background:rgba(255,255,255,.5);color:rgba(0,0,0,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-button.secondary:hover:not(:disabled){background:rgba(255,255,255,.8);border-color:rgba(0,0,0,.15);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.08)}.settings-button.secondary:active:not(:disabled){transform:translateY(0)}.settings-button.danger{background:rgba(255,255,255,.5);color:#dc2626;border-color:rgba(239,68,68,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-button.danger:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);transform:translateY(-1px);box-shadow:0 2px 6px rgba(239,68,68,.15)}.settings-button.danger:hover:not(:disabled) svg{transform:scale(1.1) rotate(-5deg)}.settings-button.danger:active:not(:disabled){transform:translateY(0)}.settings-button:disabled{opacity:.5;cursor:not-allowed}.workspace-info-banner{background:linear-gradient(135deg,rgba(0,0,0,.04),rgba(0,0,0,.02));border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:16px;margin-bottom:20px}.workspace-info-banner h4{font-size:13px;font-weight:600;color:rgba(0,0,0,.8);margin:0 0 6px}.workspace-info-banner p{font-size:12px;color:rgba(0,0,0,.55);margin:0}.member-list{display:flex;flex-direction:column;gap:8px}.member-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.member-card:hover{background:rgba(255,255,255,.8);border-color:rgba(0,0,0,.1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.member-info{gap:12px;flex:1;min-width:0}.member-avatar,.member-info{display:flex;align-items:center}.member-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(0,0,0,.08),rgba(0,0,0,.12));justify-content:center;font-size:13px;font-weight:700;color:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.08);flex-shrink:0;transition:all .2s ease}.member-card:hover .member-avatar{transform:scale(1.05);border-color:rgba(0,0,0,.12)}.member-details{flex:1;min-width:0}.member-details h3{font-size:13px;font-weight:600;color:rgba(0,0,0,.9);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-details p{font-size:11px;color:rgba(0,0,0,.5);margin:3px 0 0}.member-avatar-group{display:flex;align-items:center;gap:6px}.member-avatar-group .member-initial{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.06);transition:all .2s ease}.member-avatar-group .member-initial:hover{transform:scale(1.1);background:rgba(0,0,0,.12)}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-radius:6px}.role-badge.owner{background:rgba(0,0,0,.08);color:rgba(0,0,0,.8)}.role-badge.member{background:rgba(0,0,0,.04);color:rgba(0,0,0,.6)}.custom-modal-input{transition:all .2s ease}.custom-modal-input:focus{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.copy-button-success{animation:successPulse .4s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.invite-section{margin-bottom:24px}.invite-section:last-child{margin-bottom:0}.invite-form{display:flex;gap:8px;align-items:stretch;margin-bottom:8px}.invite-form .custom-modal-input{flex:1}.shareable-link-container{display:flex;gap:8px;align-items:stretch;margin-bottom:8px}.shareable-link-input{flex:1;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:11px;padding:9px 12px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);border-radius:8px;color:rgba(0,0,0,.7);transition:all .2s ease;line-height:1.4;height:38px;box-sizing:border-box}.shareable-link-input:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12)}.shareable-link-input:focus{outline:none;border-color:rgba(0,0,0,.18);background:rgba(0,0,0,.035)}.settings-divider{height:1px;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.08) 50%,rgba(0,0,0,0));margin:20px 0}.form-label{display:flex;align-items:center;font-size:12px;font-weight:600;color:rgba(0,0,0,.75);margin-bottom:8px;letter-spacing:-.01em}.form-label svg{flex-shrink:0}.form-hint{display:flex;align-items:center;font-size:11px;color:rgba(0,0,0,.5);margin:6px 0 0;line-height:1.4}.form-hint svg{flex-shrink:0}.invitation-list{display:flex;flex-direction:column;gap:8px}.invitation-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.invitation-card:hover{background:rgba(255,255,255,.8);border-color:rgba(0,0,0,.1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.invitation-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.invitation-icon{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(0,0,0,.06);transition:all .2s ease}.invitation-icon svg{width:16px;height:16px;color:rgba(0,0,0,.6)}.invitation-card:hover .invitation-icon{transform:scale(1.05);background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1)}.invitation-card:hover .invitation-icon svg{color:rgba(0,0,0,.75)}.invitation-details{flex:1;min-width:0}.invitation-details h3{font-size:13px;font-weight:600;color:rgba(0,0,0,.9);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitation-details p{font-size:11px;color:rgba(0,0,0,.5);margin:3px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.invitation-status{display:inline-flex;align-items:center;padding:2px 6px;background:rgba(255,193,7,.1);color:rgba(245,158,11,.9);border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.invitation-separator{color:rgba(0,0,0,.25);margin:0 2px}.invitation-code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:10px;padding:2px 6px;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.08);border-radius:4px;color:rgba(0,0,0,.7);font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-radius:6px}.status-badge.connected{background:rgba(34,197,94,.1);color:rgba(22,163,74,.95)}.status-badge svg{flex-shrink:0}.account-card{padding:16px 18px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.account-card:hover{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.08)}.account-info{gap:14px}.account-avatar,.account-info{display:flex;align-items:center}.account-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,rgba(0,0,0,.08),rgba(0,0,0,.12));justify-content:center;flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.account-avatar svg{width:22px;height:22px;color:rgba(0,0,0,.6)}.account-details{flex:1}.account-details h3{font-size:15px;font-weight:600;color:rgba(0,0,0,.9);margin:0}.account-details .account-email{font-size:13px;color:rgba(0,0,0,.6);margin:4px 0 0}.account-details .account-meta{font-size:11px;color:rgba(0,0,0,.5);margin:4px 0 0}.user-profile-page{min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;overflow-x:hidden}.user-profile-page *{box-sizing:border-box}.user-profile-page .spawn-container{max-width:1400px;margin:0 auto;width:100%;padding:0 6rem}.user-profile-page .profile-branding{position:fixed;top:0;left:0;z-index:100;padding:1.5rem 2rem}.user-profile-page .profile-branding .logo-container{display:flex;align-items:center;justify-content:center;gap:0;cursor:pointer;transition:all .2s ease}.user-profile-page .profile-branding .logo-container:hover{opacity:.8}.user-profile-page .profile-branding .logo-container img{width:30px!important;height:30px!important}.user-profile-page .profile-branding .logo-container span{font-size:20px!important;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Bricolage Grotesque,sans-serif;font-style:normal;font-weight:600;color:#0a0a0a}.user-profile-page .profile-header{padding:5rem 0 2rem;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}.user-profile-page .profile-header-content{display:flex;align-items:flex-start;gap:2rem;max-width:1400px;margin:0 auto;padding:0 6rem}.user-profile-page .profile-avatar .avatar-circle{width:120px;height:120px;border-radius:50%;background:#de3b24;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;text-transform:uppercase}.user-profile-page .profile-info{flex:1}.user-profile-page .profile-info-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.user-profile-page .profile-names{flex:1}.user-profile-page .profile-username{font-size:2rem;font-weight:700;color:#0a0a0a;margin:0 0 .25rem;letter-spacing:-.02em}.user-profile-page .profile-fullname{font-size:1.25rem;font-weight:500;color:#666;margin:0 0 .5rem}.user-profile-page .edit-profile-btn{background:#fff;color:#0a0a0a;border:1px solid rgba(0,0,0,.15);font-size:.875rem;font-weight:600;padding:8px 16px;height:auto;border-radius:68px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.user-profile-page .edit-profile-btn:hover{background:#f6f6f6;border-color:rgba(0,0,0,.25);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.user-profile-page .edit-profile-btn:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.05)}.user-profile-page .profile-bio{font-size:1.1rem;color:#666;margin:0 0 1rem;line-height:1.5}.user-profile-page .profile-stats{display:flex;gap:1.5rem;margin-top:1rem}.user-profile-page .profile-stats .stat{color:#666;font-size:1rem}.user-profile-page .profile-stats .stat strong{color:#0a0a0a;font-weight:600}.user-profile-page .profile-tabs{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:90;backdrop-filter:blur(8px);padding:1rem 0 .75rem}.user-profile-page .tabs-nav{display:flex;gap:.375rem;max-width:1400px;margin:0 auto;padding:0 6rem}.user-profile-page .tab-btn{background:rgba(0,0,0,0);border:none;color:#666;font-size:.875rem;font-weight:600;padding:.4rem .8rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:58px;display:flex;align-items:center;gap:6px;position:relative}.user-profile-page .tab-btn:hover:not(.active){color:#0a0a0a;background:rgba(0,0,0,.03)}.user-profile-page .tab-btn.active{color:#0a0a0a;background:rgba(0,0,0,.06)}.user-profile-page .tab-btn.active .tab-count{background:rgba(0,0,0,.08);color:#0a0a0a;font-weight:700}.user-profile-page .tab-count{background:rgba(0,0,0,.05);color:#666;font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:8px;min-width:20px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.user-profile-page .profile-content{padding:2rem 0;background:#fff;min-height:calc(100vh - 400px)}.user-profile-page .profile-section{max-width:1400px;margin:0 auto;padding:0 6rem}.user-profile-page .profile-section h2{color:#0a0a0a;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.user-profile-page .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;margin-top:1rem}.user-profile-page .project-card{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 24px;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;border-radius:8px;width:100%;box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06)}.user-profile-page .project-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06)}.user-profile-page .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;width:100%}.user-profile-page .project-name{color:#0a0a0a;font-size:1.3rem;font-weight:600;margin:0 0 .5rem;flex:1}.user-profile-page .project-status{margin-left:1rem}.user-profile-page .status-badge{padding:4px 10px;border-radius:16px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-profile-page .status-badge.live{background:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.2)}.user-profile-page .status-badge.draft{background:rgba(234,179,8,.1);color:#ca8a04;border:1px solid rgba(234,179,8,.2)}.user-profile-page .project-description{color:#666;font-size:1rem;line-height:1.5;margin:0 0 1rem}.user-profile-page .project-meta{margin-bottom:1rem}.user-profile-page .project-date{color:#999;font-size:.875rem}.user-profile-page .project-links{display:flex;gap:.75rem;margin-top:1rem}.user-profile-page .project-link{padding:6px 12px;border-radius:6px;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.user-profile-page .project-link.github{background:#f8f9fa;color:#0a0a0a;border:1px solid rgba(0,0,0,.1)}.user-profile-page .project-link.github:hover{background:#e9ecef}.user-profile-page .project-link.deploy{background:#de3b24;color:#fff;border:1px solid #de3b24}.user-profile-page .project-link.deploy:hover{background:#c5321b}.user-profile-page .services-container{margin-bottom:40px;width:100%;max-width:100%;overflow:hidden}.user-profile-page .services-container.list-view{display:flex;flex-direction:column;gap:4px}.user-profile-page .services-container.grid-view{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}@media(min-width:1600px){.user-profile-page .services-container.grid-view{grid-template-columns:repeat(4,1fr);gap:18px}}@media(min-width:1200px)and (max-width:1599px){.user-profile-page .services-container.grid-view{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:1199px){.user-profile-page .services-container.grid-view{grid-template-columns:repeat(2,1fr);gap:14px}}@media(max-width:767px){.user-profile-page .services-container.grid-view{grid-template-columns:1fr;gap:14px}}.user-profile-page .services-container.grid-view .service-item{cursor:pointer;background:#fafafa;border-radius:10px;padding:12px;margin-bottom:0;transition:all .2s cubic-bezier(.4,0,.2,1);flex-direction:column;height:fit-content;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.06)}.user-profile-page .services-container.grid-view .service-item *{cursor:pointer}.user-profile-page .services-container.grid-view .service-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1);background:#fff}.user-profile-page .services-container.grid-view .service-item .service-main{display:flex;flex-direction:column;gap:8px;flex:1}.user-profile-page .services-container.grid-view .service-item .service-header{margin-bottom:0}.user-profile-page .services-container.grid-view .service-item .service-title-row{margin-bottom:0;gap:6px}.user-profile-page .services-container.grid-view .service-item .service-description{-webkit-line-clamp:2;line-clamp:2;margin-bottom:0}.user-profile-page .services-container.grid-view .service-item .service-tags{margin-bottom:0}.user-profile-page .services-container.grid-view .service-item .service-footer{display:flex;align-items:center;justify-content:space-between;margin-top:0;padding-top:8px;border-top:1px solid rgba(0,0,0,.04);gap:8px}.user-profile-page .service-main{flex:1;min-width:0;margin-right:24px}@media(max-width:768px){.user-profile-page .service-main{margin-right:0}}.user-profile-page .service-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}@media(max-width:768px){.user-profile-page .service-header{flex-direction:column;gap:8px}}.user-profile-page .service-title-row{display:flex;align-items:center;gap:10px;flex:1;margin-bottom:6px}.user-profile-page .service-name{font-size:16px;font-weight:650;color:#0a0a0a;line-height:1.3;margin:0;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;flex:1;min-width:0;transition:color .2s ease}.user-profile-page .service-name:hover{color:#de3b24}.user-profile-page .featured-badge{background:linear-gradient(135deg,#de3b24,#ff5a3d);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 6px rgba(222,59,36,.2),inset 0 0 0 1px rgba(255,255,255,.1);transition:all .2s ease}.user-profile-page .featured-badge:hover{transform:scale(1.05);box-shadow:0 4px 10px rgba(222,59,36,.3)}.user-profile-page .service-bottom{display:flex;align-items:center;justify-content:flex-start}@media(max-width:768px){.user-profile-page .service-bottom{flex-direction:column;align-items:flex-start;gap:8px}}.user-profile-page .author-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(102,126,234,.25),0 0 0 2px rgba(255,255,255,.9);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.user-profile-page .author-avatar:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;filter:blur(4px);transition:opacity .3s ease}.user-profile-page .author-avatar.clickable{cursor:pointer}.user-profile-page .author-avatar.clickable:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(102,126,234,.35),0 0 0 2px #fff;background:linear-gradient(135deg,#667eea,#764ba2)!important;filter:brightness(1.15)}.user-profile-page .author-avatar.clickable:hover:before{opacity:.4}.user-profile-page .author-avatar.clickable:active{transform:scale(1.05)}.user-profile-page .service-description{font-size:14px;color:#666;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;width:100%;max-width:100%;word-break:break-word}.user-profile-page .service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.user-profile-page .tag-badge{background:rgba(0,0,0,.03);color:#555;border:none;font-size:11px;font-weight:550;padding:4px 10px;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;box-shadow:0 0 0 1px rgba(0,0,0,.04)}.user-profile-page .tag-badge:hover{background:rgba(222,59,36,.06);color:#de3b24;transform:translateY(-2px);box-shadow:0 2px 8px rgba(222,59,36,.1)}.user-profile-page .more-tags{font-size:11px;color:#9ca3af;font-weight:500;padding:3px 6px;background:#f9fafb;border-radius:12px;transition:all .15s ease}.user-profile-page .more-tags:hover{background:#f3f4f6;color:#6b7280}.user-profile-page .service-meta{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0;min-width:140px}@media(max-width:768px){.user-profile-page .service-meta{flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-width:0}}.user-profile-page .service-metrics{display:flex;gap:20px}@media(max-width:768px){.user-profile-page .service-metrics{gap:16px}}.user-profile-page .metric{display:flex;align-items:center;gap:5px;font-size:13px;color:#666;font-weight:550;transition:all .2s ease;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.01)}.user-profile-page .metric:hover{color:#de3b24;background:rgba(222,59,36,.04);transform:translateY(-1px)}.user-profile-page .metric:hover .metric-icon{color:#de3b24;transform:scale(1.1)}.user-profile-page .metric-icon{width:14px;height:14px;color:#999;transition:all .2s ease}.user-profile-page .service-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}@media(max-width:768px){.user-profile-page .service-stats{align-items:flex-start}}.user-profile-page .stat-item{font-size:12px;line-height:1.3}.user-profile-page .stat-value{color:#000;font-weight:500}.user-profile-page .stat-label{color:#666;font-weight:500}.user-profile-page .service-actions{display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:flex-end}@media(max-width:768px){.user-profile-page .service-actions{justify-content:center;gap:12px}}.user-profile-page .use-btn{background:linear-gradient(135deg,#de3b24,#ff5a3d);color:#fff;font-size:13px;font-weight:650;padding:8px 14px;height:auto;border-radius:10px;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(222,59,36,.25),inset 0 0 0 1px rgba(255,255,255,.1);display:flex;align-items:center;gap:6px;position:relative;overflow:hidden}.user-profile-page .use-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff5a3d,#ff7461);opacity:0;transition:opacity .3s ease}.user-profile-page .use-btn:after{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.user-profile-page .use-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px rgba(222,59,36,.35),inset 0 0 0 1px rgba(255,255,255,.2)}.user-profile-page .use-btn:hover:after,.user-profile-page .use-btn:hover:before{opacity:1}.user-profile-page .use-btn:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 12px rgba(222,59,36,.3)}.user-profile-page .use-btn .use-btn-icon,.user-profile-page .use-btn span{position:relative;z-index:1}.user-profile-page .use-btn-icon{width:14px;height:14px;flex-shrink:0}.user-profile-page .remix-btn{background:rgba(0,0,0,.02);color:#333;border:none;font-size:13px;font-weight:600;padding:8px 14px;height:auto;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;box-shadow:0 2px 6px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.04);position:relative;overflow:hidden}.user-profile-page .remix-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.04),rgba(0,0,0,.02));opacity:0;transition:opacity .3s ease}.user-profile-page .remix-btn:hover{background:rgba(0,0,0,.04);color:#0a0a0a;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.06)}.user-profile-page .remix-btn:hover:before{opacity:1}.user-profile-page .remix-btn:active{transform:translateY(-1px) scale(1.01);background:rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.06)}.user-profile-page .remix-btn-icon{width:14px;height:14px;flex-shrink:0}.user-profile-page .empty-state{text-align:center;padding:4rem 2rem;color:#666}.user-profile-page .empty-state p{font-size:1.125rem;margin:0}.user-profile-page .error-state,.user-profile-page .loading-state,.user-profile-page .not-found-state{text-align:center;padding:6rem 2rem;color:#0a0a0a}.user-profile-page .error-state h1,.user-profile-page .loading-state h1,.user-profile-page .not-found-state h1{font-size:2.5rem;margin-bottom:1rem;color:#0a0a0a;font-weight:700}.user-profile-page .error-state p,.user-profile-page .loading-state p,.user-profile-page .not-found-state p{font-size:1.2rem;margin-bottom:.5rem;color:#666}.user-profile-page .loading-spinner{width:48px;height:48px;border:3px solid #f3f3f3;border-top-color:#de3b24;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@media(max-width:768px){.user-profile-page .spawn-container{padding:0 1.5rem}.user-profile-page .profile-branding{padding:1rem 1.5rem}.user-profile-page .profile-branding .logo-container img{width:28px!important;height:28px!important}.user-profile-page .profile-branding .logo-container span{font-size:1.125rem!important}.user-profile-page .profile-header{padding:4rem 0 1.5rem}.user-profile-page .profile-header-content{flex-direction:column;text-align:center;gap:1rem;padding:0 1.5rem}.user-profile-page .profile-avatar .avatar-circle{width:100px;height:100px;font-size:2rem;margin:0 auto}.user-profile-page .profile-info-header{flex-direction:column;align-items:center;text-align:center}.user-profile-page .profile-names{text-align:center}.user-profile-page .profile-username{font-size:1.5rem}.user-profile-page .profile-fullname{font-size:1.125rem}.user-profile-page .profile-bio{font-size:1rem;text-align:center}.user-profile-page .profile-stats{justify-content:center;flex-wrap:wrap}.user-profile-page .profile-tabs{top:0}.user-profile-page .tabs-nav{padding:0 2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.user-profile-page .tabs-nav::-webkit-scrollbar{display:none}.user-profile-page .tab-btn{padding:.875rem 1rem;font-size:.875rem;white-space:nowrap}.user-profile-page .profile-content{padding:1.5rem 0}.user-profile-page .profile-section{padding:0 1.5rem}}.workspace-settings-page{max-width:900px;margin:0 auto;padding:32px 24px}.workspace-settings-header{margin-bottom:28px}.workspace-settings-title{font-size:24px;font-weight:600;color:rgba(0,0,0,.9);margin:0 0 6px}.workspace-settings-subtitle{font-size:13px;color:rgba(0,0,0,.55);margin:0}.workspace-settings-empty{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:14px;color:rgba(0,0,0,.5)}.workspace-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:28px;overflow-x:auto}.workspace-tabs::-webkit-scrollbar{height:0}.workspace-tab{display:flex;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:500;color:rgba(0,0,0,.55);background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.workspace-tab svg{width:16px;height:16px}.workspace-tab:hover:not(.active){color:rgba(0,0,0,.75)}.workspace-tab.active{color:rgba(0,0,0,.9);border-bottom-color:rgba(0,0,0,.9);font-weight:600}.workspace-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;background:rgba(0,0,0,.08);border-radius:10px}.active .workspace-tab-badge{background:rgba(0,0,0,.12)}.workspace-content{background:rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:24px}.workspace-section{display:flex;flex-direction:column;gap:20px}.workspace-section-title{font-size:16px;font-weight:600;color:rgba(0,0,0,.85);margin:0}.workspace-field-group{display:flex;flex-direction:column;gap:16px}.workspace-field{display:flex;flex-direction:column;gap:8px}.workspace-field label{font-size:13px;font-weight:500;color:rgba(0,0,0,.7)}.workspace-color-preview{width:100%;height:48px;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.workspace-list{display:flex;flex-direction:column;gap:8px}.workspace-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:8px;transition:all .15s ease}.workspace-card:hover{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.12)}.workspace-card .flex-1{min-width:0;flex:1}.workspace-card p{font-size:13px;margin:0}.workspace-card .font-medium{font-weight:500;color:rgba(0,0,0,.85)}.workspace-card .text-xs{font-size:12px;color:rgba(0,0,0,.55);margin-top:2px}.workspace-remove-btn{padding:5px 12px;font-size:11px;font-weight:500;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.25);border-radius:6px;color:#dc2626;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.workspace-remove-btn:hover:not(:disabled){background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.35)}.workspace-remove-btn:disabled{opacity:.5;cursor:not-allowed}.workspace-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;font-size:13px;color:rgba(0,0,0,.45)}.workspace-invite-section{display:flex;flex-direction:column;gap:10px}.workspace-invite-section label{font-size:13px;font-weight:500;color:rgba(0,0,0,.7)}.workspace-invite-form,.workspace-link-input{display:flex;gap:8px}.workspace-hint{font-size:12px;color:rgba(0,0,0,.5);margin:0}.workspace-divider{height:1px;background:rgba(0,0,0,.08);margin:12px 0}.editable-project-name__button{cursor:pointer;max-width:200px}.editable-project-name__button:active{transform:scale(.98)}.editable-project-name__button .stuff_name{font-size:14px;font-weight:500;color:#1f2937;letter-spacing:-.01em;font-family:system-ui,-apple-system,sans-serif}.editable-project-name__input{animation:fadeIn .15s ease}.console__container{width:100%;display:flex;flex-direction:row}.console__container .console__content{width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.console__todo{width:35%;border-left:1px solid #e2e8f0;background:#f9f9fa;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.console__todo--collapsed{width:5%}.console__todo--collapsed .console__todo-content{opacity:0;pointer-events:none;visibility:hidden}.console__todo--collapsed .console__todo-title{opacity:0;visibility:hidden}.console__todo--collapsed .console__todo-header{padding:8px;justify-content:center;border-bottom:none}.console__todo .console__todo-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(0,0,0,0);min-height:49px}.console__todo .console__todo-title{display:flex;align-items:center;gap:8px}.console__todo .console__todo-content,.console__todo .console__todo-title,.console__todo .console__todo-title .badge,.console__todo .console__todo-title span{transition:all .3s cubic-bezier(.4,0,.2,1)}.console__todo .console__todo-content{flex:1;overflow:hidden;position:relative}.console__todo .console__todo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;height:100%;width:100%}.console__todo .console__todo-empty-icon{margin-bottom:12px}.console__todo .console__todo-empty-text{font-size:13px;color:#64748b;line-height:1.4;max-width:200px}.console__todo .console__todo-list{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;height:100%;position:relative;scrollbar-width:thin;scrollbar-color:#cbd5e1 rgba(0,0,0,0)}.console__todo .console__todo-list::-webkit-scrollbar{width:4px}.console__todo .console__todo-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.console__todo .console__todo-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.console__todo .console__todo-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.console__todo .console__todo-update{background:rgba(0,0,0,0);border:none;border-radius:8px;margin-bottom:0;width:100%;flex-shrink:0;height:fit-content;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 rgba(0,0,0,0)}.console__todo .console__todo-update::-webkit-scrollbar{width:4px}.console__todo .console__todo-update::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.console__todo .console__todo-update::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.console__todo .console__todo-update::-webkit-scrollbar-thumb:hover{background:#94a3b8}.console__todo .console__todo-update-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.console__todo .console__todo-update-time{font-size:11px;color:#64748b;font-weight:500}.console__todo .console__todo-update-count{font-size:11px;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-weight:500}.console__todo .console__todo-items{display:flex;flex-direction:column;gap:6px}.console__todo .console__todo-items>*{animation:todo-slide-in .4s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateX(-12px)}.console__todo .console__todo-items>:first-child{animation-delay:0s}.console__todo .console__todo-items>:nth-child(2){animation-delay:.05s}.console__todo .console__todo-items>:nth-child(3){animation-delay:.1s}.console__todo .console__todo-items>:nth-child(4){animation-delay:.15s}.console__todo .console__todo-items>:nth-child(5){animation-delay:.2s}.console__todo .console__todo-items>:nth-child(6){animation-delay:.25s}.console__todo .console__todo-items>:nth-child(7){animation-delay:.3s}.console__todo .console__todo-items>:nth-child(8){animation-delay:.35s}.console__todo .console__todo-items>:nth-child(9){animation-delay:.4s}.console__todo .console__todo-items>:nth-child(10){animation-delay:.45s}.console__todo .console__todo-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:4px}.console__todo .console__todo-item svg{width:17px;height:17px}.console__todo .console__todo-item--completed{display:flex;align-items:center;padding:5px 0}.console__todo .console__todo-item--completed .console__todo-indicator{color:rgba(100,116,139,.635);animation:completion-pulse .6s ease-out}.console__todo .console__todo-item--completed .console__todo-text{color:#64748b;text-decoration:line-through;transition:all .5s ease-out}.console__todo .console__todo-item--in-progress{background:linear-gradient(135deg,rgba(246,87,59,.08),rgba(235,103,37,.03));padding:5px 10px;border-radius:10px;display:flex;align-items:center}.console__todo .console__todo-item--in-progress .console__todo-indicator{color:#f6803b;animation:progress-pulse 2s ease-in-out infinite}.console__todo .console__todo-item--in-progress .console__todo-text{color:#334155;font-weight:500}.console__todo .console__todo-item--in-progress svg{animation:spin 2s linear infinite}.console__todo .console__todo-item--pending{display:flex;align-items:center;padding:5px 0}.console__todo .console__todo-item--pending .console__todo-indicator{color:#94a3b8}.console__todo .console__todo-item--pending .console__todo-text{color:#475569}.console__todo .console__todo-item--cancelled{display:flex;align-items:center}.console__todo .console__todo-item--cancelled .console__todo-indicator{color:#ef4444}.console__todo .console__todo-item--cancelled .console__todo-text{color:#94a3b8;text-decoration:line-through}.console__todo .console__todo-indicator{display:flex;align-items:center;justify-content:center;margin-top:1px;flex-shrink:0}.console__todo .console__todo-text{font-size:13px;line-height:1.4;flex:1}.console__todo .console__todo-more{font-size:11px;color:#94a3b8;text-align:center;padding:4px 0;border-top:1px solid #f1f5f9;margin-top:6px;font-weight:500}.row{flex:1;display:flex;flex-direction:row;height:100%;width:100%}@keyframes todo-slide-in{0%{opacity:0;transform:translateX(-12px) scale(.95)}70%{transform:translateX(2px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes completion-pulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}@keyframes progress-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.chat-messages-container{position:relative;flex:1;overflow:hidden}.chat-messages-container::-webkit-scrollbar,.chat-messages-container::-webkit-scrollbar-track{display:none!important}.chat-messages-container::-webkit-scrollbar-thumb,.chat-messages-container::-webkit-scrollbar-thumb:hover{display:none!important}.chat-messages-container ::-webkit-scrollbar,.chat-messages-container ::-webkit-scrollbar-track{display:none!important}.chat-messages-container ::-webkit-scrollbar-thumb,.chat-messages-container ::-webkit-scrollbar-thumb:hover{display:none!important}.chat-messages-container .chat-messages-content{height:100%;overflow-y:auto;overflow-x:hidden;padding:16px}.chat-messages-container .chat-messages-content::-webkit-scrollbar,.chat-messages-container .chat-messages-content::-webkit-scrollbar-track{display:none!important}.chat-messages-container .chat-messages-content::-webkit-scrollbar-thumb{display:none!important}.chat-messages-container .chat-messages-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 rgba(0,0,0,0)}.chat-messages-container .chat-messages-content::-webkit-scrollbar-thumb:hover{display:none!important}.chat-messages-container .chat-messages-content::-webkit-scrollbar{width:4px}.chat-messages-container .chat-messages-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.chat-messages-container .chat-messages-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.chat-messages-container .chat-messages-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-messages-container:before{top:0;background:linear-gradient(180deg,rgb(255,255,255),rgba(255,255,255,.95) 20%,rgba(255,255,255,.8) 45%,rgba(255,255,255,.4) 70%,rgba(255,255,255,.1) 85%,transparent)}.chat-messages-container:after,.chat-messages-container:before{content:"";position:absolute;left:0;right:0;height:24px;backdrop-filter:blur(2px);pointer-events:none;z-index:10;transition:all .3s ease}.chat-messages-container:after{bottom:0;background:linear-gradient(0deg,rgb(255,255,255),rgba(255,255,255,.95) 20%,rgba(255,255,255,.8) 45%,rgba(255,255,255,.4) 70%,rgba(255,255,255,.1) 85%,transparent)}.dark .chat-messages-container:before{background:linear-gradient(180deg,rgb(17,24,39),rgba(17,24,39,.95) 20%,rgba(17,24,39,.8) 45%,rgba(17,24,39,.4) 70%,rgba(17,24,39,.1) 85%,transparent)}.dark .chat-messages-container:after{background:linear-gradient(0deg,rgb(17,24,39),rgba(17,24,39,.95) 20%,rgba(17,24,39,.8) 45%,rgba(17,24,39,.4) 70%,rgba(17,24,39,.1) 85%,transparent)}.event-indicator{width:16px;height:16px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease}.event-indicator.active{animation:event-pulse 2s ease-in-out infinite}.event-indicator--ai-text:before{content:"";width:10px;height:10px;background:#6366f1;border-radius:50%;position:relative;opacity:.8}.event-indicator--ai-text:after{content:"";position:absolute;width:6px;height:6px;background:#6366f1;border-radius:50%;top:2px;right:2px;opacity:.6;animation:thought-bubble 3s ease-in-out infinite}.event-indicator--ai-tool-result{background:#22c55e;width:14px;height:8px;border-radius:2px;position:relative;opacity:.85}.event-indicator--ai-tool-result:before{content:"";position:absolute;left:2px;top:1px;width:0;height:0;border-left:3px solid #fff;border-top:1px solid rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0)}.event-indicator--ai-tool-result:after{content:"";position:absolute;right:2px;top:2px;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.6}.event-indicator--shell{background:#22c55e;width:14px;height:8px;border-radius:2px;position:relative;opacity:.85}.event-indicator--shell:before{content:"";position:absolute;left:2px;top:1px;width:0;height:0;border-left:3px solid #fff;border-top:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}.event-indicator--shell:after{content:"";position:absolute;right:2px;bottom:1px;width:4px;height:1px;background:#fff;border-radius:.5px}.event-indicator--write-file{background:#8b5cf6;width:12px;height:14px;border-radius:1px;position:relative;opacity:.85}.event-indicator--write-file:before{content:"";position:absolute;top:-1px;right:-1px;width:4px;height:4px;background:#a855f7;clip-path:polygon(0 100%,100% 0,100% 100%)}.event-indicator--write-file:after{content:"";position:absolute;left:2px;top:4px;width:6px;height:1px;background:rgba(255,255,255,.8);box-shadow:0 2px 0 rgba(255,255,255,.6),0 4px 0 rgba(255,255,255,.4)}.event-indicator--edit-file{background:#f59e0b;width:12px;height:14px;border-radius:1px;position:relative;opacity:.85}.event-indicator--edit-file:before{content:"";position:absolute;left:2px;top:3px;width:6px;height:1px;background:rgba(255,255,255,.9);box-shadow:0 2px 0 rgba(255,255,255,.7),0 4px 0 rgba(255,255,255,.5)}.event-indicator--edit-file:after{content:"";position:absolute;right:1px;bottom:2px;width:2px;height:6px;background:#fbbf24;border-radius:.5px;animation:cursor-blink 1.5s ease-in-out infinite}.event-indicator--read-file{background:#06b6d4;width:13px;height:11px;border-radius:1px;position:relative;opacity:.85}.event-indicator--read-file:before{content:"";position:absolute;left:2px;top:2px;width:7px;height:1px;background:rgba(255,255,255,.9);box-shadow:0 2px 0 rgba(255,255,255,.7),0 4px 0 rgba(255,255,255,.5)}.event-indicator--read-file:after{content:"";position:absolute;top:-1px;right:2px;width:3px;height:3px;background:rgba(255,255,255,.3);border-radius:50%}.event-indicator--list-directory{background:#f97316;width:13px;height:10px;border-radius:1px;position:relative;opacity:.85}.event-indicator--list-directory:before{content:"";position:absolute;top:-2px;left:1px;width:5px;height:2px;background:#fb923c;border-radius:1px 1px 0 0}.event-indicator--list-directory:after{content:"";position:absolute;left:2px;top:2px;width:2px;height:1px;background:rgba(255,255,255,.8);box-shadow:0 2px 0 rgba(255,255,255,.8),4px 0 0 rgba(255,255,255,.6),4px 2px 0 rgba(255,255,255,.6)}.event-indicator--search{position:relative}.event-indicator--search:before{content:"";width:8px;height:8px;border:2px solid #10b981;border-radius:50%;position:absolute;top:1px;left:1px}.event-indicator--search:after{content:"";width:4px;height:2px;background:#10b981;position:absolute;bottom:1px;right:1px;transform:rotate(45deg);border-radius:1px}.event-indicator--git{position:relative}.event-indicator--git:before{content:"";width:3px;height:10px;background:#ea580c;position:absolute;left:3px;top:2px;border-radius:1.5px}.event-indicator--git:after{content:"";width:6px;height:2px;background:#ea580c;position:absolute;right:2px;top:5px;border-radius:1px;transform:rotate(25deg);transform-origin:left center}.event-indicator--todo{background:#0891b2;width:12px;height:12px;border-radius:2px;position:relative;opacity:.85}.event-indicator--todo:before{content:"";position:absolute;left:2px;top:2px;width:6px;height:1px;background:rgba(255,255,255,.9);box-shadow:0 2px 0 rgba(255,255,255,.7),0 4px 0 rgba(255,255,255,.5)}.event-indicator--todo:after{content:"";position:absolute;left:9px;top:2px;width:2px;height:1px;background:rgba(255,255,255,.6);box-shadow:0 2px 0 rgba(255,255,255,.5),0 4px 0 rgba(255,255,255,.4)}.event-indicator--web-search{border:2px solid #2563eb;width:12px;height:12px;border-radius:50%;position:relative;opacity:.85}.event-indicator--web-search:before{content:"";position:absolute;left:2px;top:-1px;width:4px;height:10px;border:1px solid #2563eb;border-right:none;border-left:none;border-radius:50%}.event-indicator--web-search:after{content:"";position:absolute;left:-1px;top:3px;width:10px;height:2px;border-top:1px solid #2563eb;border-bottom:1px solid #2563eb}.event-indicator--complete{background:#16a34a;width:12px;height:12px;border-radius:50%;position:relative}.event-indicator--complete:after{content:"";position:absolute;left:3px;top:2px;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.event-indicator--error{position:relative}.event-indicator--error:before{content:"";width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:11px solid #dc2626;position:absolute;top:1px;left:2px}.event-indicator--error:after{content:"!";position:absolute;top:3px;left:6px;color:#fff;font-size:8px;font-weight:700;line-height:1}.event-indicator--setup{background:#3b82f6;width:12px;height:12px;border-radius:2px;position:relative;opacity:.85}.event-indicator--setup:before{content:"";position:absolute;left:2px;top:2px;width:6px;height:1px;background:rgba(255,255,255,.9);box-shadow:0 2px 0 rgba(255,255,255,.7),0 4px 0 rgba(255,255,255,.5)}.event-indicator--setup:after{content:"";position:absolute;right:1.5px;top:1.5px;width:3px;height:3px;border:1px solid rgba(255,255,255,.8);border-radius:50%}.event-indicator--run{background:#8b5cf6;width:12px;height:12px;border-radius:50%;position:relative;opacity:.85}.event-indicator--run:after{content:"";position:absolute;left:4px;top:3px;width:0;height:0;border-left:4px solid #fff;border-top:3px solid rgba(0,0,0,0);border-bottom:3px solid rgba(0,0,0,0)}.event-indicator--default:before{content:"";width:6px;height:6px;background:#94a3b8;border-radius:50%;opacity:.7}@keyframes event-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.05);opacity:1}}@keyframes thought-bubble{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.build-event-message{position:relative}.build-event-message.file-operation:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:rgba(139,92,246,.1)}.build-event-message.command-sequence:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:rgba(34,197,94,.1)}.event-content .event-label{font-size:10px;font-weight:600;letter-spacing:.025em;text-transform:uppercase;margin-bottom:2px;opacity:.8;transition:all .2s ease}.event-content .event-text{font-size:13px;line-height:1.4;transition:all .2s ease;position:relative}.event-content .event-meta{font-size:11px;opacity:.6;margin-top:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.event-content:hover .event-label,.event-content:hover .event-text{opacity:1}.event-content--ai-text .event-label{color:#6366f1}.event-content--ai-text .event-text{color:#374151;font-weight:400;font-style:italic;position:relative}.event-content--ai-text .event-text:before{content:'"';opacity:.3;font-size:16px;position:absolute;left:-8px;top:-2px;color:#6366f1}.event-content--ai-text .event-text:after{content:'"';opacity:.3;font-size:16px;margin-left:2px;color:#6366f1}.event-content--ai-tool-result .event-label{color:#16a34a;font-weight:600}.event-content--ai-tool-result .event-label:after{content:" →";opacity:.6;margin-left:4px}.event-content--ai-tool-result .event-text{color:#1e293b;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.5;background:linear-gradient(135deg,rgba(15,23,42,.02),rgba(15,23,42,.06));border:1px solid rgba(15,23,42,.08);border-radius:8px;padding:12px 16px;margin-top:6px;white-space:pre-wrap;overflow-x:auto;position:relative}.event-content--ai-tool-result .event-text:before{content:"";position:absolute;top:8px;right:12px;width:6px;height:6px;background:rgba(34,197,94,.3);border-radius:50%;box-shadow:-10px 0 0 rgba(251,191,36,.3),-20px 0 0 rgba(239,68,68,.3)}.event-content--ai-tool-result .event-text::-webkit-scrollbar{height:6px}.event-content--ai-tool-result .event-text::-webkit-scrollbar-track{background:rgba(15,23,42,.03);border-radius:3px}.event-content--ai-tool-result .event-text::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(15,23,42,.15),rgba(15,23,42,.25));border-radius:3px}.event-content--ai-tool-result .event-text::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,rgba(15,23,42,.25),rgba(15,23,42,.35))}.event-content--shell .event-label{color:#16a34a}.event-content--shell .event-text{color:#1f2937;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;background:rgba(16,163,74,.04);padding:4px 8px;border-radius:4px;border-left:2px solid rgba(16,163,74,.2)}.event-content--shell .event-text:before{content:"❯";color:#16a34a;margin-right:6px;font-weight:700}.event-content--shell .event-meta{color:#16a34a;opacity:.5}.event-content--write-file .event-label{color:#8b5cf6}.event-content--write-file .event-text{color:#1f2937;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;background:rgba(139,92,246,.04);padding:4px 8px;border-radius:4px;border-left:2px solid rgba(139,92,246,.2)}.event-content--write-file .event-text:before{content:"📄";margin-right:6px}.event-content--write-file .event-meta{color:#8b5cf6;opacity:.6}.event-content--write-file .event-meta:before{content:"Creating • ";opacity:.8}.event-content--edit-file .event-label{color:#f59e0b}.event-content--edit-file .event-text{color:#1f2937;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;background:rgba(245,158,11,.04);padding:4px 8px;border-radius:4px;border-left:2px solid rgba(245,158,11,.2)}.event-content--edit-file .event-text:before{content:"✏️";margin-right:6px}.event-content--edit-file .event-meta{color:#f59e0b;opacity:.6}.event-content--edit-file .event-meta:before{content:"Modifying • ";opacity:.8}.event-content--read-file .event-label{color:#06b6d4}.event-content--read-file .event-text{color:#1f2937;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;background:rgba(6,182,212,.04);padding:4px 8px;border-radius:4px;border-left:2px solid rgba(6,182,212,.2)}.event-content--read-file .event-text:before{content:"👁️";margin-right:6px}.event-content--read-file .event-meta{color:#06b6d4;opacity:.6}.event-content--read-file .event-meta:before{content:"Reading • ";opacity:.8}.event-content--list-directory .event-label{color:#f97316}.event-content--list-directory .event-text{color:#1f2937;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;background:rgba(249,115,22,.04);padding:4px 8px;border-radius:4px;border-left:2px solid rgba(249,115,22,.2)}.event-content--list-directory .event-text:before{content:"📁";margin-right:6px}.event-content--list-directory .event-meta{color:#f97316;opacity:.6}.event-content--list-directory .event-meta:before{content:"Exploring • ";opacity:.8}.event-content--search .event-label{color:#10b981}.event-content--search .event-text{color:#1f2937;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;background:rgba(16,185,129,.04);padding:4px 8px;border-radius:4px;border-left:2px solid rgba(16,185,129,.2)}.event-content--search .event-text:before{content:"🔍";margin-right:6px}.event-content--search .event-meta{color:#10b981;opacity:.6}.event-content--search .event-meta:before{content:"Found • ";opacity:.8}.event-content--web-search .event-label{color:#2563eb}.event-content--web-search .event-text{color:#1f2937;background:rgba(37,99,235,.04);padding:4px 8px;border-radius:4px;border-left:2px solid rgba(37,99,235,.2)}.event-content--web-search .event-text:before{content:"🌐";margin-right:6px}.event-content--web-search .event-meta{color:#2563eb;opacity:.6}.event-content--web-search .event-meta:before{content:"Searching web • ";opacity:.8}.event-content--git .event-label{color:#ea580c}.event-content--git .event-text{color:#1f2937;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;background:rgba(234,88,12,.04);padding:4px 8px;border-radius:4px;border-left:2px solid rgba(234,88,12,.2)}.event-content--git .event-text:before{content:"🌿";margin-right:6px}.event-content--git .event-meta{color:#ea580c;opacity:.6}.event-content--git .event-meta:before{content:"Git • ";opacity:.8}.event-content--todo .event-label{color:#0891b2;font-weight:600}.event-content--todo .event-meta{color:#0891b2;opacity:.7;font-weight:500}.event-content--complete.workspace .event-label{color:#00c951!important}.event-content--complete .event-label{color:#6366f1;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.event-content--complete .event-text{color:#1e293b;font-weight:500;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.05));padding:10px 14px;border-radius:8px;border:1px solid rgba(99,102,241,.2);position:relative;overflow:hidden;font-size:13px;letter-spacing:-.01em;backdrop-filter:blur(4px);transition:all .25s ease}.event-content--complete .event-text:before{content:"";position:absolute;left:-2px;top:-2px;bottom:-2px;width:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:skewX(-15deg)}.event-content--complete .event-text .complete-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;position:relative;vertical-align:middle}.event-content--complete .event-text .complete-icon:before{content:"";position:absolute;width:8px;height:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:rotate(45deg)}.event-content--complete .event-text .complete-icon:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:2px solid rgba(0,0,0,0);border-right:2px solid rgba(0,0,0,0);border-bottom:4px solid #6366f1}.event-content--complete .event-text .complete-icon span{position:absolute;width:100%;height:100%}.event-content--complete .event-text .complete-icon span:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:2px solid rgba(0,0,0,0);border-right:2px solid rgba(0,0,0,0);border-top:4px solid #8b5cf6}.event-content--complete .event-text:hover{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.08));border-color:rgba(99,102,241,.3);transform:translateY(-1px)}.event-content--complete .event-text:hover .complete-icon:before{animation:spin-diamond .6s ease}.event-content--complete .event-meta{color:#64748b;opacity:.7;font-weight:500}.event-content--complete .event-meta:before{content:"Ready • ";opacity:.9;font-weight:600}@keyframes spin-diamond{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.event-content--error .event-label{color:#dc2626;font-weight:700}.event-content--error .event-text{color:#dc2626;font-weight:500;background:rgba(220,38,38,.06);padding:4px 8px;border-radius:4px;border-left:2px solid rgba(220,38,38,.3)}.event-content--error .event-text:before{content:"⚠️";margin-right:6px}.event-content--error .event-meta{color:#dc2626;opacity:.7}.event-content--error .event-meta:before{content:"Error • ";opacity:.8;font-weight:600}.event-content--default .event-label{color:#6b7280}.event-content--default .event-text{color:#374151}.event-content--default .event-meta{color:#6b7280;opacity:.6}.event-content--ai-text .event-text{animation:typing-glow 3s ease-in-out infinite}.event-content--ai-tool-result .event-text{animation:terminal-output .8s ease-out}.event-content--shell .event-text{animation:command-execute .8s ease-out}.event-content--edit-file .event-text,.event-content--read-file .event-text,.event-content--write-file .event-text{animation:file-operation .6s ease-out}@keyframes typing-glow{0%,to{opacity:1}50%{opacity:.8}}@keyframes terminal-output{0%{background:rgba(15,23,42,.1);border-color:rgba(15,23,42,.2);transform:scale(.98)}50%{background:rgba(15,23,42,.08);border-color:rgba(15,23,42,.15)}to{background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.1);transform:scale(1)}}@keyframes command-execute{0%{background:rgba(16,163,74,.1);transform:translateX(-2px)}50%{background:rgba(16,163,74,.08)}to{background:rgba(16,163,74,.04);transform:translateX(0)}}@keyframes file-operation{0%{opacity:.7;transform:scale(.98)}50%{transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes todo-shimmer{0%,to{opacity:1;box-shadow:0 2px 8px rgba(8,145,178,.08)}50%{opacity:.95;box-shadow:0 3px 10px rgba(8,145,178,.12)}}.box-shadow-none{box-shadow:none!important}.things-guide{flex-direction:row;padding:12px 20px;gap:8px;overflow:hidden;justify-content:center}.things-guide,.things-guide .guide-chip{display:flex;align-items:center;position:relative}.things-guide .guide-chip{gap:3px;padding:4px 8px;background:#fff2dd;border-radius:9px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;font-family:Google Sans;z-index:1;border:1px solid rgba(199,129,2,.15);box-shadow:0 1px 3px rgba(199,129,2,.08),0 0 0 1px rgba(199,129,2,.05),inset 0 1px 0 rgba(255,255,255,.6)}.things-guide .guide-chip:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%);pointer-events:none;z-index:-1}.things-guide .guide-chip.disabled{opacity:.8;pointer-events:none;cursor:not-allowed;filter:grayscale(.2);background:rgba(248,248,248,.9);border:1px solid rgba(200,200,200,.3);box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.4)}.things-guide .guide-chip.disabled:before{background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 50%)}.things-guide .guide-chip.disabled:after{background:rgba(180,180,180,.4);transform:translateX(-50%) scale(.8)}.things-guide .guide-chip.disabled .guide-chip-text{color:rgba(140,140,140,.8)}.things-guide .guide-chip.disabled .check-icon,.things-guide .guide-chip.disabled .info-icon{opacity:.6}.things-guide .guide-chip.active{background:#dbfedd;border:1px solid rgba(29,135,33,.2);box-shadow:0 2px 4px rgba(29,135,33,.12),0 0 0 1px rgba(29,135,33,.08),inset 0 1px 0 rgba(255,255,255,.7)}.things-guide .guide-chip.active:before{background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 50%)}.things-guide .guide-chip.active .guide-chip-text{color:#1d8721;font-weight:650}.things-guide .guide-chip.active .check-icon{color:#1d8721}.things-guide .guide-chip .check-icon{margin-left:4px;transition:all .2s ease}.things-guide .guide-chip .info-icon{transition:all .2s ease}.things-guide .guide-chip:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(199,129,2,.15),0 0 0 1px rgba(199,129,2,.1),inset 0 1px 0 rgba(255,255,255,.7)}.things-guide .guide-chip:hover.active{box-shadow:0 4px 12px rgba(29,135,33,.2),0 0 0 1px rgba(29,135,33,.15),inset 0 1px 0 rgba(255,255,255,.8)}.things-guide .guide-chip:active{transform:translateY(0);transition:transform .1s ease}.things-guide .guide-chip.active .check-icon{transform:scale(1.05)}.things-guide .guide-chip:not(.active):not(.disabled){animation:subtle-pulse 3s ease-in-out infinite}.things-guide .guide-chip:not(.active):not(.disabled):first-child,.things-guide .guide-chip:not(.active):not(.disabled):first-of-type{box-shadow:0 1px 3px rgba(199,129,2,.08),0 0 0 1px rgba(199,129,2,.05),inset 0 1px 0 rgba(255,255,255,.6),0 0 12px rgba(199,129,2,.1)}.things-guide .guide-chip .guide-chip:not(.active):not(.disabled):has(+.guide-chip.disabled),.things-guide .guide-chip:not(.active):not(.disabled)+.guide-chip.disabled{box-shadow:0 1px 3px rgba(199,129,2,.12),0 0 0 1px rgba(199,129,2,.08),inset 0 1px 0 rgba(255,255,255,.6),0 0 8px rgba(199,129,2,.08)}.things-guide .guide-chip:focus-visible{outline:2px solid rgba(199,129,2,.4);outline-offset:2px}.things-guide .guide-chip.active:focus-visible{outline-color:rgba(29,135,33,.4)}.things-guide .guide-chip-text{font-size:12px;font-weight:650;color:#c78102;line-height:1.2;white-space:nowrap;font-family:Bricolage Grotesque,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-style:normal;letter-spacing:-.01em;transition:all .2s ease;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes subtle-pulse{0%,to{box-shadow:0 1px 3px rgba(199,129,2,.08),0 0 0 1px rgba(199,129,2,.05),inset 0 1px 0 rgba(255,255,255,.6)}50%{box-shadow:0 2px 6px rgba(199,129,2,.12),0 0 0 1px rgba(199,129,2,.08),inset 0 1px 0 rgba(255,255,255,.7),0 0 8px rgba(199,129,2,.06)}}@keyframes step-available{0%{opacity:.4;transform:scale(.95)}50%{opacity:.7;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.devtabbuttons .devtabbtn{background:rgba(0,0,0,0)!important;border:none!important;box-shadow:none!important;color:#6b7280!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;border-radius:8px!important;backdrop-filter:none!important;border:1px solid rgba(0,0,0,0)!important}.devtabbuttons .devtabbtn *{cursor:pointer!important}.devtabbuttons .devtabbtn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background:rgba(0,0,0,0);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:-1}.devtabbuttons .devtabbtn:hover{background:rgba(255,255,255,.7)!important;color:#374151!important}.devtabbuttons .devtabbtn:hover:before{background:rgba(0,0,0,0);box-shadow:none}.devtabbuttons .devtabbtn.active{color:#dd3917!important;font-weight:500!important;transform:translateY(-2px)!important}.devtabbuttons .devtabbtn.active,.devtabbuttons .devtabbtn.active:after,.devtabbuttons .devtabbtn.active:before{background:rgba(222,59,36,.05)!important}.devtabbuttons .devtabbtn.active:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:7px;pointer-events:none;z-index:1}.devtabbuttons .devtabbtn.active:hover{background:rgba(222,59,36,0)!important;transform:translateY(-3px)!important}.devtabbuttons .devtabbtn.subtab{padding:3px 8px!important;opacity:.8}.devtabbuttons .devtabbtn.subtab:not(.active){color:#6b7280!important;background:rgba(0,0,0,0)!important}.devtabbuttons .devtabbtn.subtab:not(.active):hover{background:rgba(255,255,255,.5)!important;color:#4b5563!important}.devtabbuttons .devtabbtn.subtab.active{color:#2563eb!important;transform:translateY(-1px)!important}.devtabbuttons .devtabbtn.subtab.active,.devtabbuttons .devtabbtn.subtab.active:after,.devtabbuttons .devtabbtn.subtab.active:before{background:rgba(59,130,246,.1)!important}.devtabbuttons .devtabbtn.subtab.active:hover{background:rgba(59,130,246,.15)!important;transform:translateY(-2px)!important}.devtabbuttons .devtabbtn span,.devtabbuttons .devtabbtn svg{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.devtabbuttons .devtabbtn span{text-shadow:none;font-family:Google Sans;font-weight:500;font-size:13px}.devtabbuttons .devtabbtn.active span{text-shadow:0 1px 2px rgba(0,0,0,.1)}.devtabbuttons .subtab-divider{opacity:.4;align-self:center;flex-shrink:0}.chat-skeleton-loader{padding:.5rem 0}.chat-skeleton-loader .skeleton-message{display:flex;gap:.75rem;align-items:flex-start;padding:.25rem 0;opacity:0;animation:fadeInMessage .3s ease-out forwards}.chat-skeleton-loader .skeleton-message:first-child{animation-delay:0s}.chat-skeleton-loader .skeleton-message:nth-child(2){animation-delay:.05s}.chat-skeleton-loader .skeleton-message:nth-child(3){animation-delay:.1s}.chat-skeleton-loader .skeleton-message:nth-child(4){animation-delay:.15s}.chat-skeleton-loader .skeleton-message:nth-child(5){animation-delay:.2s}.chat-skeleton-loader .skeleton-message:nth-child(6){animation-delay:.25s}.chat-skeleton-loader .skeleton-message:nth-child(7){animation-delay:.3s}.chat-skeleton-loader .skeleton-message:nth-child(8){animation-delay:.35s}.chat-skeleton-loader .skeleton-message:nth-child(9){animation-delay:.4s}.chat-skeleton-loader .skeleton-message:nth-child(10){animation-delay:.45s}.chat-skeleton-loader .skeleton-message.skeleton-user{justify-content:flex-end}.chat-skeleton-loader .skeleton-message.skeleton-user .skeleton-time{width:58px;height:10px;background:#f1f5f9;border-radius:3px;margin-top:.5rem}.chat-skeleton-loader .skeleton-message.skeleton-user .skeleton-bubble{width:180px;height:36px;background:#e2e8f0;border-radius:18px}.chat-skeleton-loader .skeleton-message.skeleton-user .skeleton-bubble.skeleton-bubble-short{width:110px;height:32px}.chat-skeleton-loader .skeleton-message.skeleton-user .skeleton-bubble.skeleton-bubble-long{width:260px;height:44px}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-dot{width:6px;height:6px;background:#cbd5e1;border-radius:50%;margin-top:.25rem;flex-shrink:0}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content{flex:1}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-header .skeleton-label{width:20px;height:11px;background:#e2e8f0;border-radius:4px}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-header .skeleton-label.skeleton-label-long{width:100px}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-header .skeleton-time{width:50px;height:10px;background:#f1f5f9;border-radius:4px}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-text{display:flex;flex-direction:column;gap:.375rem}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-text .skeleton-line{height:13px;background:#f1f5f9;border-radius:4px}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-text .skeleton-line.skeleton-line-1{width:95%;max-width:380px}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-text .skeleton-line.skeleton-line-2{width:85%;max-width:340px}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-text .skeleton-line.skeleton-line-2.skeleton-line-short{width:60%;max-width:220px}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-text .skeleton-line.skeleton-line-3{width:90%;max-width:300px}.chat-skeleton-loader .skeleton-message.skeleton-ai .skeleton-content .skeleton-text .skeleton-line.skeleton-line-4{width:70%;max-width:260px}.chat-skeleton-loader .skeleton-message.skeleton-event .skeleton-icon{width:16px;height:16px;background:#cbd5e1;border-radius:50%;flex-shrink:0}.chat-skeleton-loader .skeleton-message.skeleton-event .skeleton-icon.skeleton-icon-spinning{background:#cbd5e1;opacity:.7;animation:spin 2s linear infinite}.chat-skeleton-loader .skeleton-message.skeleton-event .skeleton-icon.skeleton-icon-success{background:#cbd5e1}.chat-skeleton-loader .skeleton-message.skeleton-event .skeleton-content{flex:1}.chat-skeleton-loader .skeleton-message.skeleton-event .skeleton-content .skeleton-header{display:flex;align-items:center;gap:.5rem}.chat-skeleton-loader .skeleton-message.skeleton-event .skeleton-content .skeleton-header .skeleton-label{width:80px;height:11px;background:#e2e8f0;border-radius:4px}.chat-skeleton-loader .skeleton-message.skeleton-event .skeleton-content .skeleton-header .skeleton-label.skeleton-label-long{width:120px}.chat-skeleton-loader .skeleton-message.skeleton-event .skeleton-content .skeleton-header .skeleton-time{width:50px;height:10px;background:#f1f5f9;border-radius:4px}.chat-skeleton-loader .skeleton-bubble,.chat-skeleton-loader .skeleton-dot,.chat-skeleton-loader .skeleton-icon,.chat-skeleton-loader .skeleton-label,.chat-skeleton-loader .skeleton-line,.chat-skeleton-loader .skeleton-time{position:relative;overflow:hidden;background-size:200% 100%;background-image:linear-gradient(90deg,#f1f5f9,#f1f5f9 35%,#e7ecf3 50%,#f1f5f9 65%,#f1f5f9);animation:shimmerWave 3s ease-in-out infinite}.chat-skeleton-loader .skeleton-bubble{background-image:linear-gradient(90deg,#e2e8f0,#e2e8f0 35%,#dae1ea 50%,#e2e8f0 65%,#e2e8f0)}.chat-skeleton-loader .skeleton-dot,.chat-skeleton-loader .skeleton-icon{background-image:linear-gradient(90deg,#cbd5e1,#cbd5e1 35%,#b8c5d6 50%,#cbd5e1 65%,#cbd5e1)}.chat-skeleton-loader .skeleton-label{background-image:linear-gradient(90deg,#e2e8f0,#e2e8f0 35%,#dae1ea 50%,#e2e8f0 65%,#e2e8f0)}@keyframes shimmerWave{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.background-preview-load-state{z-index:1;background:rgba(255,255,255,.1);border-radius:10px;height:91%;max-height:100%;position:absolute;width:66%;backdrop-filter:blur(7px);filter:blur(5px);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.background-preview-load-state::-webkit-scrollbar{display:none}.spaceman-text{z-index:99999}.spaceman-text span{font-weight:500;color:#333;text-align:center}.spaceman-text .thinking-text{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-family:Google Sans;font-size:1rem;font-weight:400;color:#333;display:none}.spaceman-text .thinking-text label{background:linear-gradient(90deg,#000,#666 25%,#fff 50%,#666 75%,#000);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:text-shimmer 2s linear infinite}.spaceman-text .thinking-dots{display:inline-block;margin-left:5px}.spaceman-text .thinking-dots .dot{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#666;margin:0 1px;animation:thinking 1.5s ease-in-out infinite;opacity:.3}.spaceman-text .thinking-dots .dot:first-child{animation-delay:0s}.spaceman-text .thinking-dots .dot:nth-child(2){animation-delay:.3s}.spaceman-text .thinking-dots .dot:nth-child(3){animation-delay:.6s}@keyframes thinking{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.4)}}@keyframes text-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.preview-todo-stack{z-index:99999;width:43%;height:10%;position:absolute;bottom:48px;right:4%;perspective:800px;transform-style:preserve-3d;font-family:Google Sans}.preview-todo-stack .todo-card{backdrop-filter:blur(3px);transform-origin:bottom;transform:translateY(calc(var(--index) * -12px)) translateZ(calc(var(--index) * -12px)) rotateX(calc(var(--index) * 2deg)) scale(calc(1 - var(--index) * .01));background:rgba(255,255,255,.7);border-radius:8px;padding:16px 14px;transition:transform .6s cubic-bezier(.23,1,.32,1),border-color .3s,background-color .3s;position:absolute;top:0;left:0;right:0;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08)}.preview-todo-stack .todo-card .todo-content{display:flex;align-items:center;gap:10px}.preview-todo-stack .todo-card .todo-content .todo-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.preview-todo-stack .todo-card .todo-content .todo-text{flex:1;color:rgba(0,0,0,.85);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:-.01em;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.88) 30%,rgba(0,0,0,.95) 50%,rgba(0,0,0,.88) 70%,rgba(0,0,0,.85));background-size:150% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shimmer 4s ease-in-out infinite}.preview-todo-stack .todo-card .todo-content .status-badge{padding:3px 8px;border-radius:5px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(0,0,0,.1)}.preview-todo-stack .todo-card.pending .status-badge{background:rgba(148,163,184,.2);border-color:rgba(148,163,184,.3);color:#475569}.preview-todo-stack .todo-card.pending .todo-text{color:rgba(0,0,0,.6)}.preview-todo-stack .todo-card.in_progress{border-color:rgba(251,146,60,.2)}.preview-todo-stack .todo-card.in_progress .status-badge{background:rgba(251,146,60,.2);border-color:rgba(251,146,60,.3);color:#c2410c}.preview-todo-stack .todo-card.completed{border-color:rgba(34,197,94,.2)}.preview-todo-stack .todo-card.completed .status-badge{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.3);color:#15803d}.preview-todo-stack .todo-card.completed .todo-text{text-decoration:line-through;background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.55) 30%,rgba(0,0,0,.65) 50%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.5));background-size:150% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shimmer 4s ease-in-out infinite}.preview-todo-stack .todo-card.completed.just-completed{animation:celebrateCompletion 1.5s ease-out}.preview-todo-stack .todo-card.placeholder{opacity:.4;border-style:dashed;border-color:rgba(255,255,255,.1)}.preview-todo-stack .todo-card.placeholder .todo-text{font-style:italic;background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.5) 50%,rgba(0,0,0,.4));background-size:150% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shimmer 6s ease-in-out infinite}.preview-todo-stack .todo-card.placeholder .status-badge{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(0,0,0,.5)}.preview-todo-stack .todo-card:hover{transform:translateY(calc(var(--index) * -12px - 4px)) translateZ(calc(var(--index) * -12px + 8px)) rotateX(calc(var(--index) * 2deg)) scale(calc(1 - var(--index) * .01 + .02));box-shadow:0 16px 48px rgba(0,0,0,.18),0 6px 16px rgba(0,0,0,.12)}@keyframes celebrateCompletion{0%{transform:translateY(calc(var(--index) * -12px)) translateZ(calc(var(--index) * -12px)) rotateX(calc(var(--index) * 2deg)) scale(calc(1 - var(--index) * .01))}30%{transform:translateY(calc(var(--index) * -12px - 8px)) translateZ(calc(var(--index) * -12px + 10px)) rotateX(calc(var(--index) * 2deg)) scale(calc(1 - var(--index) * .01 + .05));border-color:rgba(34,197,94,.4)}to{transform:translateY(calc(var(--index) * -12px)) translateZ(calc(var(--index) * -12px)) rotateX(calc(var(--index) * 2deg)) scale(calc(1 - var(--index) * .01))}}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;transition:all .3s ease;flex-shrink:0}.status-dot--live{background:#22c55e;box-shadow:0 0 4px rgba(34,197,94,.6);animation:status-pulse 2s ease-in-out infinite}.status-dot--down{background:#f97316;box-shadow:0 0 2px rgba(249,115,22,.4)}.status-dot--not-deployed{background:#9ca3af;opacity:.5}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 4px rgba(34,197,94,.6)}50%{opacity:.7;transform:scale(1.15);box-shadow:0 0 8px rgba(34,197,94,.8)}}.jump-to-bottom-button{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:rgba(255,255,255,.33);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(200,200,200,.367);border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.8);color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.jump-to-bottom-button svg{display:block;transition:transform .2s ease}.jump-to-bottom-button:hover{background:rgba(255,255,255,.9);border-color:rgba(200,200,200,.5);box-shadow:0 5px 15px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.9);transform:translateY(-2px)}.jump-to-bottom-button:active{transform:translateY(0);box-shadow:0 2px 5px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.8)}.chat-composer-textarea{scrollbar-width:none;-ms-overflow-style:none}.chat-composer-textarea::-webkit-scrollbar,.chat-composer-textarea::-webkit-scrollbar-track{display:none}.chat-composer-textarea::-webkit-scrollbar-thumb,.chat-composer-textarea::-webkit-scrollbar-thumb:hover{display:none}.markdown-chat,.markdown-content,.markdown-setup{line-height:1.6;color:#111827}.dark .markdown-chat,.dark .markdown-content,.dark .markdown-setup{color:#f3f4f6}.markdown-chat h1,.markdown-chat h2,.markdown-chat h3,.markdown-chat h4,.markdown-chat h5,.markdown-chat h6,.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6,.markdown-setup h1,.markdown-setup h2,.markdown-setup h3,.markdown-setup h4,.markdown-setup h5,.markdown-setup h6{font-weight:600;margin:1.5em 0 .5em;color:#111827}.dark .markdown-chat h1,.dark .markdown-chat h2,.dark .markdown-chat h3,.dark .markdown-chat h4,.dark .markdown-chat h5,.dark .markdown-chat h6,.dark .markdown-content h1,.dark .markdown-content h2,.dark .markdown-content h3,.dark .markdown-content h4,.dark .markdown-content h5,.dark .markdown-content h6,.dark .markdown-setup h1,.dark .markdown-setup h2,.dark .markdown-setup h3,.dark .markdown-setup h4,.dark .markdown-setup h5,.dark .markdown-setup h6{color:#f3f4f6}.markdown-chat h1,.markdown-content h1,.markdown-setup h1{font-size:1.5em;border-bottom:1px solid #e5e7eb;padding-bottom:.5em}.dark .markdown-chat h1,.dark .markdown-content h1,.dark .markdown-setup h1{border-bottom-color:#4b5563}.markdown-chat h2,.markdown-content h2,.markdown-setup h2{font-size:1.3em}.markdown-chat h3,.markdown-content h3,.markdown-setup h3{font-size:1.1em}.markdown-chat p,.markdown-content p,.markdown-setup p{margin:.75em 0;color:#111827}.dark .markdown-chat p,.dark .markdown-content p,.dark .markdown-setup p{color:#f3f4f6}.markdown-chat ol,.markdown-chat ul,.markdown-content ol,.markdown-content ul,.markdown-setup ol,.markdown-setup ul{margin:.75em 0;padding-left:1.5em}.markdown-chat li,.markdown-content li,.markdown-setup li{margin:.25em 0}.markdown-chat code:not(pre code),.markdown-content code:not(pre code),.markdown-setup code:not(pre code){background-color:#f3f4f6;color:#1f2937;padding:.125rem .375rem;border-radius:.25rem;font-size:.875em;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.dark .markdown-chat code:not(pre code),.dark .markdown-content code:not(pre code),.dark .markdown-setup code:not(pre code){background-color:#1f2937;color:#e5e7eb}.markdown-chat pre,.markdown-content pre,.markdown-setup pre{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin:1em 0;overflow-x:auto;font-size:.875em}.dark .markdown-chat pre,.dark .markdown-content pre,.dark .markdown-setup pre{background-color:#1e293b;border-color:#475569}.markdown-chat pre code,.markdown-content pre code,.markdown-setup pre code{background:none;padding:0;border-radius:0;color:inherit}.markdown-chat blockquote,.markdown-content blockquote,.markdown-setup blockquote{border-left:4px solid #d1d5db;padding-left:1rem;margin:1em 0;font-style:italic;color:#4b5563}.dark .markdown-chat blockquote,.dark .markdown-content blockquote,.dark .markdown-setup blockquote{border-left-color:#4b5563;color:#9ca3af}.markdown-chat a,.markdown-content a,.markdown-setup a{color:#3b82f6;text-decoration:underline}.markdown-chat a:hover,.markdown-content a:hover,.markdown-setup a:hover{color:#2563eb}.dark .markdown-chat a,.dark .markdown-content a,.dark .markdown-setup a{color:#60a5fa}.dark .markdown-chat a:hover,.dark .markdown-content a:hover,.dark .markdown-setup a:hover{color:#3b82f6}.markdown-chat table,.markdown-content table,.markdown-setup table{width:100%;border-collapse:collapse;margin:1em 0}.markdown-chat td,.markdown-chat th,.markdown-content td,.markdown-content th,.markdown-setup td,.markdown-setup th{border:1px solid #e5e7eb;padding:.5rem;text-align:left}.dark .markdown-chat td,.dark .markdown-chat th,.dark .markdown-content td,.dark .markdown-content th,.dark .markdown-setup td,.dark .markdown-setup th{border-color:#4b5563}.markdown-chat th,.markdown-content th,.markdown-setup th{background-color:#f9fafb;font-weight:600}.dark .markdown-chat th,.dark .markdown-content th,.dark .markdown-setup th{background-color:#1f2937}.markdown-chat hr,.markdown-content hr,.markdown-setup hr{border:none;border-top:1px solid #e5e7eb;margin:2em 0}.dark .markdown-chat hr,.dark .markdown-content hr,.dark .markdown-setup hr{border-top-color:#4b5563}.markdown-chat b,.markdown-chat strong,.markdown-content b,.markdown-content strong,.markdown-setup b,.markdown-setup strong{font-weight:600}.markdown-chat em,.markdown-chat i,.markdown-content em,.markdown-content i,.markdown-setup em,.markdown-setup i{font-style:italic}.markdown-chat{font-size:.875rem;line-height:1.4}.markdown-chat h1,.markdown-chat h2,.markdown-chat h3,.markdown-chat h4,.markdown-chat h5,.markdown-chat h6{margin:.5em 0 .25em;line-height:1.3}.markdown-chat h1{font-size:1.125em;border-bottom:none;padding-bottom:0}.markdown-chat h2{font-size:1.0625em}.markdown-chat h3{font-size:1em}.markdown-chat p{margin:.25em 0}.markdown-chat pre{padding:.5rem;margin:.5em 0;font-size:.8em}.markdown-chat ol,.markdown-chat ul{margin:.25em 0;padding-left:1em}.markdown-chat li{margin:.125em 0}.markdown-chat code:not(pre code){padding:.0625rem .25rem;font-size:.8em}.markdown-chat blockquote{margin:.5em 0;padding-left:.75rem}.markdown-chat table{margin:.5em 0;font-size:.8em}.markdown-chat td,.markdown-chat th{padding:.25rem}.markdown-setup h1{font-size:1.75em}.markdown-setup h2{font-size:1.5em}.markdown-setup h3{font-size:1.25em}.markdown-setup pre{padding:1.25rem;font-size:.9em}.markdown-setup ol,.markdown-setup ul{padding-left:2em}.workspace-loading-container{width:94vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;overflow:hidden;z-index:9999;font-family:Google Sans}.workspace-loading-container::-webkit-scrollbar,.workspace-loading-container::-webkit-scrollbar-track{display:none}.workspace-loading-container::-webkit-scrollbar-thumb,.workspace-loading-container::-webkit-scrollbar-thumb:hover{display:none}.loading-text{margin-top:2rem;text-align:center}.loading-text .loading-message{font-size:1.6rem;font-weight:400;color:#374151;margin:0 0 1.5rem;letter-spacing:-.012em}.loading-text .loading-message .font-size-mem{font-size:1rem;font-family:Google Sans}.loading-text .loading-message.shimmer-text{background:linear-gradient(110deg,#374151 45%,#9ca3af 50%,#374151 55%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shimmer 2s linear infinite}.loading-text .loading-dots{display:flex;justify-content:center;gap:.5rem}.loading-text .loading-dots .dot{width:8px;height:8px;border-radius:50%;background-color:#d1d5db;transition:background-color .3s ease}.loading-text .loading-dots .dot.active{background-color:#fd6f5d}
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&family=Inter:wght@400;500;600&display=swap";.console ::-webkit-scrollbar,.console ::-webkit-scrollbar-track{display:none}.console ::-webkit-scrollbar-thumb,.console ::-webkit-scrollbar-thumb:hover{display:none}.console__container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 12px 12px;height:100%;position:relative;overflow:hidden}.dark .console__container{background:#0f172acc}.console__container:before{content:"";z-index:10;pointer-events:none;background:linear-gradient(#fff3,#0000);height:16px;position:absolute;top:0;left:0;right:0}.dark .console__container:before{background:linear-gradient(#0f172a66,#0000)}.console__content{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#94a3b833 #0000;height:100%;padding:0 12px 12px;overflow-y:auto}.console__content::-webkit-scrollbar{width:4px}.console__content::-webkit-scrollbar-track{background:0 0}.console__content::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:2px}.console__content::-webkit-scrollbar-thumb:hover{background:#94a3b84d}.dark .console__content{scrollbar-color:#4755694d #0000}.dark .console__content::-webkit-scrollbar-thumb{background:#4755694d}.dark .console__content::-webkit-scrollbar-thumb:hover{background:#47556966}.console__messages{flex-direction:column;gap:4px;padding-top:12px;display:flex}.console__empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.console__empty-state .icon-container{background:#6366f10d;border:1px solid #6366f11a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.dark .console__empty-state .icon-container{background:#6366f114;border:1px solid #6366f126}.console__empty-state h4{color:#374151;margin-bottom:4px;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.dark .console__empty-state h4{color:#d1d5db}.console__empty-state p{color:#6b7280;max-width:200px;font-family:Inter,sans-serif;font-size:12px;line-height:1.4}.dark .console__empty-state p{color:#9ca3af}.console-message{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #0000;border-radius:6px;width:100%;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px;transition:all .2s;position:relative}.console-message:hover{border:1px solid #6366f126;transform:translateY(-.5px)}.dark .console-message:hover{border:1px solid #6366f133}.console-message__header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.console-message__icon{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.console-message__label{text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-family:Fira Code,monospace;font-size:9px;font-weight:500}.console-message__timestamp{opacity:.5;align-items:center;gap:2px;margin-left:auto;font-family:Fira Code,monospace;font-size:8px;display:flex}.console-message__content{color:#374151;font-size:12px;line-height:1.4}.dark .console-message__content{color:#e5e7eb}.console-message__content p{margin:0}.console-message--error{background:#ef44440d;border-left:2px solid #ef4444}.dark .console-message--error{background:#ef444414}.console-message--error .console-message__label{color:#dc2626}.console-message--complete{background:#22c55e0d;border-left:2px solid #22c55e}.dark .console-message--complete{background:#22c55e14}.console-message--complete .console-message__label{color:#16a34a}.console-message--status{background:#3b82f60d;border-left:2px solid #3b82f6}.dark .console-message--status{background:#3b82f614}.console-message--status .console-message__label{color:#2563eb}.console-message--ai-text,.console-message--ai-tool-result{background:#6366f10d}.dark .console-message--ai-text,.dark .console-message--ai-tool-result{background:#6366f114}.console-message--ai-text .console-message__label,.console-message--ai-tool-result .console-message__label{color:#4f46e5}.console-message .code-editor-compact{filter:blur(2px);max-height:60px;overflow-y:hidden}.console-message--ai-edit-file,.console-message--ai-glob-search,.console-message--ai-list-directory,.console-message--ai-read-path,.console-message--ai-write-path{background:#9333ea0d}.dark .console-message--ai-edit-file,.dark .console-message--ai-glob-search,.dark .console-message--ai-list-directory,.dark .console-message--ai-read-path,.dark .console-message--ai-write-path{background:#9333ea14}.console-message--ai-edit-file .console-message__label,.console-message--ai-glob-search .console-message__label,.console-message--ai-list-directory .console-message__label,.console-message--ai-read-path .console-message__label,.console-message--ai-write-path .console-message__label{color:#7e22ce}.console-message--ai-grep-search,.console-message--ai-web-search{background:#10b9810d}.dark .console-message--ai-grep-search,.dark .console-message--ai-web-search{background:#10b98114}.console-message--ai-grep-search .console-message__label,.console-message--ai-web-search .console-message__label{color:#059669}.console-message--ai-bash,.console-message--ai-git-operation{background:#22c55e0d}.dark .console-message--ai-bash,.dark .console-message--ai-git-operation{background:#22c55e14}.console-message--ai-bash .console-message__label,.console-message--ai-git-operation .console-message__label{color:#16a34a}.console-message--ai-multi-edit,.console-message--ai-task-management,.console-message--ai-todo-write{background:#ec48990d}.dark .console-message--ai-multi-edit,.dark .console-message--ai-task-management,.dark .console-message--ai-todo-write{background:#ec489914}.console-message--ai-multi-edit .console-message__label,.console-message--ai-task-management .console-message__label,.console-message--ai-todo-write .console-message__label{color:#db2777}.console-message--ai-mcp-action,.console-message--ai-tool-use{background:#6366f10d}.dark .console-message--ai-mcp-action,.dark .console-message--ai-tool-use{background:#6366f114}.console-message--ai-mcp-action .console-message__label,.console-message--ai-tool-use .console-message__label{color:#4f46e5}.console-message--default{background:#4755690d}.dark .console-message--default{background:#47556914}.console-message--default .console-message__label{color:#475569}@media (max-width:768px){.console__content{padding:8px}.console__messages{gap:3px;padding-top:8px}.console__empty-state{padding:16px}.console__empty-state .icon-container{width:40px;height:40px;margin-bottom:12px}.console__empty-state h4{font-size:13px}.console__empty-state p{font-size:11px}.console-message{border-radius:4px;padding:6px 8px}.console-message__header{gap:4px;margin-bottom:3px}.console-message__icon{width:12px;height:12px}.console-message__label{font-size:8px}.console-message__timestamp{font-size:7px}.console-message__content{font-size:11px}}.loading-dots{align-items:center;gap:4px;padding:4px 0;display:flex}.loading-dots .loading-dot{background-color:#374151;border-radius:50%;width:4px;height:4px;animation:loading-pulse 1.4s ease-in-out infinite}.dark .loading-dots .loading-dot{background-color:#9ca3af}.loading-dots .loading-dot:first-child{animation-delay:0s}.loading-dots .loading-dot:nth-child(2){animation-delay:.2s}.loading-dots .loading-dot:nth-child(3){animation-delay:.4s}@keyframes loading-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.console-message--loading{background:#3b82f608;border-color:#3b82f614}.dark .console-message--loading{background:#3b82f60d;border-color:#3b82f61f}.console-message--loading .console-message__glow{background:radial-gradient(circle,#3b82f614 0,#0000 70%)}.todo-deck{position:relative;margin-top:8px}.todo-deck__header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;color:#6b7280;position:relative;z-index:20}.dark .todo-deck__header{color:#9ca3af}.todo-deck__header-accent{width:2px;height:12px;background:linear-gradient(180deg,rgb(20,184,166),rgb(13,148,136));border-radius:1px}.todo-deck__header-text{font-weight:500}.todo-deck__stack{position:relative}.todo-deck__stack:after,.todo-deck__stack:before{content:"";position:absolute;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.dark .todo-deck__stack:after,.dark .todo-deck__stack:before{background:#1f2937;border-color:#4b5563}.todo-deck__stack:before{top:6px;left:3px;right:-3px;height:32px;z-index:1;opacity:.25}.todo-deck__stack:after{top:3px;left:1.5px;right:-1.5px;height:32px;z-index:2;opacity:.5}.todo-deck__items{position:relative;z-index:10;display:flex;flex-direction:column}.todo-deck__card{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;transition:all .2s ease;transform-origin:top center}.dark .todo-deck__card{background:#1f2937;border-color:#4b5563}.todo-deck__card--active{background:#fff;border:1px solid #14b8a6;box-shadow:0 1px 3px rgba(20,184,166,.1)}.dark .todo-deck__card--active{background:#1f2937;border-color:#14b8a6;box-shadow:0 1px 3px rgba(20,184,166,.2)}.todo-deck__card:first-child{z-index:10;transform:rotate(0deg);margin-top:0}.todo-deck__card:nth-child(2){z-index:9;transform:rotate(-.5deg) translate(-1px);margin-top:-28px}.todo-deck__card:nth-child(3){z-index:8;transform:rotate(.8deg) translate(1px);margin-top:-28px}.todo-deck__card:nth-child(4){z-index:7;transform:rotate(-.3deg) translate(-.5px);margin-top:-28px}.todo-deck__card:nth-child(5){z-index:6;transform:rotate(.6deg) translate(1px);margin-top:-28px}.todo-deck__card:nth-child(n+6){z-index:5;transform:rotate(-.2deg) translate(-.5px);margin-top:-28px}.todo-deck__card:hover{background:#f9fafb;transform:scale(1.03) rotate(0deg) translateY(-8px);z-index:25!important;box-shadow:0 8px 20px rgba(0,0,0,.15)}.dark .todo-deck__card:hover{background:#252f3f;box-shadow:0 8px 20px rgba(0,0,0,.4)}.todo-deck__content{display:flex;align-items:flex-start;gap:8px}.todo-deck__indicator{position:relative;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all .2s ease}.todo-deck__indicator--completed{background:#10b981}.todo-deck__indicator--in-progress{background:#f97316;animation:todo-pulse 2s ease-in-out infinite}.todo-deck__indicator--cancelled{background:#ef4444}.todo-deck__indicator--pending{background:#9ca3af}.dark .todo-deck__indicator--pending{background:#6b7280}.todo-deck__indicator svg{width:7px;height:7px;color:#fff}.todo-deck__indicator-dot{width:5px;height:5px;background:#fff;border-radius:50%}.todo-deck__details{flex:1;min-width:0}.todo-deck__meta{display:flex;align-items:center;gap:6px;margin-bottom:2px}.todo-deck__status{font-size:9px;font-weight:500;padding:1px 5px;border-radius:8px;line-height:1.2;text-transform:capitalize}.todo-deck__status--completed{background:#ecfdf5;color:#059669}.dark .todo-deck__status--completed{background:rgba(16,185,129,.15);color:#34d399}.todo-deck__status--in-progress{background:#fef3e6;color:#c2410c}.dark .todo-deck__status--in-progress{background:rgba(249,115,22,.15);color:#fb923c}.todo-deck__status--cancelled{background:#fef2f2;color:#b91c1c}.dark .todo-deck__status--cancelled{background:rgba(239,68,68,.15);color:#f87171}.todo-deck__status--pending{background:#f9fafb;color:#4b5563}.dark .todo-deck__status--pending{background:#1f2937;color:#9ca3af}.todo-deck__id{font-family:ui-monospace,SFMono-Regular,SF Mono,monospace;font-size:8px;color:#9ca3af}.dark .todo-deck__id{color:#6b7280}.todo-deck__active-badge{font-size:8px;font-weight:600;padding:1px 4px;border-radius:6px;background:#14b8a6;color:#fff;text-transform:uppercase;letter-spacing:.5px}.todo-deck__text{font-size:11px;line-height:1.3;color:#1f2937}.dark .todo-deck__text{color:#e5e7eb}.todo-deck__text--completed{color:#6b7280;text-decoration:line-through;text-decoration-color:#10b981}.dark .todo-deck__text--completed{color:#9ca3af}.todo-deck__summary{margin-top:8px;padding-top:6px;border-top:1px solid #f3f4f6;position:relative;z-index:20}.dark .todo-deck__summary{border-top-color:#4b5563}.todo-deck__footer{display:flex;align-items:center;justify-content:space-between;font-size:9px}.todo-deck__footer-text{color:#6b7280}.dark .todo-deck__footer-text{color:#9ca3af}.todo-deck__footer-dots{display:flex;gap:2px}.todo-deck__footer-dot{width:5px;height:5px;border-radius:50%}.todo-deck__footer-dot--completed{background:#10b981}.todo-deck__footer-dot--in-progress{background:#f97316}.todo-deck__footer-dot--cancelled{background:#ef4444}.todo-deck__footer-dot--pending{background:#9ca3af}.dark .todo-deck__footer-dot--pending{background:#6b7280}@keyframes todo-pulse{0%,to{opacity:1}50%{opacity:.6}}
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap";.chat-build-event{transition:all .2s;position:relative}.chat-build-event:hover{transform:translateY(-1px)}.chat-build-event:hover .build-event-content{background:#6366f105;border-color:#6366f126}.chat-build-event .build-event-content{background:#f8fafc80;border:1px solid #94a3b81a;border-radius:6px;transition:all .2s}.dark .chat-build-event .build-event-content{background:#0f172a4d;border-color:#47556933}.chat-build-event--ai-write-path .build-event-icon{color:#8b5cf6}.chat-build-event--ai-bash .build-event-icon{color:#10b981}.chat-build-event--ai-todo-write .build-event-icon{color:#06b6d4}.chat-build-event--ai-git-operation .build-event-icon{color:#f59e0b}.chat-build-event--ai-text .build-event-icon{color:#6366f1}.chat-build-event.animate-pulse .build-event-content{animation:gentle-pulse 2s infinite}@keyframes gentle-pulse{0%,to{background:#0f172a4d;border-color:#47556933}50%{background:#6366f114;border-color:#6366f140}}.chat-todos .todo-item{background:#f8fafccc;border:1px solid #94a3b81a;border-radius:4px;padding:4px 8px}.dark .chat-todos .todo-item{background:#0f172a99;border-color:#47556933}.chat-todos .todo-item--completed{opacity:.7;text-decoration:line-through}.chat-todos .todo-item--in-progress{border-left:2px solid #3b82f6}.chat-file-path{color:#2563eb;background:#3b82f61a;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:11px}.dark .chat-file-path{color:#60a5fa;background:#3b82f626}.build-progress-bar{background:#94a3b833;border-radius:1px;width:100%;height:2px;overflow:hidden}.build-progress-bar .progress-fill{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:1px;height:100%;transition:width .3s}.dark .build-progress-bar{background:#4755694d}.event-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:9px;font-weight:500}.event-badge--write{color:#7c3aed;background:#8b5cf61a}.event-badge--bash{color:#059669;background:#10b9811a}.event-badge--todo{color:#0891b2;background:#06b6d41a}.event-badge--git{color:#d97706;background:#f59e0b1a}.event-badge--ai{color:#6366f1;background:#6366f11a}.streaming-text{white-space:pre-wrap;font-family:Inter,sans-serif;line-height:1.6}.streaming-text .streaming-cursor{color:#6b7280;opacity:.8;font-weight:400;animation:cursor-blink 1.2s ease-in-out infinite}@keyframes cursor-blink{0%,45%{opacity:.8}50%,to{opacity:.2}}.deploy-button-container{justify-content:center;margin:8px 0;padding:12px 20px;display:flex}.deploy-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f14d}.deploy-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.deploy-button:active:not(:disabled){transform:translateY(0)}.deploy-button:disabled{opacity:.7;cursor:not-allowed}.deploy-button--loading{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 4px 12px #94a3b84d}.deploy-button--run{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.deploy-button--run:hover:not(:disabled){box-shadow:0 8px 20px #10b98166}.deploy-button__icon{width:16px;height:16px}.deploy-button__icon.animate-spin{animation:spin 1s linear infinite}.deploy-button__text{font-size:14px;font-weight:600}.deploy-success-message{color:#059669;background:#10b9811a;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:8px 20px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.deploy-success-message__icon{width:16px;height:16px}.event-indicator--setup{border-radius:100%;background:radial-gradient(circle,#3b82f6 30%,#0000 70%)!important;box-shadow:0 0 8px #3b82f666!important}.event-indicator--run{background:radial-gradient(circle,#10b981 30%,#0000 70%)!important;box-shadow:0 0 8px #10b98166!important}.event-content--setup{border-width:1px;border-color:#1d4ed836;border-radius:10px;padding:4px 8px;box-shadow:0 0 20px #b8c5e299;color:#1d4ed8!important;background:#3b82f61a!important}.event-content--run{color:#059669!important;background:#10b9811a!important}.ide-explorer-header,.ide-file-header{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;letter-spacing:-.01em}.ide-explorer-header h3,.ide-file-header h3{font-weight:500;line-height:1}.ide-file-tree::-webkit-scrollbar{width:6px}.ide-file-tree::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.ide-file-tree::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ide-file-tree::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ide-tree-node .ide-tree-children{position:relative}.ide-tree-node .ide-tree-children:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:1px;background:#e5e7eb}.ide-tree-item{position:relative}.ide-tree-item:hover{background:#f8fafc!important}.ide-tree-item:active{background:#f1f5f9!important}.ide-tree-item.bg-blue-50{background:#eff6ff!important}.ide-tree-item.bg-blue-50:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:#2563eb}.ide-tabs::-webkit-scrollbar{height:3px}.ide-tabs::-webkit-scrollbar-track{background:#f9fafb}.ide-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.ide-tab{position:relative;border-bottom:2px solid rgba(0,0,0,0)}.ide-tab:hover{background:#f3f4f6!important}.ide-tab.bg-white{background:#fff!important;border-bottom-color:#2563eb}.ide-tab.bg-white:before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#fff;z-index:1}.ide-code-viewer{font-feature-settings:"liga" 1,"calt" 1}.ide-code-viewer::-webkit-scrollbar{width:8px;height:8px}.ide-code-viewer::-webkit-scrollbar-track{background:#f8fafc}.ide-code-viewer::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;border:2px solid #f8fafc}.ide-code-viewer::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ide-code-viewer::-webkit-scrollbar-corner{background:#f8fafc}.ide-code-viewer pre{font-feature-settings:"liga" 1,"calt" 1!important}.ide-code-viewer pre code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important}.ide-code-viewer .linenumber{border-right:1px solid #e5e7eb!important;background:#f8fafc!important;color:#9ca3af!important;font-weight:400!important;padding-left:8px!important;user-select:none!important}.ide-code-viewer ::selection{background:#dbeafe;color:inherit}.ide-code-viewer ::-moz-selection{background:#dbeafe;color:inherit}@keyframes ide-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.ide-fade-in{animation:ide-fade-in .15s ease-out}.ide-tab:focus-visible,.ide-tree-item:focus-visible{outline:2px solid #2563eb;outline-offset:-2px;z-index:1}.ide-tab,.ide-tree-item{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-feature-settings:"tnum" 1;letter-spacing:-.003em}.ide-explorer-header,.ide-file-header,.ide-tabs{border-color:#e5e7eb}button{font-family:inherit;letter-spacing:inherit}button:focus-visible{outline:2px solid #2563eb;outline-offset:1px}@media(max-width:1024px){.ide-tree-panel{width:240px}.ide-tab{max-width:120px}}@media(max-width:768px){.ide-tree-panel{width:200px}.ide-tab{max-width:100px;padding:6px 12px}}@font-face{font-family:codicon;font-display:block;src:url(/_next/static/media/codicon.4120ec23.ttf) format("truetype")}.codicon[class*=codicon-]{font:normal normal normal 16px/1 codicon;display:inline-block;text-decoration:none;text-rendering:auto;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-ms-user-select:none}@keyframes codicon-spin{to{transform:rotate(1turn)}}.codicon-gear.codicon-modifier-spin,.codicon-loading.codicon-modifier-spin,.codicon-sync.codicon-modifier-spin{animation:codicon-spin 1.5s steps(30) infinite}.codicon-modifier-disabled{opacity:.5}.codicon-modifier-hidden{opacity:0}.codicon-loading{animation-duration:1s!important;animation-timing-function:cubic-bezier(.53,.21,.29,.67)!important}.codicon-add:before,.codicon-gist-new:before,.codicon-plus:before,.codicon-repo-create:before{content:"\ea60"}.codicon-light-bulb:before,.codicon-lightbulb:before{content:"\ea61"}.codicon-repo-delete:before,.codicon-repo:before{content:"\ea62"}.codicon-gist-fork:before,.codicon-repo-forked:before{content:"\ea63"}.codicon-git-pull-request-abandoned:before,.codicon-git-pull-request:before{content:"\ea64"}.codicon-keyboard:before,.codicon-record-keys:before{content:"\ea65"}.codicon-git-pull-request-label:before,.codicon-tag-add:before,.codicon-tag-remove:before,.codicon-tag:before{content:"\ea66"}.codicon-person-filled:before,.codicon-person-follow:before,.codicon-person-outline:before,.codicon-person:before{content:"\ea67"}.codicon-git-branch-create:before,.codicon-git-branch-delete:before,.codicon-git-branch:before,.codicon-source-control:before{content:"\ea68"}.codicon-mirror-public:before,.codicon-mirror:before{content:"\ea69"}.codicon-star-add:before,.codicon-star-delete:before,.codicon-star-empty:before,.codicon-star:before{content:"\ea6a"}.codicon-comment-add:before,.codicon-comment:before{content:"\ea6b"}.codicon-alert:before,.codicon-warning:before{content:"\ea6c"}.codicon-search-save:before,.codicon-search:before{content:"\ea6d"}.codicon-log-out:before,.codicon-sign-out:before{content:"\ea6e"}.codicon-log-in:before,.codicon-sign-in:before{content:"\ea6f"}.codicon-eye-unwatch:before,.codicon-eye-watch:before,.codicon-eye:before{content:"\ea70"}.codicon-circle-filled:before,.codicon-close-dirty:before,.codicon-debug-breakpoint-disabled:before,.codicon-debug-breakpoint:before,.codicon-debug-hint:before,.codicon-primitive-dot:before,.codicon-terminal-decoration-success:before{content:"\ea71"}.codicon-primitive-square:before{content:"\ea72"}.codicon-edit:before,.codicon-pencil:before{content:"\ea73"}.codicon-info:before,.codicon-issue-opened:before{content:"\ea74"}.codicon-gist-private:before,.codicon-git-fork-private:before,.codicon-lock:before,.codicon-mirror-private:before{content:"\ea75"}.codicon-close:before,.codicon-remove-close:before,.codicon-x:before{content:"\ea76"}.codicon-repo-sync:before,.codicon-sync:before{content:"\ea77"}.codicon-clone:before,.codicon-desktop-download:before{content:"\ea78"}.codicon-beaker:before,.codicon-microscope:before{content:"\ea79"}.codicon-device-desktop:before,.codicon-vm:before{content:"\ea7a"}.codicon-file-text:before,.codicon-file:before{content:"\ea7b"}.codicon-ellipsis:before,.codicon-kebab-horizontal:before,.codicon-more:before{content:"\ea7c"}.codicon-mail-reply:before,.codicon-reply:before{content:"\ea7d"}.codicon-organization-filled:before,.codicon-organization-outline:before,.codicon-organization:before{content:"\ea7e"}.codicon-file-add:before,.codicon-new-file:before{content:"\ea7f"}.codicon-file-directory-create:before,.codicon-new-folder:before{content:"\ea80"}.codicon-trash:before,.codicon-trashcan:before{content:"\ea81"}.codicon-clock:before,.codicon-history:before{content:"\ea82"}.codicon-file-directory:before,.codicon-folder:before,.codicon-symbol-folder:before{content:"\ea83"}.codicon-github:before,.codicon-logo-github:before,.codicon-mark-github:before{content:"\ea84"}.codicon-console:before,.codicon-repl:before,.codicon-terminal:before{content:"\ea85"}.codicon-symbol-event:before,.codicon-zap:before{content:"\ea86"}.codicon-error:before,.codicon-stop:before{content:"\ea87"}.codicon-symbol-variable:before,.codicon-variable:before{content:"\ea88"}.codicon-array:before,.codicon-symbol-array:before{content:"\ea8a"}.codicon-symbol-module:before,.codicon-symbol-namespace:before,.codicon-symbol-object:before,.codicon-symbol-package:before{content:"\ea8b"}.codicon-symbol-constructor:before,.codicon-symbol-function:before,.codicon-symbol-method:before{content:"\ea8c"}.codicon-symbol-boolean:before,.codicon-symbol-null:before{content:"\ea8f"}.codicon-symbol-number:before,.codicon-symbol-numeric:before{content:"\ea90"}.codicon-symbol-struct:before,.codicon-symbol-structure:before{content:"\ea91"}.codicon-symbol-parameter:before,.codicon-symbol-type-parameter:before{content:"\ea92"}.codicon-symbol-key:before,.codicon-symbol-text:before{content:"\ea93"}.codicon-go-to-file:before,.codicon-symbol-reference:before{content:"\ea94"}.codicon-symbol-enum:before,.codicon-symbol-value:before{content:"\ea95"}.codicon-symbol-ruler:before,.codicon-symbol-unit:before{content:"\ea96"}.codicon-activate-breakpoints:before{content:"\ea97"}.codicon-archive:before{content:"\ea98"}.codicon-arrow-both:before{content:"\ea99"}.codicon-arrow-down:before{content:"\ea9a"}.codicon-arrow-left:before{content:"\ea9b"}.codicon-arrow-right:before{content:"\ea9c"}.codicon-arrow-small-down:before{content:"\ea9d"}.codicon-arrow-small-left:before{content:"\ea9e"}.codicon-arrow-small-right:before{content:"\ea9f"}.codicon-arrow-small-up:before{content:"\eaa0"}.codicon-arrow-up:before{content:"\eaa1"}.codicon-bell:before{content:"\eaa2"}.codicon-bold:before{content:"\eaa3"}.codicon-book:before{content:"\eaa4"}.codicon-bookmark:before{content:"\eaa5"}.codicon-debug-breakpoint-conditional-unverified:before{content:"\eaa6"}.codicon-debug-breakpoint-conditional-disabled:before,.codicon-debug-breakpoint-conditional:before{content:"\eaa7"}.codicon-debug-breakpoint-data-unverified:before{content:"\eaa8"}.codicon-debug-breakpoint-data-disabled:before,.codicon-debug-breakpoint-data:before{content:"\eaa9"}.codicon-debug-breakpoint-log-unverified:before{content:"\eaaa"}.codicon-debug-breakpoint-log-disabled:before,.codicon-debug-breakpoint-log:before{content:"\eaab"}.codicon-briefcase:before{content:"\eaac"}.codicon-broadcast:before{content:"\eaad"}.codicon-browser:before{content:"\eaae"}.codicon-bug:before{content:"\eaaf"}.codicon-calendar:before{content:"\eab0"}.codicon-case-sensitive:before{content:"\eab1"}.codicon-check:before{content:"\eab2"}.codicon-checklist:before{content:"\eab3"}.codicon-chevron-down:before{content:"\eab4"}.codicon-chevron-left:before{content:"\eab5"}.codicon-chevron-right:before{content:"\eab6"}.codicon-chevron-up:before{content:"\eab7"}.codicon-chrome-close:before{content:"\eab8"}.codicon-chrome-maximize:before{content:"\eab9"}.codicon-chrome-minimize:before{content:"\eaba"}.codicon-chrome-restore:before{content:"\eabb"}.codicon-circle-outline:before,.codicon-circle:before,.codicon-debug-breakpoint-unverified:before,.codicon-terminal-decoration-incomplete:before{content:"\eabc"}.codicon-circle-slash:before{content:"\eabd"}.codicon-circuit-board:before{content:"\eabe"}.codicon-clear-all:before{content:"\eabf"}.codicon-clippy:before{content:"\eac0"}.codicon-close-all:before{content:"\eac1"}.codicon-cloud-download:before{content:"\eac2"}.codicon-cloud-upload:before{content:"\eac3"}.codicon-code:before{content:"\eac4"}.codicon-collapse-all:before{content:"\eac5"}.codicon-color-mode:before{content:"\eac6"}.codicon-comment-discussion:before{content:"\eac7"}.codicon-credit-card:before{content:"\eac9"}.codicon-dash:before{content:"\eacc"}.codicon-dashboard:before{content:"\eacd"}.codicon-database:before{content:"\eace"}.codicon-debug-continue:before{content:"\eacf"}.codicon-debug-disconnect:before{content:"\ead0"}.codicon-debug-pause:before{content:"\ead1"}.codicon-debug-restart:before{content:"\ead2"}.codicon-debug-start:before{content:"\ead3"}.codicon-debug-step-into:before{content:"\ead4"}.codicon-debug-step-out:before{content:"\ead5"}.codicon-debug-step-over:before{content:"\ead6"}.codicon-debug-stop:before{content:"\ead7"}.codicon-debug:before{content:"\ead8"}.codicon-device-camera-video:before{content:"\ead9"}.codicon-device-camera:before{content:"\eada"}.codicon-device-mobile:before{content:"\eadb"}.codicon-diff-added:before{content:"\eadc"}.codicon-diff-ignored:before{content:"\eadd"}.codicon-diff-modified:before{content:"\eade"}.codicon-diff-removed:before{content:"\eadf"}.codicon-diff-renamed:before{content:"\eae0"}.codicon-diff-sidebyside:before,.codicon-diff:before{content:"\eae1"}.codicon-discard:before{content:"\eae2"}.codicon-editor-layout:before{content:"\eae3"}.codicon-empty-window:before{content:"\eae4"}.codicon-exclude:before{content:"\eae5"}.codicon-extensions:before{content:"\eae6"}.codicon-eye-closed:before{content:"\eae7"}.codicon-file-binary:before{content:"\eae8"}.codicon-file-code:before{content:"\eae9"}.codicon-file-media:before{content:"\eaea"}.codicon-file-pdf:before{content:"\eaeb"}.codicon-file-submodule:before{content:"\eaec"}.codicon-file-symlink-directory:before{content:"\eaed"}.codicon-file-symlink-file:before{content:"\eaee"}.codicon-file-zip:before{content:"\eaef"}.codicon-files:before{content:"\eaf0"}.codicon-filter:before{content:"\eaf1"}.codicon-flame:before{content:"\eaf2"}.codicon-fold-down:before{content:"\eaf3"}.codicon-fold-up:before{content:"\eaf4"}.codicon-fold:before{content:"\eaf5"}.codicon-folder-active:before{content:"\eaf6"}.codicon-folder-opened:before{content:"\eaf7"}.codicon-gear:before{content:"\eaf8"}.codicon-gift:before{content:"\eaf9"}.codicon-gist-secret:before{content:"\eafa"}.codicon-gist:before{content:"\eafb"}.codicon-git-commit:before{content:"\eafc"}.codicon-compare-changes:before,.codicon-git-compare:before{content:"\eafd"}.codicon-git-merge:before{content:"\eafe"}.codicon-github-action:before{content:"\eaff"}.codicon-github-alt:before{content:"\eb00"}.codicon-globe:before{content:"\eb01"}.codicon-grabber:before{content:"\eb02"}.codicon-graph:before{content:"\eb03"}.codicon-gripper:before{content:"\eb04"}.codicon-heart:before{content:"\eb05"}.codicon-home:before{content:"\eb06"}.codicon-horizontal-rule:before{content:"\eb07"}.codicon-hubot:before{content:"\eb08"}.codicon-inbox:before{content:"\eb09"}.codicon-issue-reopened:before{content:"\eb0b"}.codicon-issues:before{content:"\eb0c"}.codicon-italic:before{content:"\eb0d"}.codicon-jersey:before{content:"\eb0e"}.codicon-json:before{content:"\eb0f"}.codicon-kebab-vertical:before{content:"\eb10"}.codicon-key:before{content:"\eb11"}.codicon-law:before{content:"\eb12"}.codicon-lightbulb-autofix:before{content:"\eb13"}.codicon-link-external:before{content:"\eb14"}.codicon-link:before{content:"\eb15"}.codicon-list-ordered:before{content:"\eb16"}.codicon-list-unordered:before{content:"\eb17"}.codicon-live-share:before{content:"\eb18"}.codicon-loading:before{content:"\eb19"}.codicon-location:before{content:"\eb1a"}.codicon-mail-read:before{content:"\eb1b"}.codicon-mail:before{content:"\eb1c"}.codicon-markdown:before{content:"\eb1d"}.codicon-megaphone:before{content:"\eb1e"}.codicon-mention:before{content:"\eb1f"}.codicon-git-pull-request-milestone:before,.codicon-milestone:before{content:"\eb20"}.codicon-mortar-board:before{content:"\eb21"}.codicon-move:before{content:"\eb22"}.codicon-multiple-windows:before{content:"\eb23"}.codicon-mute:before{content:"\eb24"}.codicon-no-newline:before{content:"\eb25"}.codicon-note:before{content:"\eb26"}.codicon-octoface:before{content:"\eb27"}.codicon-open-preview:before{content:"\eb28"}.codicon-package:before{content:"\eb29"}.codicon-paintcan:before{content:"\eb2a"}.codicon-pin:before{content:"\eb2b"}.codicon-play:before,.codicon-run:before{content:"\eb2c"}.codicon-plug:before{content:"\eb2d"}.codicon-preserve-case:before{content:"\eb2e"}.codicon-preview:before{content:"\eb2f"}.codicon-project:before{content:"\eb30"}.codicon-pulse:before{content:"\eb31"}.codicon-question:before{content:"\eb32"}.codicon-quote:before{content:"\eb33"}.codicon-radio-tower:before{content:"\eb34"}.codicon-reactions:before{content:"\eb35"}.codicon-references:before{content:"\eb36"}.codicon-refresh:before{content:"\eb37"}.codicon-regex:before{content:"\eb38"}.codicon-remote-explorer:before{content:"\eb39"}.codicon-remote:before{content:"\eb3a"}.codicon-remove:before{content:"\eb3b"}.codicon-replace-all:before{content:"\eb3c"}.codicon-replace:before{content:"\eb3d"}.codicon-repo-clone:before{content:"\eb3e"}.codicon-repo-force-push:before{content:"\eb3f"}.codicon-repo-pull:before{content:"\eb40"}.codicon-repo-push:before{content:"\eb41"}.codicon-report:before{content:"\eb42"}.codicon-request-changes:before{content:"\eb43"}.codicon-rocket:before{content:"\eb44"}.codicon-root-folder-opened:before{content:"\eb45"}.codicon-root-folder:before{content:"\eb46"}.codicon-rss:before{content:"\eb47"}.codicon-ruby:before{content:"\eb48"}.codicon-save-all:before{content:"\eb49"}.codicon-save-as:before{content:"\eb4a"}.codicon-save:before{content:"\eb4b"}.codicon-screen-full:before{content:"\eb4c"}.codicon-screen-normal:before{content:"\eb4d"}.codicon-search-stop:before{content:"\eb4e"}.codicon-server:before{content:"\eb50"}.codicon-settings-gear:before{content:"\eb51"}.codicon-settings:before{content:"\eb52"}.codicon-shield:before{content:"\eb53"}.codicon-smiley:before{content:"\eb54"}.codicon-sort-precedence:before{content:"\eb55"}.codicon-split-horizontal:before{content:"\eb56"}.codicon-split-vertical:before{content:"\eb57"}.codicon-squirrel:before{content:"\eb58"}.codicon-star-full:before{content:"\eb59"}.codicon-star-half:before{content:"\eb5a"}.codicon-symbol-class:before{content:"\eb5b"}.codicon-symbol-color:before{content:"\eb5c"}.codicon-symbol-constant:before{content:"\eb5d"}.codicon-symbol-enum-member:before{content:"\eb5e"}.codicon-symbol-field:before{content:"\eb5f"}.codicon-symbol-file:before{content:"\eb60"}.codicon-symbol-interface:before{content:"\eb61"}.codicon-symbol-keyword:before{content:"\eb62"}.codicon-symbol-misc:before{content:"\eb63"}.codicon-symbol-operator:before{content:"\eb64"}.codicon-symbol-property:before,.codicon-wrench-subaction:before,.codicon-wrench:before{content:"\eb65"}.codicon-symbol-snippet:before{content:"\eb66"}.codicon-tasklist:before{content:"\eb67"}.codicon-telescope:before{content:"\eb68"}.codicon-text-size:before{content:"\eb69"}.codicon-three-bars:before{content:"\eb6a"}.codicon-thumbsdown:before{content:"\eb6b"}.codicon-thumbsup:before{content:"\eb6c"}.codicon-tools:before{content:"\eb6d"}.codicon-triangle-down:before{content:"\eb6e"}.codicon-triangle-left:before{content:"\eb6f"}.codicon-triangle-right:before{content:"\eb70"}.codicon-triangle-up:before{content:"\eb71"}.codicon-twitter:before{content:"\eb72"}.codicon-unfold:before{content:"\eb73"}.codicon-unlock:before{content:"\eb74"}.codicon-unmute:before{content:"\eb75"}.codicon-unverified:before{content:"\eb76"}.codicon-verified:before{content:"\eb77"}.codicon-versions:before{content:"\eb78"}.codicon-vm-active:before{content:"\eb79"}.codicon-vm-outline:before{content:"\eb7a"}.codicon-vm-running:before{content:"\eb7b"}.codicon-watch:before{content:"\eb7c"}.codicon-whitespace:before{content:"\eb7d"}.codicon-whole-word:before{content:"\eb7e"}.codicon-window:before{content:"\eb7f"}.codicon-word-wrap:before{content:"\eb80"}.codicon-zoom-in:before{content:"\eb81"}.codicon-zoom-out:before{content:"\eb82"}.codicon-list-filter:before{content:"\eb83"}.codicon-list-flat:before{content:"\eb84"}.codicon-list-selection:before,.codicon-selection:before{content:"\eb85"}.codicon-list-tree:before{content:"\eb86"}.codicon-debug-breakpoint-function-unverified:before{content:"\eb87"}.codicon-debug-breakpoint-function-disabled:before,.codicon-debug-breakpoint-function:before{content:"\eb88"}.codicon-debug-stackframe-active:before{content:"\eb89"}.codicon-circle-small-filled:before,.codicon-debug-stackframe-dot:before,.codicon-terminal-decoration-mark:before{content:"\eb8a"}.codicon-debug-stackframe-focused:before,.codicon-debug-stackframe:before{content:"\eb8b"}.codicon-debug-breakpoint-unsupported:before{content:"\eb8c"}.codicon-symbol-string:before{content:"\eb8d"}.codicon-debug-reverse-continue:before{content:"\eb8e"}.codicon-debug-step-back:before{content:"\eb8f"}.codicon-debug-restart-frame:before{content:"\eb90"}.codicon-debug-alt:before{content:"\eb91"}.codicon-call-incoming:before{content:"\eb92"}.codicon-call-outgoing:before{content:"\eb93"}.codicon-menu:before{content:"\eb94"}.codicon-expand-all:before{content:"\eb95"}.codicon-feedback:before,.codicon-git-pull-request-reviewer:before{content:"\eb96"}.codicon-group-by-ref-type:before{content:"\eb97"}.codicon-ungroup-by-ref-type:before{content:"\eb98"}.codicon-account:before,.codicon-git-pull-request-assignee:before{content:"\eb99"}.codicon-bell-dot:before{content:"\eb9a"}.codicon-debug-console:before{content:"\eb9b"}.codicon-library:before{content:"\eb9c"}.codicon-output:before{content:"\eb9d"}.codicon-run-all:before{content:"\eb9e"}.codicon-sync-ignored:before{content:"\eb9f"}.codicon-pinned:before{content:"\eba0"}.codicon-github-inverted:before{content:"\eba1"}.codicon-server-process:before{content:"\eba2"}.codicon-server-environment:before{content:"\eba3"}.codicon-issue-closed:before,.codicon-pass:before{content:"\eba4"}.codicon-stop-circle:before{content:"\eba5"}.codicon-play-circle:before{content:"\eba6"}.codicon-record:before{content:"\eba7"}.codicon-debug-alt-small:before{content:"\eba8"}.codicon-vm-connect:before{content:"\eba9"}.codicon-cloud:before{content:"\ebaa"}.codicon-merge:before{content:"\ebab"}.codicon-export:before{content:"\ebac"}.codicon-graph-left:before{content:"\ebad"}.codicon-magnet:before{content:"\ebae"}.codicon-notebook:before{content:"\ebaf"}.codicon-redo:before{content:"\ebb0"}.codicon-check-all:before{content:"\ebb1"}.codicon-pinned-dirty:before{content:"\ebb2"}.codicon-pass-filled:before{content:"\ebb3"}.codicon-circle-large-filled:before{content:"\ebb4"}.codicon-circle-large-outline:before,.codicon-circle-large:before{content:"\ebb5"}.codicon-combine:before,.codicon-gather:before{content:"\ebb6"}.codicon-table:before{content:"\ebb7"}.codicon-variable-group:before{content:"\ebb8"}.codicon-type-hierarchy:before{content:"\ebb9"}.codicon-type-hierarchy-sub:before{content:"\ebba"}.codicon-type-hierarchy-super:before{content:"\ebbb"}.codicon-git-pull-request-create:before{content:"\ebbc"}.codicon-run-above:before{content:"\ebbd"}.codicon-run-below:before{content:"\ebbe"}.codicon-notebook-template:before{content:"\ebbf"}.codicon-debug-rerun:before{content:"\ebc0"}.codicon-workspace-trusted:before{content:"\ebc1"}.codicon-workspace-untrusted:before{content:"\ebc2"}.codicon-workspace-unknown:before{content:"\ebc3"}.codicon-terminal-cmd:before{content:"\ebc4"}.codicon-terminal-debian:before{content:"\ebc5"}.codicon-terminal-linux:before{content:"\ebc6"}.codicon-terminal-powershell:before{content:"\ebc7"}.codicon-terminal-tmux:before{content:"\ebc8"}.codicon-terminal-ubuntu:before{content:"\ebc9"}.codicon-terminal-bash:before{content:"\ebca"}.codicon-arrow-swap:before{content:"\ebcb"}.codicon-copy:before{content:"\ebcc"}.codicon-person-add:before{content:"\ebcd"}.codicon-filter-filled:before{content:"\ebce"}.codicon-wand:before{content:"\ebcf"}.codicon-debug-line-by-line:before{content:"\ebd0"}.codicon-inspect:before{content:"\ebd1"}.codicon-layers:before{content:"\ebd2"}.codicon-layers-dot:before{content:"\ebd3"}.codicon-layers-active:before{content:"\ebd4"}.codicon-compass:before{content:"\ebd5"}.codicon-compass-dot:before{content:"\ebd6"}.codicon-compass-active:before{content:"\ebd7"}.codicon-azure:before{content:"\ebd8"}.codicon-issue-draft:before{content:"\ebd9"}.codicon-git-pull-request-closed:before{content:"\ebda"}.codicon-git-pull-request-draft:before{content:"\ebdb"}.codicon-debug-all:before{content:"\ebdc"}.codicon-debug-coverage:before{content:"\ebdd"}.codicon-run-errors:before{content:"\ebde"}.codicon-folder-library:before{content:"\ebdf"}.codicon-debug-continue-small:before{content:"\ebe0"}.codicon-beaker-stop:before{content:"\ebe1"}.codicon-graph-line:before{content:"\ebe2"}.codicon-graph-scatter:before{content:"\ebe3"}.codicon-pie-chart:before{content:"\ebe4"}.codicon-bracket:before{content:"\eb0f"}.codicon-bracket-dot:before{content:"\ebe5"}.codicon-bracket-error:before{content:"\ebe6"}.codicon-lock-small:before{content:"\ebe7"}.codicon-azure-devops:before{content:"\ebe8"}.codicon-verified-filled:before{content:"\ebe9"}.codicon-newline:before{content:"\ebea"}.codicon-layout:before{content:"\ebeb"}.codicon-layout-activitybar-left:before{content:"\ebec"}.codicon-layout-activitybar-right:before{content:"\ebed"}.codicon-layout-panel-left:before{content:"\ebee"}.codicon-layout-panel-center:before{content:"\ebef"}.codicon-layout-panel-justify:before{content:"\ebf0"}.codicon-layout-panel-right:before{content:"\ebf1"}.codicon-layout-panel:before{content:"\ebf2"}.codicon-layout-sidebar-left:before{content:"\ebf3"}.codicon-layout-sidebar-right:before{content:"\ebf4"}.codicon-layout-statusbar:before{content:"\ebf5"}.codicon-layout-menubar:before{content:"\ebf6"}.codicon-layout-centered:before{content:"\ebf7"}.codicon-target:before{content:"\ebf8"}.codicon-indent:before{content:"\ebf9"}.codicon-record-small:before{content:"\ebfa"}.codicon-error-small:before,.codicon-terminal-decoration-error:before{content:"\ebfb"}.codicon-arrow-circle-down:before{content:"\ebfc"}.codicon-arrow-circle-left:before{content:"\ebfd"}.codicon-arrow-circle-right:before{content:"\ebfe"}.codicon-arrow-circle-up:before{content:"\ebff"}.codicon-layout-sidebar-right-off:before{content:"\ec00"}.codicon-layout-panel-off:before{content:"\ec01"}.codicon-layout-sidebar-left-off:before{content:"\ec02"}.codicon-blank:before{content:"\ec03"}.codicon-heart-filled:before{content:"\ec04"}.codicon-fold-horizontal:before,.codicon-map-horizontal:before,.codicon-map:before{content:"\ec05"}.codicon-fold-horizontal-filled:before,.codicon-map-filled:before,.codicon-map-horizontal-filled:before{content:"\ec06"}.codicon-circle-small:before{content:"\ec07"}.codicon-bell-slash:before{content:"\ec08"}.codicon-bell-slash-dot:before{content:"\ec09"}.codicon-comment-unresolved:before{content:"\ec0a"}.codicon-git-pull-request-go-to-changes:before{content:"\ec0b"}.codicon-git-pull-request-new-changes:before{content:"\ec0c"}.codicon-search-fuzzy:before{content:"\ec0d"}.codicon-comment-draft:before{content:"\ec0e"}.codicon-send:before{content:"\ec0f"}.codicon-sparkle:before{content:"\ec10"}.codicon-insert:before{content:"\ec11"}.codicon-mic:before{content:"\ec12"}.codicon-thumbsdown-filled:before{content:"\ec13"}.codicon-thumbsup-filled:before{content:"\ec14"}.codicon-coffee:before{content:"\ec15"}.codicon-snake:before{content:"\ec16"}.codicon-game:before{content:"\ec17"}.codicon-vr:before{content:"\ec18"}.codicon-chip:before{content:"\ec19"}.codicon-piano:before{content:"\ec1a"}.codicon-music:before{content:"\ec1b"}.codicon-mic-filled:before{content:"\ec1c"}.codicon-repo-fetch:before{content:"\ec1d"}.codicon-copilot:before{content:"\ec1e"}.codicon-lightbulb-sparkle:before{content:"\ec1f"}.codicon-robot:before{content:"\ec20"}.codicon-sparkle-filled:before{content:"\ec21"}.codicon-diff-single:before{content:"\ec22"}.codicon-diff-multiple:before{content:"\ec23"}.codicon-surround-with:before{content:"\ec24"}.codicon-share:before{content:"\ec25"}.codicon-git-stash:before{content:"\ec26"}.codicon-git-stash-apply:before{content:"\ec27"}.codicon-git-stash-pop:before{content:"\ec28"}.codicon-vscode:before{content:"\ec29"}.codicon-vscode-insiders:before{content:"\ec2a"}.codicon-code-oss:before{content:"\ec2b"}.codicon-run-coverage:before{content:"\ec2c"}.codicon-run-all-coverage:before{content:"\ec2d"}.codicon-coverage:before{content:"\ec2e"}.codicon-github-project:before{content:"\ec2f"}.codicon-fold-vertical:before,.codicon-map-vertical:before{content:"\ec30"}.codicon-fold-vertical-filled:before,.codicon-map-vertical-filled:before{content:"\ec31"}.codicon-go-to-search:before{content:"\ec32"}.codicon-percentage:before,.codicon-sort-percentage:before{content:"\ec33"}.codicon-attach:before{content:"\ec34"}.codicon-go-to-editing-session:before{content:"\ec35"}.codicon-edit-session:before{content:"\ec36"}.codicon-code-review:before{content:"\ec37"}.codicon-copilot-warning:before{content:"\ec38"}.codicon-python:before{content:"\ec39"}.codicon-copilot-large:before{content:"\ec3a"}.codicon-copilot-warning-large:before{content:"\ec3b"}.codicon-keyboard-tab:before{content:"\ec3c"}.codicon-copilot-blocked:before{content:"\ec3d"}.codicon-copilot-not-connected:before{content:"\ec3e"}.codicon-flag:before{content:"\ec3f"}.codicon-lightbulb-empty:before{content:"\ec40"}.codicon-symbol-method-arrow:before{content:"\ec41"}.codicon-copilot-unavailable:before{content:"\ec42"}.codicon-repo-pinned:before{content:"\ec43"}.codicon-keyboard-tab-above:before{content:"\ec44"}.codicon-keyboard-tab-below:before{content:"\ec45"}.codicon-git-pull-request-done:before{content:"\ec46"}.codicon-mcp:before{content:"\ec47"}.codicon-extensions-large:before{content:"\ec48"}.codicon-layout-panel-dock:before{content:"\ec49"}.codicon-layout-sidebar-left-dock:before{content:"\ec4a"}.codicon-layout-sidebar-right-dock:before{content:"\ec4b"}.codicon-copilot-in-progress:before{content:"\ec4c"}.codicon-copilot-error:before{content:"\ec4d"}.codicon-copilot-success:before{content:"\ec4e"}.codicon-chat-sparkle:before{content:"\ec4f"}.codicon-search-sparkle:before{content:"\ec50"}.codicon-edit-sparkle:before{content:"\ec51"}.codicon-copilot-snooze:before{content:"\ec52"}.codicon-send-to-remote-agent:before{content:"\ec53"}.codicon-comment-discussion-sparkle:before{content:"\ec54"}.codicon-chat-sparkle-warning:before{content:"\ec55"}.codicon-chat-sparkle-error:before{content:"\ec56"}.codicon-git-fetch:before{content:"\f101"}.deployed-components{height:100%}.deployed-components .browser-preview{height:100%;width:100%;display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08),0 16px 32px rgba(0,0,0,.04);overflow:hidden;border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(8px)}.deployed-components .browser-preview .browser-chrome{background:linear-gradient(180deg,#fafbfc,#f4f6f8);border-bottom:1px solid rgba(0,0,0,.06);padding:5px 12px;display:flex;align-items:center;gap:10px;min-height:34px;position:relative}.deployed-components .browser-preview .browser-chrome:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.04) 50%,transparent)}.deployed-components .browser-preview .browser-chrome .window-controls{display:flex;gap:6px;align-items:center}.deployed-components .browser-preview .browser-chrome .window-controls .control-button{width:10px;height:10px;border-radius:50%;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.deployed-components .browser-preview .browser-chrome .window-controls .control-button.close{background:linear-gradient(135deg,#ff6058,#ff453a)}.deployed-components .browser-preview .browser-chrome .window-controls .control-button.close:hover{background:linear-gradient(135deg,#ff453a,#ff3b30);transform:scale(1.1)}.deployed-components .browser-preview .browser-chrome .window-controls .control-button.minimize{background:linear-gradient(135deg,#ffbe30,#ff9f0a)}.deployed-components .browser-preview .browser-chrome .window-controls .control-button.minimize:hover{background:linear-gradient(135deg,#ff9f0a,#ff8c00);transform:scale(1.1)}.deployed-components .browser-preview .browser-chrome .window-controls .control-button.maximize{background:linear-gradient(135deg,#30d158,#28cd41)}.deployed-components .browser-preview .browser-chrome .window-controls .control-button.maximize:hover{background:linear-gradient(135deg,#28cd41,#20ba2e);transform:scale(1.1)}.deployed-components .browser-preview .browser-chrome .browser-nav{display:flex;align-items:center;gap:6px;flex:1}.deployed-components .browser-preview .browser-chrome .browser-nav .nav-controls{display:flex;gap:2px}.deployed-components .browser-preview .browser-chrome .browser-nav .nav-controls .nav-btn{background:rgba(0,0,0,0);border:none;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .15s cubic-bezier(.4,0,.2,1);width:24px;height:24px}.deployed-components .browser-preview .browser-chrome .browser-nav .nav-controls .nav-btn:hover{background:rgba(0,0,0,.04);color:#374151;transform:translateY(-.5px)}.deployed-components .browser-preview .browser-chrome .browser-nav .nav-controls .nav-btn:active{background:rgba(0,0,0,.08);transform:translateY(0)}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar{flex:1;display:flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:4px 10px;margin:0 6px;gap:6px;min-height:26px;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar:hover{box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.08);border-color:rgba(0,0,0,.12)}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar:focus-within{box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 0 0 2px rgba(59,130,246,.1);border-color:#3b82f6}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .security-indicator{color:#10b981;display:flex;align-items:center;opacity:.8}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .url-display{flex:1;font-size:11px;color:#374151;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:-.01em;min-width:0}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .external-link-btn{background:rgba(0,0,0,0);border:none;padding:2px;border-radius:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);width:18px;height:18px;flex-shrink:0}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .external-link-btn:hover{background:rgba(0,0,0,.04);color:#374151;transform:translateY(-.5px)}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .start-server-btn{background:#3b82f6;border:none;padding:3px 10px;border-radius:5px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);font-size:10px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.3px;box-shadow:0 1px 2px rgba(59,130,246,.3);flex-shrink:0;height:18px}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .start-server-btn:hover{background:#2563eb;transform:translateY(-.5px);box-shadow:0 2px 4px rgba(59,130,246,.4)}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .start-server-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(59,130,246,.3)}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .start-server-btn:disabled{opacity:.6;cursor:not-allowed}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .stop-server-btn{background:#ef4444;border:none;padding:3px 10px;border-radius:5px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);font-size:10px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.3px;box-shadow:0 1px 2px rgba(239,68,68,.3);flex-shrink:0;height:18px}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .stop-server-btn:hover{background:#dc2626;transform:translateY(-.5px);box-shadow:0 2px 4px rgba(239,68,68,.4)}.deployed-components .browser-preview .browser-chrome .browser-nav .address-bar .stop-server-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(239,68,68,.3)}.deployed-components .browser-preview .browser-chrome .browser-nav .menu-btn{background:rgba(0,0,0,0);border:none;padding:4px;border-radius:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;transition:all .15s cubic-bezier(.4,0,.2,1);width:24px;height:24px}.deployed-components .browser-preview .browser-chrome .browser-nav .menu-btn:hover{background:rgba(0,0,0,.04);color:#374151;transform:translateY(-.5px)}.deployed-components .browser-preview .browser-chrome .dev-server-error{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:11px;color:#991b1b;margin-left:8px;max-width:400px}.deployed-components .browser-preview .browser-chrome .dev-server-error .error-icon{font-size:13px;flex-shrink:0}.deployed-components .browser-preview .browser-chrome .dev-server-error .error-message{flex:1;line-height:1.3;font-weight:500}.deployed-components .browser-preview .browser-chrome .dev-server-error .dismiss-error-btn{background:none;border:none;color:#991b1b;cursor:pointer;padding:0 4px;opacity:.7;font-size:12px;font-weight:600;transition:opacity .15s;flex-shrink:0}.deployed-components .browser-preview .browser-chrome .dev-server-error .dismiss-error-btn:hover{opacity:1}.deployed-components .browser-preview .loading-indicator{height:1.5px;background:rgba(0,0,0,.02);overflow:hidden;position:relative}.deployed-components .browser-preview .loading-indicator .loading-bar{height:100%;background:linear-gradient(90deg,rgba(59,130,246,.8),rgba(16,185,129,.8) 25%,rgba(245,158,11,.8) 50%,rgba(239,68,68,.8) 75%,rgba(139,92,246,.8));animation:loading 1.8s cubic-bezier(.4,0,.2,1) infinite;width:25%;border-radius:0 2px 2px 0;box-shadow:0 0 8px rgba(59,130,246,.3)}.deployed-components .browser-preview .preview-content{flex:1;position:relative}.deployed-components .browser-preview .preview-content .preview-iframe{width:100%;height:100%;border:none;background:#fff}.api-playground{height:100%;width:100%;display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 4px 13px rgba(0,0,0,.08),0 10px 6px rgba(0,0,0,.04);overflow:hidden;border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(8px)}.api-playground .api-chrome{background:linear-gradient(180deg,#fafbfc,#f4f6f8);border-bottom:1px solid rgba(0,0,0,.06);padding:5px 12px;display:flex;align-items:center;gap:10px;min-height:34px;position:relative}.api-playground .api-chrome:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.04) 50%,transparent)}.api-playground .api-chrome .window-controls{display:flex;gap:6px;align-items:center}.api-playground .api-chrome .window-controls .control-button{width:10px;height:10px;border-radius:50%;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.api-playground .api-chrome .window-controls .control-button.close{background:linear-gradient(135deg,#ff6058,#ff453a)}.api-playground .api-chrome .window-controls .control-button.close:hover{background:linear-gradient(135deg,#ff453a,#ff3b30);transform:scale(1.1)}.api-playground .api-chrome .window-controls .control-button.minimize{background:linear-gradient(135deg,#ffbe30,#ff9f0a)}.api-playground .api-chrome .window-controls .control-button.minimize:hover{background:linear-gradient(135deg,#ff9f0a,#ff8c00);transform:scale(1.1)}.api-playground .api-chrome .window-controls .control-button.maximize{background:linear-gradient(135deg,#30d158,#28cd41)}.api-playground .api-chrome .window-controls .control-button.maximize:hover{background:linear-gradient(135deg,#28cd41,#20ba2e);transform:scale(1.1)}.api-playground .api-chrome .api-info-bar{display:flex;align-items:center;flex:1;margin-left:8px}.api-playground .api-chrome .api-info-bar .base-url{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:4px 12px;min-height:26px;flex:1;width:95%;max-width:95%;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}.api-playground .api-chrome .api-info-bar .base-url:hover{box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.08);border-color:rgba(0,0,0,.12)}.api-playground .api-chrome .api-info-bar .base-url .url-display{font-size:11px;color:#374151;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:-.01em;flex:1;min-width:0}.api-playground .api-chrome .api-info-bar .external-link-btn{background:rgba(0,0,0,0);border:none;padding:2px;border-radius:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);width:18px;height:18px;flex-shrink:0}.api-playground .api-chrome .api-info-bar .external-link-btn:hover{background:rgba(0,0,0,.04);color:#374151;transform:translateY(-.5px)}.api-playground .api-chrome .api-info-bar .start-server-btn{background:#3b82f6;border:none;padding:3px 10px;border-radius:5px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);font-size:10px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.3px;box-shadow:0 1px 2px rgba(59,130,246,.3);flex-shrink:0;height:18px}.api-playground .api-chrome .api-info-bar .start-server-btn:hover{background:#2563eb;transform:translateY(-.5px);box-shadow:0 2px 4px rgba(59,130,246,.4)}.api-playground .api-chrome .api-info-bar .start-server-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(59,130,246,.3)}.api-playground .api-chrome .api-info-bar .start-server-btn:disabled{opacity:.6;cursor:not-allowed}.api-playground .api-chrome .api-info-bar .stop-server-btn{background:#ef4444;border:none;padding:3px 10px;border-radius:5px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);font-size:10px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.3px;box-shadow:0 1px 2px rgba(239,68,68,.3);flex-shrink:0;height:18px}.api-playground .api-chrome .api-info-bar .stop-server-btn:hover{background:#dc2626;transform:translateY(-.5px);box-shadow:0 2px 4px rgba(239,68,68,.4)}.api-playground .api-chrome .api-info-bar .stop-server-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(239,68,68,.3)}.api-playground .api-chrome .dev-server-error{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:11px;color:#991b1b;margin-left:8px;max-width:400px}.api-playground .api-chrome .dev-server-error .error-icon{font-size:13px;flex-shrink:0}.api-playground .api-chrome .dev-server-error .error-message{flex:1;line-height:1.3;font-weight:500}.api-playground .api-chrome .dev-server-error .dismiss-error-btn{background:none;border:none;color:#991b1b;cursor:pointer;padding:0 4px;opacity:.7;font-size:12px;font-weight:600;transition:opacity .15s;flex-shrink:0}.api-playground .api-chrome .dev-server-error .dismiss-error-btn:hover{opacity:1}.api-playground .loading-indicator{height:1.5px;background:rgba(0,0,0,.02);overflow:hidden;position:relative}.api-playground .loading-indicator .loading-bar{height:100%;background:linear-gradient(90deg,rgba(59,130,246,.8),rgba(16,185,129,.8) 25%,rgba(245,158,11,.8) 50%,rgba(239,68,68,.8) 75%,rgba(139,92,246,.8));animation:loading 1.8s cubic-bezier(.4,0,.2,1) infinite;width:25%;border-radius:0 2px 2px 0;box-shadow:0 0 8px rgba(59,130,246,.3)}.api-playground .playground-content{flex:1;display:flex;height:100%;overflow:hidden}.api-playground .playground-content .endpoints-sidebar{width:260px;background:#fcfcfd;border-right:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.api-playground .playground-content .endpoints-sidebar.full-width{width:100%;border-right:none}.api-playground .playground-content .endpoints-sidebar .search-bar{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff;position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.api-playground .playground-content .endpoints-sidebar .search-bar .search-input-wrapper{position:relative;width:100%}.api-playground .playground-content .endpoints-sidebar .search-bar .search-input-wrapper .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:1;stroke-width:2.5}.api-playground .playground-content .endpoints-sidebar .search-bar .search-input-wrapper .search-input{width:100%;height:34px;padding:0 32px;border:1px solid rgba(0,0,0,.1);border-radius:60px;font-size:11.5px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);background:#f9fafb;color:#111827;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);letter-spacing:-.01em}.api-playground .playground-content .endpoints-sidebar .search-bar .search-input-wrapper .search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1),inset 0 1px 2px rgba(0,0,0,.05)}.api-playground .playground-content .endpoints-sidebar .search-bar .search-input-wrapper .search-input:focus~.search-icon{color:#3b82f6}.api-playground .playground-content .endpoints-sidebar .search-bar .search-input-wrapper .search-input::placeholder{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:0}.api-playground .playground-content .endpoints-sidebar .search-bar .search-input-wrapper .search-input:hover:not(:focus){border-color:rgba(0,0,0,.16);background:#fafbfc}.api-playground .playground-content .endpoints-sidebar .search-bar .search-input-wrapper .clear-search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.04);border:none;width:22px;height:22px;border-radius:4px;cursor:pointer;color:#6b7280;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .12s cubic-bezier(.4,0,.2,1);padding:0}.api-playground .playground-content .endpoints-sidebar .search-bar .search-input-wrapper .clear-search-btn:hover{background:rgba(0,0,0,.08);color:#374151}.api-playground .playground-content .endpoints-sidebar .search-bar .search-input-wrapper .clear-search-btn:active{background:rgba(0,0,0,.12);transform:translateY(-50%) scale(.95)}.api-playground .playground-content .endpoints-sidebar::-webkit-scrollbar,.api-playground .playground-content .endpoints-sidebar::-webkit-scrollbar-track{display:none}.api-playground .playground-content .endpoints-sidebar::-webkit-scrollbar-thumb{display:none}.api-playground .playground-content .endpoints-sidebar .sidebar-header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,0);position:sticky;top:0;background:#fcfcfd;z-index:1}.api-playground .playground-content .endpoints-sidebar .sidebar-header:not(:first-child){margin-top:8px;padding-top:12px}.api-playground .playground-content .endpoints-sidebar .sidebar-header .header-left{display:flex;align-items:center;gap:8px}.api-playground .playground-content .endpoints-sidebar .sidebar-header h3{font-size:11px;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.8px}.api-playground .playground-content .endpoints-sidebar .sidebar-header .endpoint-count{background:rgba(0,0,0,0);color:#9ca3af;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.api-playground .playground-content .endpoints-sidebar .sidebar-header .view-toggle{display:flex;gap:2px;background:rgba(0,0,0,.03);border-radius:4px;padding:2px}.api-playground .playground-content .endpoints-sidebar .sidebar-header .view-toggle .view-toggle-btn{background:rgba(0,0,0,0);border:none;padding:3px 4px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .12s cubic-bezier(.4,0,.2,1)}.api-playground .playground-content .endpoints-sidebar .sidebar-header .view-toggle .view-toggle-btn:hover{color:#6b7280}.api-playground .playground-content .endpoints-sidebar .sidebar-header .view-toggle .view-toggle-btn.active{background:#fff;color:#3b82f6;box-shadow:0 1px 2px rgba(0,0,0,.06)}.api-playground .playground-content .endpoints-sidebar .endpoints-list{padding:4px 10px 10px;overflow:visible}.api-playground .playground-content .endpoints-sidebar .endpoints-list:last-child{padding-bottom:16px}.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view{display:flex;flex-wrap:wrap;gap:12px;padding:12px}.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .cron-job-card,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .endpoint-card,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .integration-card{flex:0 0 24%;max-width:24%;margin-bottom:0;padding:10px}@media(max-width:1200px){.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .cron-job-card,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .endpoint-card,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .integration-card{flex:0 0 32%;max-width:32%}}.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .cron-job-card .endpoint-header,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .endpoint-card .endpoint-header,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .integration-card .endpoint-header{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:4px}.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .cron-job-card .endpoint-header .endpoint-route,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .endpoint-card .endpoint-header .endpoint-route,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .integration-card .endpoint-header .endpoint-route{font-size:11px;max-width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .cron-job-card .endpoint-header .auth-icon,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .endpoint-card .endpoint-header .auth-icon,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .integration-card .endpoint-header .auth-icon{position:absolute;top:6px;right:6px}.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .cron-job-card .endpoint-description,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .endpoint-card .endpoint-description,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .integration-card .endpoint-description{font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .cron-job-card .endpoint-meta,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .endpoint-card .endpoint-meta,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .integration-card .endpoint-meta{margin-top:4px;flex-wrap:nowrap;overflow-x:auto}.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .cron-job-card .endpoint-meta::-webkit-scrollbar,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .endpoint-card .endpoint-meta::-webkit-scrollbar,.api-playground .playground-content .endpoints-sidebar .endpoints-list.grid-view .integration-card .endpoint-meta::-webkit-scrollbar{display:none}.api-playground .playground-content .endpoints-sidebar .endpoints-list .view-all-btn{width:100%;padding:8px 12px;margin-top:6px;background:rgba(0,0,0,0);border:1px solid rgba(59,130,246,.2);border-radius:6px;color:#3b82f6;font-size:11px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.api-playground .playground-content .endpoints-sidebar .endpoints-list .view-all-btn:hover{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.3);transform:translateY(-1px)}.api-playground .playground-content .endpoints-sidebar .endpoints-list .view-all-btn:active{transform:translateY(0)}.api-playground .playground-content .endpoints-sidebar .endpoints-list .endpoint-card{background:rgba(0,0,0,0);border:none;border-radius:6px;padding:8px 10px;margin-bottom:2px;cursor:pointer;transition:all .12s cubic-bezier(.4,0,.2,1);position:relative}.api-playground .playground-content .endpoints-sidebar .endpoints-list .endpoint-card:hover{background:rgba(59,130,246,.04)}.api-playground .playground-content .endpoints-sidebar .endpoints-list .endpoint-card.selected{background:rgba(59,130,246,.06)}.api-playground .playground-content .endpoints-sidebar .endpoints-list .endpoint-card.selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:60%;width:2px;background:#3b82f6;border-radius:0 2px 2px 0}.api-playground .playground-content .endpoints-sidebar .endpoints-list .endpoint-card .endpoint-header{display:flex;align-items:center;gap:6px;margin-bottom:3px}.api-playground .playground-content .endpoints-sidebar .endpoints-list .endpoint-card .endpoint-header .endpoint-route{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;font-weight:500;color:#1f2937;flex:1;min-width:0;max-width:95%;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-playground .playground-content .endpoints-sidebar .endpoints-list .endpoint-card .endpoint-header .auth-icon{color:#f59e0b;opacity:.7;width:12px;height:12px}.api-playground .playground-content .endpoints-sidebar .endpoints-list .endpoint-card .endpoint-description{font-size:11px;color:#9ca3af;line-height:1.4;margin:0;padding-left:0;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.api-playground .playground-content .endpoints-sidebar .endpoints-list .endpoint-card .endpoint-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.api-playground .playground-content .endpoints-sidebar .endpoints-list .endpoint-card .endpoint-meta .meta-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;background:rgba(59,130,246,.08);color:#3b82f6;border:1px solid rgba(59,130,246,.15);text-transform:uppercase;letter-spacing:.3px}.api-playground .playground-content .main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.api-playground .playground-content .main-panel .panel-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.api-playground .playground-content .main-panel .panel-content .request-section{flex:0 0 auto;border-bottom:1px solid rgba(0,0,0,.06)}.api-playground .playground-content .main-panel .panel-content .response-section{flex:1.5;min-height:100%;overflow:hidden}.api-playground .method-badge{font-size:10px;font-weight:600;padding:3px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;border:1px solid}.api-playground .request-builder{padding:14px 16px;background:#fff}.api-playground .request-builder.empty{display:flex;align-items:center;justify-content:center;min-height:280px}.api-playground .request-builder.empty .empty-state{text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:320px}.api-playground .request-builder.empty .empty-state .empty-icon{margin-bottom:16px;opacity:.3;color:#9ca3af}.api-playground .request-builder.empty .empty-state h3{font-size:15px;font-weight:600;color:#374151;margin:0 0 8px;letter-spacing:-.01em}.api-playground .request-builder.empty .empty-state p{font-size:13px;margin:0;font-weight:400;line-height:1.5;color:#9ca3af}.api-playground .request-builder .request-header{margin-bottom:12px}.api-playground .request-builder .request-header .url-send-container{display:flex;align-items:stretch;background:#fafbfc;border:1px solid rgba(0,0,0,.06);border-radius:8px;overflow:hidden;transition:all .15s cubic-bezier(.4,0,.2,1)}.api-playground .request-builder .request-header .url-send-container:hover{border-color:rgba(0,0,0,.08);background:#f9fafb}.api-playground .request-builder .request-header .url-send-container:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 1px #3b82f6}.api-playground .request-builder .request-header .url-send-container .method-badge-container{display:flex;align-items:center;padding:0 12px;background:rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,.04)}.api-playground .request-builder .request-header .url-send-container .url-input-container{flex:1;display:flex;align-items:center;position:relative;min-width:0;overflow:hidden}.api-playground .request-builder .request-header .url-send-container .url-input-container .url-content{flex:1;display:flex;align-items:center;padding:10px 12px;min-width:0;overflow:hidden}.api-playground .request-builder .request-header .url-send-container .url-input-container .url-content .url-base{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:#9ca3af;font-weight:400;white-space:nowrap;flex-shrink:0;max-width:35%;overflow:hidden;text-overflow:ellipsis;margin-right:2px}.api-playground .request-builder .request-header .url-send-container .url-input-container .url-content .url-path{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-size:12px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.api-playground .request-builder .request-header .url-send-container .url-input-container .url-actions{display:flex;align-items:center;padding-right:8px;border-left:1px solid rgba(0,0,0,.04)}.api-playground .request-builder .request-header .url-send-container .url-input-container .url-actions .copy-url-btn{background:rgba(0,0,0,0);border:none;padding:6px;border-radius:4px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.api-playground .request-builder .request-header .url-send-container .url-input-container .url-actions .copy-url-btn:hover{background:rgba(59,130,246,.06);color:#3b82f6}.api-playground .request-builder .request-header .url-send-container .url-input-container .url-actions .copy-url-btn:active{background:rgba(59,130,246,.1)}.api-playground .request-builder .request-header .url-send-container .send-button{background:#3b82f6;color:#fff;padding:10px 20px;font-size:13px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s cubic-bezier(.4,0,.2,1);border:none;border-left:1px solid rgba(0,0,0,.04);min-width:90px;justify-content:center;position:relative}.api-playground .request-builder .request-header .url-send-container .send-button:hover:not(:disabled){background:#2563eb}.api-playground .request-builder .request-header .url-send-container .send-button:active:not(:disabled){background:#1d4ed8}.api-playground .request-builder .request-header .url-send-container .send-button:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.api-playground .request-builder .request-header .url-send-container .send-button .loading-spinner-small{width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-left-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.api-playground .request-builder .request-header .url-send-container .send-button span{white-space:nowrap;letter-spacing:.01em}.api-playground .request-builder .request-header .endpoint-description{margin-top:10px;padding:10px 12px;background:#fafbfc;border:1px solid rgba(0,0,0,.04);border-radius:6px;font-size:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#6b7280;line-height:1.5;letter-spacing:-.01em}.api-playground .request-builder .request-sections .sectionx{margin-bottom:12px}.api-playground .request-builder .request-sections .sectionx:last-child{margin-bottom:0}.api-playground .request-builder .request-sections .sectionx .section-title{font-size:11px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#6b7280;margin-bottom:10px;display:flex;align-items:center;gap:6px;letter-spacing:.5px;text-transform:uppercase}.api-playground .request-builder .request-sections .sectionx .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.api-playground .request-builder .request-sections .sectionx .section-header .body-mode-tabs{display:flex;background:#f9fafb;border-radius:6px;padding:2px;border:1px solid rgba(0,0,0,.04)}.api-playground .request-builder .request-sections .sectionx .section-header .body-mode-tabs .mode-tab{background:rgba(0,0,0,0);border:none;padding:5px 12px;font-size:10px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;border-radius:4px;transition:all .15s cubic-bezier(.4,0,.2,1);color:#9ca3af;letter-spacing:.5px;text-transform:uppercase}.api-playground .request-builder .request-sections .sectionx .section-header .body-mode-tabs .mode-tab.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px rgba(0,0,0,.08)}.api-playground .request-builder .request-sections .sectionx .section-header .body-mode-tabs .mode-tab:hover:not(.active){color:#6b7280;background:rgba(255,255,255,.6)}.api-playground .request-builder .request-sections .sectionx .auth-input .auth-token-input{width:100%;padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-radius:6px;font-size:12px;font-family:JetBrains Mono,SF Mono,monospace;transition:all .15s cubic-bezier(.4,0,.2,1);background:#fafbfc}.api-playground .request-builder .request-sections .sectionx .auth-input .auth-token-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;background:#fff}.api-playground .request-builder .request-sections .sectionx .auth-input .auth-token-input::placeholder{color:#9ca3af;font-style:normal}.api-playground .request-builder .request-sections .sectionx .params-list .param-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.api-playground .request-builder .request-sections .sectionx .params-list .param-row .param-label{min-width:100px;font-size:12px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#6b7280;letter-spacing:-.01em}.api-playground .request-builder .request-sections .sectionx .params-list .param-row .param-label .required{color:#ef4444;margin-left:2px}.api-playground .request-builder .request-sections .sectionx .params-list .param-row .param-input{flex:1;padding:8px 10px;border:1px solid rgba(0,0,0,.08);border-radius:6px;font-size:12px;font-family:JetBrains Mono,SF Mono,monospace;transition:all .15s cubic-bezier(.4,0,.2,1);background:#fafbfc}.api-playground .request-builder .request-sections .sectionx .params-list .param-row .param-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;background:#fff}.api-playground .request-builder .request-sections .sectionx .params-list .param-row .param-input::placeholder{color:#9ca3af;font-style:normal}.api-playground .request-builder .request-sections .sectionx .body-editor .content-type{background:#fafbfc;padding:6px 10px;font-size:10px;color:#9ca3af;border:1px solid rgba(0,0,0,.04);border-bottom:none;border-radius:6px 6px 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.api-playground .request-builder .request-sections .sectionx .body-editor .body-form{border:1px solid rgba(0,0,0,.04);border-radius:0 0 6px 6px;background:#fafbfc;padding:14px}.api-playground .request-builder .request-sections .sectionx .body-editor .body-form .body-field{margin-bottom:12px}.api-playground .request-builder .request-sections .sectionx .body-editor .body-form .body-field:last-child{margin-bottom:0}.api-playground .request-builder .request-sections .sectionx .body-editor .body-form .body-field .field-label{display:block;font-size:12px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#6b7280;margin-bottom:6px;letter-spacing:-.01em}.api-playground .request-builder .request-sections .sectionx .body-editor .body-form .body-field .field-label .required{color:#ef4444;margin-left:2px}.api-playground .request-builder .request-sections .sectionx .body-editor .body-form .body-field .field-input{width:100%;padding:8px 10px;border:1px solid rgba(0,0,0,.08);border-radius:6px;font-size:12px;font-family:JetBrains Mono,SF Mono,monospace;transition:all .15s cubic-bezier(.4,0,.2,1);background:#fff}.api-playground .request-builder .request-sections .sectionx .body-editor .body-form .body-field .field-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.api-playground .request-builder .request-sections .sectionx .body-editor .body-form .body-field .field-input::placeholder{color:#9ca3af;font-style:normal}.api-playground .request-builder .request-sections .sectionx .body-editor .body-form .no-schema{text-align:center;padding:20px;color:#9ca3af}.api-playground .request-builder .request-sections .sectionx .body-editor .body-form .no-schema p{margin:0;font-size:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.api-playground .request-builder .request-sections .sectionx .body-editor .body-textarea{width:100%;padding:12px;border:1px solid rgba(0,0,0,.04);border-radius:0 0 6px 6px;font-size:12px;font-family:JetBrains Mono,SF Mono,monospace;line-height:1.6;resize:vertical;min-height:120px;transition:all .15s cubic-bezier(.4,0,.2,1);background:#fafbfc}.api-playground .request-builder .request-sections .sectionx .body-editor .body-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;background:#fff}.api-playground .request-builder .request-sections .sectionx .body-editor .body-textarea::placeholder{color:#9ca3af;font-style:normal}.api-playground .response-viewer{padding:14px 16px;background:#fcfcfd;height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.api-playground .response-viewer.empty{align-items:center;justify-content:center}.api-playground .response-viewer.empty .empty-state{text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:300px}.api-playground .response-viewer.empty .empty-state .empty-icon{margin-bottom:16px;opacity:.3;color:#9ca3af}.api-playground .response-viewer.empty .empty-state h3{font-size:15px;font-weight:600;color:#374151;margin:0 0 8px;letter-spacing:-.01em}.api-playground .response-viewer.empty .empty-state p{font-size:13px;margin:0;font-weight:400;line-height:1.5;color:#9ca3af}.api-playground .response-viewer.loading{align-items:center;justify-content:center}.api-playground .response-viewer.loading .loading-content{text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center;justify-content:center}.api-playground .response-viewer.loading .loading-content .loading-spinner{width:32px;height:32px;border:2.5px solid rgba(59,130,246,.12);border-left-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.api-playground .response-viewer.loading .loading-content p{font-size:13px;margin:0;font-weight:500;color:#6b7280}.api-playground .response-viewer .response-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.04);flex-shrink:0}.api-playground .response-viewer .response-header .response-meta{display:flex;align-items:center;gap:10px}.api-playground .response-viewer .response-header .response-meta .response-title{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.api-playground .response-viewer .response-header .response-meta .status-code{font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.api-playground .response-viewer .response-header .response-meta .status-code.status-2xx{background:rgba(16,185,129,.08);color:#10b981;border:1px solid rgba(16,185,129,.15)}.api-playground .response-viewer .response-header .response-meta .status-code.status-4xx{background:rgba(245,158,11,.08);color:#f59e0b;border:1px solid rgba(245,158,11,.15)}.api-playground .response-viewer .response-header .response-meta .status-code.status-5xx{background:rgba(239,68,68,.08);color:#ef4444;border:1px solid rgba(239,68,68,.15)}.api-playground .response-viewer .response-header .copy-button{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.08);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;color:#6b7280;transition:all .15s cubic-bezier(.4,0,.2,1)}.api-playground .response-viewer .response-header .copy-button:hover{background:rgba(59,130,246,.06);border-color:#3b82f6;color:#3b82f6}.api-playground .response-viewer .response-content{flex:1;overflow:hidden;background:#fafbfc;border:1px solid rgba(0,0,0,.04);border-radius:8px;min-height:0;display:flex;flex-direction:column;position:relative}.api-playground .response-viewer .response-content>div{flex:1;min-height:0;height:100%;overflow:hidden}.api-playground .response-viewer .response-content .response-body{padding:14px;margin:0;font-size:12px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;line-height:1.7;color:#1f2937;white-space:pre-wrap;word-break:break-word;overflow-y:auto;flex:1;height:100%}.api-playground .playground-execute-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.api-playground .playground-execute-header .execute-info{flex:1;min-width:0}.api-playground .playground-execute-header .execute-info .execute-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px;letter-spacing:-.02em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.api-playground .playground-execute-header .execute-info .execute-title .platform-tags{display:flex;gap:6px}.api-playground .playground-execute-header .execute-info .execute-title .platform-tags .platform-tag{font-size:10px;font-weight:600;padding:4px 10px;border-radius:12px;background:rgba(139,92,246,.06);color:#8b5cf6;border:none;text-transform:capitalize}.api-playground .playground-execute-header .execute-info .execute-target{display:flex;align-items:center;gap:10px}.api-playground .playground-execute-header .execute-info .execute-target code{font-size:12px;font-family:JetBrains Mono,SF Mono,monospace;color:#9ca3af;font-weight:500}.api-playground .playground-execute-header .execute-button{padding:8px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0}.api-playground .playground-execute-header .execute-button.primary{background:#3b82f6;color:#fff}.api-playground .playground-execute-header .execute-button.primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.api-playground .playground-execute-header .execute-button.secondary{background:#8b5cf6;color:#fff}.api-playground .playground-execute-header .execute-button.secondary:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.3)}.api-playground .playground-execute-header .execute-button:active:not(:disabled){transform:translateY(0)}.api-playground .playground-execute-header .execute-button:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.api-playground .playground-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.api-playground .playground-info-grid .info-box{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:12px 14px;transition:all .15s cubic-bezier(.4,0,.2,1)}.api-playground .playground-info-grid .info-box:hover{border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.01)}.api-playground .playground-info-grid .info-box .info-box-label{display:block;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.api-playground .playground-info-grid .info-box .info-box-value{display:block;font-size:14px;color:#1f2937;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin-bottom:6px}.api-playground .playground-info-grid .info-box .info-box-cron{display:block;font-size:11px;color:#9ca3af;font-weight:400;font-family:JetBrains Mono,SF Mono,monospace}.api-playground .playground-info-grid .info-box .info-box-badge{display:inline-block;font-size:11px;font-weight:600;padding:5px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.api-playground .playground-info-grid .info-box .info-box-badge.status-active{background:rgba(16,185,129,.06);color:#10b981;border:none}.api-playground .playground-info-grid .info-box .info-box-badge.status-inactive{background:rgba(156,163,175,.06);color:#6b7280;border:none}.api-playground .event-selector-grid{display:flex;gap:8px;flex-wrap:wrap}.api-playground .event-selector-grid .event-selector-btn{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.08);padding:8px 14px;border-radius:10px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.api-playground .event-selector-grid .event-selector-btn .event-name{font-size:12px;font-family:JetBrains Mono,SF Mono,monospace;color:#6b7280;font-weight:500}.api-playground .event-selector-grid .event-selector-btn:hover{border-color:rgba(59,130,246,.2);background:rgba(59,130,246,.02)}.api-playground .event-selector-grid .event-selector-btn.active{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.2)}.api-playground .event-selector-grid .event-selector-btn.active .event-name{color:#3b82f6;font-weight:600}.api-playground .message-preview-card{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:14px 16px}.api-playground .message-preview-card .message-text{font-size:14px;color:#374151;margin:0 0 12px;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.api-playground .message-preview-card .message-channels{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.api-playground .message-preview-card .message-channels .channel-pill{font-size:11px;font-weight:600;padding:5px 12px;border-radius:12px;background:rgba(16,185,129,.06);color:#10b981;border:none;font-family:JetBrains Mono,SF Mono,monospace}.skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:6px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6) 50%,transparent);transform:translateX(-100%);animation:shimmer-shine 2s ease-in-out infinite}.skeleton.skeleton-badge{width:45px;height:18px;border-radius:5px}.skeleton.skeleton-route{flex:1;height:16px;border-radius:4px}.skeleton.skeleton-description{width:85%;height:11px;margin-top:6px;border-radius:4px}.skeleton.skeleton-header-title{width:85px;height:13px;border-radius:4px}.skeleton.skeleton-count{width:32px;height:22px;border-radius:11px}.skeleton.skeleton-url-bar{width:100%;height:40px;border-radius:8px}.skeleton.skeleton-section-title{width:130px;height:11px;margin-bottom:10px;border-radius:4px}.skeleton.skeleton-input{width:100%;height:38px;margin-bottom:8px;border-radius:6px}.skeleton.skeleton-response-title{width:160px;height:14px;border-radius:4px}.skeleton.skeleton-response-body{width:100%;height:100%;min-height:200px;border-radius:8px}.skeleton-card{border:none;transition:none}.skeleton-card,.skeleton-card:hover{background:rgba(0,0,0,0)}.skeleton-card .endpoint-header{opacity:1;margin-bottom:6px}.skeleton-builder,.skeleton-response{pointer-events:none;opacity:.8}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(333.33%)}}@media(max-width:768px){.api-playground .playground-content{flex-direction:column}.api-playground .playground-content .endpoints-sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid rgba(0,0,0,.06)}.api-playground .request-builder .request-header .url-send-container{flex-direction:column;align-items:stretch}.api-playground .request-builder .request-header .url-send-container .method-badge-container{border-right:none;border-bottom:1px solid rgba(0,0,0,.06);justify-content:center;padding:8px 12px}.api-playground .request-builder .request-header .url-send-container .url-input-container .url-content{padding:8px 12px}.api-playground .request-builder .request-header .url-send-container .url-input-container .url-content .url-base{max-width:none;margin-right:4px}.api-playground .request-builder .request-header .url-send-container .send-button{border-left:none;border-top:1px solid rgba(255,255,255,.1);min-width:auto;padding:16px 20px}}@media(max-width:480px){.api-playground .request-builder .request-header .url-send-container .url-input-container .url-content .url-base,.api-playground .request-builder .request-header .url-send-container .url-input-container .url-content .url-path{font-size:11px}.api-playground .request-builder .request-header .url-send-container .send-button{font-size:12px}.api-playground .request-builder .request-header .url-send-container .send-button span{display:none}}.mode-toggle-container{display:flex;gap:2px;background:rgba(0,0,0,.04);border-radius:5px;padding:2px}.mode-toggle-container .mode-toggle-btn{background:rgba(0,0,0,0);border:none;padding:3px 9px;font-size:9.5px;font-weight:700;letter-spacing:.5px;border-radius:4px;cursor:pointer;transition:all .12s cubic-bezier(.4,0,.2,1);color:#9ca3af;font-family:SF Mono,Monaco,monospace;display:flex;align-items:center;gap:3px;position:relative}.mode-toggle-container .mode-toggle-btn:before{content:"";width:4px;height:4px;border-radius:50%;background:rgba(0,0,0,0);transition:all .12s cubic-bezier(.4,0,.2,1);opacity:0}.mode-toggle-container .mode-toggle-btn.active{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}.mode-toggle-container .mode-toggle-btn.active:before{opacity:1}.mode-toggle-container .mode-toggle-btn.active:first-child{color:#059669}.mode-toggle-container .mode-toggle-btn.active:first-child:before{background:#10b981}.mode-toggle-container .mode-toggle-btn.active:last-child{color:#d97706}.mode-toggle-container .mode-toggle-btn.active:last-child:before{background:#f59e0b}.mode-toggle-container .mode-toggle-btn:hover:not(.active){color:#6b7280}.deployment-popover-clean{width:340px;padding:0;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);box-shadow:0 16px 48px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.06),inset 0 0 0 .5px rgba(255,255,255,.5);border-radius:14px;overflow:hidden;font-family:Patron,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;animation:popoverEnter .18s cubic-bezier(.16,1,.3,1)}.deployment-popover-clean .popover-header{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;background:rgba(0,0,0,0)}.deployment-popover-clean .popover-header .header-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.9}.deployment-popover-clean .popover-header .header-icon svg{color:#000}.deployment-popover-clean .popover-header .header-text{flex:1}.deployment-popover-clean .popover-header .header-text h3{font-size:14px;font-weight:400;color:#0a0a0a;margin:0;line-height:1.2;letter-spacing:-.02em}.deployment-popover-clean .popover-header .header-text p{font-size:11px;color:#6b7280;margin:2px 0 0;line-height:1.2;letter-spacing:-.005em;font-weight:300;opacity:.85}.deployment-popover-clean .popover-header .close-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05);border-radius:6px;color:#6b7280;cursor:pointer;transition:all .1s cubic-bezier(.4,0,.2,1);flex-shrink:0}.deployment-popover-clean .popover-header .close-button:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.15);color:#dc2626;transform:scale(1.05)}.deployment-popover-clean .popover-header .close-button:active{transform:scale(.95);background:rgba(239,68,68,.12)}.deployment-popover-clean .popover-header .close-button svg{width:14px;height:14px}.deployment-popover-clean .popover-content{padding:0 14px 14px;max-height:440px;overflow-y:auto;overflow-x:hidden}.deployment-popover-clean .popover-content::-webkit-scrollbar{width:4px}.deployment-popover-clean .popover-content::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:6px 0}.deployment-popover-clean .popover-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:10px}.deployment-popover-clean .popover-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.deployment-popover-clean .empty-state{text-align:center;padding:36px 20px;animation:fadeIn .25s ease}.deployment-popover-clean .empty-state .empty-icon{width:48px;height:48px;color:#d1d5db;margin:0 auto 14px;opacity:.5}.deployment-popover-clean .empty-state .empty-title{font-size:13px;font-weight:400;color:#1f2937;margin:0 0 5px;letter-spacing:-.01em}.deployment-popover-clean .empty-state .empty-description{font-size:11.5px;color:#6b7280;margin:0;line-height:1.5;font-weight:400;opacity:.9}.deployment-popover-clean .services-list{display:flex;flex-direction:column;gap:10px}.deployment-popover-clean .service-card-solid{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:10px;overflow:hidden;transition:all .18s cubic-bezier(.4,0,.2,1);animation:cardEnter .25s cubic-bezier(.16,1,.3,1) backwards}.deployment-popover-clean .service-card-solid:first-child{animation-delay:.03s}.deployment-popover-clean .service-card-solid:nth-child(2){animation-delay:.06s}.deployment-popover-clean .service-card-solid:nth-child(3){animation-delay:.09s}.deployment-popover-clean .service-card-solid:nth-child(4){animation-delay:.12s}.deployment-popover-clean .service-card-solid:nth-child(5){animation-delay:.15s}.deployment-popover-clean .service-card-solid:hover{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.08)}.deployment-popover-clean .service-card-solid .service-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px;gap:10px}.deployment-popover-clean .service-card-solid .service-card-header .service-info{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-icon-box{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.04);border-radius:9px;flex-shrink:0;transition:all .15s ease}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-icon-box .service-icon{width:17px;height:17px;color:#1f2937;opacity:.9}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-details{flex:1;min-width:0;font-family:Google Sans}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-details .service-name{font-size:13px;font-weight:500;color:#0a0a0a;margin:0 0 3px;line-height:1;letter-spacing:-.015em}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-details .service-status{display:flex;align-items:center;gap:5px;font-size:10.5px;line-height:1;font-weight:500;letter-spacing:-.005em}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-details .service-status .status-dot-wrapper{position:relative;width:7px;height:7px}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-details .service-status .status-dot-wrapper .status-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#10b981;z-index:2}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-details .service-status .status-dot-wrapper .status-dot-pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse-ring 1.8s cubic-bezier(.4,0,.6,1) infinite;z-index:1}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-details .service-status .status-dot{width:6px;height:6px;border-radius:50%}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-details .service-status.live{color:#059669}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-details .service-status.offline{color:#6b7280}.deployment-popover-clean .service-card-solid .service-card-header .service-info .service-details .service-status.offline .status-dot{background:#9ca3af}.deployment-popover-clean .service-card-solid .service-card-header .deploy-btn{position:relative;height:28px;padding:0 11px;font-size:11px;font-weight:500;background:linear-gradient(180deg,#ff6b56,#fe5c47);color:#fff;border:none;border-radius:6px;display:flex;align-items:center;gap:4px;transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0;font-family:Google Sans;letter-spacing:-.005em;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.15),inset 0 -1px 0 0 rgba(0,0,0,.15),0 2px 3px rgba(254,92,71,.25),0 1px 2px rgba(0,0,0,.15);cursor:pointer}.deployment-popover-clean .service-card-solid .service-card-header .deploy-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);border-radius:6px 6px 0 0;pointer-events:none}.deployment-popover-clean .service-card-solid .service-card-header .deploy-btn:hover:not(:disabled){background:linear-gradient(180deg,#ff7a67,#ff6450);transform:translateY(-.5px);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.18),inset 0 -1px 0 0 rgba(0,0,0,.18),0 3px 6px rgba(254,92,71,.3),0 2px 4px rgba(0,0,0,.15)}.deployment-popover-clean .service-card-solid .service-card-header .deploy-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.1),inset 0 -1px 0 0 rgba(0,0,0,.25),0 1px 2px rgba(254,92,71,.2)}.deployment-popover-clean .service-card-solid .service-card-header .deploy-btn:active:not(:disabled):before{opacity:.5}.deployment-popover-clean .service-card-solid .service-card-header .deploy-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.deployment-popover-clean .service-card-solid .service-card-header .deploy-btn:disabled:before{display:none}.deployment-popover-clean .service-card-solid .service-card-header .deploy-btn svg{width:12px;height:12px}.deployment-popover-clean .service-card-solid .browser-url-bar{padding:0 12px 10px;background:rgba(0,0,0,0)}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner{position:relative;display:flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 9px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.03),inset 0 .5px 0 rgba(255,255,255,.8);transition:all .18s cubic-bezier(.4,0,.2,1)}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner:hover{background:#fff;border-color:rgba(0,0,0,.09);box-shadow:0 2px 6px rgba(0,0,0,.06),inset 0 .5px 0 #fff}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner:focus-within{border-color:rgba(0,0,0,.12);box-shadow:0 3px 8px rgba(0,0,0,.08),inset 0 .5px 0 #fff,0 0 0 2px rgba(0,0,0,.02)}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner .url-lock-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#10b981;opacity:.65;margin-right:-2px}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner .url-lock-icon svg{width:8px;height:10px}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner .url-text{flex:1;min-width:0;font-size:10.5px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;color:#1f2937;font-weight:400;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;padding:0 2px}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner .url-bar-actions{display:flex;gap:0;flex-shrink:0;margin-left:2px}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner .url-bar-actions .url-bar-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(0,0,0,0);border:none;border-radius:5px;color:#6b7280;cursor:pointer;transition:all .1s cubic-bezier(.4,0,.2,1);opacity:.5}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner .url-bar-actions .url-bar-btn:hover{background:rgba(0,0,0,.04);color:#1f2937;opacity:1}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner .url-bar-actions .url-bar-btn:active{background:rgba(0,0,0,.06);transform:scale(.94)}.deployment-popover-clean .service-card-solid .browser-url-bar .url-bar-inner .url-bar-actions .url-bar-btn svg{width:10px;height:10px}.deployment-popover-clean .deploy-all-section{margin-top:10px;padding-top:12px;border-top:1px solid rgba(0,0,0,.05)}.deployment-popover-clean .deploy-all-section .deploy-all-btn{position:relative;width:100%;height:34px;background:linear-gradient(180deg,#ff6b56,#fe5c47);color:#fff;border:none;border-radius:8px;font-size:12.5px;font-weight:500;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;font-family:Google Sans;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.15),inset 0 -1px 0 0 rgba(0,0,0,.15),0 2px 4px rgba(254,92,71,.3),0 1px 2px rgba(0,0,0,.15)}.deployment-popover-clean .deploy-all-section .deploy-all-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);border-radius:8px 8px 0 0;pointer-events:none}.deployment-popover-clean .deploy-all-section .deploy-all-btn:hover:not(:disabled){background:linear-gradient(180deg,#ff7a67,#ff6450);transform:translateY(-.5px);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.18),inset 0 -1px 0 0 rgba(0,0,0,.18),0 4px 8px rgba(254,92,71,.35),0 2px 4px rgba(0,0,0,.15)}.deployment-popover-clean .deploy-all-section .deploy-all-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.1),inset 0 -1px 0 0 rgba(0,0,0,.25),0 1px 2px rgba(254,92,71,.25)}.deployment-popover-clean .deploy-all-section .deploy-all-btn:active:not(:disabled):before{opacity:.5}.deployment-popover-clean .deploy-all-section .deploy-all-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.deployment-popover-clean .deploy-all-section .deploy-all-btn:disabled:before{display:none}.deployment-popover-clean .deploy-all-section .deploy-all-btn svg{width:15px;height:15px}.deployment-popover-clean .deploy-all-section .deploy-all-btn span{font-weight:500}.share-popover-clean{width:380px;padding:0;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);box-shadow:0 16px 48px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.06),inset 0 0 0 .5px rgba(255,255,255,.5);border-radius:14px;overflow:hidden;font-family:Patron,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;animation:popoverEnter .18s cubic-bezier(.16,1,.3,1)}@keyframes popoverEnter{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.share-popover-clean .popover-header{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;background:rgba(0,0,0,0)}.share-popover-clean .popover-header .header-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.9}.share-popover-clean .popover-header .header-icon svg{color:#000}.share-popover-clean .popover-header .header-text{flex:1}.share-popover-clean .popover-header .header-text h3{font-size:14px;font-weight:400;color:#0a0a0a;margin:0;line-height:1.2;letter-spacing:-.02em}.share-popover-clean .popover-header .header-text p{font-size:11px;color:#6b7280;margin:2px 0 0;line-height:1.2;letter-spacing:-.005em;font-weight:300;opacity:.85}.share-popover-clean .popover-header .close-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05);border-radius:6px;color:#6b7280;cursor:pointer;transition:all .1s cubic-bezier(.4,0,.2,1);flex-shrink:0}.share-popover-clean .popover-header .close-button:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.15);color:#dc2626;transform:scale(1.05)}.share-popover-clean .popover-header .close-button:active{transform:scale(.95);background:rgba(239,68,68,.12)}.share-popover-clean .popover-header .close-button svg{width:14px;height:14px}.share-popover-clean .popover-content{padding:0 14px 14px;max-height:440px;overflow-y:auto;overflow-x:hidden}.share-popover-clean .popover-content::-webkit-scrollbar{width:4px}.share-popover-clean .popover-content::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:6px 0}.share-popover-clean .popover-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:10px}.share-popover-clean .popover-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.share-popover-clean .invite-section{margin-bottom:16px}.share-popover-clean .invite-section .invite-form{display:flex;gap:6px;margin-bottom:6px}.share-popover-clean .invite-section .invite-form .username-input{flex:1;height:32px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.06);border-radius:7px;padding:0 10px;font-size:12px;color:#1f2937;font-family:Google Sans;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.03),inset 0 .5px 0 rgba(255,255,255,.8)}.share-popover-clean .invite-section .invite-form .username-input:focus{outline:none;border-color:rgba(0,0,0,.12);background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.06),inset 0 .5px 0 #fff}.share-popover-clean .invite-section .invite-form .username-input::placeholder{color:#9ca3af;font-weight:300}.share-popover-clean .invite-section .invite-form .access-select{width:100px;height:32px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.06);border-radius:7px;padding:0 8px;font-size:11px;font-weight:500;color:#374151;cursor:pointer;font-family:Google Sans;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.03),inset 0 .5px 0 rgba(255,255,255,.8)}.share-popover-clean .invite-section .invite-form .access-select:focus{outline:none;border-color:rgba(0,0,0,.12);background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.06),inset 0 .5px 0 #fff}.share-popover-clean .invite-section .invite-message{padding:8px 12px;border-radius:6px;font-size:11px;line-height:1.4;margin-bottom:8px;font-family:Google Sans;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.share-popover-clean .invite-section .invite-message.success{background:rgba(16,185,129,.1);color:#065f46;border:1px solid rgba(16,185,129,.2)}.share-popover-clean .invite-section .invite-message.error{background:rgba(239,68,68,.1);color:#991b1b;border:1px solid rgba(239,68,68,.2)}.share-popover-clean .invite-section .invite-btn{position:relative;width:100%;height:32px;background:linear-gradient(180deg,#ff6b56,#fe5c47);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:500;letter-spacing:-.005em;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:Google Sans;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.15),inset 0 -1px 0 0 rgba(0,0,0,.15),0 2px 3px rgba(254,92,71,.25),0 1px 2px rgba(0,0,0,.15)}.share-popover-clean .invite-section .invite-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);border-radius:7px 7px 0 0;pointer-events:none}.share-popover-clean .invite-section .invite-btn.success{background:linear-gradient(180deg,#10b981,#059669);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.15),inset 0 -1px 0 0 rgba(0,0,0,.15),0 2px 3px rgba(16,185,129,.25),0 1px 2px rgba(0,0,0,.15)}.share-popover-clean .invite-section .invite-btn:hover:not(:disabled){background:linear-gradient(180deg,#ff7a67,#ff6450);transform:translateY(-.5px);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.18),inset 0 -1px 0 0 rgba(0,0,0,.18),0 3px 6px rgba(254,92,71,.3),0 2px 4px rgba(0,0,0,.15)}.share-popover-clean .invite-section .invite-btn:hover:not(:disabled).success{background:linear-gradient(180deg,#34d399,#10b981);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.18),inset 0 -1px 0 0 rgba(0,0,0,.18),0 3px 6px rgba(16,185,129,.3),0 2px 4px rgba(0,0,0,.15)}.share-popover-clean .invite-section .invite-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.1),inset 0 -1px 0 0 rgba(0,0,0,.25),0 1px 2px rgba(254,92,71,.2)}.share-popover-clean .invite-section .invite-btn:active:not(:disabled):before{opacity:.5}.share-popover-clean .invite-section .invite-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.share-popover-clean .invite-section .invite-btn:disabled:before{display:none}.share-popover-clean .invite-section .invite-btn:disabled.success{background:linear-gradient(180deg,#10b981,#059669);color:#fff;opacity:.9}.share-popover-clean .invite-section .invite-btn svg{width:13px;height:13px}.share-popover-clean .collaborators-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-top:8px}.share-popover-clean .collaborators-section .section-header .section-title{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-family:Google Sans}.share-popover-clean .collaborators-section .section-header .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:rgba(0,0,0,.04);color:#6b7280;border-radius:9px;font-size:10px;font-weight:600;font-family:Google Sans}.share-popover-clean .collaborators-section .loading-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:#9ca3af;font-size:12px;animation:fadeIn .25s ease}.share-popover-clean .collaborators-section .empty-state{text-align:center;padding:32px 20px;animation:fadeIn .25s ease}.share-popover-clean .collaborators-section .empty-state .empty-icon{width:44px;height:44px;color:#d1d5db;margin:0 auto 12px;opacity:.5}.share-popover-clean .collaborators-section .empty-state .empty-title{font-size:12px;font-weight:400;color:#1f2937;margin:0 0 4px;letter-spacing:-.01em}.share-popover-clean .collaborators-section .empty-state .empty-description{font-size:11px;color:#6b7280;margin:0;line-height:1.5;font-weight:400;opacity:.9}.share-popover-clean .collaborators-section .collaborators-list{display:flex;flex-direction:column;gap:8px}.share-popover-clean .collaborator-card{display:flex;align-items:center;justify-content:space-between;padding:10px;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:9px;transition:all .18s cubic-bezier(.4,0,.2,1);animation:cardEnter .25s cubic-bezier(.16,1,.3,1) backwards}.share-popover-clean .collaborator-card:first-child{animation-delay:.03s}.share-popover-clean .collaborator-card:nth-child(2){animation-delay:.06s}.share-popover-clean .collaborator-card:nth-child(3){animation-delay:.09s}.share-popover-clean .collaborator-card:nth-child(4){animation-delay:.12s}.share-popover-clean .collaborator-card:nth-child(5){animation-delay:.15s}.share-popover-clean .collaborator-card:nth-child(6){animation-delay:.18s}.share-popover-clean .collaborator-card:nth-child(7){animation-delay:.21s}.share-popover-clean .collaborator-card:nth-child(8){animation-delay:.24s}.share-popover-clean .collaborator-card:nth-child(9){animation-delay:.27s}.share-popover-clean .collaborator-card:nth-child(10){animation-delay:.3s}@keyframes cardEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.share-popover-clean .collaborator-card.pending{opacity:.75}.share-popover-clean .collaborator-card:hover{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.08)}.share-popover-clean .collaborator-card .collaborator-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.share-popover-clean .collaborator-card .collaborator-info .avatar{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;flex-shrink:0;font-family:Google Sans}.share-popover-clean .collaborator-card .collaborator-info .details{flex:1;min-width:0}.share-popover-clean .collaborator-card .collaborator-info .details .name{font-size:12.5px;font-weight:500;color:#0a0a0a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;font-family:Google Sans}.share-popover-clean .collaborator-card .collaborator-info .details .username{font-size:10.5px;color:#6b7280;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;opacity:.85}.share-popover-clean .collaborator-card .collaborator-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.share-popover-clean .collaborator-card .collaborator-actions .pending-badge{display:inline-flex;align-items:center;padding:3px 7px;background:rgba(251,191,36,.12);color:#92400e;border-radius:5px;font-size:9.5px;font-weight:600;font-family:Google Sans;letter-spacing:.01em}.share-popover-clean .collaborator-card .collaborator-actions .pending-signup-badge{display:inline-flex;align-items:center;padding:3px 7px;background:rgba(59,130,246,.12);color:#1e40af;border-radius:5px;font-size:9.5px;font-weight:600;font-family:Google Sans;letter-spacing:.01em}.share-popover-clean .collaborator-card .collaborator-actions .revoke-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05);border-radius:6px;color:#6b7280;cursor:pointer;transition:all .1s cubic-bezier(.4,0,.2,1)}.share-popover-clean .collaborator-card .collaborator-actions .revoke-btn:hover:not(:disabled){background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.15);color:#dc2626;transform:scale(1.05)}.share-popover-clean .collaborator-card .collaborator-actions .revoke-btn:active:not(:disabled){transform:scale(.95);background:rgba(239,68,68,.12)}.share-popover-clean .collaborator-card .collaborator-actions .revoke-btn.confirm{background:linear-gradient(180deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff}.share-popover-clean .collaborator-card .collaborator-actions .revoke-btn.confirm:hover{background:linear-gradient(180deg,#ef4444,#dc2626);transform:scale(1.05)}.share-popover-clean .collaborator-card .collaborator-actions .revoke-btn:disabled{opacity:.5;cursor:not-allowed}.share-popover-clean .collaborator-card .collaborator-actions .revoke-btn svg{width:12px;height:12px}.share-popover-clean .access-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;white-space:nowrap;font-family:Google Sans;letter-spacing:-.005em}.share-popover-clean .access-badge svg{width:11px;height:11px}.share-popover-clean .access-badge.view{background:rgba(59,130,246,.12);color:#1e40af}.share-popover-clean .access-badge.edit{background:rgba(16,185,129,.12);color:#065f46}.settings-modal-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.4);animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.settings-modal-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:51;width:90%;max-width:900px;height:85vh;max-height:750px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;animation:modalEnter .22s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.settings-modal-header{display:flex;align-items:center;gap:14px;padding:22px 28px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.settings-modal-header .header-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:11px;flex-shrink:0;color:#374151;transition:all .2s ease}.settings-modal-header .header-icon:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.settings-modal-header .header-icon svg{width:20px;height:20px}.settings-modal-header .header-text{flex:1}.settings-modal-header .header-text h2{font-size:19px;font-weight:600;color:#0a0a0a;margin:0;line-height:1.2;letter-spacing:-.025em}.settings-modal-header .header-text p{font-size:13px;color:#6b7280;margin:5px 0 0;line-height:1.3;font-weight:400}.settings-modal-header .close-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:9px;color:#6b7280;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.settings-modal-header .close-button:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.settings-modal-header .close-button:active{transform:scale(.95)}.settings-modal-header .close-button svg{width:16px;height:16px}.settings-tabs{display:flex;flex-direction:column;flex:1;overflow:hidden}.settings-tabs-list{display:flex;gap:6px;padding:16px 28px;background:#fafafa;border-bottom:1px solid #e5e7eb;flex-shrink:0;overflow-x:auto;overflow-y:hidden}.settings-tabs-list::-webkit-scrollbar{height:0}.settings-tab-trigger{display:flex;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:500;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:9px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap;line-height:1}.settings-tab-trigger svg{width:16px;height:16px;opacity:.7}.settings-tab-trigger:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.settings-tab-trigger[data-state=active]{background:#111827;border-color:#111827;color:#fff;font-weight:600}.settings-tab-trigger[data-state=active] svg{opacity:1}.settings-tab-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;background:#fafafa}.settings-tab-content::-webkit-scrollbar{width:6px}.settings-tab-content::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:8px 0}.settings-tab-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.settings-tab-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.tab-section{padding:36px 28px;width:100%;max-width:none}.tab-section .section-title{font-size:21px;font-weight:700;color:#0a0a0a;margin:0 0 6px;letter-spacing:-.03em}.tab-section .section-description{font-size:14px;color:#6b7280;margin:0 0 28px;line-height:1.6;font-weight:400}.overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}.overview-card .overview-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f3f4f6;transition:background .15s ease}.overview-card .overview-item:last-child{border-bottom:none}.overview-card .overview-item:hover{background:#fafafa}.overview-card .overview-item .overview-label{font-size:14px;color:#6b7280;font-weight:500}.overview-card .overview-item .overview-value{font-size:14px;color:#0a0a0a;font-weight:600}.visibility-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;border:1.5px solid}.visibility-badge svg{width:14px;height:14px}.visibility-badge.public{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.visibility-badge.private{background:#f9fafb;color:#374151;border-color:#d1d5db}.form-group{margin-bottom:28px}.form-group:last-child{margin-bottom:0}.form-group .form-label{display:block;font-size:14px;font-weight:600;color:#0a0a0a;margin-bottom:10px;letter-spacing:-.01em}.form-group .form-hint{font-size:13px;color:#9ca3af;margin-top:8px}.settings-input{width:100%;height:46px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:0 14px;font-size:15px;color:#0a0a0a;transition:all .15s cubic-bezier(.4,0,.2,1);font-weight:400}.settings-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.08)}.settings-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.settings-input::placeholder{color:#9ca3af;font-weight:400}.settings-textarea{width:100%;min-height:110px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:14px;font-size:15px;color:#0a0a0a;transition:all .15s cubic-bezier(.4,0,.2,1);resize:vertical;line-height:1.5;font-weight:400}.settings-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.08)}.settings-textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.settings-textarea::placeholder{color:#9ca3af;font-weight:400}.visibility-toggle{display:flex;gap:14px}.visibility-toggle .visibility-option{flex:1;display:flex;align-items:flex-start;gap:14px;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.visibility-toggle .visibility-option svg{width:22px;height:22px;color:#6b7280;flex-shrink:0;margin-top:2px}.visibility-toggle .visibility-option .option-title{font-size:15px;font-weight:600;color:#0a0a0a;line-height:1.3}.visibility-toggle .visibility-option .option-description{font-size:13px;color:#6b7280;line-height:1.4;margin-top:4px;font-weight:400}.visibility-toggle .visibility-option:hover:not(:disabled){background:#fafafa;border-color:#d1d5db;transform:translateY(-1px)}.visibility-toggle .visibility-option.active{background:#eff6ff;border-color:#3b82f6}.visibility-toggle .visibility-option.active svg{color:#3b82f6}.visibility-toggle .visibility-option.active .option-title{color:#1e40af}.visibility-toggle .visibility-option.active .option-description{color:#3b82f6}.visibility-toggle .visibility-option:disabled{cursor:not-allowed;opacity:.5}.form-actions{margin-top:36px;padding-top:28px;border-top:1px solid #e5e7eb}.form-actions .save-button{height:46px;padding:0 28px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.05)}.form-actions .save-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.25);transform:translateY(-1px)}.form-actions .save-button:active:not(:disabled){transform:translateY(0)}.form-actions .save-button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.form-actions .save-button svg{width:16px;height:16px}.services-list{display:flex;flex-direction:column;gap:14px}.settings-service-item{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-service-item:hover{border-color:#d1d5db;box-shadow:0 4px 8px rgba(0,0,0,.06);transform:translateY(-1px)}.settings-service-item .service-info{display:flex;align-items:center;gap:16px;padding:20px}.settings-service-item .service-info .service-icon-box{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1.5px solid #e5e7eb;border-radius:12px;flex-shrink:0}.settings-service-item .service-info .service-icon-box .service-icon{width:22px;height:22px;color:#374151}.settings-service-item .service-info .service-details{flex:1;min-width:0}.settings-service-item .service-info .service-details .service-name{font-size:15px;font-weight:600;color:#0a0a0a;margin:0 0 8px;line-height:1;letter-spacing:-.015em}.settings-service-item .service-info .service-details .service-status{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1;font-weight:600}.settings-service-item .service-info .service-details .service-status .status-dot-wrapper{position:relative;width:9px;height:9px}.settings-service-item .service-info .service-details .service-status .status-dot-wrapper .status-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#10b981;z-index:2}.settings-service-item .service-info .service-details .service-status .status-dot-wrapper .status-dot-pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:#10b981;animation:pulse-ring 1.8s cubic-bezier(.4,0,.6,1) infinite;z-index:1}.settings-service-item .service-info .service-details .service-status .status-dot{width:9px;height:9px;border-radius:50%}.settings-service-item .service-info .service-details .service-status.live{color:#059669}.settings-service-item .service-info .service-details .service-status.offline{color:#6b7280}.settings-service-item .service-info .service-details .service-status.offline .status-dot{background:#9ca3af}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}to{transform:scale(1.9);opacity:0}}.settings-service-item .service-url-section{padding:0 20px 20px}.settings-service-item .service-url-section .url-bar{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px}.settings-service-item .service-url-section .url-bar .url-text{flex:1;min-width:0;font-size:13px;font-family:SF Mono,Monaco,Courier New,monospace;color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-service-item .service-url-section .url-bar .url-actions{display:flex;gap:6px;flex-shrink:0}.settings-service-item .service-url-section .url-bar .url-actions .url-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid #e5e7eb;border-radius:7px;color:#6b7280;cursor:pointer;transition:all .12s ease}.settings-service-item .service-url-section .url-bar .url-actions .url-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.settings-service-item .service-url-section .url-bar .url-actions .url-btn:active{transform:scale(.95)}.settings-service-item .service-url-section .url-bar .url-actions .url-btn svg{width:13px;height:13px}.collaborators-list{display:flex;flex-direction:column;gap:12px}.settings-collaborator-item{display:flex;align-items:center;gap:16px;padding:18px;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.settings-collaborator-item.pending{opacity:.75}.settings-collaborator-item:hover{border-color:#d1d5db;box-shadow:0 4px 8px rgba(0,0,0,.06);transform:translateY(-1px)}.settings-collaborator-item .collaborator-avatar{width:46px;height:46px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}.settings-collaborator-item .collaborator-details{flex:1;min-width:0}.settings-collaborator-item .collaborator-details .collaborator-name{font-size:15px;font-weight:600;color:#0a0a0a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-collaborator-item .collaborator-details .collaborator-username{font-size:13px;color:#6b7280;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.settings-collaborator-item .collaborator-badges{display:flex;align-items:center;gap:8px;flex-shrink:0}.access-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;border:1.5px solid}.access-badge svg{width:13px;height:13px}.access-badge.view{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.access-badge.edit{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.pending-badge{background:#fef3c7;color:#92400e;border:1.5px solid #fbbf24;border-radius:8px}.pending-badge,.pending-signup-badge{display:inline-flex;padding:6px 10px;font-size:12px;font-weight:700}.pending-signup-badge{background:#eff6ff;color:#1e40af;border:1.5px solid #bfdbfe;border-radius:8px}.empty-state{padding:72px 24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state .empty-icon{width:64px;height:64px;color:#d1d5db;margin:0 auto 24px;opacity:.6}.empty-state .empty-title{font-size:17px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state .empty-description{font-size:14px;color:#6b7280;line-height:1.6;max-width:420px;margin:0 auto}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:72px 24px;color:#9ca3af;font-size:15px}.loading-state svg{width:22px;height:22px}.env-chat-display{font-size:.8125rem}.env-chat-display__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;gap:.75rem;margin-bottom:.5rem}.env-chat-display__status{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:#000;font-weight:400;text-transform:capitalize}.env-chat-display__status svg{flex-shrink:0;opacity:.6}.env-chat-display__link{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;color:#fe5c46;background:rgba(254,92,70,.08);border-radius:4px;transition:all .15s;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}.env-chat-display__link *{cursor:pointer}.env-chat-display__link:hover{background:rgba(254,92,70,.12)}.env-chat-display__list{display:flex;flex-direction:column;gap:.5rem}.env-chat-display__item{display:flex;flex-direction:column;gap:.25rem}.env-chat-display__item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.env-chat-display__key{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:500;color:rgba(0,0,0,.6)}.env-chat-display__key svg{width:.75rem;height:.75rem;opacity:.4;flex-shrink:0}.env-chat-display__service{font-size:.615rem;padding:.125rem .375rem;background:rgba(254,92,70,.1);color:#fe5c46;border-radius:3px;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.env-chat-display__required{font-size:.625rem;color:#ff8c00;font-weight:600}.env-chat-display__value-wrapper{display:flex;align-items:center;gap:.25rem}.env-chat-display__value{flex:1;display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.6875rem;background:#f9fafb;border:1px solid rgba(0,0,0,.06);border-radius:4px;cursor:pointer;transition:all .15s;text-align:left;color:rgba(0,0,0,.85)}.env-chat-display__value:hover{border-color:rgba(0,0,0,.12)}.env-chat-display__value:focus{outline:none;border-color:rgba(254,92,70,.5)}.env-chat-display__secret{font-family:Monaco,Consolas,monospace;color:rgba(0,0,0,.3);letter-spacing:.1em}.env-chat-display__code{font-family:Monaco,Consolas,monospace;word-break:break-all}.env-chat-display__empty{color:rgba(0,0,0,.3);font-style:italic}.env-chat-display__toggle{padding:.25rem;opacity:.3;transition:all .15s;border-radius:3px}.env-chat-display__toggle svg{width:.875rem;height:.875rem}.env-chat-display__toggle:hover{opacity:.6;background:rgba(0,0,0,.04)}.env-chat-display__edit{flex:1;display:flex;align-items:center;gap:.375rem}.env-chat-display__input{flex:1;height:2rem;font-size:.6875rem;font-family:Monaco,Consolas,monospace;background:#f9fafb;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:rgba(0,0,0,.85);padding:0 .5rem}.env-chat-display__input:focus{outline:none;border-color:rgba(254,92,70,.6);background:#fff}.env-chat-display__btn{height:2rem;width:2rem;min-width:unset;padding:0;background:rgba(0,0,0,0);border-radius:4px}.env-chat-display__btn svg{width:.875rem;height:.875rem}.env-chat-display__btn:hover:not(:disabled){background:rgba(0,0,0,.06)}.loader{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;min-width:50vw;background-color:#fff}.loader img{width:80px;height:80px;object-fit:contain;animation:pulseScaleOpacity 1.5s ease-in-out infinite}@keyframes pulseScaleOpacity{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}:root{--primary-text:#0a0a0a;--secondary-text:#555555;--tertiary-text:#888888;--accent-color:#f56e59;--accent-hover:#f8553c;--background-elevated:#f5f5f5;--border-subtle:rgba(0,0,0,0.06);--border-strong:rgba(0,0,0,0.12);--surface-elevated:rgba(255,255,255,0.8);--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--font-size-4xl:48px;--font-size-5xl:64px;--space-0:0px;--space-7:28px;--space-14:56px;--space-28:112px;--space-32:128px;--space-40:160px;--shadow-xs:0 1px 2px rgba(0,0,0,0.02);--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 2px 6px rgba(0,0,0,0.06);--shadow-lg:0 4px 12px rgba(0,0,0,0.08);--shadow-xl:0 8px 24px rgba(0,0,0,0.1);--ease-out-cubic:cubic-bezier(0.33,1,0.68,1);--ease-in-out-cubic:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-sharp:cubic-bezier(0.4,0,0.2,1);--ease-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms}.spawn-landing-page{overflow-x:hidden}.spawn-landing-page:before{content:"";background-size:contain;background-position:50%;background-repeat:repeat;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1}.spawn-bdy{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.spawn-dithering-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5}.spawn-container{width:100%;padding:0 var(--space-6)}@media(max-width:768px){.spawn-container{padding:0 var(--space-4)}}.spawn-nav{background:rgba(0,0,0,0);backdrop-filter:blur(1px);border-bottom:none;transition:all .3s cubic-bezier(.4,0,.2,1);padding:16px 20px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.spawn-nav{padding:12px 0}}.spawn-nav-container{width:100%}.spawn-nav-content{justify-content:space-between;height:64px;padding:0 14px;background-color:rgba(0,0,0,0);width:100%;border-radius:12px}.spawn-left-stuff,.spawn-nav-content{display:flex;align-items:center;gap:32px}.spawn-left-stuff{justify-content:flex-start}.spawn-logo-section,.spawn-logo-section a{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.spawn-logo-image{width:40px;height:40px;z-index:1009999990}@media(max-width:1024px){.spawn-logo-image{width:22px;height:22px}}.spawn-logo-text{font-weight:700;font-family:Bricolage Grotesque,sans-serif;color:#0a0a0a;font-optical-sizing:auto;font-variation-settings:"wdth" 100;margin-left:-.6rem;font-size:1.2rem;font-style:normal;font-weight:600}@media(max-width:1024px){.spawn-logo-text{font-size:16px}}.spawn-nav-search{flex:1;margin-left:4px}@media(max-width:768px){.spawn-nav-search{display:none}}.spawn-search-container{position:relative;display:flex;align-items:center;background:rgba(0,0,0,.04);border-radius:58px;padding:10px 12px;width:100%;transition:all .2s ease}.spawn-search-container:focus-within{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12)}.spawn-search-icon{width:16px;height:16px;color:rgba(115,115,115,.737254902);margin-right:8px;flex-shrink:0}.spawn-search-input{flex:1;background:rgba(0,0,0,0);border:none;outline:none;font-size:14px;color:#0a0a0a;font-family:Patron}.spawn-search-input::placeholder{color:rgba(115,115,115,.737254902);font-family:Patron}.spawn-search-shortcut{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.08);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;color:#737373;margin-left:8px;min-width:28px;height:20px}.spawn-nav-links{display:flex;align-items:center;gap:28px}@media(max-width:768px){.spawn-nav-links{display:none}}.spawn-nav-link{font-size:15.5px;font-weight:500;color:#383838;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:none;border:none;cursor:pointer;font-family:Lato;filter:blur(0);opacity:1}.spawn-nav-link:hover{color:#0a0a0a;filter:blur(0)!important;opacity:1!important;transform:translateY(-1px)}.spawn-nav-links:hover .spawn-nav-link{filter:blur(2px);opacity:.4}.spawn-nav-links:hover .spawn-nav-dropdown:hover .spawn-nav-link,.spawn-nav-links:hover .spawn-nav-link:hover{filter:blur(0);opacity:1}.spawn-nav-dropdown{position:relative}.spawn-nav-dropdown-trigger{display:flex;align-items:center;gap:4px}.spawn-dropdown-arrow{font-size:10px;color:#737373;display:inline-block;transition:transform .2s ease}.spawn-nav-dropdown:hover .spawn-dropdown-arrow{transform:rotate(180deg)}.spawn-dropdown-content{position:absolute;top:calc(100% + 18px);right:-170%;width:580px;background:rgba(255,255,255,.235);border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.1);padding:7px;z-index:1000;transition:opacity .15s ease;backdrop-filter:blur(20px)}.spawn-dropdown-content:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;background:rgba(0,0,0,0);backdrop-filter:blur(20px)}@media(max-width:768px){.spawn-dropdown-content{width:320px;right:-20px}}.spawn-dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;border-radius:12px;padding:10px;background-color:rgba(230,227,227,.061);backdrop-filter:blur(20px)}@media(max-width:768px){.spawn-dropdown-grid{grid-template-columns:1fr;gap:20px}}.spawn-dropdown-section{display:flex;flex-direction:column;gap:8px}.spawn-dropdown-title{font-size:12px;font-weight:600;color:#0a0a0a;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.spawn-dropdown-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;text-decoration:none;transition:all .15s ease}.spawn-dropdown-item:hover{background:rgba(0,0,0,.04)}.spawn-dropdown-item-title{font-size:14px;font-weight:500;color:#0a0a0a;line-height:1.3}.spawn-dropdown-item-desc{font-size:12px;color:#737373;line-height:1.4}.spawn-nav-actions{display:flex;align-items:center;gap:10px}.spawn-user-menu-trigger{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:all .2s ease}.spawn-user-menu-trigger:hover{background:rgba(0,0,0,.04)}.spawn-user-menu-trigger:focus{outline:none;background:rgba(0,0,0,.04)}.spawn-user-avatar{width:28px;height:28px}.spawn-user-avatar .spawn-user-avatar-fallback{background:linear-gradient(135deg,#f56e59,#f8553c);color:#fff;font-size:12px;font-weight:600}.spawn-user-info{display:flex;align-items:center;gap:4px}@media(max-width:768px){.spawn-user-info{display:none}}.spawn-user-name{font-size:14px;font-weight:500;color:#0a0a0a;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spawn-user-chevron{width:14px;height:14px;color:#737373;transition:transform .2s ease}.spawn-user-menu-trigger:hover .spawn-user-chevron{transform:rotate(180deg)}.spawn-user-dropdown{min-width:220px;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08),0 8px 32px rgba(0,0,0,.06),0 0 0 .5px rgba(255,255,255,.5);padding:0;background:rgba(255,255,255,0);backdrop-filter:blur(8px);overflow:hidden}.spawn-user-dropdown-item{display:flex;align-items:center;padding:0;margin:0 8px;border-radius:8px;font-size:14px;color:#0a0a0a;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:rgba(0,0,0,0)}.spawn-user-dropdown-item:hover{background:rgba(0,0,0,.05);transform:translateY(-1px)}.spawn-user-dropdown-item:active{transform:translateY(0)}.spawn-user-dropdown-item:focus{background:rgba(0,0,0,.05);outline:none}.spawn-user-dropdown-item.spawn-user-dropdown-logout{color:#dc2626}.spawn-user-dropdown-item.spawn-user-dropdown-logout:hover{background:rgba(220,38,38,.08)}.spawn-nav-item{padding:7px 6px!important;font-size:14px;font-weight:500;color:#0a0a0a;font-family:Google Sans;gap:5px}.spawn-nav-item svg{color:#666;transition:color .2s ease;width:16px;height:16px;margin-right:5px}.spawn-nav-item:hover{background:rgba(0,0,0,.05)!important}.spawn-nav-item:hover svg{color:#0a0a0a}.spawn-nav-item:focus{background:rgba(0,0,0,.05)!important;outline:none}.spawn-nav-section{padding:6px 0 4px;background-color:rgba(0,0,0,0)}.spawn-logout-section{padding:2px 0 6px}.spawn-btn-ghost{background:rgba(255,255,255,.3019607843)!important;backdrop-filter:blur(5px);color:#000!important;border:1px solid rgba(0,0,0,.1);font-weight:500;font-size:14px;padding:5px 14px;border-radius:68px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08),0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.05)}.spawn-btn-ghost:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.spawn-btn-ghost:hover{background:rgba(255,255,255,.3019607843)!important;color:#000!important;border-color:rgba(0,0,0,.15);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.08)}.spawn-btn-ghost:hover:before{left:100%}.spawn-btn-ghost:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.1)}.spawn-btn-primary{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;border:1px solid rgba(255,255,255,.1);font-weight:600;font-size:14px;padding:5px 16px;border-radius:68px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.2)}.spawn-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.spawn-btn-primary:hover{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.3);border-color:rgba(255,255,255,.2)}.spawn-btn-primary:hover:before{left:100%}.spawn-btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.25)}.hero-btn{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;padding:7px 14px;font-size:14px;font-family:Google Sans;border-radius:60px}.hero-btn.accent{background:linear-gradient(135deg,rgba(245,110,89,.95),rgba(248,85,60,.95));backdrop-filter:blur(12px) saturate(1.8);-webkit-backdrop-filter:blur(12px) saturate(1.8);color:#fff;border:1px solid rgba(255,255,255,.25);border-bottom-color:rgba(200,40,30,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 0 rgba(255,255,255,.35),inset 0 -1px 0 0 rgba(200,40,30,.4),0 0 20px rgba(248,85,60,.15)}.hero-btn.accent:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent 50%);border-radius:60px;pointer-events:none}.hero-btn.accent:hover{background:linear-gradient(135deg,rgb(245,110,89),rgb(248,85,60));border-color:rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 0 rgba(255,255,255,.4),inset 0 -1px 0 0 rgba(200,40,30,.5),0 0 24px rgba(248,85,60,.3)}.hero-btn.accent:active{background:linear-gradient(135deg,rgba(245,110,89,.9),rgba(248,85,60,.9));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 0 rgba(255,255,255,.25),inset 0 -1px 0 0 rgba(200,40,30,.3),0 0 16px rgba(248,85,60,.2)}.hero-btn.ghost{background:rgba(255,255,255,.7);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);color:#000;border:1px solid rgba(255,255,255,.6);border-bottom-color:rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),inset 0 1px 0 0 rgba(255,255,255,.9),inset 0 -1px 0 0 rgba(0,0,0,.06),0 0 12px rgba(255,255,255,.3)}.hero-btn.ghost:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 50%);border-radius:60px;pointer-events:none}.hero-btn.ghost:hover{background:rgba(255,255,255,.85);border-color:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),inset 0 1px 0 0 #fff,inset 0 -1px 0 0 rgba(0,0,0,.08),0 0 16px rgba(255,255,255,.5)}.hero-btn.ghost:active{background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),inset 0 1px 0 0 rgba(255,255,255,.7),inset 0 -1px 0 0 rgba(0,0,0,.05),0 0 8px rgba(255,255,255,.2)}.spawn-btn{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;padding:5px 10px;border-radius:50px}.spawn-btn.spawn-btn-sm{height:32px;padding:0 var(--space-3);font-size:13px}.spawn-btn.spawn-btn-md{height:36px;padding:0 var(--space-4);font-size:14px}.spawn-btn.spawn-btn-lg{padding:12px 20px;font-size:14px;font-weight:600;height:44px}.spawn-btn.spawn-btn-ghost{background:rgba(0,0,0,0);color:var(--secondary-text);border-color:rgba(0,0,0,.1)}.spawn-btn.spawn-btn-ghost:hover{background:var(--surface-hover);color:var(--primary-text);border-color:rgba(0,0,0,.15)}.spawn-btn.spawn-btn-ghost:active{transform:translateY(0)}.spawn-btn.spawn-btn-primary{background:linear-gradient(135deg,var(--primary-text) 0,#333 100%);color:#fff;border-color:rgba(255,255,255,.1)}.spawn-btn.spawn-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.spawn-btn.spawn-btn-primary:hover{background:linear-gradient(135deg,#333,#555);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.25);border-color:rgba(255,255,255,.2)}.spawn-btn.spawn-btn-primary:hover:before{left:100%}.spawn-btn.spawn-btn-primary:active{transform:translateY(-1px)}.spawn-btn.spawn-btn-accent{background:linear-gradient(135deg,#f56e59,#f8553c);color:#fff;border:none;font-weight:600;box-shadow:0 2px 8px rgba(245,110,89,.2)}.spawn-btn.spawn-btn-accent:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.spawn-btn.spawn-btn-accent:hover{background:linear-gradient(135deg,#f56e59,#f8553c);transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,110,89,.3);border:none}.spawn-btn.spawn-btn-accent:hover:before{left:100%}.spawn-btn.spawn-btn-accent:active{transform:translateY(0);box-shadow:0 2px 6px rgba(245,110,89,.25)}.spawn-btn.spawn-btn-accent:focus{outline:none;box-shadow:0 0 0 3px rgba(245,110,89,.15)}.spawn-hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden;background:rgba(0,0,0,0);padding:88px 20px 50px;width:100vw}@media(max-width:1024px){.spawn-hero{min-height:90vh;padding-top:76px}}.spawn-hero-content{text-align:center;padding:10px 0;z-index:1;margin:6% auto 0}.spawn-hero-title{width:100%;display:block;line-height:1.1;color:var(--primary-text);margin-bottom:var(--space-3);font-family:Google Sans;text-align:left;font-family:Bricolage Grotesque,sans-serif;color:#0a0a0a;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-size:2.4rem;font-style:normal;font-weight:600}.spawn-thought{align-items:center;font-family:Lato;font-size:20px;min-height:100vh}.spawn-thought,.spawn-thought .spawn-thought-content{display:flex;flex-direction:column;justify-content:center;gap:10px}.spawn-thought .spawn-thought-content{align-items:flex-start;max-width:42%;margin-right:auto;margin-left:auto;text-align:left}.spawn-thought label{font-family:Google Sans;font-size:40px;font-weight:600;color:#cacdce;letter-spacing:-.02em;text-align:left}.spawn-thought span{margin-left:auto}.spawn-hero-description,.spawn-thought span{margin-right:auto;font-family:Lato;font-size:20px;font-weight:400;color:#000;letter-spacing:-.02em;text-align:left;line-height:1.6}.spawn-hero-description{margin-bottom:var(--space-10);max-width:45%}.spawn-hero-actions{display:flex;margin-top:10px;gap:8px;justify-content:flex-start;margin-bottom:var(--space-16)}@media(max-width:640px){.spawn-hero-actions{flex-direction:column;align-items:center}}.spawn-demo{margin-top:10px;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.spawn-section{padding:var(--space-24) 0}.spawn-section.spawn-section-subtle{background:var(--background-subtle)}.spawn-section-header{text-align:center;margin-bottom:var(--space-16)}.spawn-section-header h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--primary-text);margin-bottom:var(--space-4);letter-spacing:-.01em}.spawn-section-header p{font-size:var(--font-size-lg);color:var(--secondary-text);max-width:600px;margin:0 auto}.spawn-features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:768px){.spawn-features-grid{grid-template-columns:1fr;gap:var(--space-6)}}.spawn-feature-card{padding:var(--space-8);background:var(--surface);border:1px solid var(--border-light);border-radius:12px;transition:all .2s ease}.spawn-feature-card:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.spawn-feature-card .feature-icon{width:48px;height:48px;background:var(--background-subtle);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);font-size:20px}.spawn-feature-card .feature-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin-bottom:var(--space-3)}.spawn-feature-card .feature-description{color:var(--secondary-text);line-height:1.6}.spawn-process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-12)}@media(max-width:768px){.spawn-process-grid{gap:var(--space-8)}}.spawn-process-step{text-align:center}.spawn-process-step .step-number{width:48px;height:48px;background:var(--primary-text);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 auto var(--space-4)}.spawn-process-step .step-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin-bottom:var(--space-3)}.spawn-process-step .step-description{color:var(--secondary-text);line-height:1.6}.spawn-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.spawn-example-card{padding:var(--space-6);border:1px solid var(--border-light);border-radius:8px;transition:all .2s ease}.spawn-example-card:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.spawn-example-card .example-title{font-size:var(--font-size-base);font-weight:600;color:var(--primary-text);margin-bottom:var(--space-2)}.spawn-example-card .example-description{color:var(--secondary-text);font-size:var(--font-size-sm);margin-bottom:var(--space-3);line-height:1.5}.spawn-example-card .example-badge{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--background-subtle);color:var(--secondary-text);font-size:var(--font-size-xs);font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.spawn-cta{text-align:center;padding:var(--space-20) 0}.spawn-cta h2{font-size:50px;font-weight:600;color:var(--primary-text);color:#fff}.spawn-cta .cta-actions{display:flex;gap:var(--space-4);justify-content:center}@media(max-width:640px){.spawn-cta .cta-actions{flex-direction:column;align-items:center}}.spawn-cta .spawn-cta-container{max-width:85%;margin:0 auto;background:linear-gradient(135deg,#f56e59,#f8553c);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);border-radius:12px;min-height:200px;font-family:Google Sans}.spawn-display-cards-section{padding:80px 0 100px;background:#fafafa;position:relative}@media(max-width:768px){.spawn-display-cards-section{padding:50px 0 60px}}.spawn-display-cards-content{max-width:1200px;margin:0 auto}.spawn-display-cards-header{text-align:center;margin-bottom:40px}@media(max-width:768px){.spawn-display-cards-header{margin-bottom:28px}}.spawn-display-cards-title{font-size:36px;font-weight:600;color:#0a0a0a;margin-bottom:12px;font-family:Patron,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.03em;line-height:1.2}@media(max-width:768px){.spawn-display-cards-title{font-size:28px;margin-bottom:10px}}.spawn-display-cards-subtitle{font-size:16px;line-height:1.5;color:rgba(0,0,0,.6);max-width:600px;margin:0 auto;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media(max-width:768px){.spawn-display-cards-subtitle{font-size:15px}}.spawn-display-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:1024px){.spawn-display-cards-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.spawn-display-cards-grid{grid-template-columns:1fr;gap:10px}}.spawn-display-card{background:#fff;border:none;border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.04)}.spawn-display-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(245,110,89,.02),transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.spawn-display-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.03)}.spawn-display-card:hover:before{opacity:1}.spawn-display-card:hover .spawn-card-badge{background:linear-gradient(135deg,#f56e59,#f8553c);color:#fff}.spawn-display-card:hover .spawn-card-badge svg{color:#fff}.spawn-display-card--large{grid-column:span 4;grid-row:span 2}@media(max-width:1024px){.spawn-display-card--large{grid-column:span 4;grid-row:span 2}}@media(max-width:768px){.spawn-display-card--large{grid-column:1;grid-row:auto}}.spawn-display-card--medium{grid-column:span 3;grid-row:span 1}@media(max-width:1024px){.spawn-display-card--medium{grid-column:span 2}}@media(max-width:768px){.spawn-display-card--medium{grid-column:1;grid-row:auto}}.spawn-display-card--small{grid-column:span 2;grid-row:span 1}@media(max-width:1024px){.spawn-display-card--small{grid-column:span 2}}@media(max-width:768px){.spawn-display-card--small{grid-column:1;grid-row:auto}}.spawn-card-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(0,0,0,.04);border-radius:16px;font-size:11px;font-weight:600;color:rgba(0,0,0,.7);margin-bottom:12px;transition:all .3s ease;width:fit-content}.spawn-card-badge svg{color:#f56e59;transition:color .3s ease}.spawn-card-title{font-size:18px;font-weight:600;color:#0a0a0a;margin-bottom:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.3}.spawn-display-card--large .spawn-card-title{font-size:22px;margin-bottom:12px}@media(max-width:768px){.spawn-card-title{font-size:16px}.spawn-display-card--large .spawn-card-title{font-size:18px}}.spawn-card-description{font-size:14px;line-height:1.5;color:rgba(0,0,0,.6);margin-bottom:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media(max-width:768px){.spawn-card-description{font-size:13px}}.spawn-card-visual{margin-top:16px}.spawn-visual-code{background:#1a1a1a;border-radius:10px;padding:12px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}.spawn-code-line{display:flex;align-items:center;gap:8px;margin-bottom:6px}.spawn-code-line:last-child{margin-bottom:0}.spawn-code-line.spawn-code-output{margin-top:8px}.spawn-code-prompt{color:#f56e59;font-weight:700;font-size:13px}.spawn-code-success{color:#16a34a;font-weight:700;font-size:13px}.spawn-code-text{color:#e5e5e5;font-size:12px;font-weight:500}.spawn-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.spawn-tag{display:inline-block;padding:4px 8px;background:rgba(0,0,0,.04);border:none;border-radius:10px;font-size:10px;font-weight:600;color:rgba(0,0,0,.7);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;transition:all .2s ease}.spawn-tag:hover{background:rgba(245,110,89,.1);color:#f56e59}.spawn-animated-features-section{padding:60px 0;background:#fff;position:relative}@media(max-width:768px){.spawn-animated-features-section{padding:40px 0}}.spawn-animated-features-content{max-width:1200px;margin:0 auto}.spawn-animated-features-header{text-align:center;margin-bottom:32px}@media(max-width:768px){.spawn-animated-features-header{margin-bottom:24px}}.spawn-animated-features-title{font-size:32px;font-weight:600;color:#0a0a0a;margin-bottom:8px;font-family:Patron,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.03em;line-height:1.2}@media(max-width:768px){.spawn-animated-features-title{font-size:26px;margin-bottom:6px}}.spawn-animated-features-subtitle{font-size:14px;line-height:1.4;color:rgba(0,0,0,.6);max-width:600px;margin:0 auto;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media(max-width:768px){.spawn-animated-features-subtitle{font-size:13px}}.spawn-animated-features-grid{display:flex;justify-content:center;padding:0 12px}.spawn-animated-features-grid>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1100px;width:100%}@media(max-width:1024px){.spawn-animated-features-grid>div{grid-template-columns:repeat(2,1fr);gap:8px}}@media(max-width:640px){.spawn-animated-features-grid>div{grid-template-columns:1fr;gap:8px}}.spawn-animated-features-grid>div>div{border:none;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .2s ease}.spawn-animated-features-grid>div>div:hover{box-shadow:0 4px 12px rgba(0,0,0,.06);transform:translateY(-1px)}.spawn-animated-features-grid>div>div .flex{padding:14px}.spawn-animated-features-grid>div>div h3{font-size:14px;margin-bottom:4px}.spawn-animated-features-grid>div>div p{font-size:13px;line-height:1.4}.spawn-bento-section{padding:80px 0;background:#fff;position:relative}@media(max-width:768px){.spawn-bento-section{padding:50px 0}}.spawn-bento-content{max-width:1200px;margin:0 auto;padding:0 20px}.spawn-bento-header{text-align:center;margin-bottom:50px}@media(max-width:768px){.spawn-bento-header{margin-bottom:35px}}.spawn-bento-title{font-size:36px;font-weight:600;color:#0a0a0a;margin:0 0 12px;line-height:1.2}@media(max-width:768px){.spawn-bento-title{font-size:28px;margin-bottom:10px}}.spawn-bento-subtitle{font-size:16px;color:#6b6b6b;max-width:650px;margin:0 auto;line-height:1.5}@media(max-width:768px){.spawn-bento-subtitle{font-size:14px}}.spawn-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:768px){.spawn-bento-grid{grid-template-columns:1fr;gap:12px}}.spawn-bento-card{background:#fff;border:none;border-radius:12px;padding:24px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.04)}.spawn-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.03)}.spawn-bento-card--large{grid-row:span 2;background:#fafafa}@media(max-width:768px){.spawn-bento-card--large{grid-row:span 1}}.spawn-bento-card--medium{background:#fff}.spawn-bento-card-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border-radius:6px;font-size:11px;font-weight:600;color:#0a0a0a;margin-bottom:16px;width:fit-content;box-shadow:0 1px 2px rgba(0,0,0,.04)}.spawn-bento-card--large .spawn-bento-card-badge{background:#fff}.spawn-bento-card-title{font-size:20px;font-weight:600;color:#0a0a0a;margin:0 0 10px;line-height:1.3}@media(max-width:768px){.spawn-bento-card-title{font-size:18px}}.spawn-bento-card-description{font-size:13px;color:#6b6b6b;line-height:1.5;margin:0 0 16px}@media(max-width:768px){.spawn-bento-card-description{font-size:12px}}.spawn-bento-card-visual{margin:16px 0}.spawn-bento-code-block{background:#0a0a0a;border-radius:8px;padding:14px;font-family:Monaco,Menlo,monospace;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.spawn-bento-code-line{display:flex;align-items:center;gap:10px;margin-bottom:6px}.spawn-bento-code-line:last-child{margin-bottom:0}.spawn-bento-code-line.spawn-bento-code-output{opacity:.8}.spawn-bento-code-prompt{color:#f56e59;font-weight:600}.spawn-bento-code-success{color:#4ade80}.spawn-bento-code-text{color:#e5e5e5;font-size:11px}.spawn-bento-card-stats{display:flex;gap:24px;margin-top:auto;padding-top:16px}.spawn-bento-stat{display:flex;flex-direction:column;gap:4px}.spawn-bento-stat-value{font-size:28px;font-weight:700;color:#f56e59;line-height:1}@media(max-width:768px){.spawn-bento-stat-value{font-size:24px}}.spawn-bento-stat-label{font-size:11px;color:#6b6b6b;font-weight:500}.spawn-bento-card-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0;margin-top:auto}.spawn-bento-metric-value{font-size:64px;font-weight:300;color:#f56e59;line-height:1;margin-bottom:8px}.spawn-bento-metric-label{font-size:12px;color:#6b6b6b;font-weight:500}.spawn-bento-card-features{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}.spawn-bento-feature{display:inline-flex;padding:5px 10px;background:#f5f5f5;border-radius:6px;font-size:11px;font-weight:500;color:#0a0a0a;box-shadow:0 1px 2px rgba(0,0,0,.02)}.spawn-bento-card-stack{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px}.spawn-bento-stack-row{display:flex;gap:8px;flex-wrap:wrap}.spawn-bento-stack-item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border-radius:6px;font-size:11px;font-weight:500;color:#0a0a0a;box-shadow:0 1px 2px rgba(0,0,0,.04);flex:1;min-width:fit-content;justify-content:center}@media(max-width:768px){.spawn-bento-stack-item{flex:0 0 auto}}.spawn-features-section{position:relative;background:var(--background)}.spawn-features-content{position:relative;z-index:2;display:flex;flex-direction:column}.spawn-features-header{display:flex;align-items:center;justify-content:space-between;margin:0 auto 10px;padding:3px var(--space-5);position:relative}.spawn-features-title{font-family:Google Sans;font-size:var(--font-size-3xl);font-weight:600;color:var(--primary-text);line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--space-6);text-align:left}.spawn-features-subtitle{font-family:Lato;font-size:var(--font-size-md);color:var(--secondary-text);line-height:1.6;max-width:50%;margin-bottom:0;text-align:left}.spawn-features-container{display:grid;grid-template-columns:40px 1fr 40px;width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden}@media(max-width:1024px){.spawn-features-container{grid-template-columns:1fr;gap:var(--space-3);width:100%;margin-left:0}}.spawn-features-side-grid{height:80vh;min-height:600px;border:1px dashed var(--border-light);padding:var(--space-4);position:relative}.spawn-features-side-grid:first-child{margin-left:-30px}.spawn-features-side-grid:last-child{margin-right:-30px}@media(max-width:1024px){.spawn-features-side-grid{display:none}}.spawn-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);height:80vh;min-height:600px;position:relative;border:1px dashed var(--border-light);padding:var(--space-4)}.spawn-features-grid:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:1px;background:linear-gradient(to bottom,var(--border-light) 0,var(--border-light) 50%,transparent 50%,transparent 100%);background-size:100% 6px;z-index:1}@media(max-width:1024px){.spawn-features-grid{grid-template-columns:1fr;height:auto;min-height:500px;gap:var(--space-3)}.spawn-features-grid:before{display:none}}.spawn-features-small-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-4);position:relative;overflow:hidden}.spawn-features-small-grid:before{content:"";position:absolute;top:-20px;bottom:-20px;left:50%;transform:translateX(-50%);width:1px;background:linear-gradient(to bottom,var(--border-light) 0,var(--border-light) 50%,transparent 50%,transparent 100%);background-size:100% 6px;z-index:1}.spawn-features-small-grid:after{content:"";position:absolute;top:50%;left:-20px;right:-20px;transform:translateY(-50%);height:1px;background:linear-gradient(to right,var(--border-light) 0,var(--border-light) 50%,transparent 50%,transparent 100%);background-size:6px 100%;z-index:1}@media(max-width:768px){.spawn-features-small-grid{grid-template-columns:1fr;gap:var(--space-3)}.spawn-features-small-grid:after,.spawn-features-small-grid:before{display:none}}.spawn-feature-box{display:flex;flex-direction:column;overflow:hidden;padding:5px;border-radius:3px;transition:all .4s var(--ease-out-cubic)}.spawn-feature-box--large{grid-column:1;grid-row:1/-1}.spawn-feature-box--large .spawn-feature-box-image{height:60%}.spawn-feature-box--large .spawn-feature-box-content{padding:var(--space-8) 0}.spawn-feature-box--large .spawn-feature-title{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.spawn-feature-box--large .spawn-feature-description{font-size:var(--font-size-md)}@media(max-width:1024px){.spawn-feature-box--large{grid-column:1;grid-row:auto}}.spawn-feature-box--small .spawn-feature-box-image{height:50%}.spawn-feature-box--small .spawn-feature-box-content{padding:var(--space-6) 0}.spawn-feature-box--small .spawn-feature-title{font-size:var(--font-size-md);margin-bottom:var(--space-2)}.spawn-feature-box--small .spawn-feature-description{font-size:var(--font-size-sm);line-height:1.4}.spawn-feature-box-image{width:100%;object-fit:cover;display:block}.spawn-feature-box-image.spawn-shader-container{position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#f56e59);transition:all .3s var(--ease-out-cubic)}.spawn-feature-box-image.spawn-shader-container:hover{transform:scale(1.02)}.spawn-feature-box-image.spawn-shader-container:hover .spawn-shader-pattern{opacity:.06}.spawn-shader-pattern{position:absolute;inset:0;opacity:.03;z-index:2;pointer-events:none;transition:opacity .3s var(--ease-out-cubic)}.spawn-shader-pattern.spawn-pattern-code{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.15' stroke-width='0.8' stroke-linecap='round'%3E%3Cpath d='M3,8 Q8,5 12,8 T20,9 Q25,12 28,8 Q32,11 35,7'/%3E%3Cpath d='M2,15 Q7,18 11,15 T19,14 Q24,17 27,13 Q31,16 34,12'/%3E%3Cpath d='M4,22 Q9,25 13,22 T21,21 Q26,24 29,20 Q33,23 36,19'/%3E%3Cpath d='M1,29 Q6,32 10,29 T18,28 Q23,31 26,27 Q30,30 33,26'/%3E%3Cpath d='M5,36 Q10,39 14,36 T22,35 Q27,38 30,34 Q34,37 37,33'/%3E%3C/g%3E%3C/svg%3E")}.spawn-shader-pattern.spawn-pattern-testing{background-image:url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.15' stroke-width='0.8' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='27' cy='12' r='2.5'/%3E%3Ccircle cx='15' cy='20' r='4'/%3E%3Ccircle cx='30' cy='28' r='3.5'/%3E%3Cpath d='M5,25 Q12,22 18,27 Q23,30 28,25'/%3E%3Cpath d='M2,5 Q8,2 15,6 Q20,9 26,5'/%3E%3C/g%3E%3C/svg%3E")}.spawn-shader-pattern.spawn-pattern-deploy{background-image:url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.15' stroke-width='0.8' stroke-linecap='round'%3E%3Cpath d='M5,5 Q10,2 15,6 Q20,9 25,5 Q30,2 35,6 Q40,9 42,5'/%3E%3Cpath d='M3,15 Q8,12 13,16 Q18,19 23,15 Q28,12 33,16 Q38,19 40,15'/%3E%3Cpath d='M7,25 Q12,22 17,26 Q22,29 27,25 Q32,22 37,26 Q42,29 44,25'/%3E%3Cpath d='M2,35 Q7,32 12,36 Q17,39 22,35 Q27,32 32,36 Q37,39 39,35'/%3E%3Cpath d='M15,10 L17,12 L15,14 M25,20 L27,22 L25,24 M35,30 L37,32 L35,34'/%3E%3C/g%3E%3C/svg%3E")}.spawn-shader-pattern.spawn-pattern-monitor{background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.15' stroke-width='0.8' stroke-linecap='round'%3E%3Cpath d='M3,10 Q8,7 13,12 Q18,15 23,10 Q28,7 33,12'/%3E%3Cpath d='M5,20 Q10,17 15,22 Q20,25 25,20 Q30,17 35,22'/%3E%3Cpath d='M2,30 Q7,27 12,32 Q17,35 22,30 Q27,27 32,32'/%3E%3Ccircle cx='10' cy='15' r='1.5'/%3E%3Ccircle cx='25' cy='25' r='1.5'/%3E%3Ccircle cx='32' cy='8' r='1'/%3E%3Cpath d='M15,5 Q18,3 21,5 M20,35 Q23,33 26,35'/%3E%3C/g%3E%3C/svg%3E")}.spawn-shader-pattern.spawn-pattern-compose{background-image:url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.15' stroke-width='0.8' stroke-linecap='round'%3E%3Cpath d='M5,8 Q12,5 18,10 Q24,15 30,8 Q36,12 40,6'/%3E%3Cpath d='M2,18 Q8,15 14,20 Q20,25 26,18 Q32,22 38,16'/%3E%3Cpath d='M6,28 Q12,25 18,30 Q24,35 30,28 Q36,32 40,26'/%3E%3Cpath d='M3,38 Q9,35 15,40 Q21,43 27,38 Q33,42 39,36'/%3E%3Cpath d='M10,12 C12,10 14,14 16,12 M25,22 C27,20 29,24 31,22 M15,32 C17,30 19,34 21,32'/%3E%3C/g%3E%3C/svg%3E")}.spawn-feature-box-content{display:flex;flex-direction:column;justify-content:flex-start;flex:1}.spawn-feature-title{color:var(--secondary-text);margin-bottom:var(--space-1);font-size:14px!important}.spawn-feature-subtitle,.spawn-feature-title{font-family:Google Sans;font-weight:400;line-height:1.2;letter-spacing:-.01em}.spawn-feature-subtitle{color:#000;margin-bottom:var(--space-2);font-size:23px!important}.spawn-feature-description{font-family:Lato;color:var(--primary-text);line-height:1.5;margin:0;font-size:15px!important}.spawn-features-demo{position:relative;display:flex;align-items:start;justify-content:center}@media(max-width:1024px){.spawn-features-demo{order:-1;margin-bottom:var(--space-8)}}.spawn-features-demo-container{position:relative;width:100%;max-width:600px}.spawn-features-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);height:500px}@media(max-width:768px){.spawn-features-demo-grid{grid-template-columns:1fr;height:auto;gap:var(--space-3)}}.spawn-demo-box{position:relative;border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);border:1px solid var(--border-subtle);transition:all .3s var(--ease-out-cubic)}.spawn-demo-box:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.08);border-color:var(--border-strong)}.spawn-demo-box:first-child{grid-column:1;grid-row:1/-1}@media(max-width:768px){.spawn-demo-box:first-child{grid-column:1;grid-row:auto;height:250px}}.spawn-demo-box-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-4)}@media(max-width:768px){.spawn-demo-box-right{grid-template-columns:1fr;gap:var(--space-3)}}.spawn-demo-box-small{position:relative;border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);border:1px solid var(--border-subtle);transition:all .3s var(--ease-out-cubic)}.spawn-demo-box-small:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.08);border-color:var(--border-strong)}.spawn-demo-box-image{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.spawn-demo-box-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(245,110,89,.05),transparent 50%,rgba(245,110,89,.02));z-index:2;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out-cubic)}.spawn-demo-box:hover .spawn-demo-box-overlay{opacity:1}@media(max-width:768px){.spawn-features-section{padding:var(--space-24) 0;margin-top:var(--space-24)}.spawn-features-title{font-size:var(--font-size-2xl)}.spawn-features-subtitle{max-width:100%}.spawn-feature-title{font-size:var(--font-size-md)!important}.spawn-feature-description{font-size:var(--font-size-sm)!important}.spawn-shader-container:hover{transform:none}.spawn-shader-container:hover .spawn-shader-pattern{opacity:.03}}.spawn-problem-section{padding:120px 0 100px}@media(max-width:768px){.spawn-problem-section{padding:80px 0 60px}}.spawn-problem-content{text-align:center;max-width:900px}.spawn-section-title{font-size:40px;font-weight:600;line-height:1.2;color:#0a0a0a;margin-bottom:24px;font-family:Patron,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.02em}.spawn-section-title .text-muted{color:rgba(0,0,0,.4)}@media(max-width:768px){.spawn-section-title{font-size:32px;margin-bottom:20px}}.spawn-section-description{font-size:18px;line-height:1.6;color:rgba(0,0,0,.6);max-width:700px;margin:0 auto 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media(max-width:768px){.spawn-section-description{font-size:16px;margin-bottom:32px}}.spawn-problem-stats{display:flex;justify-content:center;gap:64px;margin-top:64px}@media(max-width:768px){.spawn-problem-stats{flex-direction:column;gap:32px;margin-top:48px}}.spawn-stat{text-align:center}.spawn-stat .spawn-stat-number{display:block;font-size:48px;font-weight:700;color:#f56e59;line-height:1;margin-bottom:8px;font-family:Patron,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media(max-width:768px){.spawn-stat .spawn-stat-number{font-size:40px}}.spawn-stat .spawn-stat-label{font-size:14px;color:rgba(0,0,0,.5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-how-section{padding:100px 0;background:#fafafa}@media(max-width:768px){.spawn-how-section{padding:60px 0}}.spawn-how-content{max-width:1100px;margin:0 auto}.spawn-how-header{text-align:center;margin-bottom:64px}@media(max-width:768px){.spawn-how-header{margin-bottom:48px}}.spawn-section-label{display:inline-block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#f56e59;margin-bottom:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}@media(max-width:768px){.spawn-how-grid{grid-template-columns:1fr;gap:32px}}.spawn-how-step{text-align:center;position:relative}.spawn-how-step .spawn-step-number{font-size:64px;font-weight:700;color:rgba(245,110,89,.1);line-height:1;margin-bottom:16px;font-family:Patron,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-how-step h3{font-size:20px;font-weight:600;color:#0a0a0a;margin-bottom:12px}.spawn-how-step h3,.spawn-how-step p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-how-step p{font-size:15px;line-height:1.5;color:rgba(0,0,0,.6)}.spawn-how-step:not(:last-child):after{content:"";position:absolute;top:40px;right:-24px;width:48px;height:1px;background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 50%,transparent 0);background-size:8px 1px}@media(max-width:768px){.spawn-how-step:not(:last-child):after{display:none}.spawn-usecases-section{padding:60px 0}}.spawn-usecases-content{max-width:1100px;margin:0 auto}.spawn-usecases-header{margin-bottom:48px}.spawn-usecases-grid{grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.spawn-usecases-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.spawn-usecases-grid{grid-template-columns:1fr}}.spawn-usecase{padding:32px;background:#fafafa;border-radius:16px;text-align:center;transition:all .2s ease}.spawn-usecase:hover{background:#f5f5f5;transform:translateY(-2px)}.spawn-usecase:hover .spawn-usecase-icon{transform:scale(1.1)}.spawn-usecase .spawn-usecase-icon{margin-bottom:16px;display:flex;justify-content:center;transition:transform .2s ease}.spawn-usecase .spawn-usecase-icon svg{transition:all .2s ease}.spawn-usecase h3{font-size:18px;font-weight:600;color:#0a0a0a;margin-bottom:8px}.spawn-usecase h3,.spawn-usecase p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-usecase p{font-size:14px;line-height:1.5;color:rgba(0,0,0,.6);margin-bottom:16px}.spawn-usecase .spawn-usecase-time{font-size:12px;font-weight:600;color:#f56e59;text-transform:uppercase;letter-spacing:.05em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-why-section{padding:100px 0;background:#fafafa}@media(max-width:768px){.spawn-why-section{padding:60px 0}}.spawn-why-content{max-width:1100px;margin:0 auto;text-align:center}.spawn-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}@media(max-width:768px){.spawn-why-grid{grid-template-columns:1fr;gap:24px}}.spawn-why-card{text-align:left}.spawn-why-card .spawn-why-icon{margin-bottom:24px}.spawn-why-card .spawn-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;border-radius:50%;font-size:24px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.spawn-why-card h3{font-size:20px;font-weight:600;color:#0a0a0a;margin-bottom:12px}.spawn-why-card h3,.spawn-why-card p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-why-card p{font-size:15px;line-height:1.6;color:rgba(0,0,0,.6)}.spawn-who-section{padding:100px 0;background:#fff}@media(max-width:768px){.spawn-who-section{padding:60px 0}}.spawn-who-content{max-width:1000px;margin:0 auto;text-align:center}.spawn-who-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}@media(max-width:640px){.spawn-who-grid{grid-template-columns:1fr}}.spawn-who-card{padding:32px;background:#fafafa;border-radius:12px;text-align:left}.spawn-who-card h4{font-size:18px;font-weight:600;color:#0a0a0a;margin-bottom:8px}.spawn-who-card h4,.spawn-who-card p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-who-card p{font-size:14px;line-height:1.5;color:rgba(0,0,0,.6)}.spawn-final-cta{padding:120px 0;background:#fafafa;text-align:center}@media(max-width:768px){.spawn-final-cta{padding:80px 0}}.spawn-final-cta-content{max-width:600px}.spawn-final-cta-content h2{font-size:40px;font-weight:600;line-height:1.2;color:#0a0a0a;margin-bottom:16px;font-family:Patron,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.02em}@media(max-width:768px){.spawn-final-cta-content h2{font-size:32px}}.spawn-final-cta-content p{font-size:18px;color:rgba(0,0,0,.6);margin-bottom:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-spotlight-section{padding:100px 0;background:#fff;position:relative}@media(max-width:768px){.spawn-spotlight-section{padding:60px 0}}.spawn-spotlight-content{max-width:1400px;margin:0 auto}.spawn-spotlight-header{text-align:center;margin-bottom:60px}@media(max-width:768px){.spawn-spotlight-header{margin-bottom:40px}}.spawn-spotlight-title{font-size:36px;font-weight:600;color:#0a0a0a;margin-bottom:12px;font-family:Patron,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.03em;line-height:1.2}@media(max-width:768px){.spawn-spotlight-title{font-size:28px;margin-bottom:10px}}.spawn-spotlight-subtitle{font-size:16px;line-height:1.5;color:rgba(0,0,0,.6);max-width:600px;margin:0 auto;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media(max-width:768px){.spawn-spotlight-subtitle{font-size:15px}}.spawn-spotlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.spawn-spotlight-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.spawn-spotlight-grid{grid-template-columns:1fr;gap:16px}}.spawn-spotlight-card{height:400px!important;border:none!important;border-radius:16px!important}@media(max-width:768px){.spawn-spotlight-card{height:350px!important}}.spawn-tilted-scroll-section{padding:100px 0;background:#fafafa;position:relative;overflow:hidden}@media(max-width:768px){.spawn-tilted-scroll-section{padding:60px 0}}.spawn-tilted-scroll-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.spawn-tilted-scroll-header{text-align:center;margin-bottom:60px}@media(max-width:768px){.spawn-tilted-scroll-header{margin-bottom:40px}}.spawn-tilted-scroll-title{font-size:36px;font-weight:600;color:#0a0a0a;margin-bottom:12px;font-family:Patron,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.03em;line-height:1.2}@media(max-width:768px){.spawn-tilted-scroll-title{font-size:28px;margin-bottom:10px}}.spawn-tilted-scroll-subtitle{font-size:16px;line-height:1.5;color:rgba(0,0,0,.6);max-width:600px;margin:0 auto;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media(max-width:768px){.spawn-tilted-scroll-subtitle{font-size:15px}}.spawn-tilted-scroll-display{width:100%;display:flex;justify-content:center;align-items:center;min-height:350px;padding:40px 0}@media(max-width:768px){.spawn-tilted-scroll-display{min-height:300px;padding:20px 0}}.spawn-faq-section{padding:80px 0;background:#fff;position:relative}.spawn-faq-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}@media(max-width:768px){.spawn-faq-section{padding:50px 0}}.spawn-faq-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.spawn-faq-header{text-align:center;margin-bottom:36px;width:100%}@media(max-width:768px){.spawn-faq-header{margin-bottom:28px}}.spawn-faq-link{color:#f56e59;text-decoration:none;font-weight:500;transition:color .2s ease}.spawn-faq-link:hover{color:#f8553c;text-decoration:underline}.spawn-faq-wrapper{background:rgba(0,0,0,0);border-radius:0;padding:0;border:none;width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center}.spawn-faq-accordion{padding:0!important;width:100%}.spawn-faq-question{background:#f5f5f5!important;border:none!important;padding:10px 14px!important;font-size:14px!important;font-weight:500!important;color:#0a0a0a!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;transition:all .2s ease!important;box-shadow:none!important}.spawn-faq-question:hover{background:#ebebeb!important}.spawn-faq-question[data-state=open]{background:#e0e0e0!important}.spawn-faq-answer{background:linear-gradient(135deg,#f56e59,#f8553c)!important;color:#fff!important;font-size:13px!important;line-height:1.5!important;padding:12px 16px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;box-shadow:0 2px 6px rgba(245,110,89,.15)!important;max-width:100%!important}@media(max-width:768px){.spawn-faq-answer{font-size:12px!important;padding:10px 14px!important}}.spawn-footer{background:#fff;padding:4rem 0 2rem;margin-top:8rem}.spawn-footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:3rem}@media(max-width:1024px){.spawn-footer-content{grid-template-columns:1fr;gap:3rem;text-align:left}}.spawn-footer-brand .footer-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:#020817;margin-bottom:1rem}.spawn-footer-brand .footer-logo .footer-logo-img{width:24px;height:24px;object-fit:contain}.spawn-footer-brand .footer-logo .footer-logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.spawn-footer-brand .footer-tagline{color:#64748b;font-size:.875rem;line-height:1.6;max-width:320px;margin:0}.spawn-footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}@media(max-width:768px){.spawn-footer-nav{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:480px){.spawn-footer-nav{grid-template-columns:1fr;gap:2rem}}.footer-nav-section .footer-nav-title{font-size:.875rem;font-weight:600;color:#020817;margin-bottom:1rem;margin-top:0;letter-spacing:-.025em}.footer-nav-section .footer-nav-list{list-style:none;padding:0;margin:0}.footer-nav-section .footer-nav-list li{margin-bottom:.5rem}.footer-nav-section .footer-nav-list li:last-child{margin-bottom:0}.footer-nav-section .footer-nav-link{color:#64748b;text-decoration:none;font-size:.875rem;line-height:1.5;transition:all .2s ease-in-out;display:inline-block}.footer-nav-section .footer-nav-link:hover{color:#020817;transform:translateX(2px)}.footer-nav-section .footer-nav-link:focus{outline:2px solid #2563eb;outline-offset:2px;border-radius:.125rem}.spawn-footer-divider{height:1px;background:#e2e8f0;margin:2rem 0}.spawn-footer-bottom{display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.spawn-footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.spawn-footer-legal{display:flex;gap:1.5rem}@media(max-width:480px){.spawn-footer-legal{flex-direction:column;gap:.75rem}}.spawn-footer-legal .footer-legal-link{color:#64748b;text-decoration:none;font-size:.8125rem;transition:all .2s ease-in-out}.spawn-footer-legal .footer-legal-link:hover{color:#020817;text-decoration:underline;text-underline-offset:2px}.spawn-footer-legal .footer-legal-link:focus{outline:2px solid #2563eb;outline-offset:2px;border-radius:.125rem}.spawn-footer-copyright{color:#64748b;font-size:.8125rem;margin:0}.spawn-hero-content{position:relative}.spawn-hero-terminal-badge{display:flex;justify-content:center;margin-bottom:var(--space-8)}.spawn-hero-terminal-badge .terminal-stack{max-width:450px;width:450px!important;width:100%}.spawn-hero-terminal-badge .spawn-hero-terminals{position:static;transform:none}.spawn-hero-terminal-badge .terminal-window.background-window{display:none}.spawn-hero-terminal-badge .terminal-window.main-window{animation:terminalFadeIn .8s ease-out .5s forwards}.spawn-hero-terminal-badge .terminal-content{padding:10px 12px;min-height:50px}.spawn-hero-terminal-badge .terminal-header{padding:6px 10px}.spawn-hero-terminals{position:absolute;top:20%;transform:translateY(-20%);pointer-events:none;z-index:2}.spawn-hero-terminals.left{left:-380px}@media(max-width:1600px){.spawn-hero-terminals.left{left:-350px}}@media(max-width:1400px){.spawn-hero-terminals.left{left:-320px}}@media(max-width:1200px){.spawn-hero-terminals.left{left:-280px}}@media(max-width:1024px){.spawn-hero-terminals.left{display:none}}.spawn-hero-terminals.right{right:-380px}@media(max-width:1600px){.spawn-hero-terminals.right{right:-350px}}@media(max-width:1400px){.spawn-hero-terminals.right{right:-320px}}@media(max-width:1200px){.spawn-hero-terminals.right{right:-280px}}@media(max-width:1024px){.spawn-hero-terminals.right{display:none}}.spawn-hero-terminals.center{position:static;transform:none;display:block}.terminal-stack{position:relative;width:100%;max-width:320px;margin:0 auto}.terminal-window{width:100%;background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.12);border-radius:12px;overflow:hidden;backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6)}.terminal-window.main-window{position:relative;z-index:4;opacity:0;transform:translateY(20px) scale(.95);animation:terminalFadeIn .8s ease-out .3s forwards}.terminal-window.background-window{position:absolute;opacity:0;filter:brightness(.95)}.terminal-window.background-window.deck-1{z-index:3;top:-8px;left:4%;width:92%;transform:rotate(-1.5deg);animation:terminalFadeIn .8s ease-out 1.3s forwards}.terminal-window.background-window.deck-2{z-index:2;top:-16px;left:8%;width:84%;transform:rotate(1deg);animation:terminalFadeIn .8s ease-out 1.6s forwards}.terminal-window.background-window.deck-3{z-index:1;top:-24px;left:12%;width:76%;transform:rotate(-.5deg);animation:terminalFadeIn .8s ease-out 1.9s forwards}.terminal-window .terminal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.06)}.terminal-window .terminal-header .terminal-dots{display:flex;gap:4px}.terminal-window .terminal-header .terminal-dots .dot{width:8px;height:8px;border-radius:50%}.terminal-window .terminal-header .terminal-dots .dot.red{background:#ff5f56;box-shadow:0 1px 2px rgba(255,95,86,.3)}.terminal-window .terminal-header .terminal-dots .dot.yellow{background:#ffbd2e;box-shadow:0 1px 2px rgba(255,189,46,.3)}.terminal-window .terminal-header .terminal-dots .dot.green{background:#27ca3f;box-shadow:0 1px 2px rgba(39,202,63,.3)}.terminal-window .terminal-header .terminal-title{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.3px}.terminal-window .terminal-content{padding:12px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;line-height:1.4;min-height:60px}.terminal-window .terminal-content .terminal-line{display:flex;gap:6px;margin-bottom:5px;align-items:flex-start;opacity:1}.terminal-window .terminal-content .terminal-line.step{padding-left:8px;margin-bottom:3px}.terminal-window .terminal-content .terminal-line.step.status .status-text{color:#6b7280;font-weight:500;font-size:11px}.terminal-window .terminal-content .terminal-line.step.success .success-text{color:#059669;font-weight:600;font-size:11px}.terminal-window .terminal-content .terminal-line.step.url .url-link{color:#7c3aed;font-weight:500;font-size:11px}.terminal-window .terminal-content .terminal-line.step.url .url-link .link{color:#7c3aed;text-decoration:none}.terminal-window .terminal-content .terminal-line.step.url .url-link .link:hover{text-decoration:underline}.terminal-window .terminal-content .terminal-line .prompt{color:var(--accent-color);font-weight:700;min-width:12px}.terminal-window .terminal-content .terminal-line .command{color:#374151;flex:1;text-align:left;font-weight:500}.terminal-window .terminal-content .terminal-line .cursor{color:var(--accent-color);animation:blink 1s infinite;font-weight:700}.terminal-window .terminal-content .terminal-line .typing-cursor{color:var(--accent-color);animation:blink .8s infinite;font-weight:700;margin-left:2px}@keyframes terminalFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes terminalLineAppear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(5px)}}.spawn-hero-terminals.left .terminal-stack{animation:float 8s ease-in-out infinite}.spawn-hero-terminals.right .terminal-stack{animation:float 8s ease-in-out infinite reverse;animation-delay:-2s}.fade-in-up{animation:fadeInUp .6s ease-out}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background-subtle)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-text)}.surrealsection{padding:2rem}.surrealsection,.surrealsection .surreal-content{display:flex;justify-content:center;align-items:center}.surrealsection .surreal-content{background-image:url(/_next/static/media/surreal.05f8f580.png);background-size:cover;object-position:top;background-position:50%;background-repeat:no-repeat;height:80vh;width:90%;border-radius:1rem;font-size:3.4rem;font-weight:600;color:#fff;text-align:center;font-family:Patron;letter-spacing:-.025em}.spawn-grainsxxx{background-image:url(/_next/static/media/grain.e4535a59.avif);background-repeat:repeat}.spawn-problem-section{padding:100px 0 120px;background:#fff;position:relative;overflow:hidden}.spawn-problem-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.015) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.015) 1px,transparent 0);background-size:32px 32px;pointer-events:none;opacity:.6}.spawn-problem-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}.spawn-problem-title{font-size:2.75rem;font-weight:600;color:#0a0a0a;margin-bottom:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.025em;line-height:1.15;text-align:center}@media(max-width:768px){.spawn-problem-title{font-size:2rem;margin-bottom:1.5rem}}.spawn-problem-grid{display:flex;justify-content:center;align-items:center;perspective:1000px;margin-bottom:3rem;min-height:200px}.spawn-problem-stack{position:relative;width:100%;max-width:800px;height:120px;margin:0 auto}.spawn-problem-item{position:absolute;background:linear-gradient(145deg,#ffffff,#fafbfc);border:1px solid rgba(0,0,0,.04);border-radius:12px;padding:1.25rem 1.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.8)}.spawn-problem-item:first-child{top:0;left:0;right:0;z-index:4;transform:translateY(0) rotate(0deg)}.spawn-problem-item:nth-child(2){top:-8px;left:2%;right:2%;z-index:3;transform:translateY(12px) rotate(-1deg);opacity:.95}.spawn-problem-item:nth-child(3){top:-16px;left:4%;right:4%;z-index:2;transform:translateY(24px) rotate(.5deg);opacity:.9}.spawn-problem-item:nth-child(4){top:-24px;left:6%;right:6%;z-index:1;transform:translateY(36px) rotate(-.8deg);opacity:.85}.spawn-problem-item:hover{transform:translateY(-12px) rotate(0deg) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.9);border-color:rgba(0,0,0,.08);z-index:10}.spawn-problem-item:hover~.spawn-problem-item:nth-child(2){transform:translateY(12px) rotate(-2deg) translateX(-8px)}.spawn-problem-item:hover~.spawn-problem-item:nth-child(3){transform:translateY(24px) rotate(1deg) translateX(8px)}.spawn-problem-item:hover~.spawn-problem-item:nth-child(4){transform:translateY(36px) rotate(-1.5deg) translateX(-12px)}.spawn-problem-label{font-size:.875rem;font-weight:600;color:#1f2937;letter-spacing:-.01em;margin:0}.spawn-problem-label,.spawn-problem-solution{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;text-align:center}.spawn-problem-solution{font-size:1.125rem;line-height:1.6;color:#4b5563;font-weight:400;max-width:600px;margin:0 auto}.spawn-problem-solution strong{color:#0a0a0a;font-weight:600}@media(max-width:768px){.spawn-problem-solution{font-size:1rem}}.spawn-capabilities-section{padding:100px 0;background:#fff;position:relative}.spawn-capabilities-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}.spawn-capabilities-header{max-width:1200px;margin:0 auto 3rem;text-align:center}.spawn-capabilities-header h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;margin-bottom:.75rem;letter-spacing:-.02em;line-height:1.2}.spawn-capabilities-header h2,.spawn-capabilities-header p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-capabilities-header p{font-size:1rem;color:#6b7280;font-weight:400;margin:0}.spawn-capabilities-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.04);border-radius:12px;overflow:hidden}@media(max-width:1024px){.spawn-capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.spawn-capabilities-grid{grid-template-columns:1fr}}.spawn-capability-card{background:#fff;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border:none}.spawn-capability-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-color);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:bottom}.spawn-capability-card:hover{background:#fafbfc;transform:translateX(4px)}.spawn-capability-card:hover:before{transform:scaleY(1)}.spawn-capability-card:hover .spawn-capability-icon{color:var(--accent-color);transform:scale(1.05)}.spawn-capability-icon{font-size:1.5rem;color:#9ca3af;margin-bottom:1rem;display:block;transition:all .3s cubic-bezier(.4,0,.2,1)}.spawn-capability-content{flex:1}.spawn-capability-action{font-size:1.125rem;font-weight:700;color:#0a0a0a;margin-bottom:.5rem;letter-spacing:-.01em;line-height:1.3}.spawn-capability-action,.spawn-capability-description{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-capability-description{font-size:.875rem;line-height:1.5;color:#6b7280;font-weight:400;margin:0}.spawn-usecases-section{padding:100px 0;background:#fff;position:relative}.spawn-usecases-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}.spawn-usecases-header{max-width:1200px;margin:0 auto 3rem;text-align:center}.spawn-usecases-header h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.2;margin:0}.spawn-usecases-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.04);border-radius:12px;overflow:hidden}@media(max-width:768px){.spawn-usecases-grid{grid-template-columns:1fr}}.spawn-usecase-card{background:#fafbfc;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border:none}.spawn-usecase-card:after{content:"→";position:absolute;bottom:1rem;right:1.5rem;color:var(--accent-color);font-weight:700;font-size:1.125rem;opacity:0;transform:translateX(-8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.spawn-usecase-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.spawn-usecase-card:hover:after{opacity:1;transform:translateX(0)}.spawn-usecase-card:hover .spawn-usecase-emoji{transform:scale(1.05)}.spawn-usecase-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.spawn-usecase-emoji{font-size:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);line-height:1}.spawn-usecase-title{font-size:1rem;font-weight:700;color:#0a0a0a;letter-spacing:-.01em;line-height:1.2;margin:0}.spawn-usecase-description,.spawn-usecase-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-usecase-description{font-size:.875rem;line-height:1.5;color:#6b7280;margin-bottom:1rem;font-weight:400}.spawn-usecase-example{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04);border-radius:6px;padding:.75rem;border-left:2px solid var(--accent-color)}.spawn-example-label{font-size:.6875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;display:block}.spawn-example-label,.spawn-example-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-example-text{font-size:.8125rem;line-height:1.4;color:#6b7280;font-weight:400;margin:0}.spawn-examples-section{padding:100px 0;background:#fff;position:relative}.spawn-examples-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}.spawn-examples-header{max-width:1200px;margin:0 auto 3rem;text-align:center}.spawn-examples-header h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;margin-bottom:.75rem;letter-spacing:-.02em;line-height:1.2}.spawn-examples-header h2,.spawn-examples-header p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-examples-header p{font-size:1rem;color:#6b7280;font-weight:400;margin:0}.spawn-examples-showcase{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:2rem}@media(max-width:768px){.spawn-examples-showcase{grid-template-columns:1fr;gap:1.5rem}}.spawn-example-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;transition:all .4s var(--ease-out-cubic);position:relative}.spawn-example-card:hover{border-color:var(--border-strong);box-shadow:0 20px 60px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06)}.spawn-example-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0}.spawn-example-icon{font-size:1.5rem;filter:grayscale(.2)}.spawn-example-status{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.spawn-example-status[data-status=running]{color:#16a34a}.spawn-example-status[data-status=running] .spawn-status-indicator{background:#16a34a;animation:pulse 2s infinite}.spawn-example-status[data-status=deployed]{color:#2563eb}.spawn-example-status[data-status=deployed] .spawn-status-indicator{background:#2563eb}.spawn-status-indicator{width:6px;height:6px;border-radius:50%}.spawn-example-terminal{margin:1rem 1.5rem;background:#1a1a1a;border-radius:8px;overflow:hidden;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}.spawn-terminal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#2a2a2a;border-bottom:1px solid #333}.spawn-terminal-controls{display:flex;gap:.5rem}.spawn-terminal-control{width:12px;height:12px;border-radius:50%}.spawn-terminal-control--red{background:#ff5f56}.spawn-terminal-control--yellow{background:#ffbd2e}.spawn-terminal-control--green{background:#27ca3f}.spawn-terminal-title{font-size:var(--font-size-xs);color:#888;font-weight:500}.spawn-terminal-content{padding:1rem;background:#1a1a1a}.spawn-terminal-line{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.spawn-terminal-prompt{color:#16a34a;font-weight:600}.spawn-terminal-command{color:#e5e5e5;font-size:var(--font-size-sm)}.spawn-terminal-output{margin-top:.25rem}.spawn-terminal-success{color:#16a34a;font-size:var(--font-size-sm)}.spawn-example-content{padding:0 1.5rem 1.5rem}.spawn-example-category-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:600;color:var(--accent-color);background:rgba(245,110,89,.1);padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.spawn-example-title{font-size:1.25rem;font-weight:600;color:var(--primary-text);margin-bottom:.75rem}.spawn-example-description,.spawn-example-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-example-description{font-size:var(--font-size-sm);line-height:1.6;color:var(--secondary-text);margin-bottom:1.5rem;font-weight:400}.spawn-example-metrics{display:flex;gap:1rem;flex-wrap:wrap}.spawn-metric{display:flex;flex-direction:column;gap:.25rem}.spawn-metric .spawn-metric-label{font-size:var(--font-size-xs);font-weight:500;color:var(--tertiary-text);text-transform:uppercase;letter-spacing:.05em}.spawn-metric .spawn-metric-value{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-text);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}.spawn-example-category{display:inline-block;background:rgba(0,0,0,.04);color:#6b7280;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.spawn-example-category,.spawn-example-showcase-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.spawn-example-showcase-title{font-size:1rem;font-weight:700;color:#0a0a0a;margin-bottom:.5rem;letter-spacing:-.01em;line-height:1.3}.spawn-example-showcase-description{font-size:.8125rem;line-height:1.5;color:#6b7280;margin-bottom:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:400}.spawn-final-cta-section{padding:100px 0;background:#fff;position:relative}.spawn-final-cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}.spawn-final-cta-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}@media(max-width:768px){.spawn-final-cta-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}}.spawn-final-cta-title{font-size:2rem;font-weight:700;color:#0a0a0a;margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.2}@media(max-width:768px){.spawn-final-cta-title{font-size:1.75rem;margin-bottom:.25rem}}.spawn-final-cta-description{font-size:.875rem;line-height:1.5;color:#6b7280;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:400}.spawn-final-cta-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}@media(max-width:640px){.spawn-final-cta-actions{justify-content:center}}.spawn-big-text-container{display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:1rem;width:100%;margin:100px 0}.spawn-big-text-container .spawn-shader-background{width:95%;min-height:400px;border-radius:1rem;overflow:hidden;position:relative}.spawn-big-text-container .spawn-shader-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1rem;border:1px solid rgba(255,255,255,.1);pointer-events:none;z-index:1}.spawn-big-text-container .spawn-big-text{height:400px;display:flex;justify-content:center;align-items:center;font-size:4.4rem;font-weight:400;color:#fff;text-align:center;font-family:Patron;letter-spacing:-.025em;z-index:99999;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardHover{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.02)}}@keyframes subtlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes emojiSpring{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1.05) rotate(3deg)}}@keyframes borderReveal{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.spawn-capability-card:focus-visible,.spawn-example-showcase-card:focus-visible,.spawn-usecase-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:12px}.spawn-capability-card.loading,.spawn-problem-item.loading,.spawn-usecase-card.loading{animation:subtlePulse 2s ease-in-out infinite;pointer-events:none}::selection{background:rgba(245,110,89,.2);color:#0a0a0a}::-moz-selection{background:rgba(245,110,89,.2);color:#0a0a0a}.spawn-waitlist-form{display:flex;gap:8px;max-width:550px;margin:0 auto;align-items:center;justify-content:center}@media(max-width:640px){.spawn-waitlist-form{flex-direction:column;width:100%;gap:10px}}.spawn-waitlist-input{flex:1;min-width:320px;padding:12px 24px;font-size:14px;font-family:Patron;background:rgba(0,0,0,.03);border:none;border-radius:50px;outline:none;transition:all .2s ease;color:var(--primary-text);text-align:left;height:44px}.spawn-waitlist-input::placeholder{color:rgba(0,0,0,.35);text-align:left;font-family:Patron}.spawn-waitlist-input:focus{background:rgba(0,0,0,.05);box-shadow:0 0 0 3px rgba(245,110,89,.08)}@media(max-width:640px){.spawn-waitlist-input{width:100%;min-width:auto}}.spawn-waitlist-note{font-size:12px;color:rgba(0,0,0,.4);text-align:center;margin-top:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.01em}.spawn-window-deck{position:relative;margin:0 auto}.spawn-window{background:#fff;border-radius:16px;overflow:hidden;position:relative;border:1px solid rgba(200,200,210,.4);box-shadow:inset 2px 2px 4px rgba(255,255,255,.8),inset -1px -1px 3px rgba(0,0,0,.08),0 2px 0 rgba(255,255,255,.5),0 4px 8px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.06),0 16px 32px rgba(0,0,0,.04),0 0 0 1px rgba(59,130,246,.08)}.spawn-window:before{inset:-3px;border-radius:18px;padding:3px;background:linear-gradient(145deg,rgba(255,255,255,.6),rgba(235,240,255,.4) 30%,rgba(220,230,255,.3) 50%,rgba(200,220,245,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}.spawn-window:after,.spawn-window:before{content:"";position:absolute;pointer-events:none}.spawn-window:after{inset:-1px;border-radius:17px;background:linear-gradient(180deg,transparent,transparent 50%,rgba(0,0,0,.03));z-index:-2}.spawn-window--main{position:relative;z-index:1}.spawn-window-content,.spawn-window-viewport{overflow:hidden;background:#fff;position:relative}.spawn-window-image{width:100%;height:auto;display:block;object-fit:cover;position:relative}.blog-page-wrapper{width:100%;min-height:100vh;background:#fff}.blog-page{width:100%;min-height:calc(100vh - 72px);padding-top:72px}.blog-hero{width:100%;padding:80px 20px 48px;background:#fff;border-bottom:1px solid rgba(0,0,0,.04);position:relative;overflow:hidden}.blog-hero .blog-hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.blog-hero .blog-title{font-size:42px;font-weight:700;font-family:Bricolage Grotesque,-apple-system,sans-serif;color:#0a0a0a;margin-bottom:12px;letter-spacing:-.03em;line-height:1.1}@media(max-width:768px){.blog-hero .blog-title{font-size:36px}}@media(max-width:480px){.blog-hero .blog-title{font-size:32px}}.blog-hero .blog-subtitle{font-size:15px;color:#666;margin-bottom:32px;line-height:1.5;max-width:520px;margin-left:auto;margin-right:auto;font-weight:400}@media(max-width:768px){.blog-hero .blog-subtitle{font-size:14px;margin-bottom:28px}}.blog-hero .blog-search{position:relative;max-width:480px;margin:0 auto}.blog-hero .blog-search .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#888;z-index:1}.blog-hero .blog-search .search-input{width:100%;padding:10px 16px 10px 44px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#fff;color:#0a0a0a;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.03)}.blog-hero .blog-search .search-input:focus{outline:none;background:#fff;border-color:#f56e59;box-shadow:0 0 0 3px rgba(245,110,89,.08)}.blog-hero .blog-search .search-input::placeholder{color:#888}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px 64px}@media(max-width:768px){.blog-container{padding:32px 16px 48px}}.blog-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px;justify-content:center}@media(max-width:768px){.blog-categories{justify-content:flex-start}}.blog-categories .category-btn{padding:6px 14px;border:1px solid rgba(0,0,0,.08);border-radius:6px;background:#fff;color:#555;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.02)}.blog-categories .category-btn:hover:not(.active){border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.02);color:#0a0a0a}.blog-categories .category-btn.active{border-color:#f56e59;background:#f56e59;color:#fff;box-shadow:0 2px 4px rgba(245,110,89,.2)}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-bottom:40px}@media(max-width:768px){.blog-posts-grid{grid-template-columns:1fr;gap:16px}}.blog-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06);border-color:rgba(0,0,0,.1)}.blog-card:hover .blog-card-cover img{transform:scale(1.02)}.blog-card:hover .read-more-btn{color:#f56e59;transform:translateX(2px)}.blog-card .blog-card-cover{width:100%;height:180px;overflow:hidden;background:rgba(0,0,0,.02)}.blog-card .blog-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-card .blog-card-content{padding:16px}.blog-card .blog-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.blog-card .blog-card-meta .blog-category{font-size:11px;font-weight:600;color:#f56e59;text-transform:uppercase;letter-spacing:.5px}.blog-card .blog-card-meta .blog-read-time{display:flex;align-items:center;gap:3px;font-size:11px;color:#888}.blog-card .blog-card-title{font-size:16px;font-weight:600;color:#0a0a0a;margin-bottom:8px;line-height:1.4}.blog-card .blog-card-excerpt,.blog-card .blog-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card .blog-card-excerpt{font-size:13px;color:#666;line-height:1.5;margin-bottom:12px}.blog-card .blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.blog-card .blog-card-author{display:flex;align-items:center;gap:8px}.blog-card .blog-card-author .author-avatar,.blog-card .blog-card-author .author-avatar-placeholder{width:28px;height:28px;border-radius:50%;flex-shrink:0}.blog-card .blog-card-author .author-avatar{object-fit:cover}.blog-card .blog-card-author .author-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#f56e59;color:#fff;font-weight:600;font-size:12px}.blog-card .blog-card-author .author-info{display:flex;flex-direction:column;gap:2px}.blog-card .blog-card-author .author-info .author-name{font-size:12px;font-weight:600;color:#0a0a0a}.blog-card .blog-card-author .author-info .post-date{font-size:11px;color:#888}.blog-card .read-more-btn{display:flex;align-items:center;gap:3px;padding:0;border:none;background:none;color:#666;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-card.skeleton{pointer-events:none;border:1px solid #e5e7eb;box-shadow:none}.blog-card.skeleton:hover{transform:none;box-shadow:none;border-color:#e5e7eb}.blog-card.skeleton .skeleton-cover,.blog-card.skeleton .skeleton-line,.blog-card.skeleton .skeleton-meta{background:linear-gradient(110deg,#f0f0f0 8%,#f8f8f8 18%,#f0f0f0 33%,#e8e8e8 40%,#f0f0f0 50%,#f8f8f8 60%,#f0f0f0 70%);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:4px;position:relative;overflow:hidden}.blog-card.skeleton .skeleton-cover:after,.blog-card.skeleton .skeleton-line:after,.blog-card.skeleton .skeleton-meta:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer-shine 1.5s ease-in-out infinite}.blog-card.skeleton .skeleton-cover{width:100%;height:180px}.blog-card.skeleton .skeleton-content{padding:16px;display:flex;flex-direction:column;gap:10px}.blog-card.skeleton .skeleton-line{height:12px;width:100%}.blog-card.skeleton .skeleton-line.skeleton-title{height:16px;width:75%;margin-bottom:4px}.blog-card.skeleton .skeleton-line.skeleton-excerpt{height:12px;width:100%}.blog-card.skeleton .skeleton-line.skeleton-excerpt:first-of-type{width:90%}.blog-card.skeleton .skeleton-line.skeleton-excerpt.short{width:70%}.blog-card.skeleton .skeleton-meta{height:28px;width:40%;margin-top:8px}@keyframes shimmer-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px}.empty-state .empty-icon{color:#888;margin-bottom:16px}.empty-state p{font-size:14px;color:#666;font-weight:400}.load-more-section{text-align:center;margin-top:32px}.load-more-section .load-more-btn{padding:8px 24px;border:1px solid rgba(0,0,0,.08);border-radius:7px;background:#fff;color:#0a0a0a;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.02)}.load-more-section .load-more-btn:hover:not(:disabled){border-color:#f56e59;background:rgba(245,110,89,.04);color:#f56e59}.load-more-section .load-more-btn:disabled{opacity:.5;cursor:not-allowed}.blog-post-page{width:100%;min-height:100vh;background:#fff;padding:32px 20px 64px}.blog-post-page .back-to-blog{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(0,0,0,.08);border-radius:7px;background:#fff;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:32px}.blog-post-page .back-to-blog:hover{border-color:#f56e59;color:#f56e59;background:rgba(245,110,89,.04)}.blog-post{max-width:750px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.blog-post .blog-post-header{padding:32px;border-bottom:1px solid rgba(0,0,0,.06)}@media(max-width:768px){.blog-post .blog-post-header{padding:24px 20px}}.blog-post .blog-post-header .blog-post-category{display:inline-block;padding:5px 10px;border-radius:5px;background:rgba(245,110,89,.1);color:#f56e59;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.blog-post .blog-post-header .blog-post-title{font-size:32px;font-weight:700;color:#0a0a0a;line-height:1.3;margin-bottom:12px}@media(max-width:768px){.blog-post .blog-post-header .blog-post-title{font-size:28px}}.blog-post .blog-post-header .blog-post-excerpt{font-size:15px;color:#666;line-height:1.6;margin-bottom:24px}.blog-post .blog-post-header .blog-post-meta{display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width:768px){.blog-post .blog-post-header .blog-post-meta{flex-direction:column;align-items:flex-start}}.blog-post .blog-post-header .blog-post-author{display:flex;align-items:center;gap:16px}.blog-post .blog-post-header .blog-post-author .author-avatar-large,.blog-post .blog-post-header .blog-post-author .author-avatar-large-placeholder{width:56px;height:56px;border-radius:50%;flex-shrink:0}.blog-post .blog-post-header .blog-post-author .author-avatar-large{object-fit:cover}.blog-post .blog-post-header .blog-post-author .author-avatar-large-placeholder{display:flex;align-items:center;justify-content:center;background:#f56e59;color:#fff;font-weight:700;font-size:20px}.blog-post .blog-post-header .blog-post-author .author-details{display:flex;flex-direction:column;gap:6px}.blog-post .blog-post-header .blog-post-author .author-details .author-name-large{font-size:16px;font-weight:600;color:#0a0a0a}.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info .post-date,.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info .post-read-time,.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info .post-views{display:flex;align-items:center;gap:4px;font-size:13px;color:#888}.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info .meta-separator{color:#888}.blog-post .blog-post-header .blog-post-actions{display:flex;gap:12px}.blog-post .blog-post-header .blog-post-actions .action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#fff;color:#555;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-post .blog-post-header .blog-post-actions .action-btn:hover{border-color:#f56e59;background:rgba(245,110,89,.04);color:#f56e59}.blog-post .blog-post-cover{width:100%;max-height:400px;overflow:hidden;background:rgba(0,0,0,.02)}.blog-post .blog-post-cover img{width:100%;height:100%;object-fit:cover}.blog-post .blog-post-content{padding:32px}@media(max-width:768px){.blog-post .blog-post-content{padding:24px 20px}}.blog-post .blog-post-content .blog-content-body{font-size:15px;line-height:1.7;color:#0a0a0a}.blog-post .blog-post-content .blog-content-body h2{font-size:24px;font-weight:700;margin-top:36px;margin-bottom:16px;color:#0a0a0a}.blog-post .blog-post-content .blog-content-body h3{font-size:19px;font-weight:600;margin-top:28px;margin-bottom:12px;color:#0a0a0a}.blog-post .blog-post-content .blog-content-body p{margin-bottom:16px;color:#666}.blog-post .blog-post-content .blog-content-body code{padding:2px 5px;border-radius:3px;background:rgba(245,110,89,.1);color:#f56e59;font-family:Fira Code,monospace;font-size:13px}.blog-post .blog-post-content .blog-content-body pre{padding:16px;border-radius:8px;background:#1e1e1e;overflow-x:auto;margin:20px 0}.blog-post .blog-post-content .blog-content-body pre code{padding:0;background:none;color:#d4d4d4}.blog-post .blog-post-content .blog-content-body ol,.blog-post .blog-post-content .blog-content-body ul{margin:16px 0;padding-left:20px}.blog-post .blog-post-content .blog-content-body ol li,.blog-post .blog-post-content .blog-content-body ul li{margin-bottom:6px;color:#666}.blog-post .blog-post-content .blog-content-body blockquote{margin:20px 0;padding:12px 20px;border-left:3px solid #f56e59;background:rgba(245,110,89,.04);border-radius:0 6px 6px 0}.blog-post .blog-post-content .blog-content-body blockquote p{margin:0;font-style:italic;color:#0a0a0a}.blog-post .blog-post-content .blog-content-body img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.blog-post .blog-post-content .blog-content-body a{color:#f56e59;text-decoration:underline}.blog-post .blog-post-content .blog-content-body a:hover{color:#f8553c}.blog-post .blog-post-tags{padding:24px 32px;border-top:1px solid rgba(0,0,0,.06)}@media(max-width:768px){.blog-post .blog-post-tags{padding:20px}}.blog-post .blog-post-tags h3{font-size:14px;font-weight:600;color:#0a0a0a;margin-bottom:12px}.blog-post .blog-post-tags .tags-list{display:flex;flex-wrap:wrap;gap:6px}.blog-post .blog-post-tags .tags-list .tag-badge{padding:5px 12px;border-radius:12px;background:rgba(245,110,89,.1);color:#f56e59;font-size:12px;font-weight:500}.blog-post .blog-post-footer{padding:24px 32px;border-top:1px solid rgba(0,0,0,.06)}@media(max-width:768px){.blog-post .blog-post-footer{padding:20px}}.blog-post .blog-post-footer .blog-post-share h3{font-size:14px;font-weight:600;color:#0a0a0a;margin-bottom:12px}.blog-post .blog-post-footer .blog-post-share .share-buttons{display:flex;flex-wrap:wrap;gap:8px}.blog-post .blog-post-footer .blog-post-share .share-buttons .share-btn{padding:6px 14px;border-radius:7px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#0a0a0a;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-post .blog-post-footer .blog-post-share .share-buttons .share-btn:hover{border-color:#f56e59;background:rgba(245,110,89,.04);color:#f56e59}.blog-post-error,.blog-post-loading{max-width:540px;margin:60px auto;text-align:center;padding:48px 20px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px}.blog-post-error .spinner,.blog-post-loading .spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.08);border-top-color:#f56e59;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(1turn)}}.blog-post-error p,.blog-post-loading p{font-size:14px;color:#666}.blog-post-error h2,.blog-post-loading h2{font-size:20px;color:#0a0a0a;margin-bottom:10px;font-weight:600}.blog-post-error .back-btn,.blog-post-loading .back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border:1px solid rgba(0,0,0,.08);border-radius:7px;background:#fff;color:#0a0a0a;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:20px}.blog-post-error .back-btn:hover,.blog-post-loading .back-btn:hover{border-color:#f56e59;background:rgba(245,110,89,.04);color:#f56e59}.discover-page{width:100%;overflow-x:hidden}.spawn-container-discover{position:fixed;width:fit-content;width:96%;z-index:1;padding:0 20px}.discover-search-section{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:100%;margin-bottom:20px}@media(max-width:768px){.discover-search-section{gap:12px}}.discover-search-section .search-container{display:flex;align-items:center;gap:12px;background:#f3f4f6;width:100%;max-width:100%;border-radius:50px;padding:8px 12px 8px 20px;min-width:0;flex:1}.discover-search-section .search-icon{width:16px;height:16px;color:#6b7280}.discover-search-section .search-input{border:none;outline:none;background:rgba(0,0,0,0);font-size:14px;padding:4px 0;color:#6b7280;width:100%;min-width:0;flex:1;color:#0a0a0a;font-family:Patron}.discover-search-section .search-input::placeholder{color:rgba(115,115,115,.737254902);font-family:Patron}.discover-search-section .search-input:focus{outline:none}.discover-search-section .search-input:focus-visible{outline:none}.discover-search-section .search-input:focus-within{outline:none}.category-filters{margin-bottom:24px;width:100%;overflow:hidden}.category-filters .flex{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;max-width:100%}.category-filters button{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;max-width:200px;overflow:hidden;background-color:#f3f4f6;color:#374151}.category-filters button:hover{transform:translateY(-1px)}.category-filters button:active{transform:translateY(0)}.category-filters button:hover{background-color:#e5e7eb;color:#1f2937}.category-filters button.selected{background-color:#000;color:#fff}.category-filters button.selected:hover{background-color:#1f2937}.category-filters button svg{width:16px;height:16px;flex-shrink:0}.category-filters button span:last-child{font-size:12px;opacity:.7}.category-filters .view-more-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;color:#6b7280;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:8px}.category-filters .view-more-btn:hover{background:#e5e7eb;color:#374151}.category-filters .view-more-btn svg{width:16px;height:16px;transition:transform .2s ease}@media(max-width:768px){.category-filters button{padding:6px 10px;font-size:13px}.category-filters button svg{width:14px;height:14px}.category-filters button span:last-child{font-size:11px}.category-filters .view-more-btn{width:28px;height:28px;margin-left:6px}.category-filters .view-more-btn svg{width:14px;height:14px}}@media(max-width:1024px){.discover-layout{padding:16px 0}}.discover-content-explore{padding:0}.discover-sidebar{top:20px;min-width:260px;z-index:10;overflow-y:scroll;max-height:99vh;padding:25px 0 0}.discover-sidebar::-webkit-scrollbar{display:none}.discover-sidebar::-webkit-scrollbar-thumb,.discover-sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,0);display:none}.discover-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0);display:none}.discover-sidebar ::-webkit-scrollbar{display:none}.discover-sidebar ::-webkit-scrollbar-track{background:rgba(0,0,0,0);display:none}.discover-main{width:100%;max-width:100%;padding-top:25px;position:relative;overflow-y:scroll;max-height:99vh}.discover-main:before{content:"";position:sticky;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.8) 25%,rgba(255,255,255,.4) 70%,rgba(255,255,255,0));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none;margin-bottom:-40px}.discover-main.scrolled:before{opacity:1;box-shadow:0 4px 20px rgba(0,0,0,.03)}.discover-main::-webkit-scrollbar{display:none}.discover-main::-webkit-scrollbar-thumb,.discover-main::-webkit-scrollbar-track{background:rgba(0,0,0,0);display:none}.discover-main::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0);display:none}.discover-main ::-webkit-scrollbar{display:none}.discover-main ::-webkit-scrollbar-thumb,.discover-main ::-webkit-scrollbar-track{background:rgba(0,0,0,0);display:none}.discover-main ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0);display:none}.discover-toolbar{width:100%;max-width:100%;overflow:hidden}.toolbar-search{min-width:200px;max-width:300px;flex:1}@media(max-width:768px){.toolbar-search{min-width:160px;max-width:250px}}.toolbar-search-input{width:100%;min-width:0}.services-container{width:100%;max-width:100%;overflow:hidden}.services-container,.services-container *{font-family:Google Sans}.services-container.loading-view{display:flex;justify-content:center;align-items:center;width:100%;min-height:400px}.services-container.grid-view{width:100%;padding-top:8px}@media(min-width:1600px){.services-container.grid-view{grid-template-columns:repeat(4,1fr);gap:10px}}@media(min-width:1200px)and (max-width:1399px){.services-container.grid-view{grid-template-columns:repeat(3,1fr);gap:14px}}@media(max-width:1199px){.services-container.grid-view{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:767px){.services-container.grid-view{grid-template-columns:1fr;gap:16px}}.service-main{margin-right:20px}.service-header{margin-bottom:6px}@media(max-width:768px){.service-header{flex-direction:column;gap:6px}}.service-title-row{gap:6px;margin-bottom:0}.service-tags{gap:4px;margin-bottom:0}.tag-badge{background:#f0f0f0;color:#666;padding:3px 7px;border-radius:6px}.tag-badge:hover{background:#e5e5e5;color:#333}.more-tags{color:#999;padding:3px 7px;background:#f5f5f5;border-radius:6px}.more-tags:hover{background:#ececec;color:#666}.service-meta{gap:8px}@media(max-width:640px){.discover-header{padding:20px 0}.discover-title{font-size:24px}.discover-subtitle{font-size:14px}.discover-layout{padding:20px 0}.services-grid{grid-template-columns:1fr;gap:16px}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}.skeleton-card{pointer-events:none;opacity:.9;animation:pulse 2s ease-in-out infinite}.skeleton-card .service-background{opacity:.15!important}.skeleton-card .skeleton-avatar,.skeleton-card .skeleton-badge,.skeleton-card .skeleton-button,.skeleton-card .skeleton-description,.skeleton-card .skeleton-metric,.skeleton-card .skeleton-stats,.skeleton-card .skeleton-tag,.skeleton-card .skeleton-title{background:linear-gradient(110deg,#f0f0f0 8%,#f8f8f8 18%,#f0f0f0 33%,#e8e8e8 40%,#f0f0f0 50%,#f8f8f8 60%,#f0f0f0 70%);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:8px;position:relative;overflow:hidden}.skeleton-card .skeleton-avatar:after,.skeleton-card .skeleton-badge:after,.skeleton-card .skeleton-button:after,.skeleton-card .skeleton-description:after,.skeleton-card .skeleton-metric:after,.skeleton-card .skeleton-stats:after,.skeleton-card .skeleton-tag:after,.skeleton-card .skeleton-title:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.8s ease-in-out infinite}.skeleton-card .skeleton-avatar{width:28px;height:28px;border-radius:8px;flex-shrink:0}.skeleton-card .skeleton-title{height:16px;width:140px;border-radius:6px;flex:1}.skeleton-card .skeleton-description{height:14px;margin:0;border-radius:6px;width:100%}.skeleton-card .skeleton-description.short{width:60%;margin-top:4px}.skeleton-card .skeleton-metric{height:14px;width:35px;border-radius:6px}.skeleton-card .skeleton-metric:nth-child(2){width:30px}.skeleton-card .skeleton-metric:nth-child(3){width:40px}.skeleton-card .skeleton-button{height:32px;width:32px;border-radius:8px}.skeleton-card .skeleton-button.primary{margin-left:0}.skeleton-card:hover{transform:none!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}.skeleton-card:hover .service-background{transform:none!important;opacity:.15!important}.skeleton-card:hover .action-btn{opacity:.7!important;transform:translateY(2px)!important}.services-container.loading-view.grid-view{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(min-width:1600px){.services-container.loading-view.grid-view{grid-template-columns:repeat(4,1fr);gap:18px}}@media(min-width:1200px)and (max-width:1399px){.services-container.loading-view.grid-view{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:1199px){.services-container.loading-view.grid-view{grid-template-columns:repeat(2,1fr);gap:18px}}@media(max-width:767px){.services-container.loading-view.grid-view{grid-template-columns:1fr;gap:16px}}.services-container.loading-view .skeleton-card:nth-child(3n+1) .skeleton-title{width:160px}.services-container.loading-view .skeleton-card:nth-child(3n+1) .skeleton-description:first-of-type{width:85%}.services-container.loading-view .skeleton-card:nth-child(3n+1) .skeleton-description.short{width:40%}.services-container.loading-view .skeleton-card:nth-child(3n+2) .skeleton-title{width:200px}.services-container.loading-view .skeleton-card:nth-child(3n+2) .skeleton-description:first-of-type{width:78%}.services-container.loading-view .skeleton-card:nth-child(3n+2) .skeleton-description.short{width:55%}.services-container.loading-view .skeleton-card:nth-child(3n+3) .skeleton-title{width:180px}.services-container.loading-view .skeleton-card:nth-child(3n+3) .skeleton-description:first-of-type{width:92%}.services-container.loading-view .skeleton-card:nth-child(3n+3) .skeleton-description.short{width:48%}.services-container.loading-view .skeleton-card:first-child,.services-container.loading-view .skeleton-card:first-child .skeleton-avatar,.services-container.loading-view .skeleton-card:first-child .skeleton-badge,.services-container.loading-view .skeleton-card:first-child .skeleton-button,.services-container.loading-view .skeleton-card:first-child .skeleton-description,.services-container.loading-view .skeleton-card:first-child .skeleton-metric,.services-container.loading-view .skeleton-card:first-child .skeleton-stats,.services-container.loading-view .skeleton-card:first-child .skeleton-tag,.services-container.loading-view .skeleton-card:first-child .skeleton-title{animation-delay:0s}.services-container.loading-view .skeleton-card:nth-child(2),.services-container.loading-view .skeleton-card:nth-child(2) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(2) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(2) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(2) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(2) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(2) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(2) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(2) .skeleton-title{animation-delay:.1s}.services-container.loading-view .skeleton-card:nth-child(3),.services-container.loading-view .skeleton-card:nth-child(3) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(3) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(3) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(3) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(3) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(3) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(3) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(3) .skeleton-title{animation-delay:.2s}.services-container.loading-view .skeleton-card:nth-child(4),.services-container.loading-view .skeleton-card:nth-child(4) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(4) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(4) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(4) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(4) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(4) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(4) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(4) .skeleton-title{animation-delay:.3s}.services-container.loading-view .skeleton-card:nth-child(5),.services-container.loading-view .skeleton-card:nth-child(5) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(5) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(5) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(5) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(5) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(5) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(5) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(5) .skeleton-title{animation-delay:.4s}.services-container.loading-view .skeleton-card:nth-child(6),.services-container.loading-view .skeleton-card:nth-child(6) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(6) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(6) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(6) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(6) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(6) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(6) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(6) .skeleton-title{animation-delay:.5s}.services-container.loading-view .skeleton-card:nth-child(7),.services-container.loading-view .skeleton-card:nth-child(7) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(7) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(7) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(7) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(7) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(7) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(7) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(7) .skeleton-title{animation-delay:.6s}.services-container.loading-view .skeleton-card:nth-child(8),.services-container.loading-view .skeleton-card:nth-child(8) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(8) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(8) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(8) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(8) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(8) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(8) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(8) .skeleton-title{animation-delay:.7s}.services-container.loading-view .skeleton-card:nth-child(9),.services-container.loading-view .skeleton-card:nth-child(9) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(9) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(9) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(9) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(9) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(9) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(9) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(9) .skeleton-title{animation-delay:.8s}.services-container.loading-view .skeleton-card:nth-child(10),.services-container.loading-view .skeleton-card:nth-child(10) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(10) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(10) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(10) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(10) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(10) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(10) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(10) .skeleton-title{animation-delay:.9s}.services-container.loading-view .skeleton-card:nth-child(11),.services-container.loading-view .skeleton-card:nth-child(11) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(11) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(11) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(11) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(11) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(11) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(11) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(11) .skeleton-title{animation-delay:1s}.services-container.loading-view .skeleton-card:nth-child(12),.services-container.loading-view .skeleton-card:nth-child(12) .skeleton-avatar,.services-container.loading-view .skeleton-card:nth-child(12) .skeleton-badge,.services-container.loading-view .skeleton-card:nth-child(12) .skeleton-button,.services-container.loading-view .skeleton-card:nth-child(12) .skeleton-description,.services-container.loading-view .skeleton-card:nth-child(12) .skeleton-metric,.services-container.loading-view .skeleton-card:nth-child(12) .skeleton-stats,.services-container.loading-view .skeleton-card:nth-child(12) .skeleton-tag,.services-container.loading-view .skeleton-card:nth-child(12) .skeleton-title{animation-delay:1.1s}.service-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:200px;border:1px solid #e5e7eb}.service-card:before{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;opacity:0}.service-card:hover{transform:translateY(-1px);border-color:#d1d5db}.service-card:hover .service-background{filter:brightness(1.03)}.service-card .service-background{position:absolute;top:0;left:0;right:0;height:80px;z-index:0;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:all .3s ease}.service-card .service-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 60%,rgb(255,255,255))}.service-card .service-background:not([style*=background-image]){background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.service-card .service-background:not([style*=background-image]):after{background:none}.service-card .service-content{position:relative;z-index:1;padding:70px 16px 16px;display:flex;flex-direction:column;gap:10px;height:100%;background:rgba(0,0,0,0)}.service-card .service-header{display:flex;align-items:center;gap:8px;justify-content:space-between}.service-card .service-header .header-left{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.service-card .service-header .header-left .author-avatar{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#5b21b6;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.service-card .service-header .header-left .author-avatar:hover{transform:scale(1.08)}.service-card .service-header .header-left .service-name{font-size:15px;font-weight:600;color:#0f172a;line-height:1.2;margin:0;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-card .service-header .header-left .author-name{font-size:13px;font-weight:500;color:#64748b;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.service-card .service-header .header-left .author-name:before{content:"/";margin:0 5px;color:#cbd5e1}.service-card .service-header .header-badges{display:flex;align-items:center;gap:5px;flex-shrink:0}.service-card .service-header .featured-badge{background:#fef3c7;color:#92400e}.service-card .service-header .featured-badge,.service-card .service-header .status-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;border:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.service-card .service-header .status-badge{display:flex;align-items:center;gap:3px}.service-card .service-header .status-badge.status-active{background:#d1fae5;color:#065f46}.service-card .service-header .status-badge.status-paused{background:#fed7aa;color:#92400e}.service-card .service-header .status-badge.status-archived{background:#e5e7eb;color:#374151}.service-card .service-header .status-badge svg{width:10px;height:10px}.service-card .service-description{font-size:13px;color:#64748b;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-weight:400;flex:1;letter-spacing:-.01em}.service-card .service-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f5f9}.service-card .service-metrics{display:flex;gap:14px;align-items:center}.service-card .service-metrics .metric{display:flex;align-items:center;gap:4px;font-size:12px;color:#475569;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.service-card .service-metrics .metric .metric-icon,.service-card .service-metrics .metric svg{width:13px;height:13px;color:#94a3b8}.service-card .service-actions{display:flex;gap:5px;opacity:1;transition:opacity .2s ease}.service-card .service-actions .action-btn{min-width:28px;height:28px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:6px;border:none;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.service-card .service-actions .action-btn .action-btn-icon{width:13px;height:13px}.service-card .service-actions .action-btn span{font-size:12px;font-weight:600}.service-card .service-actions .action-btn.bookmark{background:#f1f5f9;color:#64748b}.service-card .service-actions .action-btn.bookmark:hover{background:#e2e8f0;color:#475569}.service-card .service-actions .action-btn.bookmark.bookmarked{background:#0f172a;color:#fff}.service-card .service-actions .action-btn.bookmark.bookmarked:hover{background:#1e293b}.service-card .service-actions .action-btn.secondary{background:#f1f5f9;color:#64748b}.service-card .service-actions .action-btn.secondary:hover{background:#e2e8f0;color:#475569}.service-card .service-actions .action-btn.primary{background:#3b82f6;color:#fff}.service-card .service-actions .action-btn.primary:hover{background:#2563eb}.service-card .service-actions .action-btn svg{color:inherit}.service-card.skeleton-card{pointer-events:none;background:#fff}.service-card.skeleton-card .service-content{background:rgba(0,0,0,0)}.service-card.skeleton-card .skeleton-avatar{width:22px;height:22px;border-radius:5px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.service-card.skeleton-card .skeleton-title{height:16px;flex:1}.service-card.skeleton-card .skeleton-description,.service-card.skeleton-card .skeleton-title{border-radius:4px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.service-card.skeleton-card .skeleton-description{height:13px}.service-card.skeleton-card .skeleton-description.short{width:70%}.service-card.skeleton-card .skeleton-metric{width:40px;height:13px;border-radius:3px}.service-card.skeleton-card .skeleton-button,.service-card.skeleton-card .skeleton-metric{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.service-card.skeleton-card .skeleton-button{width:28px;height:28px;border-radius:6px}.service-card.skeleton-card .skeleton-button.primary{width:28px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.service-card{min-height:190px}.service-card .service-background{height:70px}.service-card .service-content{padding:62px 14px 14px;gap:9px}.service-card .service-header .header-left{gap:6px}.service-card .service-header .header-left .author-avatar{width:20px;height:20px;font-size:9px}.service-card .service-header .header-left .service-name{font-size:14px}.service-card .service-header .header-left .author-name{font-size:12px}.service-card .service-description{font-size:12px;-webkit-line-clamp:2;line-clamp:2}.service-card .service-metrics{gap:12px}.service-card .service-metrics .metric{font-size:11px}.service-card .service-actions .action-btn{min-width:26px;height:26px}}.discover-page{min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spawn-nav-link.active{color:#0a0a0a!important;font-weight:600;position:relative}.discover-content{padding-top:88px}@media(max-width:768px){.discover-content{padding-top:76px}}.discover-content-explore{display:flex;flex-direction:row;gap:24px;padding:24px 0}.discover-header{position:relative;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);padding:24px 0;overflow:hidden}.discover-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.08) 1px,transparent 0),radial-gradient(circle at 20% 20%,rgba(222,59,36,.06) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(222,59,36,.04) 0,transparent 50%);background-size:30px 30px,30px 30px,100% 100%,100% 100%;pointer-events:none;z-index:0}.discover-header .spawn-container{position:relative;z-index:1}@media(max-width:768px){.discover-header{padding:20px 0}}.discover-header-content{display:flex;align-items:center;justify-content:space-between;gap:40px}@media(max-width:1024px){.discover-header-content{flex-direction:column;align-items:flex-start;gap:24px}}.discover-title-section{flex:1}.discover-title{font-size:clamp(28px,4vw,36px);font-weight:700;color:#0a0a0a;margin-bottom:8px;letter-spacing:-.02em;line-height:1.2}.discover-subtitle{font-size:16px;color:#525252;line-height:1.5;max-width:500px}.discover-stats{display:flex;gap:32px}@media(max-width:1024px){.discover-stats{width:100%;justify-content:space-between;max-width:500px}}@media(max-width:640px){.discover-stats{gap:20px}}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:24px;font-weight:700;color:#0a0a0a;line-height:1;margin-bottom:4px}@media(max-width:640px){.stat-number{font-size:20px}}.stat-label{font-size:12px;color:#737373;text-transform:uppercase;letter-spacing:.03em}.discover-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:20px 0}@media(max-width:1024px){.discover-layout{grid-template-columns:1fr;gap:20px;padding:16px 0}}.discover-sidebar{position:sticky;top:100px;height:fit-content;background:rgba(0,0,0,0);padding:0;width:max-content}@media(max-width:1024px){.discover-sidebar{position:static;order:2;padding:0}}.sidebar-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid #e5e5e5}.sidebar-tab{background:rgba(0,0,0,0);color:#666;font-size:14px;font-weight:500;padding:12px 0;margin-right:32px;cursor:pointer;border:none;border-bottom:2px solid rgba(0,0,0,0);transition:all .15s ease}.sidebar-tab:hover{color:#000}.sidebar-tab.active{color:#000;border-bottom-color:#000;font-weight:600}.filter-section{margin-bottom:32px}.task-chips{display:flex;flex-wrap:wrap;gap:8px}.task-chip{background:#fff;border:1px solid rgba(0,0,0,.08);padding:8px 12px;border-radius:12px;font-size:13px;color:#0a0a0a;display:inline-flex;align-items:center;gap:8px}.filter-title{font-size:13px;font-weight:600;color:#666;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.filter-list{display:flex;flex-direction:column;gap:4px}.filter-item{display:flex;align-items:center;gap:10px;padding:6px 0;border:none;background:rgba(0,0,0,0);font-size:14px;color:#666;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.filter-item:hover,.filter-item:hover .filter-icon{color:#000}.filter-item.active{color:#de3b24;font-weight:600}.filter-item.active .filter-icon{color:#de3b24}.filter-item.active .filter-count{background:#de3b24;color:#fff}.filter-icon{width:16px;height:16px;flex-shrink:0;color:#999;transition:all .15s ease}.filter-name{flex:1;font-weight:500;font-size:14px;line-height:1.2}.filter-count{background:#f3f3f3;color:#666;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;min-width:18px;text-align:center;transition:all .15s ease;flex-shrink:0}.discover-main{min-height:600px}@media(max-width:1024px){.discover-main{order:1}}.discover-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:16px 0;border-bottom:1px solid #eee}@media(max-width:640px){.discover-toolbar{flex-direction:column;align-items:flex-start;gap:12px}}.toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.results-title{font-size:14px;font-weight:500;color:#6b7280;margin:0}.results-title .results-count{font-weight:600;color:#000}.category-badge{background:rgba(0,0,0,.06);color:#0a0a0a;border:none;font-weight:500}.toolbar-right{display:flex;align-items:center;gap:12px}@media(max-width:1024px){.toolbar-right{display:none}}.toolbar-search{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:6px 12px;min-width:220px;transition:all .15s ease}.toolbar-search:focus-within{border-color:#ccc}.toolbar-search:hover{border-color:#ddd}.toolbar-search-icon{width:16px;height:16px;color:#9ca3af;margin-right:10px;flex-shrink:0;transition:color .2s ease}.toolbar-search:focus-within .toolbar-search-icon{color:#6b7280}.toolbar-search-input{flex:1;background:rgba(0,0,0,0);border:none;outline:none;font-size:14px;color:#000}.toolbar-search-input::placeholder{color:#999}.view-toggle{display:flex;background:rgba(0,0,0,.04);border-radius:8px;padding:2px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:6px 8px;border:none;background:rgba(0,0,0,0);border-radius:6px;color:#737373;cursor:pointer;transition:all .15s ease}.view-toggle-btn:hover{color:#0a0a0a;background:rgba(0,0,0,.04)}.view-toggle-btn.active{background:#fff;color:#0a0a0a;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filter-toggle{border:1px solid rgba(0,0,0,.12);background:#fff;color:#525252}.filter-toggle:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15)}.services-container{margin-bottom:40px}.services-container.list-view{display:flex;flex-direction:column;gap:4px}.services-container.grid-view{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:1200px){.services-container.grid-view{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.services-container.grid-view{grid-template-columns:1fr;gap:16px}}.services-container.grid-view .service-item{background:linear-gradient(135deg,#ffffff,#fef7f6);border:1px solid #f0e7e6;border-radius:12px;padding:20px;margin-bottom:0;transition:all .2s cubic-bezier(.4,0,.2,1);flex-direction:column;height:fit-content}.services-container.grid-view .service-item:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(222,59,36,.08);border-color:#f4d2ce;background:linear-gradient(135deg,#ffffff,#fdf2f1)}.services-container.grid-view .service-item:first-child,.services-container.grid-view .service-item:last-child,.services-container.grid-view .service-item:only-child{border-radius:12px}.services-container.grid-view .service-item .service-main{margin-right:0;margin-bottom:16px;flex:1}.services-container.grid-view .service-item .service-title-row{margin-bottom:8px}.services-container.grid-view .service-item .service-description{-webkit-line-clamp:2;margin-bottom:16px}.services-container.grid-view .service-item .service-tags{margin-bottom:16px}.services-container.grid-view .service-item .service-bottom{justify-content:flex-start;margin-bottom:16px}.services-container.grid-view .service-item .service-meta{flex-direction:row;align-items:center;justify-content:space-between;min-width:0;width:100%}.services-container.grid-view .service-item .service-meta .service-stats{text-align:left;flex:0 0 auto}.services-container.grid-view .service-item .service-meta .service-actions{flex-direction:row;align-items:center;flex:0 0 auto;justify-content:flex-end}.service-item{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 24px;margin-bottom:0;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;border-radius:8px}.service-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);z-index:10}.service-item:first-child,.service-item:last-child,.service-item:only-child{border-radius:8px}@media(max-width:768px){.service-item{flex-direction:column;gap:12px;padding:16px 20px}}.service-main{flex:1;min-width:0;margin-right:24px}@media(max-width:768px){.service-main{margin-right:0}}.service-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}@media(max-width:768px){.service-header{flex-direction:column;gap:8px}}.service-title-row{display:flex;align-items:center;gap:10px;flex:1;margin-bottom:6px}.service-name{font-size:16px;font-weight:600;color:#000;line-height:1.3;margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.service-name:hover{color:#000}.featured-badge{background:#000;color:#fff;font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.service-bottom{display:flex;align-items:center;justify-content:flex-start}@media(max-width:768px){.service-bottom{flex-direction:column;align-items:flex-start;gap:8px}}.author-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px rgba(102,126,234,.2)}.service-description{font-size:14px;color:#666;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:400}.service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag-badge{background:#f3f4f6;color:#6b7280;border:none;font-size:11px;font-weight:500;padding:3px 8px;border-radius:12px;transition:all .15s ease}.tag-badge:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.more-tags{font-size:11px;color:#9ca3af;font-weight:500;padding:3px 6px;background:#f9fafb;border-radius:12px;transition:all .15s ease}.more-tags:hover{background:#f3f4f6;color:#6b7280}.service-meta{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0;min-width:140px}@media(max-width:768px){.service-meta{flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-width:0}}.service-metrics{display:flex;gap:20px}@media(max-width:768px){.service-metrics{gap:16px}}.metric{display:flex;align-items:center;gap:5px;font-size:13px;color:#666;font-weight:500;transition:color .15s ease}.metric:hover,.metric:hover .metric-icon{color:#000}.metric-icon{width:14px;height:14px;color:#999;transition:color .15s ease}.service-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}@media(max-width:768px){.service-stats{align-items:flex-start}}.stat-item{font-size:12px;line-height:1.3}.stat-value{color:#000;font-weight:500}.stat-label{color:#666;font-weight:500}.service-actions{display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:flex-end}@media(max-width:768px){.service-actions{justify-content:center;gap:12px}}.use-btn{background:linear-gradient(135deg,#000000,#de3b24);color:#fff;font-size:13px;font-weight:600;padding:8px 16px;height:auto;border-radius:8px;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(222,59,36,.2);display:flex;align-items:center;gap:6px;position:relative;overflow:hidden}.use-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a1a,#ff4a2b);opacity:0;transition:opacity .2s ease}.use-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(222,59,36,.3)}.use-btn:hover:before{opacity:1}.use-btn:active{transform:translateY(-1px);box-shadow:0 3px 8px rgba(222,59,36,.25)}.use-btn .use-btn-icon,.use-btn span{position:relative;z-index:1}.use-btn-icon{width:14px;height:14px;flex-shrink:0}.remix-btn{background:#fff;color:#374151;border:1px solid #e5e7eb;font-size:13px;font-weight:600;padding:8px 14px;height:auto;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.remix-btn:hover{background:#f9fafb;color:#111827;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.remix-btn:active{transform:translateY(0);background:#f3f4f6;box-shadow:0 1px 2px rgba(0,0,0,.05)}.remix-btn-icon{width:14px;height:14px;flex-shrink:0}.load-more-section{display:flex;justify-content:center;padding:32px 0;border-top:1px solid rgba(0,0,0,.06)}.load-more-btn{background:#fff;border:1px solid rgba(0,0,0,.12);color:#525252;font-weight:500;padding:12px 32px}.load-more-btn:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15);color:#0a0a0a}@media(max-width:1024px){.discover-sidebar{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:20px}.filter-section{margin-bottom:20px}.filter-section:last-child{margin-bottom:0}}@media(max-width:640px){.discover-header{padding:20px 0}.discover-title{font-size:24px}.discover-subtitle{font-size:14px}.discover-layout{padding:20px 0}.services-grid{grid-template-columns:1fr;gap:16px}.service-card .service-header{padding:16px 16px 12px}.service-card .service-content{padding:0 16px 12px}.service-card .service-footer{padding:12px 16px 16px}}*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.action-btn,.filter-item,.load-more-btn,.service-card{will-change:transform;transform:translateZ(0)}.service-card{box-shadow:none!important}.service-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.08)!important}.discover-page{letter-spacing:normal}.discover-page *{box-sizing:border-box}:root{--primary-text:#1a1a1a;--secondary-text:#666666;--accent-color:#de3b24;--background:#ffffff;--background-subtle:#fafafa;--border-light:#e5e5e5;--border-subtle:rgba(0,0,0,0.08);--surface:#ffffff;--surface-hover:rgba(0,0,0,0.02);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:40px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 8px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12)}.pricing-hero{position:relative;padding-top:120px;padding-bottom:0;background:rgba(0,0,0,0);text-align:center}@media(max-width:1024px){.pricing-hero{padding-top:100px;padding-bottom:var(--space-12)}}@media(max-width:768px){.pricing-hero{padding-top:90px;padding-bottom:var(--space-10)}}.pricing-hero-content{max-width:800px;margin:0 auto}.pricing-hero-title{font-weight:600;line-height:1.1;color:var(--primary-text);margin-bottom:var(--space-6);font-family:GeneralSans,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em}.pricing-hero-title,.pricing-hero-title .gradient-text{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-2xl))}.pricing-hero-title .gradient-text{color:var(--accent-color);margin-top:10px}.pricing-hero-description{font-size:var(--font-size-lg);line-height:1.6;color:var(--secondary-text);max-width:600px;margin:0 auto}.pricing-explanation{padding:var(--space-12) 0;background:var(--background-subtle)}.explanation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);max-width:600px;margin:0 auto}@media(max-width:768px){.explanation-grid{gap:var(--space-6)}}.explanation-card{text-align:center;padding:var(--space-6);background:var(--surface);border:1px solid var(--border-light);border-radius:12px;transition:all .2s ease}.explanation-card:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.explanation-card .explanation-icon{width:48px;height:48px;background:var(--background-subtle);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.explanation-card .explanation-icon svg{width:20px;height:20px;color:var(--accent-color)}.explanation-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-text);margin-bottom:var(--space-3)}.explanation-card p{color:var(--secondary-text);line-height:1.6;font-size:var(--font-size-base)}.pricing-toggle-container{display:flex;justify-content:center;margin:0}.pricing-toggle{margin:10px;display:inline-flex;align-items:center;background:rgba(173,169,166,.1215686275);border:1px solid hsl(var(--border)/.2);border-radius:50px;padding:3px;backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.1)}.pricing-toggle-option{position:relative;display:flex;align-items:center;gap:6px;padding:5px 10px;border:none;background:rgba(0,0,0,0);border-radius:47px;font-size:13px;font-weight:500;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;white-space:nowrap;outline:none}.pricing-toggle-option.percent{padding-right:6px}.pricing-toggle-option.active{color:hsl(var(--foreground));background:#fff;border-radius:47px;box-shadow:0 2px 8px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.2);border:1px solid hsl(var(--border)/.1)}.pricing-toggle-option:hover:not(.active){color:hsl(var(--foreground)/.8);background:hsl(var(--muted)/.3)}.pricing-toggle-option:focus{outline:none}.pricing-toggle-option:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.pricing-toggle-option:active:not(.active){transform:scale(.98)}.pricing-toggle-discount{display:inline-flex;align-items:center;padding:3px 6px;background:#10b981;color:#fff;border-radius:10px;font-size:10px;font-weight:600;text-transform:none;letter-spacing:.025em;margin-left:5px;animation:subtle-glow 2s ease-in-out infinite alternate;box-shadow:0 1px 3px rgba(16,185,129,.3),0 1px 2px rgba(16,185,129,.2)}@keyframes subtle-glow{0%{box-shadow:0 1px 3px rgba(16,185,129,.3),0 1px 2px rgba(16,185,129,.2)}to{box-shadow:0 2px 6px rgba(16,185,129,.4),0 1px 3px rgba(16,185,129,.3)}}.dark .pricing-toggle{background:hsl(var(--muted)/.3);border-color:hsl(var(--border)/.3);box-shadow:0 2px 8px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.05)}.dark .pricing-toggle-option.active{background:#fff;color:#1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}.dark .pricing-toggle-discount{background:#059669;box-shadow:0 1px 3px rgba(5,150,105,.4),0 1px 2px rgba(5,150,105,.3)}.pricing-cards{padding:var(--space-8) 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}@media(max-width:1024px){.pricing-grid{grid-template-columns:1fr;gap:1.5rem;max-width:500px}}@media(max-width:768px){.pricing-grid{gap:1.25rem}}.pricing-card{position:relative;background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:1.5rem;transition:all .2s ease;display:flex;flex-direction:column;height:100%;box-shadow:0 1px 3px rgba(0,0,0,.1)}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.pricing-card.popular{border:2px solid #0f172a;background:linear-gradient(135deg,#ffffff,#fafbfc);transform:scale(1.02);box-shadow:0 8px 32px rgba(15,23,42,.15),inset 0 0 0 1px rgba(15,23,42,.05)}.pricing-card.popular:hover{transform:scale(1.02) translateY(-4px);box-shadow:0 16px 48px rgba(15,23,42,.2),inset 0 0 0 1px rgba(15,23,42,.08)}.pricing-card.popular .pricing-name{color:#0f172a;font-weight:800}.pricing-card.popular .price-amount,.pricing-card.popular .price-currency{color:#0f172a}.pricing-card.popular .pricing-card-header{margin-top:.875rem;margin-bottom:1.25rem}.pricing-card.popular .pricing-features,.pricing-card.popular .pricing-price{margin-bottom:1.25rem}.pricing-card.popular .pricing-cta{background:linear-gradient(145deg,#0f172a,#1e293b);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 8px rgba(15,23,42,.3),0 0 0 1px rgba(15,23,42,.8),0 0 20px rgba(59,130,246,.3),inset 0 1px 0 rgba(255,255,255,.1)}.pricing-card.popular .pricing-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.8) 20%,rgb(59,130,246) 50%,rgba(59,130,246,.8) 80%,transparent);border-radius:8px 8px 0 0}.pricing-card.popular .pricing-cta:hover{background:linear-gradient(145deg,#1e293b,#334155);transform:translateY(-2px);box-shadow:0 8px 16px rgba(15,23,42,.4),0 0 0 1px rgba(15,23,42,.9),0 0 32px rgba(59,130,246,.4),inset 0 1px 0 rgba(255,255,255,.15)}.pricing-card.popular .pricing-cta:active{transform:translateY(-1px);box-shadow:0 2px 8px rgba(15,23,42,.3),0 0 0 1px rgba(15,23,42,.8),0 0 16px rgba(59,130,246,.3),inset 0 1px 0 rgba(255,255,255,.1)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(145deg,#0f172a,#1e293b);color:#fff;padding:.375rem .875rem;border-radius:16px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;z-index:10;box-shadow:0 3px 8px rgba(15,23,42,.4),0 0 0 2px #fff,0 0 16px rgba(59,130,246,.2),inset 0 1px 0 rgba(255,255,255,.1)}.popular-badge:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.8) 25%,rgb(59,130,246) 50%,rgba(59,130,246,.8) 75%,transparent);border-radius:16px 16px 0 0}.popular-badge .popular-icon{width:.75rem;height:.75rem;fill:currentColor}.pricing-card-header{margin-bottom:1.5rem;text-align:center}.pricing-name{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.5rem;line-height:1.2;letter-spacing:-.01em}.pricing-subtitle{color:#64748b;font-size:.85rem;margin:0 0 .5rem;line-height:1.4;font-weight:500}.pricing-description{color:#64748b;font-size:.8rem;margin:0;line-height:1.5;font-weight:400}.pricing-best-for{margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.pricing-best-for p{margin:0;font-size:.8rem;line-height:1.5;color:#475569;font-weight:500}.pricing-price{margin-bottom:1.5rem;text-align:center}.pricing-price .price-custom{font-size:2rem;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-.02em;display:block;margin-bottom:.25rem}.pricing-price .price-currency{font-size:1.5rem;font-weight:800;color:#0f172a;vertical-align:top;letter-spacing:-.01em}.pricing-price .price-amount{font-size:2rem;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-.02em}.pricing-price .price-period{font-size:.8rem;color:#64748b;font-weight:500;display:block;margin-top:.25rem;line-height:1.3}.pricing-features{margin-bottom:1.5rem;flex-grow:1}.pricing-feature{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.pricing-feature:last-child{margin-bottom:0}.pricing-feature .feature-check{width:1rem;height:1rem;color:#10b981;flex-shrink:0;margin-top:.1rem}.pricing-feature span{font-size:.85rem;color:#475569;line-height:1.5;font-weight:500}.pricing-cta{width:100%;justify-content:center;border-radius:8px;font-weight:600;font-size:.9rem;padding:.75rem 1.25rem;transition:all .2s ease;border:none;position:relative;overflow:hidden}.pricing-cta.spawn-btn-accent{background:linear-gradient(145deg,#0f172a,#1e293b);color:#fff;box-shadow:0 2px 6px rgba(15,23,42,.25),0 0 0 1px rgba(15,23,42,.6),0 0 12px rgba(99,102,241,.15),inset 0 1px 0 rgba(255,255,255,.1)}.pricing-cta.spawn-btn-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4) 25%,rgba(99,102,241,.6) 50%,rgba(99,102,241,.4) 75%,transparent);border-radius:8px 8px 0 0}.pricing-cta.spawn-btn-accent:hover{background:linear-gradient(145deg,#1e293b,#334155);transform:translateY(-2px);box-shadow:0 4px 12px rgba(15,23,42,.35),0 0 0 1px rgba(15,23,42,.7),0 0 20px rgba(99,102,241,.25),inset 0 1px 0 rgba(255,255,255,.15)}.pricing-cta.spawn-btn-accent:active{transform:translateY(-1px);box-shadow:0 1px 4px rgba(15,23,42,.25),0 0 0 1px rgba(15,23,42,.6),0 0 8px rgba(99,102,241,.15),inset 0 1px 0 rgba(255,255,255,.1)}.pricing-cta.spawn-btn-ghost{background:linear-gradient(145deg,#f8fafc,#f1f5f9);color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.05),0 0 0 1px rgba(226,232,240,.8),0 0 8px rgba(148,163,184,.1),inset 0 1px 0 rgba(255,255,255,.8)}.pricing-cta.spawn-btn-ghost:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3) 25%,rgba(148,163,184,.5) 50%,rgba(148,163,184,.3) 75%,transparent);border-radius:8px 8px 0 0}.pricing-cta.spawn-btn-ghost:hover{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.08),0 0 0 1px rgba(203,213,225,.9),0 0 16px rgba(148,163,184,.15),inset 0 1px 0 rgba(255,255,255,.9)}.pricing-cta.spawn-btn-ghost:active{transform:translateY(-1px);box-shadow:0 1px 3px rgba(0,0,0,.05),0 0 0 1px rgba(226,232,240,.8),0 0 6px rgba(148,163,184,.1),inset 0 1px 0 rgba(255,255,255,.8)}.pricing-enterprise{padding:var(--space-12) 0;background:var(--background-subtle)}.enterprise-card{max-width:800px;margin:0 auto;background:var(--surface);border:1px solid var(--border-light);border-radius:16px;padding:var(--space-8);transition:all .3s ease}.enterprise-card:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-lg)}@media(max-width:768px){.enterprise-card{padding:var(--space-6)}}.enterprise-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:640px){.enterprise-header{flex-direction:column;text-align:center;gap:var(--space-3)}}.enterprise-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-text) 0,#333 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.enterprise-icon svg{width:28px;height:28px;color:#fff}.enterprise-content{flex:1}.enterprise-content h3{font-size:var(--font-size-xl);font-weight:600;color:var(--primary-text);margin-bottom:var(--space-2)}.enterprise-content .enterprise-subtitle{color:var(--secondary-text);font-size:var(--font-size-base);margin-bottom:var(--space-2)}.enterprise-content .enterprise-price{font-size:var(--font-size-lg);font-weight:600;color:var(--accent-color);margin:0}.enterprise-features{margin-bottom:var(--space-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-3)}@media(max-width:768px){.enterprise-features{grid-template-columns:1fr}}.enterprise-feature{display:flex;align-items:flex-start;gap:var(--space-3)}.enterprise-feature .feature-check{width:16px;height:16px;color:#059669;flex-shrink:0;margin-top:2px}.enterprise-feature span{font-size:var(--font-size-sm);color:var(--primary-text);line-height:1.5}.enterprise-pricing-note{background:var(--background-subtle);border-radius:8px;padding:var(--space-4);margin-bottom:var(--space-6)}.enterprise-pricing-note p{font-size:var(--font-size-sm);color:var(--secondary-text);line-height:1.5;margin:0}.enterprise-pricing-note strong{color:var(--primary-text);font-weight:600}.pricing-footer{padding:var(--space-12) 0;text-align:center}.pricing-footer-content{max-width:600px;margin:0 auto}.pricing-footer-content h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--primary-text);margin-bottom:var(--space-4);letter-spacing:-.01em}.pricing-footer-content p{font-size:var(--font-size-lg);color:var(--secondary-text);line-height:1.6;margin:0}@media(max-width:1400px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:100%}}@media(max-width:768px){.pricing-hero-title{font-size:var(--font-size-2xl)}.pricing-hero-description{font-size:var(--font-size-base)}.pricing-explanation{padding:var(--space-12) 0}.pricing-cards{padding:var(--space-16) 0}.explanation-grid,.pricing-grid{grid-template-columns:1fr}.pricing-grid{max-width:100%}.pricing-card{padding:1.25rem}}@media(max-width:480px){.pricing-card{padding:1rem}.pricing-name{font-size:1.125rem}.price-amount,.price-custom{font-size:1.75rem}.enterprise-card{padding:var(--space-5)}.enterprise-features{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.enterprise-card,.explanation-card,.pricing-card{animation:fadeInUp .6s ease-out}.pricing-card:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(222,59,36,.1)}@media(prefers-contrast:high){.pricing-badge,.pricing-card{border-width:2px}}@media(prefers-reduced-motion:reduce){.enterprise-card,.explanation-card,.pricing-badge,.pricing-card{transition:none;animation:none}.enterprise-card:hover,.explanation-card:hover,.pricing-card:hover{transform:none}}