@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz@0,9..40;1,9..40&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,700;1,9..40,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap";/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Inter",sans-serif;--default-mono-font-family:var(--font-mono);--color-ock-background-active:var(--ock-background-active);--color-ock-primary:var(--ock-primary)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--ock-radius-default:var(--radius-lg);--ock-radius-inner:var(--radius-md);--ock-font-family:"DM Sans",sans-serif;--ock-foreground:oklch(13% .028 261.692);--ock-foreground-muted:oklch(44.6% .03 256.802);--ock-foreground-inverse:oklch(98.5% .002 247.839);--ock-foreground-disabled:oklch(70.7% .022 261.325);--ock-background:oklch(98.5% .002 247.839);--ock-background-hover:oklch(92.8% .006 264.531);--ock-background-active:oklch(87.2% .01 258.338);--ock-background-alternate:oklch(92.8% .006 264.531);--ock-background-alternate-hover:oklch(87.2% .01 258.338);--ock-background-alternate-active:oklch(70.7% .022 261.325);--ock-background-inverse:oklch(96.7% .003 264.542);--ock-background-inverse-hover:oklch(92.8% .006 264.531);--ock-background-inverse-active:oklch(87.2% .01 258.338);--ock-background-reverse:oklch(13% .028 261.692);--ock-primary:oklch(51.1% .262 276.966);--ock-primary-hover:oklch(45.7% .24 277.023);--ock-primary-active:oklch(39.8% .195 277.366);--ock-primary-washed:oklch(93% .034 272.788);--ock-primary-disabled:oklch(78.5% .115 274.713);--ock-secondary:oklch(92.9% .013 255.508);--ock-secondary-hover:oklch(86.9% .022 252.894);--ock-secondary-active:oklch(70.4% .04 256.788);--ock-error:oklch(58.6% .253 17.585);--ock-warning:oklch(64.6% .222 41.116);--ock-success:oklch(64.8% .2 131.684);--ock-success-background:oklch(89.7% .196 126.665);--ock-line:oklch(87.2% .01 258.338);--ock-shadow-default:0px 8px 12px 0px #5b616e1f}[data-ock-theme=default-dark],[data-ock-theme=base-dark],[data-ock-theme=cyberpunk]{--ock-foreground:oklch(98.5% .002 247.839);--ock-foreground-muted:oklch(70.7% .022 261.325);--ock-foreground-inverse:oklch(13% .028 261.692);--ock-foreground-disabled:oklch(44.6% .03 256.802);--ock-background:oklch(13% .028 261.692);--ock-background-hover:oklch(27.8% .033 256.848);--ock-background-active:oklch(37.3% .034 259.733);--ock-background-alternate:oklch(27.8% .033 256.848);--ock-background-alternate-hover:oklch(37.3% .034 259.733);--ock-background-alternate-active:oklch(44.6% .03 256.802);--ock-background-inverse:oklch(21% .034 264.665);--ock-background-inverse-hover:oklch(27.8% .033 256.848);--ock-background-inverse-active:oklch(37.3% .034 259.733);--ock-background-reverse:oklch(98.5% .002 247.839);--ock-primary:oklch(67.3% .182 276.935);--ock-primary-hover:oklch(78.5% .115 274.713);--ock-primary-active:oklch(87% .065 274.039);--ock-primary-washed:oklch(35.9% .144 278.697);--ock-primary-disabled:oklch(25.7% .09 281.288);--ock-secondary:oklch(27.9% .041 260.031);--ock-secondary-hover:oklch(37.2% .044 257.287);--ock-secondary-active:oklch(44.6% .043 257.281);--ock-error:oklch(71.2% .194 13.428);--ock-warning:oklch(75% .183 55.934);--ock-success:oklch(84.1% .238 128.85);--ock-success-background:oklch(53.2% .157 131.589);--ock-line:oklch(37.3% .034 259.733)}[data-ock-theme=base-light]{--ock-primary:#0052ff;--ock-primary-hover:#014ceb;--ock-primary-active:#0148dc;--ock-primary-washed:#b2cbff;--ock-primary-disabled:#9dbcfe}[data-ock-theme=base-dark]{--ock-primary:#578bfa;--ock-primary-hover:#477ef5;--ock-primary-active:#5386f5;--ock-primary-washed:#051537;--ock-primary-disabled:#1b3365}[data-ock-theme=cyberpunk]{--ock-font-family:"Oxanium",sans-serif;--ock-radius-default:.125rem;--ock-radius-inner:0rem;--ock-primary:oklch(74% .238 322.16);--ock-primary-hover:oklch(83.3% .145 321.434);--ock-primary-active:oklch(90.3% .076 319.62);--ock-primary-washed:oklch(40.1% .17 325.612);--ock-primary-disabled:oklch(29.3% .136 325.661);--ock-error:oklch(58.6% .253 17.585);--ock-success:oklch(64.8% .2 131.684);--ock-warning:oklch(64.6% .222 41.116)}[data-ock-theme=hacker]{--ock-font-family:"Noto Sans Mono",sans-serif;--ock-radius-default:.375rem;--ock-radius-inner:.125rem;--ock-foreground:oklch(14.1% .005 285.823);--ock-foreground-muted:oklch(44.2% .017 285.786);--ock-foreground-inverse:oklch(98.5% 0 0);--ock-foreground-disabled:oklch(70.5% .015 286.067);--ock-background:oklch(98.5% 0 0);--ock-background-hover:oklch(92% .004 286.32);--ock-background-active:oklch(87.1% .006 286.286);--ock-background-alternate:oklch(92% .004 286.32);--ock-background-alternate-hover:oklch(87.1% .006 286.286);--ock-background-alternate-active:oklch(70.5% .015 286.067);--ock-background-inverse:oklch(96.7% .001 286.375);--ock-background-inverse-hover:oklch(92% .004 286.32);--ock-background-inverse-active:oklch(87.1% .006 286.286);--ock-background-reverse:oklch(98.5% 0 0);--ock-primary:oklch(14.1% .005 285.823);--ock-primary-hover:oklch(27.4% .006 286.033);--ock-primary-active:oklch(37% .013 285.805);--ock-primary-washed:oklch(96.7% .001 286.375);--ock-primary-disabled:oklch(87.1% .006 286.286);--ock-secondary:oklch(92.2% 0 0);--ock-secondary-hover:oklch(87% 0 0);--ock-secondary-active:oklch(70.8% 0 0);--ock-error:oklch(58.6% .253 17.585);--ock-warning:oklch(64.6% .222 41.116);--ock-success:oklch(64.8% .2 131.684);--ock-line:oklch(87.1% .006 286.286)}}@layer components;@layer utilities{.ock\:pointer-events-none{pointer-events:none}.ock\:visible{visibility:visible}.ock\:sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ock\:absolute{position:absolute}.ock\:fixed{position:fixed}.ock\:relative{position:relative}.ock\:static{position:static}.ock\:inset-0{inset:calc(var(--spacing)*0)}.ock\:inset-x-0{inset-inline:calc(var(--spacing)*0)}.ock\:inset-y-0{inset-block:calc(var(--spacing)*0)}.ock\:top-0{top:calc(var(--spacing)*0)}.ock\:top-1\/2{top:50%}.ock\:top-4{top:calc(var(--spacing)*4)}.ock\:top-6{top:calc(var(--spacing)*6)}.ock\:top-\[50\%\]{top:50%}.ock\:top-\[100px\]{top:100px}.ock\:top-full{top:100%}.ock\:-right-0\.5{right:calc(var(--spacing)*-.5)}.ock\:right-0{right:calc(var(--spacing)*0)}.ock\:right-2{right:calc(var(--spacing)*2)}.ock\:right-4{right:calc(var(--spacing)*4)}.ock\:-bottom-0\.5{bottom:calc(var(--spacing)*-.5)}.ock\:-bottom-\[12\.875rem\]{bottom:-12.875rem}.ock\:bottom-0{bottom:calc(var(--spacing)*0)}.ock\:bottom-4{bottom:calc(var(--spacing)*4)}.ock\:bottom-5{bottom:calc(var(--spacing)*5)}.ock\:bottom-full{bottom:100%}.ock\:left-0{left:calc(var(--spacing)*0)}.ock\:left-1\/2,.ock\:left-2\/4{left:50%}.ock\:left-3\/4{left:75%}.ock\:left-4{left:calc(var(--spacing)*4)}.ock\:left-\[-99999px\]{left:-99999px}.ock\:left-\[0\%\]{left:0%}.ock\:left-\[50\%\]{left:50%}.ock\:z-0{z-index:0}.ock\:z-1{z-index:1}.ock\:z-10{z-index:10}.ock\:z-20{z-index:20}.ock\:z-40{z-index:40}.ock\:z-50{z-index:50}.ock\:container{width:100%}@media (min-width:40rem){.ock\:container{max-width:40rem}}@media (min-width:48rem){.ock\:container{max-width:48rem}}@media (min-width:64rem){.ock\:container{max-width:64rem}}@media (min-width:80rem){.ock\:container{max-width:80rem}}@media (min-width:96rem){.ock\:container{max-width:96rem}}.ock\:m-0{margin:calc(var(--spacing)*0)}.ock\:mx-auto{margin-inline:auto}.ock\:-my-1{margin-block:calc(var(--spacing)*-1)}.ock\:-my-6{margin-block:calc(var(--spacing)*-6)}.ock\:my-0\.5{margin-block:calc(var(--spacing)*.5)}.ock\:my-1\.5{margin-block:calc(var(--spacing)*1.5)}.ock\:my-2{margin-block:calc(var(--spacing)*2)}.ock\:my-3{margin-block:calc(var(--spacing)*3)}.ock\:-mt-4{margin-top:calc(var(--spacing)*-4)}.ock\:mt-0\.5{margin-top:calc(var(--spacing)*.5)}.ock\:mt-1{margin-top:calc(var(--spacing)*1)}.ock\:mt-2{margin-top:calc(var(--spacing)*2)}.ock\:mt-3{margin-top:calc(var(--spacing)*3)}.ock\:mt-4{margin-top:calc(var(--spacing)*4)}.ock\:mt-16{margin-top:calc(var(--spacing)*16)}.ock\:mt-\[60\%\]{margin-top:60%}.ock\:-mr-0\.5{margin-right:calc(var(--spacing)*-.5)}.ock\:-mr-px{margin-right:-1px}.ock\:mr-1{margin-right:calc(var(--spacing)*1)}.ock\:mr-2{margin-right:calc(var(--spacing)*2)}.ock\:mr-10{margin-right:calc(var(--spacing)*10)}.ock\:mb-1{margin-bottom:calc(var(--spacing)*1)}.ock\:mb-2{margin-bottom:calc(var(--spacing)*2)}.ock\:mb-4{margin-bottom:calc(var(--spacing)*4)}.ock\:mb-6{margin-bottom:calc(var(--spacing)*6)}.ock\:ml-1{margin-left:calc(var(--spacing)*1)}.ock\:ml-2{margin-left:calc(var(--spacing)*2)}.ock\:ml-6{margin-left:calc(var(--spacing)*6)}.ock\:ml-px{margin-left:1px}.ock\:box-border{box-sizing:border-box}.ock\:block{display:block}.ock\:contents{display:contents}.ock\:flex{display:flex}.ock\:grid{display:grid}.ock\:hidden{display:none}.ock\:inline-flex{display:inline-flex}.ock\:aspect-square{aspect-ratio:1}.ock\:size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.ock\:h-1{height:calc(var(--spacing)*1)}.ock\:h-2\.5{height:calc(var(--spacing)*2.5)}.ock\:h-3{height:calc(var(--spacing)*3)}.ock\:h-4{height:calc(var(--spacing)*4)}.ock\:h-5{height:calc(var(--spacing)*5)}.ock\:h-6{height:calc(var(--spacing)*6)}.ock\:h-7{height:calc(var(--spacing)*7)}.ock\:h-8{height:calc(var(--spacing)*8)}.ock\:h-9{height:calc(var(--spacing)*9)}.ock\:h-10{height:calc(var(--spacing)*10)}.ock\:h-11{height:calc(var(--spacing)*11)}.ock\:h-12{height:calc(var(--spacing)*12)}.ock\:h-14{height:calc(var(--spacing)*14)}.ock\:h-16{height:calc(var(--spacing)*16)}.ock\:h-20{height:calc(var(--spacing)*20)}.ock\:h-24{height:calc(var(--spacing)*24)}.ock\:h-28{height:calc(var(--spacing)*28)}.ock\:h-44{height:calc(var(--spacing)*44)}.ock\:h-120{height:30rem}.ock\:h-\[1\.125rem\]{height:1.125rem}.ock\:h-\[1\.625rem\]{height:1.625rem}.ock\:h-\[12\.875rem\]{height:12.875rem}.ock\:h-\[15px\]{height:15px}.ock\:h-\[18px\]{height:18px}.ock\:h-\[34px\]{height:34px}.ock\:h-\[42px\]{height:42px}.ock\:h-\[80px\]{height:80px}.ock\:h-\[148px\]{height:148px}.ock\:h-auto{height:auto}.ock\:h-full{height:100%}.ock\:max-h-44{max-height:calc(var(--spacing)*44)}.ock\:max-h-80{max-height:calc(var(--spacing)*80)}.ock\:max-h-120{max-height:30rem}.ock\:max-h-350{max-height:calc(var(--spacing)*350)}.ock\:min-h-60{min-height:calc(var(--spacing)*60)}.ock\:min-h-full{min-height:100%}.ock\:w-1\/2{width:50%}.ock\:w-2\.5{width:calc(var(--spacing)*2.5)}.ock\:w-3{width:calc(var(--spacing)*3)}.ock\:w-3\/4{width:75%}.ock\:w-4{width:calc(var(--spacing)*4)}.ock\:w-5{width:calc(var(--spacing)*5)}.ock\:w-6{width:calc(var(--spacing)*6)}.ock\:w-7{width:calc(var(--spacing)*7)}.ock\:w-8{width:calc(var(--spacing)*8)}.ock\:w-9{width:calc(var(--spacing)*9)}.ock\:w-10{width:calc(var(--spacing)*10)}.ock\:w-11{width:calc(var(--spacing)*11)}.ock\:w-12{width:calc(var(--spacing)*12)}.ock\:w-14{width:calc(var(--spacing)*14)}.ock\:w-16{width:calc(var(--spacing)*16)}.ock\:w-20{width:calc(var(--spacing)*20)}.ock\:w-24{width:calc(var(--spacing)*24)}.ock\:w-28{width:calc(var(--spacing)*28)}.ock\:w-80{width:calc(var(--spacing)*80)}.ock\:w-88{width:22rem}.ock\:w-350{width:calc(var(--spacing)*350)}.ock\:w-\[1\.125rem\]{width:1.125rem}.ock\:w-\[15px\]{width:15px}.ock\:w-\[21\.75rem\]{width:21.75rem}.ock\:w-\[22rem\]{width:22rem}.ock\:w-\[42px\]{width:42px}.ock\:w-\[200px\]{width:200px}.ock\:w-\[375px\]{width:375px}.ock\:w-auto{width:auto}.ock\:w-fit{width:-moz-fit-content;width:fit-content}.ock\:w-full{width:100%}.ock\:max-w-24{max-width:calc(var(--spacing)*24)}.ock\:max-w-52{max-width:calc(var(--spacing)*52)}.ock\:max-w-350{max-width:calc(var(--spacing)*350)}.ock\:max-w-\[180px\]{max-width:180px}.ock\:max-w-\[500px\]{max-width:500px}.ock\:max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.ock\:max-w-full{max-width:100%}.ock\:min-w-0{min-width:calc(var(--spacing)*0)}.ock\:min-w-14{min-width:calc(var(--spacing)*14)}.ock\:min-w-24{min-width:calc(var(--spacing)*24)}.ock\:min-w-28{min-width:calc(var(--spacing)*28)}.ock\:min-w-40{min-width:calc(var(--spacing)*40)}.ock\:min-w-52{min-width:calc(var(--spacing)*52)}.ock\:min-w-80{min-width:calc(var(--spacing)*80)}.ock\:min-w-\[70px\]{min-width:70px}.ock\:min-w-\[153px\]{min-width:153px}.ock\:min-w-\[300px\]{min-width:300px}.ock\:min-w-full{min-width:100%}.ock\:flex-1{flex:1}.ock\:flex-shrink-0,.ock\:shrink-0{flex-shrink:0}.ock\:flex-grow,.ock\:grow{flex-grow:1}.ock\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.ock\:translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.ock\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.ock\:translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.ock\:translate-y-\[102\%\]{--tw-translate-y:102%;translate:var(--tw-translate-x)var(--tw-translate-y)}.ock\:scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ock\:rotate-90{rotate:90deg}.ock\:rotate-180{rotate:180deg}.ock\:transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.ock\:animate-in{animation:enter var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function))}.ock\:animate-out{animation:exit var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function))}.ock\:animate-pulse{animation:var(--animate-pulse)}.ock\:animate-spin{animation:var(--animate-spin)}.ock\:cursor-default{cursor:default}.ock\:cursor-grab{cursor:grab}.ock\:cursor-not-allowed{cursor:not-allowed}.ock\:cursor-pointer{cursor:pointer}.ock\:cursor-text{cursor:text}.ock\:touch-none{touch-action:none}.ock\:resize{resize:both}.ock\:\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.ock\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ock\:grid-cols-\[2\.5rem_1fr_auto\]{grid-template-columns:2.5rem 1fr auto}.ock\:flex-col{flex-direction:column}.ock\:flex-row{flex-direction:row}.ock\:flex-wrap{flex-wrap:wrap}.ock\:content-center{align-content:center}.ock\:items-center{align-items:center}.ock\:items-end{align-items:flex-end}.ock\:items-start{align-items:flex-start}.ock\:items-stretch{align-items:stretch}.ock\:justify-between{justify-content:space-between}.ock\:justify-center{justify-content:center}.ock\:justify-end{justify-content:flex-end}.ock\:justify-start{justify-content:flex-start}.ock\:gap-1{gap:calc(var(--spacing)*1)}.ock\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.ock\:gap-2{gap:calc(var(--spacing)*2)}.ock\:gap-3{gap:calc(var(--spacing)*3)}.ock\:gap-4{gap:calc(var(--spacing)*4)}.ock\:gap-8{gap:calc(var(--spacing)*8)}.ock\:gap-16{gap:calc(var(--spacing)*16)}:where(.ock\:space-x-0>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))}:where(.ock\:space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.ock\: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)))}:where(.ock\:space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.ock\:space-x-\[-\.8rem\]>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-.8rem*var(--tw-space-x-reverse));margin-inline-end:calc(-.8rem*calc(1 - var(--tw-space-x-reverse)))}.ock\:justify-self-center{justify-self:center}.ock\:justify-self-end{justify-self:flex-end}.ock\:justify-self-start{justify-self:flex-start}.ock\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ock\:overflow-hidden{overflow:hidden}.ock\:overflow-y-auto{overflow-y:auto}.ock\:overflow-y-hidden{overflow-y:hidden}.ock\:\!rounded-full{border-radius:3.40282e38px!important}.ock\:rounded{border-radius:.25rem}.ock\:rounded-\[0\.43931rem\]{border-radius:.43931rem}.ock\:rounded-\[6\.25rem\]{border-radius:6.25rem}.ock\:rounded-\[50\%\]{border-radius:50%}.ock\:rounded-full{border-radius:3.40282e38px}.ock\:rounded-lg{border-radius:var(--radius-lg)}.ock\:rounded-md{border-radius:var(--radius-md)}.ock\:rounded-ock-default{border-radius:var(--ock-radius-default)}.ock\:rounded-ock-inner{border-radius:var(--ock-radius-inner)}.ock\:rounded-xl{border-radius:var(--radius-xl)}.ock\:rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.ock\:rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.ock\:rounded-b-3xl{border-bottom-right-radius:var(--radius-3xl);border-bottom-left-radius:var(--radius-3xl)}.ock\:border{border-style:var(--tw-border-style);border-width:1px}.ock\:border-2{border-style:var(--tw-border-style);border-width:2px}.ock\:border-4{border-style:var(--tw-border-style);border-width:4px}.ock\:border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.ock\:border-\[length\:0_0_0_16px\]{border-style:var(--tw-border-style);border-width:0 0 0 16px}.ock\:border-\[length\:9px_0_9px_16px\]{border-style:var(--tw-border-style);border-width:9px 0 9px 16px}.ock\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.ock\:border-t-3{border-top-style:var(--tw-border-style);border-top-width:3px}.ock\:\!border-r-0{border-right-style:var(--tw-border-style)!important;border-right-width:0!important}.ock\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.ock\:\!border-b-0{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}.ock\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.ock\:\!border-l-0{border-left-style:var(--tw-border-style)!important;border-left-width:0!important}.ock\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.ock\:border-double{--tw-border-style:double;border-style:double}.ock\:border-none{--tw-border-style:none;border-style:none}.ock\:border-solid{--tw-border-style:solid;border-style:solid}.ock\:border-\[none\]{border-color:none}.ock\:border-gray-200{border-color:var(--color-gray-200)}.ock\:border-ock-background{border-color:var(--ock-background)}.ock\:border-ock-background-active{border-color:var(--ock-background-active)}.ock\:border-ock-background-reverse{border-color:var(--ock-background-reverse)}.ock\:border-ock-line{border-color:var(--ock-line)}.ock\:border-transparent{border-color:#0000}.ock\:border-t-gray-400{border-top-color:var(--color-gray-400)}.ock\:border-t-ock-primary{border-top-color:var(--ock-primary)}.ock\:border-l-ock-background{border-left-color:var(--ock-background)}.ock\:\!bg-inherit{background-color:inherit!important}.ock\:bg-\[\#0052FF\]{background-color:#0052ff}.ock\:bg-\[\#E0E7FF\]{background-color:#e0e7ff}.ock\:bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.ock\:bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.ock\:bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.ock\:bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.ock\:bg-gray-200{background-color:var(--color-gray-200)}.ock\:bg-ock-background{background-color:var(--ock-background)}.ock\:bg-ock-background-alternate{background-color:var(--ock-background-alternate)}.ock\:bg-ock-background-alternate-active{background-color:var(--ock-background-alternate-active)}.ock\:bg-ock-background-inverse{background-color:var(--ock-background-inverse)}.ock\:bg-ock-background-reverse{background-color:var(--ock-background-reverse)}.ock\:bg-ock-error{background-color:var(--ock-error)}.ock\:bg-ock-primary{background-color:var(--ock-primary)}.ock\:bg-ock-secondary{background-color:var(--ock-secondary)}.ock\:bg-ock-secondary-active{background-color:var(--ock-secondary-active)}.ock\:bg-transparent{background-color:#0000}.ock\:bg-white{background-color:var(--color-white)}.ock\:fill-\[\#65A30D\]{fill:#65a30d}.ock\:fill-\[\#E11D48\]{fill:#e11d48}.ock\:fill-\[\#F9FAFB\]{fill:#f9fafb}.ock\:fill-ock-background-alternate{fill:var(--ock-background-alternate)}.ock\:fill-ock-background-reverse{fill:var(--ock-background-reverse)}.ock\:fill-ock-error{fill:var(--ock-error)}.ock\:fill-ock-foreground{fill:var(--ock-foreground)}.ock\:fill-ock-foreground-inverse{fill:var(--ock-foreground-inverse)}.ock\:fill-ock-primary{fill:var(--ock-primary)}.ock\:object-cover{-o-object-fit:cover;object-fit:cover}.ock\:p-0{padding:calc(var(--spacing)*0)}.ock\:p-0\.5{padding:calc(var(--spacing)*.5)}.ock\:p-1{padding:calc(var(--spacing)*1)}.ock\:p-2{padding:calc(var(--spacing)*2)}.ock\:p-3{padding:calc(var(--spacing)*3)}.ock\:p-4{padding:calc(var(--spacing)*4)}.ock\:p-6{padding:calc(var(--spacing)*6)}.ock\:px-0{padding-inline:calc(var(--spacing)*0)}.ock\:px-1{padding-inline:calc(var(--spacing)*1)}.ock\:px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.ock\:px-2{padding-inline:calc(var(--spacing)*2)}.ock\:px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.ock\:px-3{padding-inline:calc(var(--spacing)*3)}.ock\:px-4{padding-inline:calc(var(--spacing)*4)}.ock\:px-6{padding-inline:calc(var(--spacing)*6)}.ock\:py-0{padding-block:calc(var(--spacing)*0)}.ock\:py-0\.5{padding-block:calc(var(--spacing)*.5)}.ock\:py-1{padding-block:calc(var(--spacing)*1)}.ock\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}.ock\:py-2{padding-block:calc(var(--spacing)*2)}.ock\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.ock\:py-3{padding-block:calc(var(--spacing)*3)}.ock\:py-4{padding-block:calc(var(--spacing)*4)}.ock\:pt-2{padding-top:calc(var(--spacing)*2)}.ock\:pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.ock\:pt-3{padding-top:calc(var(--spacing)*3)}.ock\:pt-6{padding-top:calc(var(--spacing)*6)}.ock\:pt-8{padding-top:calc(var(--spacing)*8)}.ock\:pr-3{padding-right:calc(var(--spacing)*3)}.ock\:pb-2{padding-bottom:calc(var(--spacing)*2)}.ock\:pb-3{padding-bottom:calc(var(--spacing)*3)}.ock\:pb-4{padding-bottom:calc(var(--spacing)*4)}.ock\:pl-1{padding-left:calc(var(--spacing)*1)}.ock\:pl-4{padding-left:calc(var(--spacing)*4)}.ock\:pl-6{padding-left:calc(var(--spacing)*6)}.ock\:pl-12{padding-left:calc(var(--spacing)*12)}.ock\:text-center{text-align:center}.ock\:text-left{text-align:left}.ock\:text-right{text-align:right}.ock\:font-display{font-family:DM Sans,sans-serif}.ock\:font-ock{font-family:var(--ock-font-family)}.ock\:font-sans{font-family:Inter,sans-serif}.ock\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.ock\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.ock\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.ock\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.ock\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.ock\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.ock\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.ock\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.ock\:text-\[0\.6875rem\]{font-size:.6875rem}.ock\:text-\[2\.5rem\]{font-size:2.5rem}.ock\:text-\[10px\]{font-size:10px}.ock\:leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.ock\:leading-\[13px\]{--tw-leading:13px;line-height:13px}.ock\:leading-none{--tw-leading:1;line-height:1}.ock\:font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.ock\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.ock\:font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.ock\:font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.ock\:text-nowrap{text-wrap:nowrap}.ock\:text-ellipsis{text-overflow:ellipsis}.ock\:whitespace-nowrap{white-space:nowrap}.ock\:\!text-white{color:var(--color-white)!important}.ock\:text-\[\#4F46E5\]{color:#4f46e5}.ock\:text-\[\#8A919E\]{color:#8a919e}.ock\:text-gray-50{color:var(--color-gray-50)}.ock\:text-ock-error{color:var(--ock-error)}.ock\:text-ock-foreground{color:var(--ock-foreground)}.ock\:text-ock-foreground-disabled{color:var(--ock-foreground-disabled)}.ock\:text-ock-foreground-inverse{color:var(--ock-foreground-inverse)}.ock\:text-ock-foreground-muted{color:var(--ock-foreground-muted)}.ock\:text-ock-primary{color:var(--ock-primary)}.ock\:text-ock-success{color:var(--ock-success)}.ock\:text-red-500{color:var(--color-red-500)}.ock\:text-white{color:var(--color-white)}.ock\:uppercase{text-transform:uppercase}.ock\:opacity-0{opacity:0}.ock\:opacity-50{opacity:.5}.ock\:opacity-100{opacity:1}.ock\:opacity-\[0\.38\]{opacity:.38}.ock\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:shadow-\[0px_8px_24px_0px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0px 8px 24px 0px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:shadow-ock-default{--tw-shadow:var(--ock-shadow-default);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.ock\: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,)}.ock\: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))}.ock\:transition-\[bottom\]{transition-property:bottom;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ock\: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))}.ock\: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))}.ock\: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))}.ock\: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))}.ock\:duration-150{--tw-duration:.15s;transition-duration:.15s}.ock\:duration-200{--tw-duration:.2s;transition-duration:.2s}.ock\:duration-300{--tw-duration:.3s;transition-duration:.3s}.ock\:duration-500{--tw-duration:.5s;transition-duration:.5s}.ock\:ease-\[100ms\]{--tw-ease:.1s;transition-timing-function:.1s}.ock\:ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ock\:ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ock\:will-change-\[border-width\]{will-change:border-width}.ock\:outline-none{--tw-outline-style:none;outline-style:none}.ock\:select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ock\:slide-in-from-left-5{--tw-enter-translate-x: -5% }.ock\:slide-in-from-right-5{--tw-enter-translate-x: 5% }.ock\:slide-out-to-left-5{--tw-exit-translate-x: -5% }.ock\:slide-out-to-right-5{--tw-exit-translate-x: 5% }.ock\:fade-in{--tw-enter-opacity:0}.ock\:fade-out{--tw-exit-opacity:0}.ock\:fill-mode-forwards{animation-fill-mode:forwards}.ock\:paused{animation-play-state:paused}.ock\:running{animation-play-state:running}@media (hover:hover){.ock\:group-hover\:opacity-100:is(:where(.ock\:group):hover *){opacity:1}}.ock\:placeholder\:text-ock-foreground-muted::-moz-placeholder{color:var(--ock-foreground-muted)}.ock\:placeholder\:text-ock-foreground-muted::placeholder{color:var(--ock-foreground-muted)}@media (hover:hover){.ock\:hover\:border-\(--color-ock-background-active\):hover{border-color:var(--color-ock-background-active)}.ock\:hover\:border-\(--color-ock-primary\):hover{border-color:var(--color-ock-primary)}.ock\:hover\:bg-\[\#0045D8\]:hover{background-color:#0045d8}.ock\:hover\:bg-ock-background-alternate-hover:hover{background-color:var(--ock-background-alternate-hover)}.ock\:hover\:bg-ock-background-hover:hover{background-color:var(--ock-background-hover)}.ock\:hover\:bg-ock-background-inverse:hover{background-color:var(--ock-background-inverse)}.ock\:hover\:bg-ock-background-inverse-hover:hover{background-color:var(--ock-background-inverse-hover)}.ock\:hover\:bg-ock-primary-hover:hover{background-color:var(--ock-primary-hover)}.ock\:hover\:bg-ock-secondary-active:hover{background-color:var(--ock-secondary-active)}.ock\:hover\:bg-ock-secondary-hover:hover{background-color:var(--ock-secondary-hover)}.ock\:hover\:text-ock-foreground-muted:hover{color:var(--ock-foreground-muted)}.ock\:hover\:underline:hover{text-decoration-line:underline}.ock\:hover\:opacity-80:hover{opacity:.8}.ock\:hover\:opacity-100:hover{opacity:1}}.ock\:focus\:border-none:focus{--tw-border-style:none;border-style:none}.ock\:focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.ock\:focus\:bg-ock-background-active:focus{background-color:var(--ock-background-active)}.ock\:focus\:bg-ock-background-alternate-active:focus{background-color:var(--ock-background-alternate-active)}.ock\:focus\:bg-ock-background-inverse-active:focus{background-color:var(--ock-background-inverse-active)}.ock\:focus\:bg-ock-primary-active:focus{background-color:var(--ock-primary-active)}.ock\:focus\:bg-ock-secondary-active:focus{background-color:var(--ock-secondary-active)}.ock\:focus\:bg-transparent:focus{background-color:#0000}.ock\:focus\:ring-0: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)}.ock\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.ock\: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)}.ock\:focus-visible\:ring-ock-foreground:focus-visible{--tw-ring-color:var(--ock-foreground)}.ock\:focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.ock\:active\:cursor-grabbing:active{cursor:grabbing}.ock\:active\:bg-ock-background-active:active{background-color:var(--ock-background-active)}.ock\:active\:bg-ock-background-alternate-active:active{background-color:var(--ock-background-alternate-active)}.ock\:active\:bg-ock-background-inverse-active:active{background-color:var(--ock-background-inverse-active)}.ock\:active\:bg-ock-primary-active:active{background-color:var(--ock-primary-active)}.ock\:active\:bg-ock-secondary-active:active{background-color:var(--ock-secondary-active)}.ock\:active\:text-ock-primary:active{color:var(--ock-primary)}.ock\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.ock\:data-\[state\=active\]\:bg-ock-primary[data-state=active]{background-color:var(--ock-primary)}.ock\:data-\[state\=active\]\:text-ock-foreground-inverse[data-state=active]{color:var(--ock-foreground-inverse)}.ock\:data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function))}.ock\:data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.ock\:data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.ock\:data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.ock\:data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.ock\:data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.ock\:data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.ock\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.ock\:data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function))}.ock\:data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.ock\:data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.ock\:data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.ock\:data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.ock\:data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.ock\:data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.ock\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media not all and (min-width:40rem){.ock\:max-sm\:pt-4{padding-top:calc(var(--spacing)*4)}}@media (min-width:40rem){.ock\:sm\:max-w-sm{max-width:var(--container-sm)}}.ock\:dark\:bg-gray-700:where([data-ock-theme=default-dark] *,[data-ock-theme=base-dark] *,[data-ock-theme=cyberpunk] *){background-color:var(--color-gray-700)}.ock\:\[\&_path\]\:fill-ock-foreground path{fill:var(--ock-foreground)}.ock\:\[\&_path\]\:fill-ock-foreground-muted path{fill:var(--ock-foreground-muted)}.ock\:\[\&_path\]\:transition-colors path{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))}.ock\:\[\&_path\]\:ease-in-out path{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.ock\:\[\&_path\]\:hover\:fill-ock-foreground path:hover{fill:var(--ock-foreground)}}.ock\:\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button{margin:calc(var(--spacing)*0)}.ock\:\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ock\:\[\&\:\:-webkit-outer-spin-button\]\:m-0::-webkit-outer-spin-button{margin:calc(var(--spacing)*0)}.ock\:\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ock\:\[\&\>\*\]\:col-start-1>*{grid-column-start:1}.ock\:\[\&\>\*\]\:col-end-1>*{grid-column-end:1}.ock\:\[\&\>\*\]\:row-start-1>*{grid-row-start:1}.ock\:\[\&\>\*\]\:row-end-1>*{grid-row-end:1}:where(.ock\:\[\&\>div\]\:space-x-0>div>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))}:where(.ock\:\[\&\>div\]\:space-x-2>div>: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)))}.ock\:scrollbar-hidden::-webkit-scrollbar{display:none}.ock\:scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.ock\:ock-scrollbar{scrollbar-width:thin;scrollbar-color:#d1d5db #fff}.ock\:animate-enterRight{animation:enter var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function));--tw-duration:.5s;--tw-enter-opacity:0;--tw-enter-translate-x:calc(8*var(--spacing));transition-duration:.5s}.ock\:animate-enterUp{animation:enter var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function));--tw-duration:.5s;--tw-enter-opacity:0;--tw-enter-translate-y:calc(8*var(--spacing));transition-duration:.5s}.ock\:animate-enterDown{animation:enter var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function));--tw-duration:.5s;--tw-enter-opacity:0;--tw-enter-translate-y:calc(8*var(--spacing)*-1);transition-duration:.5s}.ock\:placeholder-ock-default::-moz-placeholder{color:var(--ock-foreground-muted)}.ock\:placeholder-ock-default::placeholder{color:var(--ock-foreground-muted)}}@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-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@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))}}@layer base{[data-ock-theme=base-light],[data-ock-theme=base-dark]{--ock-font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ock-radius-default: 16px;--ock-radius-inner: 12px;--ock-foreground: #1a1a1a;--ock-foreground-muted: #6b7280;--ock-foreground-inverse: #ffffff;--ock-foreground-disabled: #9ca3af;--ock-background: rgba(255, 255, 255, .98);--ock-background-hover: rgba(248, 250, 252, .95);--ock-background-active: rgba(241, 245, 249, .95);--ock-background-alternate: rgba(249, 250, 251, .95);--ock-background-alternate-hover: rgba(248, 250, 252, .95);--ock-background-alternate-active: rgba(241, 245, 249, .95);--ock-background-inverse: rgba(248, 250, 252, .95);--ock-background-inverse-hover: rgba(241, 245, 249, .95);--ock-background-inverse-active: rgba(229, 231, 235, .95);--ock-background-reverse: #1a1a1a;--ock-primary: #0052ff;--ock-primary-hover: #0047e6;--ock-primary-active: #003bb8;--ock-primary-washed: rgba(0, 82, 255, .1);--ock-primary-disabled: rgba(0, 82, 255, .5);--ock-secondary: rgba(226, 232, 240, .8);--ock-secondary-hover: rgba(203, 213, 225, .9);--ock-secondary-active: rgba(148, 163, 184, .9);--ock-error: #dc2626;--ock-warning: #d97706;--ock-success: #16a34a;--ock-success-background: rgba(187, 247, 208, .8);--ock-line: rgba(0, 82, 255, .1)}[data-ock-theme=base-dark]{--ock-foreground: #ffffff;--ock-foreground-muted: #9ca3af;--ock-background: rgba(26, 26, 26, .98);--ock-background-hover: rgba(39, 39, 42, .95);--ock-background-active: rgba(63, 63, 70, .95);--ock-background-alternate: rgba(39, 39, 42, .95);--ock-background-alternate-hover: rgba(39, 39, 42, .95);--ock-background-alternate-active: rgba(63, 63, 70, .95);--ock-background-inverse: rgba(39, 39, 42, .95);--ock-background-inverse-hover: rgba(39, 39, 42, .95);--ock-background-inverse-active: rgba(63, 63, 70, .95);--ock-background-reverse: #ffffff;--ock-line: rgba(0, 82, 255, .2)}}[data-radix-portal]{z-index:9999!important}[data-radix-portal]>div:first-child{background:#000000b3!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;animation:fadeIn .3s ease-out!important;z-index:9999!important}[data-radix-portal]>div:last-child{background:var(--ock-background)!important;border-radius:var(--ock-radius-default)!important;box-shadow:0 25px 60px #0052ff33!important;border:1px solid var(--ock-line)!important;animation:slideUp .3s ease-out!important;max-width:400px!important;margin:20px!important;z-index:9999!important}[data-radix-portal] h2,[data-radix-portal] h3{color:var(--ock-foreground)!important;font-weight:700!important;font-size:20px!important;margin-bottom:20px!important;font-family:var(--ock-font-family)!important}[data-radix-portal] button{border-radius:var(--ock-radius-inner)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:1px solid var(--ock-line)!important;background:var(--ock-background-alternate)!important;padding:16px 20px!important;margin-bottom:12px!important;font-weight:600!important;font-size:16px!important;color:var(--ock-foreground)!important;box-shadow:0 2px 8px #0052ff14!important;font-family:var(--ock-font-family)!important}[data-radix-portal] button:hover{transform:translateY(-3px)!important;box-shadow:0 12px 30px #0052ff40!important;border-color:var(--ock-primary)!important;background:var(--ock-background-alternate-hover)!important}[data-radix-portal] button:active{transform:translateY(-1px)!important;box-shadow:0 6px 20px #0052ff33!important}[data-radix-portal] button:has(img[alt*=MetaMask]){background:linear-gradient(135deg,#f6851b,#ff6b35)!important;color:#fff!important;border-color:#f6851b4d!important}[data-radix-portal] button:has(img[alt*=MetaMask]):hover{background:linear-gradient(135deg,#e67e00,#e55a2b)!important;box-shadow:0 12px 30px #f6851b66!important}[data-radix-portal] button:has(img[alt*=Coinbase]){background:linear-gradient(135deg,var(--ock-primary) 0%,#00d4ff 100%)!important;color:#fff!important;border-color:var(--ock-primary)!important}[data-radix-portal] button:has(img[alt*=Coinbase]):hover{background:linear-gradient(135deg,var(--ock-primary-hover) 0%,#00b8e6 100%)!important;box-shadow:0 12px 30px #0052ff66!important}[data-radix-portal] img{border-radius:10px!important;width:40px!important;height:40px!important;object-fit:contain!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){[data-radix-portal]>div:last-child{margin:10px!important;border-radius:16px!important;max-width:calc(100vw - 20px)!important}[data-radix-portal] button{padding:14px 18px!important;font-size:15px!important}[data-radix-portal] img{width:36px!important;height:36px!important}}@keyframes glow-pulse{0%,to{box-shadow:0 4px 16px #0052ff59,0 0 20px #0052ff33,0 0 30px #00d4ff1a}50%{box-shadow:0 6px 24px #0052ff80,0 0 40px #0052ff66,0 0 60px #00d4ff4d}}button[class*=ock],button[data-testid*=ock],div[data-ock-wallet] button,div[class*=ock] button,.wallet-connect-container button,.custom-wallet-button button{animation:glow-pulse 2s ease-in-out infinite!important}button[class*=ock]:hover,button[data-testid*=ock]:hover,div[data-ock-wallet] button:hover,div[class*=ock] button:hover,.wallet-connect-container button:hover,.custom-wallet-button button:hover{animation:none!important}@media (max-width: 400px){[data-rk]{max-width:90vw!important;width:90vw!important}[data-rk] .rk-modal-container{max-width:90vw!important;width:90vw!important;margin:0 auto!important}[data-rk] .rk-modal-content{max-width:100%!important;width:100%!important;padding:16px!important}[data-rk] .rk-wallet-list{max-width:100%!important;width:100%!important}[data-rk] .rk-wallet-button{width:100%!important;max-width:100%!important;margin-bottom:8px!important}[data-rk] .rk-text{font-size:14px!important}[data-rk] .rk-modal-title{font-size:18px!important;margin-bottom:12px!important}}@media (max-width: 400px) and (max-height: 600px){[data-rk]{max-width:95vw!important;width:95vw!important;max-height:80vh!important}[data-rk] .rk-modal-container{max-width:95vw!important;width:95vw!important;max-height:80vh!important;overflow-y:auto!important}[data-rk] .rk-wallet-button{padding:12px 16px!important;font-size:14px!important}[data-rk] .rk-wallet-icon{width:24px!important;height:24px!important}}@media (max-width: 350px){[data-rk]{max-width:98vw!important;width:98vw!important}[data-rk] .rk-modal-container{max-width:98vw!important;width:98vw!important;padding:8px!important}[data-rk] .rk-modal-content{padding:12px!important}[data-rk] .rk-wallet-button{padding:10px 12px!important;font-size:13px!important}[data-rk] .rk-modal-title{font-size:16px!important}}.custom-connect-button{background:linear-gradient(135deg,#00d4ff,#0080ff);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:8px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #00d4ff40,inset 0 1px #ffffff4d,0 0 0 1px #ffffff0d;min-width:150px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.custom-connect-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.custom-connect-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 48px #00d4ff59,inset 0 1px #fff6,0 0 0 1px #ffffff1a;background:linear-gradient(135deg,#00e6ff,#06f);border-color:#ffffff59}.custom-connect-button:hover:before{left:100%}.custom-connect-button:active{transform:translateY(-1px) scale(1.01);transition:all .1s ease}.wallet-connected-container{display:flex;align-items:center;gap:12px}.header-right .wallet-connected-container{gap:8px;flex-direction:row!important}.header-right .chain-dropdown-button,.header-right [data-testid=ockConnectWallet_Connected]{height:40px!important;min-height:40px!important}.chain-dropdown{position:relative;display:inline-block;margin:0!important;padding:0!important}.chain-dropdown-button{width:40px;height:40px;border:1px solid rgba(138,43,226,.3);background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.chain-dropdown-button:hover{background:#8a2be21a;border-color:#8a2be280}.chain-logo{width:24px;height:24px;object-fit:contain}.chain-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid rgba(138,43,226,.3);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:160px}.chain-option{width:100%;padding:12px 16px;border:none;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:left}.chain-option:first-child{border-radius:8px 8px 0 0}.chain-option:last-child{border-radius:0 0 8px 8px}.chain-option:hover{background:#8a2be21a}.chain-option.active{background:#8a2be233;color:#8a2be2;font-weight:600}.chain-option-logo{width:20px;height:20px;object-fit:contain}[data-ock-wallet]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}[data-ock-wallet] button{border-radius:12px!important}button[data-testid=ockConnectWallet_Connected]{padding:4px 8px!important;min-height:40px!important;height:40px!important}button[data-testid=ockConnectWallet_Connected] .ock\\:px-4{padding-left:8px!important;padding-right:8px!important}button[data-testid=ockConnectWallet_Connected] .ock\\:py-3{padding-top:4px!important;padding-bottom:4px!important}button[data-testid=ockConnectWallet_Connected] [data-testid=ockAvatar_ImageContainer]{width:24px!important;height:24px!important}button[data-testid=ockConnectWallet_Connected] [data-testid=ockIdentity_Text]{font-size:14px!important;line-height:1.2!important}.header{position:sticky;top:0;z-index:100;width:100%;max-width:100vw;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000d;box-sizing:border-box}.header-container{width:100%;margin:0 auto;padding:6px 24px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform .2s ease}.logo:hover{transform:scale(1.08)}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 4px rgba(0,82,255,.3)) drop-shadow(0 0 8px rgba(0,212,255,.2));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(0,82,255,.6)) drop-shadow(0 0 16px rgba(0,212,255,.4));transform:scale(1.05)}}.logo-icon{font-size:40px;line-height:1;animation:logo-glow 2.5s ease-in-out infinite}@keyframes text-glow{0%,to{text-shadow:0 0 10px rgba(0,82,255,.3),0 0 20px rgba(0,212,255,.2)}50%{text-shadow:0 0 20px rgba(0,82,255,.6),0 0 40px rgba(0,212,255,.4),0 0 60px rgba(0,212,255,.3)}}.logo-text{font-size:32px;font-weight:900;background:linear-gradient(135deg,#0052ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;animation:text-glow 2.5s ease-in-out infinite}.nav{display:flex;align-items:center;gap:16px}.nav .wallet-connect-container,.nav .wallet-connected-container{margin:0;padding:0;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav [data-testid=ockConnectWallet],.nav button[data-testid=ockConnectWallet],.nav .wallet-connect-container button{background:linear-gradient(135deg,#0052ff,#00d4ff)!important;color:#fff!important;border:none!important;padding:6px 18px!important;border-radius:10px!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;gap:6px!important;box-shadow:0 4px 16px #0052ff59!important;min-width:130px!important;justify-content:center!important;height:34px!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;letter-spacing:.3px!important;position:relative!important;overflow:hidden!important;animation:glow-pulse 2s ease-in-out infinite!important}@keyframes glow-pulse{0%,to{box-shadow:0 4px 16px #0052ff59,0 0 20px #0052ff33,0 0 30px #00d4ff1a!important}50%{box-shadow:0 6px 24px #0052ff80,0 0 40px #0052ff66,0 0 60px #00d4ff4d!important}}.nav [data-testid=ockConnectWallet]:hover,.nav button[data-testid=ockConnectWallet]:hover,.nav .wallet-connect-container button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 28px #0052ff80,0 0 40px #00d4ff4d!important;background:linear-gradient(135deg,#0047e6,#00b8e6)!important;animation:none!important}.nav [data-testid=ockConnectWallet]:active,.nav button[data-testid=ockConnectWallet]:active,.nav .wallet-connect-container button:active{transform:translateY(0)!important;box-shadow:0 4px 16px #0052ff59!important;animation:none!important}.nav [data-testid=ockConnectWallet]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.nav [data-testid=ockConnectWallet]:hover:before{left:100%}.nav .custom-connect-button{background:linear-gradient(135deg,#0052ff,#00d4ff);color:#fff;border:none;padding:6px 16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 3px 12px #0052ff4d;min-width:120px;justify-content:center;height:36px}.nav .custom-connect-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0052ff66;background:linear-gradient(135deg,#0047e6,#00b8e6)}.nav .custom-connect-button:active{transform:translateY(0);box-shadow:0 3px 12px #0052ff4d}.nav .wallet-connected-container{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav .wallet-connected-container [data-ock-wallet]{background:linear-gradient(135deg,#0052ff,#00d4ff);border-radius:8px;padding:4px 12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #0052ff4d;border:none;display:flex;align-items:center;gap:6px;min-width:120px;justify-content:center;height:28px;font-size:14px}.nav .wallet-connected-container [data-ock-wallet]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0052ff66;background:linear-gradient(135deg,#0047e6,#00b8e6)}.nav .wallet-connected-container [data-ock-wallet]:active{transform:translateY(0);box-shadow:0 3px 12px #0052ff4d}.nav .wallet-chain,.nav .force-disconnect-button{display:none}@media (max-width: 768px){.header{padding:0}.header-container{padding:12px}.logo-icon{font-size:32px}.logo-text{font-size:24px}}@media (max-width: 480px){.header-container{padding:10px}.logo-icon{font-size:28px}.logo-text{font-size:20px}}.payment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.payment-modal{width:100%;max-width:480px;background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;pointer-events:auto!important;position:relative;z-index:10001}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-modal-title{font-size:22px;font-weight:800;margin-bottom:20px;color:#333;text-align:center}.network-info-box{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border:1px solid #d1e7ff;border-radius:12px;padding:16px;margin-bottom:16px}.network-info-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.network-info-icon{font-size:24px}.network-info-content{display:flex;flex-direction:column;gap:4px}.network-info-label{font-size:12px;color:#666;font-weight:500}.network-info-value{font-size:16px;font-weight:600;color:#1976d2}.testnet-info{margin-top:12px;padding-top:12px;border-top:1px solid #d1e7ff}.testnet-warning{background:#fff3e0;border:1px solid #ffb74d;border-radius:8px;padding:10px;font-size:12px;color:#ef6c00;text-align:center;line-height:1.4}.testnet-warning a{color:#ef6c00;text-decoration:underline;font-weight:600}.testnet-warning a:hover{color:#d84315}.payment-info-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;padding:12px;margin-bottom:12px;color:#fff}.payment-info-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.payment-info-row:last-of-type{margin-bottom:0;padding-top:6px;border-top:1px solid rgba(255,255,255,.3)}.payment-info-label{font-size:14px;opacity:.9}.payment-info-value{font-size:18px;font-weight:700}.payment-info-note{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.3);font-size:10px;opacity:.8;text-align:center;line-height:1.2}.price-source-row{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:4px}.separator{opacity:.6;font-weight:700}.countdown-container{margin-top:6px;padding:6px;background:#ffffff1a;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.countdown-label{font-size:11px;opacity:.9}.countdown-timer{font-size:16px;font-weight:700;color:#0f8;background:#0f83;padding:4px 8px;border-radius:6px;min-width:40px;text-align:center;transition:all .3s ease}.countdown-timer.warning{color:#ff6b6b;background:#ff6b6b33;animation:pulse-warning .5s infinite alternate}.countdown-warning{font-size:10px;color:#ff6b6b;font-weight:600;animation:blink 1s infinite}@keyframes pulse-warning{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:.8}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.payment-details{background:#f8f9ff;border-radius:12px;padding:16px;margin-bottom:16px}.payment-detail-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #e8e8ff}.payment-detail-item:last-child{border-bottom:none}.detail-icon{font-size:20px}.detail-text{font-size:13px;color:#555;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-info{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #90caf9;border-radius:10px;padding:8px;margin-bottom:6px;order:-1}.vehicle-detail-content{display:flex;flex-direction:column;gap:4px}.vehicle-status-badge{font-size:12px;font-weight:600;padding:2px 6px;border-radius:8px;display:inline-block;background:#22c55e1a;color:#22c55e}.tx-hash-box{background:#e3f2fd;border:1px solid #90caf9;border-radius:12px;padding:12px;margin-bottom:16px}.tx-hash-label{font-size:12px;color:#1976d2;margin-bottom:8px;font-weight:600}.tx-hash-link{display:block;font-family:Courier New,monospace;font-size:14px;color:#1565c0;text-decoration:none;word-break:break-all}.tx-hash-link:hover{text-decoration:underline}.tx-network-info{font-size:11px;color:#1976d2;margin-top:4px;text-align:center;font-weight:500}.payment-error{background:#ffebee;border:1px solid #ef5350;border-radius:12px;padding:12px;margin-bottom:16px;color:#c62828;font-size:13px;text-align:center}.payment-success{background:#e8f5e9;border:1px solid #66bb6a;border-radius:12px;padding:12px;margin-bottom:16px;color:#2e7d32;font-size:15px;font-weight:600;text-align:center}.payment-status{background:#fff3e0;border:1px solid #ffb74d;border-radius:12px;padding:12px;margin-bottom:16px;color:#ef6c00;font-size:13px;text-align:center;font-weight:500}.payment-actions{display:flex;gap:10px;margin-bottom:12px}.payment-btn{flex:1;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.payment-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.payment-btn-cancel{background:#f5f5f5;color:#666}.payment-btn-cancel:hover:not(:disabled){background:#e8e8e8}.payment-btn-pay{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.payment-btn-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.payment-note{text-align:center;font-size:12px;color:#999;line-height:1.4}@media (max-width: 768px){.payment-modal{padding:20px;max-width:100%}.payment-modal-title{font-size:20px;margin-bottom:16px}.payment-info-value{font-size:16px}.payment-btn{padding:12px;font-size:14px}}.vehicle-selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1!important;visibility:visible!important;pointer-events:auto!important}.vehicle-selection-modal{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:30px;max-width:800px;width:95%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.15);overflow:hidden;pointer-events:auto!important}.vehicle-selection-header{text-align:center;margin-bottom:20px;flex-shrink:0}.vehicle-selection-header h2{color:#fff!important;font-size:32px;margin:0 0 10px;font-weight:800}.vehicle-selection-header p{color:#fff!important;font-size:18px;font-weight:600;margin:0}.vehicle-list{display:flex;flex-direction:column;margin-bottom:20px;flex:1;overflow-y:auto;min-height:0}.vehicle-card{display:flex;align-items:flex-start;background:#ffffff0f;border:2px solid transparent;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;min-height:auto;margin-bottom:12px;pointer-events:auto!important}.vehicle-card *{color:inherit}.vehicle-card h4{color:#fff!important;font-weight:700}.vehicle-card p{color:#a0a0a0!important;font-weight:500}.vehicle-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.vehicle-card.selected{background:#22c55e26;border-color:#22c55e;box-shadow:0 0 20px #22c55e4d}.vehicle-card.maintenance.selected{background:#eab30826;border-color:#eab308;box-shadow:0 0 20px #eab3084d}.vehicle-card.offline.selected{background:#64748b26;border-color:#64748b;box-shadow:0 0 20px #64748b4d}.vehicle-card.empty-slot{opacity:.6;cursor:not-allowed;background:#ffffff08;border:2px dashed rgba(255,255,255,.15)}.vehicle-card.empty-slot:hover{background:#ffffff08;border-color:#ffffff26;transform:none}.vehicle-image{width:70px;height:70px;margin-right:20px;border-radius:10px;object-fit:cover;flex-shrink:0;margin-top:4px}.vehicle-content{flex:1;min-width:0}.vehicle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-direction:row}.vehicle-status-info{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:8px;flex-shrink:0}.status-line{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.waiting-info-inline{display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;padding:2px 6px;border-radius:6px;background:#ffffff0d;white-space:nowrap}.waiting-info-inline:hover{background:#ffffff1a;transform:scale(1.02)}.waiting-count{color:#fbbf24!important;font-size:11px;font-weight:600;background:transparent;padding:0;border:none;white-space:nowrap}.waiting-time{color:#ef4444!important;font-size:10px;font-weight:500;background:transparent;padding:0;border:none;white-space:nowrap}.vehicle-name{color:#fff!important;font-size:20px;font-weight:800;margin:0;flex:1}.vehicle-description{color:#a0a0a0!important;font-size:16px;font-weight:600;margin:0 0 8px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.status-indicator{font-size:12px;font-weight:700;padding:3px 8px;border-radius:8px;display:inline-block;flex-shrink:0;margin-left:10px;color:#fff!important}.status-indicator.available{background:#22c55e4d;color:#22c55e!important;font-weight:700}.status-indicator.busy{background:#ef44444d;color:#fff!important;font-weight:700}.status-indicator.maintenance{background:#f59e0b4d;color:#fff!important;font-weight:700}.status-indicator.offline{background:#ef444466;color:#f44!important;font-weight:700;border:1px solid rgba(239,68,68,.6)}.vehicle-image.empty-image{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2)}.empty-icon{font-size:24px;opacity:.5}.empty-name{color:#a0a0a0!important;font-weight:600}.empty-description{color:gray!important;font-weight:500}.vehicle-specs{display:flex;gap:8px;flex-wrap:wrap}.spec-item{font-size:10px;color:#000!important;background:#ffffff1a;padding:2px 6px;border-radius:6px}.selection-indicator{position:absolute;bottom:8px;right:8px;font-size:18px;color:#22c55e}.no-vehicles{text-align:center;padding:10px 20px;color:#a0a0a0}.no-vehicles-icon{font-size:48px;margin-bottom:20px}.no-vehicles h4{color:#fff;font-size:20px;margin:0 0 10px}.no-vehicles p{margin:0;font-size:14px}.vehicle-selection-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;flex-shrink:0;gap:20px}.footer-buttons{display:flex;gap:10px;align-items:center}.vehicle-btn{padding:14px 32px;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px;pointer-events:auto!important;position:relative;z-index:10}.vehicle-btn-refresh{background:transparent!important;color:#fff;border:none!important;padding:0!important;margin:0!important;font-size:28px!important;line-height:1!important;display:flex!important;align-items:center;justify-content:center;min-width:unset!important;width:36px!important;height:36px!important;cursor:pointer;transition:all .3s ease}.vehicle-btn-refresh:hover:not(:disabled){transform:scale(1.15);filter:brightness(1.2)}.vehicle-btn-refresh:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vehicle-btn-refresh:disabled{animation:spin 1s linear infinite}.vehicle-btn-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 16px;font-size:14px;min-width:70px}.vehicle-btn-cancel:hover{background:#fff3}.vehicle-btn-confirm{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px #22c55e4d}.vehicle-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.vehicle-btn-confirm:disabled{background:#ffffff1a;color:#666;cursor:not-allowed;box-shadow:none}.vehicle-selection-note{flex:1;text-align:left;flex-shrink:0}.vehicle-selection-note p{color:#a0a0a0;font-size:14px;font-weight:500;margin:0}.vehicle-list::-webkit-scrollbar{width:6px}.vehicle-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.vehicle-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.vehicle-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.vehicle-selection-modal{padding:20px;width:98%;max-height:95vh;margin:10px}.vehicle-selection-header h2{font-size:28px}.vehicle-selection-header p{font-size:16px}.vehicle-card{padding:12px;min-height:auto}.vehicle-image{width:60px;height:60px;margin-right:15px}.vehicle-name{font-size:16px}.vehicle-description{font-size:13px}.vehicle-btn{padding:12px 24px;font-size:16px;font-weight:700}}.waiting-queue-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.waiting-queue-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:30px;max-width:500px;width:95%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006;border:1px solid rgba(255,255,255,.1);overflow:hidden}.waiting-queue-header{text-align:center;margin-bottom:25px;flex-shrink:0}.waiting-queue-header h2{color:#fff;font-size:28px;margin:0 0 8px;font-weight:800}.waiting-queue-header p{color:#a0a0a0;font-size:16px;font-weight:500;margin:0}.waiting-queue-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:25px}.vehicle-status-section{margin-top:20px;margin-bottom:0}.status-card-small{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.status-icon-small{font-size:1rem}.status-info-small{display:flex;align-items:center;gap:6px}.status-text{color:#a0a0a0;font-size:12px;font-weight:500}.current-user{color:#666;font-size:11px;font-weight:400}.queue-info-section h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 15px}.queue-details{background:#ffffff08;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.08)}.queue-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.stat-label{color:#a0a0a0;font-size:14px;font-weight:500}.stat-value{color:#fff;font-size:14px;font-weight:700}.queue-list h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 12px}.queue-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0d;border-radius:8px;margin-bottom:8px;border:1px solid rgba(255,255,255,.1)}.queue-item.current-user{background:#3b82f633;border:1px solid rgba(59,130,246,.4)}.queue-position{color:#fbbf24;font-weight:700;font-size:14px;min-width:30px}.user-name{color:#fff;font-weight:600;font-size:14px;flex:1}.wait-time{color:#ef4444;font-weight:500;font-size:12px}.no-queue{text-align:center;padding:30px 20px;background:#22c55e1a;border-radius:12px;border:1px solid rgba(34,197,94,.3)}.no-queue p{color:#22c55e;font-size:16px;font-weight:600;margin:0}.user-action-section{margin-top:0;margin-bottom:20px}.in-queue-status{display:flex;flex-direction:column;gap:15px}.queue-status-card{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:20px;text-align:center}.queue-status-card h3{color:#22c55e;font-size:18px;font-weight:700;margin:0 0 10px}.queue-status-card p{color:#a0a0a0;font-size:14px;font-weight:500;margin:5px 0}.join-queue-section{display:flex;flex-direction:column;gap:15px}.join-info{text-align:center}.join-info h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.join-info p{color:#a0a0a0;font-size:14px;font-weight:500;margin:0}.action-btn{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.join-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.leave-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.leave-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.waiting-queue-actions{display:flex;justify-content:center;margin-top:25px;flex-shrink:0}.queue-btn{padding:12px 30px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.queue-btn-cancel{background:#ffffff1a;color:#a0a0a0;border:1px solid rgba(255,255,255,.2)}.queue-btn-cancel:hover{background:#fff3;color:#fff}@media (max-width: 768px){.waiting-queue-modal{padding:20px;max-height:85vh}.waiting-queue-header h2{font-size:24px}.status-card,.queue-details{padding:15px}.action-btn{padding:10px 20px;font-size:14px}}.queue-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1002;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.queue-notification-modal{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:30px;max-width:400px;width:95%;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006;border:1px solid rgba(255,255,255,.15);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notification-header{text-align:center;margin-bottom:25px}.notification-icon{font-size:3rem;margin-bottom:10px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.notification-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.notification-content{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.user-info{text-align:center;padding:15px;background:#22c55e1a;border-radius:12px;border:1px solid rgba(34,197,94,.3)}.user-info h3{color:#22c55e;font-size:20px;font-weight:700;margin:0 0 5px}.user-info p{color:#a0a0a0;font-size:14px;font-weight:500;margin:0}.vehicle-info{display:flex;align-items:center;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.vehicle-name{color:#fff;font-size:16px;font-weight:600}.vehicle-status.available{color:#22c55e;font-size:14px;font-weight:600}.time-limit{text-align:center;padding:15px;background:#ef44441a;border-radius:12px;border:1px solid rgba(239,68,68,.3)}.timer{display:flex;align-items:center;justify-content:center;gap:8px}.timer-icon{font-size:1.5rem}.timer-text{color:#ef4444;font-size:24px;font-weight:700;font-family:Courier New,monospace}.timer-text.urgent{animation:pulse 1s infinite}.time-message{color:#a0a0a0;font-size:12px;font-weight:500;margin:0}.notification-actions{display:flex;gap:12px}.action-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.decline-btn{background:#ffffff1a;color:#a0a0a0;border:1px solid rgba(255,255,255,.2)}.decline-btn:hover{background:#fff3;color:#fff}.accept-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px #22c55e4d}.accept-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}@media (max-width: 768px){.queue-notification-modal{padding:20px;max-width:350px}.notification-header h2{font-size:20px}.user-info h3{font-size:18px}.timer-text{font-size:20px}.action-btn{padding:10px 16px;font-size:14px}}.home-container{min-height:100vh;width:100%;max-width:100vw;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(135deg,#667eea,#764ba2);overflow-x:hidden;box-sizing:border-box}.home-content{width:100%;max-width:100%;box-sizing:border-box;padding:20px}.hero-section{text-align:center;margin-bottom:40px}.title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle{font-size:1.5rem;color:#fffffff2;margin-bottom:15px;font-weight:600}.desktop-only{display:block}.mobile-only{display:none}.description{font-size:1.1rem;color:#ffffffd9;line-height:1.6}.ticket-section{background:#fff;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.ticket-card{text-align:center;margin-bottom:10px}.ticket-card h2{font-size:2rem;margin-bottom:20px;color:#333}.price{margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:10px}.amount{font-size:3rem;font-weight:800;color:#667eea}.duration{font-size:1.2rem;color:#666}.test-badge{background:#ff6b6b;color:#fff;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:700;animation:pulse 2s infinite}.test-badge.testnet{background:#ff9800;animation:pulse 2s infinite}.test-badge.base{background:#0052ff;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.buy-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px 50px;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #667eea66}.buy-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.buy-button:disabled{opacity:.6;cursor:not-allowed}.auth-button-container{display:flex;justify-content:center;align-items:center;margin-top:16px}.info-section{border-top:1px solid #eee;padding-top:25px}.info-section h3{font-size:1.3rem;margin-bottom:15px;color:#333}.info-section ul{list-style:none;padding:0}.info-section li{padding:10px 0;font-size:1.05rem;color:#555;border-bottom:1px solid #f5f5f5}.info-section li:before{content:"✓ ";color:#667eea;font-weight:700;margin-right:10px}.demo-section{text-align:center;margin-bottom:40px}.demo-button{background:#fff;color:#667eea;border:2px solid white;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #ffffff4d}.demo-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fff6}.demo-note{margin-top:10px;color:#ffffffb3;font-size:.9rem}.wallet-info{margin-bottom:16px;color:#ffffffe6;font-size:1rem;font-weight:600;text-align:center}.demo-description{margin-top:8px;color:#fffc;font-size:.95rem;font-weight:500;line-height:1.4}.features-section{background:#fffffff2;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0003}.features-section h2{text-align:center;font-size:1.8rem;margin-bottom:20px;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.feature-card{text-align:center;padding:15px;border-radius:15px;background:#f8f9ff;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:10px}.feature-card h3{font-size:1.2rem;margin-bottom:8px;color:#667eea}.feature-card p{color:#666;font-size:.9rem;line-height:1.4}@media (max-width: 768px){.home-container{padding:0}.home-content{padding:15px}.title{font-size:2.5rem}.desktop-only{display:none}.mobile-only{display:block}.subtitle{font-size:1.2rem}.description{font-size:1rem}.ticket-section{padding:20px}.amount{font-size:2.5rem}.buy-button{padding:15px 40px;font-size:1.1rem}.features-grid{grid-template-columns:1fr}}.auth-button-container{margin-top:20px}.loading-section{text-align:center;padding:20px}.loading-text{color:#666;font-size:16px;margin:0}.farcaster-login-section{text-align:center;padding:0}.login-button{background:#fff;color:#8b5cf6;border:2px solid #8B5CF6;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin:0 auto}.farcaster-logo{width:20px;height:20px;object-fit:contain}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d;background:#8b5cf6;color:#fff}.authenticated-section{text-align:center;padding:0}.welcome-text{color:#10b981;font-size:16px;margin-bottom:15px;font-weight:600}.logout-section{text-align:center;padding:20px;margin-top:40px;border-top:1px solid #e5e7eb}.logout-button{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.bottom-buttons-section{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px 20px;margin-top:10px}.small-share-button{background:#fff;color:#8b5cf6;border:2px solid #8B5CF6;padding:12px 24px;font-size:1.1rem;font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.small-share-button:hover{background:#8b5cf6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.logout-button{background:#fff;color:#ef4444;border:2px solid #ef4444;padding:12px 20px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.logout-button:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.farcaster-logo-small{width:16px;height:16px;object-fit:contain}.admin-access-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:#667eeae6;border:2px solid white;border-radius:50%;font-size:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003;z-index:1000;display:flex;align-items:center;justify-content:center}.admin-access-button:hover{transform:scale(1.1);background:#764ba2;box-shadow:0 6px 20px #0000004d}@media (max-width: 768px){.admin-access-button{bottom:15px;right:15px;width:45px;height:45px;font-size:20px}}.video-stream{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.video-canvas{width:100%;height:100%;object-fit:cover}.video-error{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#ef4444f2;color:#fff;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:600;box-shadow:0 2px 10px #0000004d;z-index:10}.video-info{position:absolute;bottom:15px;right:15px;display:flex;gap:10px;align-items:center}.fps-counter{background:#000000b3;color:#fff;padding:6px 12px;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.demo-label{background:#fbbf24e6;color:#1a1a2e;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:700}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.video-canvas.loading{animation:blink 2s infinite}.overlay-controls{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:24px;pointer-events:none}.overlay-controls-left,.overlay-controls-right{pointer-events:auto;display:flex;align-items:center}.control-group-vertical{display:flex;flex-direction:column;gap:16px}.control-group-horizontal{display:flex;flex-direction:row;gap:16px}.control-btn{width:72px;height:72px;border-radius:14px;border:none;background:#ffffff1f;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.control-btn span{pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.control-btn:active{transform:scale(.92);background:#fff3}@media (max-width: 768px){.control-btn{width:64px;height:64px;font-size:26px}}.portrait-exit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1!important;visibility:visible!important;pointer-events:auto!important}.portrait-exit-modal{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:30px;max-width:400px;width:90%;box-shadow:0 20px 40px #0006;border:1px solid rgba(255,255,255,.15);animation:slideUp .3s ease;opacity:1!important;visibility:visible!important;pointer-events:auto!important;position:relative;z-index:2001}.portrait-exit-modal-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 20px;text-align:center}.portrait-exit-modal-content p{color:#a0a0a0;font-size:16px;text-align:center;margin-bottom:25px;line-height:1.5}.portrait-exit-modal-actions{display:flex;gap:12px}.portrait-exit-cancel-btn,.portrait-exit-confirm-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;pointer-events:auto!important;opacity:1!important;visibility:visible!important}.portrait-exit-cancel-btn{background:#ffffff1a;color:#a0a0a0;border:1px solid rgba(255,255,255,.2)}.portrait-exit-cancel-btn:hover{background:#fff3;color:#fff}.portrait-exit-confirm-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.portrait-exit-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.portrait-play-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;flex-direction:column;position:relative;width:100%}.portrait-header{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s;min-width:auto;white-space:nowrap}.portrait-status-info{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;height:36px}.rc-status{color:#fff;font-size:.9rem;font-weight:600}.blinking-dot{animation:elegant-blink 2s ease-in-out infinite;display:inline-block}@keyframes elegant-blink{0%{opacity:1;transform:scale(1)}25%{opacity:.8;transform:scale(1.1)}50%{opacity:.4;transform:scale(.9)}75%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.timer{font-size:.8rem;font-weight:600;transition:color .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;padding:6px 8px}.timer-blue{color:#3b82f6}.timer-yellow{color:#fbbf24}.timer-red{color:#ef4444}.demo-badge{background:#fbbf2433;color:#fbbf24;padding:6px 8px;border-radius:10px;font-size:.7rem;font-weight:600;border:1px solid rgba(251,191,36,.3);white-space:nowrap;display:flex;align-items:center;justify-content:center}.demo-badge.admin-badge{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.3);animation:adminGlow 2s ease-in-out infinite alternate}@keyframes adminGlow{0%{box-shadow:0 0 3px #a855f74d}to{box-shadow:0 0 8px #a855f799}}.rotate-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 8px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;flex-shrink:0}.rotate-icon{width:20px;height:20px;object-fit:contain}.portrait-content{flex:1;display:flex;flex-direction:column;padding:20px;gap:20px}.portrait-video-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.portrait-video-frame{width:100%;max-width:400px;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.2);position:relative}.portrait-video-placeholder{width:100%;height:100%;background:linear-gradient(45deg,#1f2937,#374151);display:flex;align-items:center;justify-content:center;position:relative}.portrait-video-info{position:absolute;bottom:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.fps-indicator{background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.video-status{background:#22c55ecc;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.portrait-video-status-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;padding:8px 12px}.portrait-connection-status{color:#fff;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:5px}.portrait-live-status{background:#22c55ecc;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.portrait-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-top:20px;gap:40px}.portrait-controls-left{display:flex;flex-direction:column;align-items:center;gap:20px;margin-left:20px}.portrait-controls-right{display:flex;flex-direction:row;align-items:center;gap:20px}.portrait-control-btn{width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important}.portrait-control-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.portrait-control-btn:active{transform:scale(.95);background:transparent!important;border-color:#ffffff4d!important;box-shadow:none!important;outline:none!important}.portrait-control-btn:focus{outline:none!important;box-shadow:none!important;background:#ffffff1a!important;border-color:#ffffff4d!important}.portrait-control-btn.portrait-forward:active{background:#22c55e4d!important;border-color:#22c55e!important;box-shadow:0 0 20px #22c55e80!important}.portrait-control-btn.portrait-backward:active{background:#ef44444d!important;border-color:#ef4444!important;box-shadow:0 0 20px #ef444480!important}.portrait-control-btn.portrait-left:active{background:#3b82f64d!important;border-color:#3b82f6!important;box-shadow:0 0 20px #3b82f680!important}.portrait-control-btn.portrait-right:active{background:#a855f74d!important;border-color:#a855f7!important;box-shadow:0 0 20px #a855f780!important}.portrait-arrow-up,.portrait-arrow-down{color:#3b82f6;font-size:2.8rem;font-weight:700;text-shadow:0 0 4px rgba(59,130,246,.5);transform:translateY(-5px);line-height:1;display:flex;align-items:center;justify-content:center}.portrait-arrow-left,.portrait-arrow-right{color:#3b82f6;font-size:2.6rem;font-weight:700;text-shadow:0 0 4px rgba(59,130,246,.5);transform:translateY(-3px);line-height:1;display:flex;align-items:center;justify-content:center}.portrait-forward:active .portrait-arrow-up{color:#22c55e;text-shadow:0 0 6px rgba(34,197,94,.7)}.portrait-backward:active .portrait-arrow-down{color:#ef4444;text-shadow:0 0 6px rgba(239,68,68,.7)}.portrait-left:active .portrait-arrow-left{color:#3b82f6;text-shadow:0 0 6px rgba(59,130,246,.7)}.portrait-right:active .portrait-arrow-right{color:#a855f7;text-shadow:0 0 6px rgba(168,85,247,.7)}.portrait-connection-notice{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#f57d2899;color:#fff;padding:15px 20px;border-radius:12px;border:2px solid rgba(255,255,255,.15);font-size:.9rem;font-weight:600;z-index:1000;max-width:90%;text-align:center;cursor:pointer;transition:all .3s ease}.portrait-connection-notice:hover{background:#f57d28cc;transform:translate(-50%) scale(1.05);border-color:#ffffff4d}.portrait-connection-notice:active{transform:translate(-50%) scale(.95)}.portrait-connection-content{display:flex;align-items:center;gap:10px}.portrait-connection-icon{font-size:1.2rem}.portrait-connection-text{display:flex;flex-direction:column;gap:2px}.portrait-notice-click{font-size:.75rem!important;opacity:.8;font-weight:500!important;font-style:italic;color:#ffffffe6!important;margin-top:4px}@media (max-width: 768px){.portrait-header{padding:10px 12px;flex-wrap:nowrap}.portrait-status-info{gap:8px;flex-shrink:1}.back-button{padding:5px;font-size:.75rem;flex-shrink:0}.timer{font-size:.7rem}.demo-badge{font-size:.6rem;padding:2px 5px}.rotate-button{min-width:32px;height:32px;padding:4px 6px}.portrait-content{padding:15px;gap:15px}.portrait-video-frame{max-width:100%}.portrait-controls{gap:20px}.portrait-controls-left,.portrait-controls-right{gap:15px}.portrait-control-btn{width:80px;height:80px;font-size:1.2rem}}.play-container{position:fixed;width:100vw;height:100vh;background:#000;color:#fff;overflow:hidden;transform:rotate(90deg);transform-origin:center;width:100vh;height:100vw;top:50%;left:50%;margin-top:-50vw;margin-left:-50vh}.video-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;opacity:1!important;visibility:visible!important}.overlay-status-bar{position:absolute;top:0;left:0;right:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;opacity:1!important;visibility:visible!important}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;min-width:auto;pointer-events:auto!important;opacity:1!important;visibility:visible!important;position:relative;z-index:100}.back-button:hover{background:#fff3}.status-info{display:flex;gap:20px;align-items:center;pointer-events:auto!important;opacity:1!important;visibility:visible!important;position:relative;z-index:100}.rc-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#0000001a;border:1px solid rgba(255,255,255,.3);font-size:.95rem}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.rc-status.connected .status-dot{background:#4ade80}.rc-status.disconnected .status-dot{background:#f87171}.rc-status.stabilizing .status-dot{background:#fbbf24;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.timer{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#667eea33;font-size:.95rem;font-weight:700;transition:all .3s ease}.timer.timer-blue{background:#0000001a!important;border:1px solid rgba(59,130,246,.4);color:#3b82f6!important}.timer.timer-blue .timer-text{color:#3b82f6!important}.timer.timer-yellow{background:#0000001a!important;border:1px solid rgba(251,191,36,.4);color:#fbbf24!important}.timer.timer-yellow .timer-text{color:#fbbf24!important}.timer.timer-red{background:#0000001a!important;border:1px solid rgba(239,68,68,.4);color:#ef4444!important}.timer.timer-red .timer-text{color:#ef4444!important}.timer-icon{font-size:1rem}.demo-badge{padding:8px 16px;border-radius:20px;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);font-size:.95rem;font-weight:600;color:#fbbf24}.demo-badge.admin-badge{background:#a855f726;border:1px solid rgba(168,85,247,.4);color:#a855f7;animation:adminGlow 2s ease-in-out infinite alternate}@keyframes adminGlow{0%{box-shadow:0 0 5px #a855f74d}to{box-shadow:0 0 15px #a855f799}}.rotate-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;pointer-events:auto!important;opacity:1!important;visibility:visible!important;position:relative;z-index:100}.rotate-button:hover{background:#fff3;border-color:#fff6;transform:rotate(90deg)}.rotate-icon{width:20px;height:20px;object-fit:contain;background:transparent;mix-blend-mode:normal}.overlay-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:1!important;visibility:visible!important}.overlay-controls-left{position:absolute;left:20px;top:75%;transform:translateY(-50%);pointer-events:auto!important;opacity:1!important;visibility:visible!important}.overlay-controls-right{position:absolute;right:20px;top:75%;transform:translateY(-50%);pointer-events:auto!important;opacity:1!important;visibility:visible!important}.control-group-vertical{display:flex;flex-direction:column;gap:15px}.control-group-horizontal{display:flex;flex-direction:row;gap:15px}.control-btn{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid rgba(255,255,255,.6);color:#fff;padding:25px;border-radius:15px;cursor:pointer;font-size:1.4rem;font-weight:700;transition:all .3s ease;width:80px;height:80px;text-align:center;box-shadow:none;display:flex;align-items:center;justify-content:center;pointer-events:auto!important;opacity:1!important;visibility:visible!important;outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important}.control-btn:hover{background:#ffffff1a;border-color:#fffc;transform:scale(1.05);box-shadow:0 6px 20px #0000001a}.control-btn:active{transform:scale(.95);background:#3b82f64d;border-color:#3b82f6;box-shadow:0 0 20px #3b82f680}.control-btn:focus{outline:none!important;box-shadow:none!important;background:transparent!important;border-color:#fff9!important}.forward-btn:hover{background:#22c55e33;border-color:#22c55e}.backward-btn:hover{background:#ef444433;border-color:#ef4444}.left-btn:hover{background:#3b82f633;border-color:#3b82f6}.right-btn:hover{background:#a855f733;border-color:#a855f7}.forward-btn:active{background:#22c55e4d!important;border-color:#22c55e!important;box-shadow:0 0 20px #22c55e80!important}.backward-btn:active{background:#ef44444d!important;border-color:#ef4444!important;box-shadow:0 0 20px #ef444480!important}.left-btn:active{background:#3b82f64d!important;border-color:#3b82f6!important;box-shadow:0 0 20px #3b82f680!important}.right-btn:active{background:#a855f74d!important;border-color:#a855f7!important;box-shadow:0 0 20px #a855f780!important}.arrow-up,.arrow-down{color:#3b82f6;font-size:2.8rem;font-weight:700;text-shadow:0 0 4px rgba(59,130,246,.5)}.arrow-left,.arrow-right{color:#3b82f6;font-size:2.6rem;font-weight:700;text-shadow:0 0 4px rgba(59,130,246,.5)}.forward-btn:active .arrow-up{color:#22c55e;text-shadow:0 0 6px rgba(34,197,94,.7)}.backward-btn:active .arrow-down{color:#ef4444;text-shadow:0 0 6px rgba(239,68,68,.7)}.left-btn:active .arrow-left{color:#3b82f6;text-shadow:0 0 6px rgba(59,130,246,.7)}.right-btn:active .arrow-right{color:#a855f7;text-shadow:0 0 6px rgba(168,85,247,.7)}.exit-modal-overlay{position:fixed;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:rotate(90deg);transform-origin:center;width:100vh;height:100vw;top:50%;left:50%;margin-top:-50vw;margin-left:-50vh}.exit-modal{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:30px;max-width:400px;width:90%;box-shadow:0 20px 40px #0006;border:1px solid rgba(255,255,255,.15);animation:slideUp .3s ease;opacity:1!important;visibility:visible!important;pointer-events:auto!important;position:relative;z-index:2001}.exit-modal-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 20px;text-align:center}.exit-modal-content p{color:#a0a0a0;font-size:16px;text-align:center;margin-bottom:25px;line-height:1.5}.exit-modal-actions{display:flex;gap:12px}.exit-cancel-btn,.exit-confirm-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;pointer-events:auto!important;opacity:1!important;visibility:visible!important}.exit-cancel-btn{background:#ffffff1a;color:#a0a0a0;border:1px solid rgba(255,255,255,.2)}.exit-cancel-btn:hover{background:#fff3;color:#fff}.exit-confirm-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.exit-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.connection-notice{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#f57d28b3;padding:20px 30px;border-radius:15px;text-align:center;box-shadow:0 4px 20px #0000004d;animation:slideUp .3s ease-out;z-index:1000;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.2)}.connection-notice:hover{background:#f57d28e6;transform:translate(-50%) scale(1.05);border-color:#fff6}.connection-notice:active{transform:translate(-50%) scale(.95)}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.connection-notice p{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.notice-sub{margin-top:8px!important;font-size:.9rem!important;opacity:.9;font-weight:400!important}.notice-click{margin-top:8px!important;font-size:.8rem!important;opacity:.8;font-weight:500!important;font-style:italic;color:#ffffffe6!important}.play-container.portrait{transform:rotate(90deg);transform-origin:center;width:100vh;height:100vw;top:50%;left:50%;margin-top:-50vw;margin-left:-50vh}.play-container.landscape{transform:none;width:100vw;height:100vh;top:0;left:0;margin:0}@media (max-height: 600px){.control-btn{width:70px;height:70px;padding:15px;font-size:1.1rem}.overlay-controls-left{left:15px}.overlay-controls-right{right:15px}}.admin-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative}.admin-header{text-align:center;color:#fff;margin-bottom:30px}.admin-home-button{position:absolute;top:20px;left:20px;padding:8px 12px;border:none;border-radius:999px;background:#fff3;color:#fff;font-weight:600;font-size:20px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admin-home-button:hover{background:#ffffff59;transform:translateY(-1px)}.admin-header h1{font-size:2.5rem;margin-bottom:10px}.admin-header p{font-size:1.1rem;opacity:.9}.admin-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1400px;margin:0 auto}.admin-vehicle-list{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000026}.admin-vehicle-list h2{margin-bottom:20px;color:#333}.vehicle-cards{display:flex;flex-direction:column;gap:12px}.admin-vehicle-card{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s}.admin-vehicle-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.admin-vehicle-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.admin-vehicle-card img{width:80px;height:80px;object-fit:cover;border-radius:8px}.vehicle-info{flex:1}.vehicle-info h3{margin:0 0 4px;color:#333;font-size:1.1rem}.vehicle-id{font-size:.85rem;color:#666;margin:0 0 8px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.status-badge.online{background:#e7f5e9;color:#2e7d32}.status-badge.in_use{background:#ffebee;color:#c62828}.status-badge.maintenance{background:#fff9e6;color:#f57c00}.admin-edit-panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000026}.admin-edit-panel h2{margin-bottom:24px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group.readonly label{color:#999}.readonly-input{background:#f5f5f5!important;cursor:not-allowed;color:#666!important}.save-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.save-button:disabled{opacity:.6;cursor:not-allowed}.hint{margin-top:12px;font-size:.9rem;color:#666;text-align:center}.no-selection{text-align:center;padding:60px 20px;color:#999}.no-selection p{font-size:1.2rem}.admin-loading,.admin-no-vehicles,.admin-access-denied{text-align:center;padding:60px 20px}.admin-loading .spinner{font-size:3rem;margin-bottom:16px}.admin-access-denied{background:#fff;border-radius:16px;padding:60px;margin:100px auto;max-width:500px;box-shadow:0 8px 24px #00000026}.admin-access-denied h2{margin-bottom:16px;color:#c62828}.admin-address-hint{font-size:.9rem;color:#666;margin-top:12px}@media (max-width: 1024px){.admin-content{grid-template-columns:1fr}}@media (max-width: 768px){.admin-vehicle-card{flex-direction:column;text-align:center}.admin-vehicle-card img{width:100%;height:auto;max-width:200px}}