@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-blue-50:oklch(97% .014 254.604);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-950:oklch(29.1% .149 302.717);--color-pink-50:oklch(97.1% .014 343.198);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-300:oklch(87.1% .006 286.286);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-3xl:48rem;--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-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-2xl:0 25px 25px #00000026;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-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}::-webkit-calendar-picker-indicator{line-height:1}:-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}}@layer components{.btn-primary,.btn-gradient{border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:var(--font-sans);color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-light-blue)100%);border-width:1px;border-color:#0000;transition-duration:.3s;box-shadow:0 2px 8px #0e73cc40}.btn-primary:hover,.btn-gradient:hover{background:linear-gradient(135deg,#0a5da0 0%,var(--primary-blue)100%);border-color:var(--primary-light-blue);box-shadow:0 4px 16px #0e73cc80}.btn-primary:focus,.btn-gradient:focus{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--primary-light-blue)}.btn-primary:active,.btn-gradient:active{box-shadow:0 1px 4px #0e73cc4d}.btn-primary:disabled,.btn-gradient:disabled{cursor:not-allowed;opacity:.5;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.btn-secondary{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-600);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:var(--font-sans);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background:linear-gradient(135deg,var(--gray-700)0%,var(--gray-600)100%);transition-duration:.3s;box-shadow:0 2px 8px #00000040}.btn-secondary:hover{border-color:var(--color-gray-500);background:linear-gradient(135deg,var(--gray-600)0%,var(--gray-500)100%);box-shadow:0 4px 16px #0006}.btn-secondary:disabled{cursor:not-allowed;opacity:.5;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.btn-hint{border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:var(--font-sans);color:var(--color-white);-webkit-backdrop-filter:blur(10px);background:#ffffff0d padding-box padding-box;border:2px solid #0000;transition:all .3s;position:relative}.btn-hint:before{content:"";border-radius:inherit;z-index:-1;opacity:.7;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d946ef,#a855f7,#7c3aed);padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-hint:hover:before{opacity:1}.btn-hint:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 20px #fbbf244d}.btn-hint:active{transform:translateY(0)}.btn-solve{border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:var(--font-sans);color:var(--color-white);-webkit-backdrop-filter:blur(10px);background:#ffffff0d padding-box padding-box;border:2px solid #0000;transition:all .3s;position:relative}.btn-solve:before{content:"";border-radius:inherit;z-index:-1;opacity:.8;background:linear-gradient(135deg,#f97316,#fb923c,#84cc16,#22c55e,#10b981);padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-solve:hover:before{opacity:1}.btn-solve:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 20px #22c55e66}.btn-solve:active{transform:translateY(0)}.btn-see-solution{border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--color-white);-webkit-backdrop-filter:blur(10px);background:#ffffff0d padding-box padding-box;border:2px solid #0000;transition:all .3s;position:relative}.btn-see-solution:before{content:"";border-radius:inherit;z-index:-1;opacity:.8;background:linear-gradient(135deg,#fbbf24,#f59e0b,#f97316,#ef4444,#dc2626);padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-see-solution:hover:before{opacity:1}.btn-see-solution:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 20px #ef444466}.btn-see-solution:active{transform:translateY(0)}.btn-load-pgn{border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--color-white);-webkit-backdrop-filter:blur(10px);background:#ffffff0d padding-box padding-box;border:2px solid #0000;transition:all .3s;position:relative}.btn-load-pgn:before{content:"";border-radius:inherit;z-index:-1;opacity:.7;background:linear-gradient(135deg,#3b82f6,#60a5fa,#22d3ee,#facc15,#fbbf24);padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-load-pgn:hover:before{opacity:1}.btn-load-pgn:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 20px #3b82f64d}.btn-load-pgn:active{transform:translateY(0)}[data-theme=dark] .btn-hint,[data-theme=dark] .btn-solve,[data-theme=dark] .btn-see-solution,[data-theme=dark] .btn-load-pgn{background:#ffffff08}[data-theme=dark] .btn-hint:hover,[data-theme=dark] .btn-solve:hover,[data-theme=dark] .btn-see-solution:hover,[data-theme=dark] .btn-load-pgn:hover{background:#ffffff14}[data-theme=light] .btn-hint,[data-theme=light] .btn-solve,[data-theme=light] .btn-see-solution,[data-theme=light] .btn-load-pgn{color:var(--gray-800);background:#00000005}[data-theme=light] .btn-hint:hover,[data-theme=light] .btn-solve:hover,[data-theme=light] .btn-see-solution:hover,[data-theme=light] .btn-load-pgn:hover{background:#0000000d}.button-row{gap:calc(var(--spacing)*2.5);display:flex}.button-row button{flex:1}.custom-dropdown{display:inline-block;position:relative}.custom-dropdown-button{cursor:pointer;border-radius:var(--radius-xl);--tw-border-style:none;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-semibold);font-size:.85em;font-weight:var(--font-weight-semibold);white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background-color:#ffffff14;border-style:none;transition-duration:.3s}@supports (color:color-mix(in lab,red,red)){.custom-dropdown-button{background-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.custom-dropdown-button{color:var(--color-white);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.custom-dropdown-button:where([data-theme=dark],[data-theme=dark] *){background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.custom-dropdown-button:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.custom-dropdown-button{box-shadow:0 4px 12px #0000004d}.custom-dropdown-button:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y);background-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.custom-dropdown-button:hover{background-color:color-mix(in oklab,var(--color-white)12%,transparent)}}.custom-dropdown-button:hover:where([data-theme=dark],[data-theme=dark] *){background-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.custom-dropdown-button:hover:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-white)12%,transparent)}}.custom-dropdown-button:hover{box-shadow:0 6px 16px #0e73cc33}.custom-dropdown-button:focus,.custom-dropdown-button:focus-visible,.custom-dropdown-button:active{--tw-border-style:none;--tw-outline-style:none;border-style:none;outline-style:none}.mode-selector{background:linear-gradient(135deg,#0e73cc40,#47b7f840)!important;border:1.5px solid #47b7f866!important;box-shadow:0 4px 16px #0e73cc4d,0 0 20px #47b7f826!important}.mode-selector:hover{background:linear-gradient(135deg,#0e73cc59,#47b7f859)!important;border-color:#47b7f899!important;box-shadow:0 6px 20px #0e73cc66,0 0 24px #47b7f840!important}.side-selector{background:#ffffff14!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:auto!important;padding-left:.75rem!important;padding-right:.75rem!important;display:flex!important}.side-selector:hover{background:#ffffff40!important}.side-selector img{flex-shrink:0;min-width:20px;min-height:20px;display:block}.custom-dropdown-item img{flex-shrink:0;min-width:32px;min-height:32px;display:block}.custom-dropdown-menu{left:calc(var(--spacing)*0);z-index:1000;border-radius:var(--radius-xl);min-width:100%;padding:calc(var(--spacing)*2);background-color:#ffffff1a;position:absolute}@supports (color:color-mix(in lab,red,red)){.custom-dropdown-menu{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.custom-dropdown-menu{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.custom-dropdown-menu:where([data-theme=dark],[data-theme=dark] *){background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.custom-dropdown-menu:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.custom-dropdown-menu{-webkit-overflow-scrolling:touch;max-height:400px;animation:.2s ease-out dropdownFadeIn;top:calc(100% + 8px);overflow-y:auto;box-shadow:0 8px 24px #0003}.custom-dropdown-menu.right-aligned{right:calc(var(--spacing)*0);left:auto}.custom-dropdown-menu::-webkit-scrollbar{width:8px}.custom-dropdown-menu::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#47b7f8b3;border-radius:10px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#47b7f8e6}.custom-dropdown-item{cursor:pointer;border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-font-weight:var(--font-weight-medium);font-size:.85em;font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-white);transition-duration:.2s}.custom-dropdown-item:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}.custom-dropdown-item:hover{--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--primary-light-blue);background:#47b7f826}[data-theme=light] .custom-dropdown-button{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .custom-dropdown-button{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}[data-theme=light] .custom-dropdown-button{color:var(--color-gray-900);box-shadow:0 2px 8px #00000014}[data-theme=light] .custom-dropdown-button:hover{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .custom-dropdown-button:hover{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}[data-theme=light] .custom-dropdown-button:hover{box-shadow:0 4px 12px #0e73cc26}[data-theme=light] .custom-dropdown-menu{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .custom-dropdown-menu{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}[data-theme=light] .custom-dropdown-menu{box-shadow:0 8px 24px #00000026}[data-theme=light] .custom-dropdown-item{color:var(--color-gray-900)}[data-theme=light] .custom-dropdown-item:hover{color:var(--primary-blue);background:#0e73cc1a}[data-theme=light] .custom-dropdown-menu::-webkit-scrollbar-track{background:#0000001a}[data-theme=light] .custom-dropdown-menu::-webkit-scrollbar-thumb{background:#0e73cc99}[data-theme=light] .custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#0e73cccc}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.bottom-3{bottom:calc(var(--spacing)*3)}.left-3{left:calc(var(--spacing)*3)}.z-10{z-index:10}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-32{height:calc(var(--spacing)*32)}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[1400px\]{max-width:1400px}.max-w-md{max-width:var(--container-md)}.min-w-\[44px\]{min-width:44px}.flex-1{flex:1}.-translate-x-4{--tw-translate-x:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-\[2px\]{gap:2px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300\/30{border-color:#d1d5dc4d}@supports (color:color-mix(in lab,red,red)){.border-gray-300\/30{border-color:color-mix(in oklab,var(--color-gray-300)30%,transparent)}}.border-gray-300\/50{border-color:#d1d5dc80}@supports (color:color-mix(in lab,red,red)){.border-gray-300\/50{border-color:color-mix(in oklab,var(--color-gray-300)50%,transparent)}}.border-gray-400\/40{border-color:#99a1af66}@supports (color:color-mix(in lab,red,red)){.border-gray-400\/40{border-color:color-mix(in oklab,var(--color-gray-400)40%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-yellow-300\/50{border-color:#ffe02a80}@supports (color:color-mix(in lab,red,red)){.border-yellow-300\/50{border-color:color-mix(in oklab,var(--color-yellow-300)50%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-gray-200\/50{background-color:#e5e7eb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-200\/50{background-color:color-mix(in oklab,var(--color-gray-200)50%,transparent)}}.bg-gray-200\/90{background-color:#e5e7ebe6}@supports (color:color-mix(in lab,red,red)){.bg-gray-200\/90{background-color:color-mix(in oklab,var(--color-gray-200)90%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-yellow-400\/90{background-color:#fac800e6}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\/90{background-color:color-mix(in oklab,var(--color-yellow-400)90%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50\/50{--tw-gradient-from:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.from-blue-50\/50{--tw-gradient-from:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.from-blue-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500\/10{--tw-gradient-from:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.from-blue-500\/10{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.from-blue-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-50{--tw-gradient-from:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white\/50{--tw-gradient-from:#ffffff80}@supports (color:color-mix(in lab,red,red)){.from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--color-white)50%,transparent)}}.from-white\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-blue-50\/30{--tw-gradient-via:#eff6ff4d}@supports (color:color-mix(in lab,red,red)){.via-blue-50\/30{--tw-gradient-via:color-mix(in oklab,var(--color-blue-50)30%,transparent)}}.via-blue-50\/30{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-50\/30{--tw-gradient-via:#faf5ff4d}@supports (color:color-mix(in lab,red,red)){.via-purple-50\/30{--tw-gradient-via:color-mix(in oklab,var(--color-purple-50)30%,transparent)}}.via-purple-50\/30{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-50\/50{--tw-gradient-to:#fdf2f880}@supports (color:color-mix(in lab,red,red)){.to-pink-50\/50{--tw-gradient-to:color-mix(in oklab,var(--color-pink-50)50%,transparent)}}.to-pink-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-50\/20{--tw-gradient-to:#faf5ff33}@supports (color:color-mix(in lab,red,red)){.to-purple-50\/20{--tw-gradient-to:color-mix(in oklab,var(--color-purple-50)20%,transparent)}}.to-purple-50\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500\/10{--tw-gradient-to:#ac4bff1a}@supports (color:color-mix(in lab,red,red)){.to-purple-500\/10{--tw-gradient-to:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.to-purple-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white\/30{--tw-gradient-to:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.to-white\/30{--tw-gradient-to:color-mix(in oklab,var(--color-white)30%,transparent)}}.to-white\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-12{padding-block:calc(var(--spacing)*12)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-5{padding-top:calc(var(--spacing)*5)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.placeholder-gray-500::-moz-placeholder{color:var(--color-gray-500)}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-95{opacity:.95}.opacity-\[0\.02\]{opacity:.02}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-gray-900\/10{--tw-shadow-color:#1018281a}@supports (color:color-mix(in lab,red,red)){.shadow-gray-900\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-900)10%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-yellow-500\/50{--tw-shadow-color:#edb20080}@supports (color:color-mix(in lab,red,red)){.shadow-yellow-500\/50{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-yellow-500)50%,transparent)var(--tw-shadow-alpha),transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:rotate-3:is(:where(.group):hover *){rotate:3deg}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-blue-500\/50:hover{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.hover\:border-blue-500\/50:hover{border-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}}.hover\:border-gray-400\/60:hover{border-color:#99a1af99}@supports (color:color-mix(in lab,red,red)){.hover\:border-gray-400\/60:hover{border-color:color-mix(in oklab,var(--color-gray-400)60%,transparent)}}.hover\:border-white\/40:hover{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/40:hover{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:bg-white\/80:hover{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/80:hover{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-blue-700:hover{--tw-gradient-to:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-blue-500\/10:hover{--tw-shadow-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-blue-500\/10:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:shadow-blue-500\/20:hover{--tw-shadow-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-blue-500\/20:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:shadow-gray-500\/20:hover{--tw-shadow-color:#6a728233}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-gray-500\/20:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media(min-width:48rem){.md\:mb-3{margin-bottom:calc(var(--spacing)*3)}.md\:mb-5{margin-bottom:calc(var(--spacing)*5)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:h-5{height:calc(var(--spacing)*5)}.md\:h-10{height:calc(var(--spacing)*10)}.md\:h-32{height:calc(var(--spacing)*32)}.md\:h-64{height:calc(var(--spacing)*64)}.md\:w-5{width:calc(var(--spacing)*5)}.md\:w-10{width:calc(var(--spacing)*10)}.md\:w-32{width:calc(var(--spacing)*32)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-3{gap:calc(var(--spacing)*3)}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-5{padding-inline:calc(var(--spacing)*5)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:border-gray-400\/30:where([data-theme=dark],[data-theme=dark] *){border-color:#99a1af4d}@supports (color:color-mix(in lab,red,red)){.dark\:border-gray-400\/30:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab,var(--color-gray-400)30%,transparent)}}.dark\:border-gray-700\/50:where([data-theme=dark],[data-theme=dark] *){border-color:#36415380}@supports (color:color-mix(in lab,red,red)){.dark\:border-gray-700\/50:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab,var(--color-gray-700)50%,transparent)}}.dark\:border-white\/5:where([data-theme=dark],[data-theme=dark] *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/5:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:border-white\/20:where([data-theme=dark],[data-theme=dark] *){border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/20:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:bg-gray-800\/80:where([data-theme=dark],[data-theme=dark] *){background-color:#1e2939cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/80:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-gray-800)80%,transparent)}}.dark\:bg-gray-800\/90:where([data-theme=dark],[data-theme=dark] *){background-color:#1e2939e6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/90:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-gray-800)90%,transparent)}}.dark\:bg-gray-900\/90:where([data-theme=dark],[data-theme=dark] *){background-color:#101828e6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/90:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-gray-900)90%,transparent)}}.dark\:bg-white\/5:where([data-theme=dark],[data-theme=dark] *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/5:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:bg-white\/10:where([data-theme=dark],[data-theme=dark] *){background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/10:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:bg-yellow-500\/90:where([data-theme=dark],[data-theme=dark] *){background-color:#edb200e6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-500\/90:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-yellow-500)90%,transparent)}}.dark\:bg-gradient-to-br:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.dark\:from-\[\#0a0c10\]:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-from:#0a0c10;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:from-blue-600\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-from:#155dfc1a}@supports (color:color-mix(in lab,red,red)){.dark\:from-blue-600\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-from:color-mix(in oklab,var(--color-blue-600)10%,transparent)}}.dark\:from-blue-600\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:from-gray-900\/80:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-from:#101828cc}@supports (color:color-mix(in lab,red,red)){.dark\:from-gray-900\/80:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-from:color-mix(in oklab,var(--color-gray-900)80%,transparent)}}.dark\:from-gray-900\/80:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:from-gray-950:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-from:var(--color-gray-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:via-blue-950\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-via:#1624561a}@supports (color:color-mix(in lab,red,red)){.dark\:via-blue-950\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-via:color-mix(in oklab,var(--color-blue-950)10%,transparent)}}.dark\:via-blue-950\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-gray-900:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-via:var(--color-gray-900);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:to-gray-950:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-to:var(--color-gray-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-gray-950\/90:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-to:#030712e6}@supports (color:color-mix(in lab,red,red)){.dark\:to-gray-950\/90:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-to:color-mix(in oklab,var(--color-gray-950)90%,transparent)}}.dark\:to-gray-950\/90:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-purple-600\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-to:#9810fa1a}@supports (color:color-mix(in lab,red,red)){.dark\:to-purple-600\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-to:color-mix(in oklab,var(--color-purple-600)10%,transparent)}}.dark\:to-purple-600\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-purple-950\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-to:#3c03661a}@supports (color:color-mix(in lab,red,red)){.dark\:to-purple-950\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-to:color-mix(in oklab,var(--color-purple-950)10%,transparent)}}.dark\:to-purple-950\/10:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:text-gray-100:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-100)}.dark\:text-gray-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-300)}.dark\:text-gray-400:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-400)}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}.dark\:text-zinc-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-300)}.dark\:placeholder-gray-400:where([data-theme=dark],[data-theme=dark] *)::-moz-placeholder{color:var(--color-gray-400)}.dark\:placeholder-gray-400:where([data-theme=dark],[data-theme=dark] *)::placeholder{color:var(--color-gray-400)}.dark\:opacity-5:where([data-theme=dark],[data-theme=dark] *){opacity:.05}.dark\:opacity-\[0\.03\]:where([data-theme=dark],[data-theme=dark] *){opacity:.03}.dark\:shadow-black\/30:where([data-theme=dark],[data-theme=dark] *){--tw-shadow-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-black\/30:where([data-theme=dark],[data-theme=dark] *){--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)30%,transparent)var(--tw-shadow-alpha),transparent)}}@media(hover:hover){.dark\:hover\:border-blue-500\/30:where([data-theme=dark],[data-theme=dark] *):hover{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-blue-500\/30:where([data-theme=dark],[data-theme=dark] *):hover{border-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.dark\:hover\:border-blue-500\/40:where([data-theme=dark],[data-theme=dark] *):hover{border-color:#3080ff66}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-blue-500\/40:where([data-theme=dark],[data-theme=dark] *):hover{border-color:color-mix(in oklab,var(--color-blue-500)40%,transparent)}}.dark\:hover\:border-gray-400\/50:where([data-theme=dark],[data-theme=dark] *):hover{border-color:#99a1af80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-gray-400\/50:where([data-theme=dark],[data-theme=dark] *):hover{border-color:color-mix(in oklab,var(--color-gray-400)50%,transparent)}}.dark\:hover\:bg-gray-800\/95:where([data-theme=dark],[data-theme=dark] *):hover{background-color:#1e2939f2}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-800\/95:where([data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--color-gray-800)95%,transparent)}}.dark\:hover\:bg-white\/10:where([data-theme=dark],[data-theme=dark] *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:where([data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:hover\:bg-white\/15:where([data-theme=dark],[data-theme=dark] *):hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/15:where([data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.dark\:hover\:shadow-blue-500\/20:where([data-theme=dark],[data-theme=dark] *):hover{--tw-shadow-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:shadow-blue-500\/20:where([data-theme=dark],[data-theme=dark] *):hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}.dark\:hover\:shadow-blue-500\/30:where([data-theme=dark],[data-theme=dark] *):hover{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:shadow-blue-500\/30:where([data-theme=dark],[data-theme=dark] *):hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}}}:root{--primary-blue:#0e73cc;--primary-light-blue:#47b7f8;--primary-orange:#f15817;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-750:#2d3748;--gray-800:#1f2937;--gray-850:#161f2e;--gray-900:#111827;--gray-950:#030712;--bg-light:#fff;--bg-dark:#0a0c10;--text-light:#111827;--text-dark:#ffffffde;color-scheme:light dark;color:var(--text-dark);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}a{color:var(--primary-blue);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500;transition:color .2s}a:hover{color:var(--primary-light-blue)}body{min-width:320px;min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}h1{font-size:2.25em;line-height:1.1}[data-theme=light]{color:var(--text-light);background-color:var(--bg-light)}[data-theme=light] .black-turn{color:var(--gray-700)}[data-theme=light] .theme-toggle{background:linear-gradient(135deg,var(--gray-100)0%,var(--gray-200)100%);border-color:var(--gray-300);color:#1f2937;box-shadow:0 4px 12px #0000001a}[data-theme=light] .theme-toggle:hover{background:linear-gradient(135deg,var(--gray-200)0%,var(--gray-300)100%);color:#1f2937;box-shadow:0 6px 20px #00000026}[data-theme=light] .theme-toggle:focus{color:#1f2937}.chess-container{flex-direction:column;gap:20px;width:100%;max-width:1400px;padding:20px;display:flex;position:relative}.chess-layout-wrapper{flex-direction:row;align-items:stretch;gap:40px;width:100%;display:flex}.theme-toggle{background:linear-gradient(135deg,var(--gray-800)0%,var(--gray-700)100%);border:2px solid var(--gray-600);color:#fff;cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:1.5em;transition:all .3s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #0000004d}.theme-toggle:hover{background:linear-gradient(135deg,var(--gray-700)0%,var(--gray-600)100%);border-color:var(--primary-blue);color:#fff;box-shadow:0 6px 20px #0006}.theme-toggle:focus{color:#fff}.left-section{flex-direction:column;align-items:center;display:flex}.mode-tabs{background:var(--gray-900);border:1px solid var(--gray-700);border-radius:8px;gap:8px;margin-bottom:20px;padding:4px;display:flex}.mode-tab{color:var(--gray-400);cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:6px;padding:10px 24px;font-size:1em;font-weight:600;transition:all .3s}.mode-tab:hover{background:var(--gray-800);color:var(--text-dark);box-shadow:none;border-color:#0000}.mode-tab.active{background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-light-blue)100%);color:#fff;box-shadow:0 2px 8px #0e73cc4d}.mode-tab.active:hover{background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-light-blue)100%);color:#fff}.right-panel{flex-direction:column;gap:20px;width:360px;min-width:360px;display:flex}.chess-board{border:2px solid var(--gray-700);box-sizing:border-box;border-radius:4px;grid-template-rows:repeat(8,96px);grid-template-columns:repeat(8,96px);margin:20px auto;display:grid;overflow:hidden;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}.square{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;align-items:center;width:96px;height:96px;transition:background-color .2s;display:flex;position:relative}.rank-label,.file-label{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;font-size:.75em;font-weight:600;position:absolute}.rank-label{top:2px;left:4px}.file-label{bottom:2px;right:6px}.square.light .rank-label,.square.light .file-label{color:#b58863}.square.dark .rank-label,.square.dark .file-label{color:#f0d9b5}.square.light{background-color:#f0d9b5}.square.dark{background-color:#b58863}.square.selected{background-color:#baca44}.square.light.last-move{background-color:khaki!important}.square.dark.last-move{background-color:#cdb570!important}.square.error-move{position:relative}.square.error-move:after{content:"✕";color:#fff;z-index:10;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;animation:.3s ease-out errorAppear;display:flex;position:absolute;top:4px;right:4px}@keyframes errorAppear{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.square.error-move:after{width:18px;height:18px;font-size:12px;top:3px;right:3px}}@media(max-width:400px){.square.error-move:after{width:14px;height:14px;font-size:10px;top:2px;right:2px}}.square.success-move{animation:.3s ease-out successPulse;box-shadow:inset 0 0 0 3px #22c55e!important}@keyframes successPulse{0%{box-shadow:inset 0 0 0 3px #22c55e}50%{box-shadow:inset 0 0 0 5px #22c55e}to{box-shadow:inset 0 0 0 3px #22c55e}}.square.hint-square{animation:1.5s ease-in-out infinite hintPulse;box-shadow:inset 0 0 0 4px #3b82f699!important}@keyframes hintPulse{0%,to{box-shadow:inset 0 0 0 4px #3b82f699}50%{box-shadow:inset 0 0 0 6px #3b82f6cc}}.square.king-in-check{animation:1.5s ease-in-out infinite checkPulse;box-shadow:0 0 15px #ff969680,inset 0 0 10px #ff78784d;background-color:#ffb3b3!important}@keyframes checkPulse{0%,to{box-shadow:0 0 15px #ff969680,inset 0 0 10px #ff78784d}50%{box-shadow:0 0 25px #ff9696cc,inset 0 0 15px #ff787866}}.square:hover{filter:brightness(.9)}.square.legal-move:after{content:"";pointer-events:none;background-color:#0e73cc4d;border-radius:50%;width:28px;height:28px;transition:all .2s;position:absolute;box-shadow:0 0 0 2px #0e73cc33}.square.legal-move:hover:after{background-color:#0e73cc80;transform:scale(1.2);box-shadow:0 0 0 3px #0e73cc4d}.piece{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:element;width:84px;height:84px;transition:transform .15s,opacity .2s}.piece:active{cursor:grabbing}.piece.dragging{opacity:.5;cursor:grabbing;transform:scale(1.1)}.square.dragging{opacity:.6}.square.legal-move{position:relative}.square.legal-move:hover{background-color:#baca4466!important}.captured-pieces{justify-content:center;align-items:center;gap:8px;max-width:-moz-fit-content;max-width:fit-content;min-height:32px;margin:0 auto;padding:4px 8px;display:flex}.captured-pieces-top{margin-bottom:8px}.captured-pieces-bottom{margin-top:8px}.captured-pieces-container{flex-wrap:wrap;align-items:center;gap:2px;min-height:34px;display:flex}.captured-pieces-container.has-pieces{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff52;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px}.captured-piece{opacity:.7;filter:grayscale(.3);width:24px;height:24px}.material-advantage{color:var(--primary-blue);background:linear-gradient(135deg,#0e73cc26,#47b7f826);border:1px solid #0e73cc4d;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:1.1em;font-weight:700}.game-info{text-align:center;margin-bottom:20px}.turn-indicator{margin:8px 0;font-size:1.2em;font-weight:500}.white-turn{color:var(--primary-light-blue);font-weight:600}.black-turn{color:var(--gray-400);font-weight:600}.game-info p{margin:8px 0;font-size:1.1em}.game-info button{cursor:pointer;margin-top:10px;padding:10px 20px;font-size:1em}.game-over{color:var(--primary-orange);font-size:1.5em;font-weight:700}.check-warning{color:var(--primary-orange);font-size:1.3em;font-weight:700}[data-theme=dark] .chess-board{border-color:var(--gray-700)}[data-theme=light] .chess-board{border-color:var(--gray-300);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f}[data-theme=light] .mode-tabs{background:var(--gray-100);border-color:var(--gray-300)}[data-theme=light] .mode-tab{color:var(--gray-600)}[data-theme=light] .mode-tab:hover{background:var(--gray-200);color:var(--text-light)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pgn-input-section{flex-direction:column;gap:12px;display:flex}.pgn-input-section h2{background:linear-gradient(135deg,var(--primary-blue),var(--primary-light-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 5px;font-size:1.5em;font-weight:600}.drop-zone{border:2px dashed var(--gray-600);background:var(--gray-900);cursor:pointer;border-radius:8px;padding:18px 12px;transition:all .3s;position:relative}.drop-zone:hover{border-color:var(--primary-blue);background:var(--gray-800);transform:translateY(-2px);box-shadow:0 4px 12px #0e73cc33}.drop-zone.dragging{border-color:var(--primary-light-blue);background:linear-gradient(135deg,#0e73cc1a,#47b7f81a);border-style:solid;box-shadow:0 0 0 4px #0e73cc1a}.drop-zone-content{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex}.upload-icon{color:var(--primary-blue);opacity:.8;transition:all .3s}.drop-zone:hover .upload-icon{opacity:1;color:var(--primary-light-blue);transform:translateY(-2px)}.drop-zone-title{color:var(--text-dark);margin:0;font-size:.85em;font-weight:600}.drop-zone-subtitle{color:var(--gray-400);margin:0;font-size:.75em}.file-input-hidden{display:none}.file-input-label{background:linear-gradient(135deg,var(--gray-700),var(--gray-600));color:#fff;cursor:pointer;pointer-events:all;border:1px solid var(--gray-600);border-radius:6px;margin-top:2px;padding:4px 12px;font-size:.75em;font-weight:600;transition:all .3s}.file-input-label:hover{background:linear-gradient(135deg,var(--gray-600),var(--gray-500));transform:translateY(-1px);box-shadow:0 2px 8px #0003}.divider{text-align:center;color:var(--gray-500);align-items:center;margin:5px 0;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--gray-700);flex:1}.divider span{text-transform:uppercase;letter-spacing:.5px;padding:0 15px;font-size:.9em;font-weight:500}.pgn-textarea{border:2px solid var(--gray-700);background-color:var(--gray-900);width:100%;min-height:150px;color:var(--text-dark);resize:vertical;box-sizing:border-box;border-radius:8px;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;line-height:1.5;transition:all .3s}.pgn-textarea:hover{border-color:var(--gray-600)}.pgn-textarea:focus{border-color:var(--primary-blue);background-color:var(--gray-850);outline:none;box-shadow:0 0 0 4px #0e73cc1a}.pgn-textarea-container{width:100%;position:relative}.pgn-paste-button{-webkit-backdrop-filter:blur(10px);color:var(--primary-blue);cursor:pointer;z-index:10;background:#3b82f61a;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex;position:absolute;top:8px;right:22px}.pgn-paste-button:hover{background:#3b82f633;transform:scale(1.05)}.pgn-paste-button:active{transform:scale(.95)}.pgn-paste-button svg{width:18px;height:18px}[data-theme=light] .pgn-paste-button{color:var(--primary-blue);background:#3b82f626}[data-theme=light] .pgn-paste-button:hover{background:#3b82f640}.navigation-controls{border-radius:8px;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;padding:1px;display:grid}.navigation-controls button{-webkit-backdrop-filter:blur(10px);background:#ffffff0d padding-box padding-box;border:2px solid #0000;padding:10px;font-size:.9em;transition:all .3s;position:relative}.navigation-controls button:before{content:"";border-radius:inherit;z-index:-1;opacity:.6;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.navigation-controls button:hover:before{opacity:1}.navigation-controls button:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 20px #667eea4d}.navigation-controls button:active{transform:translateY(0)}.navigation-controls button:disabled{opacity:.4;cursor:not-allowed;background:#ffffff05}.navigation-controls button:disabled:before{opacity:.2}.navigation-controls button:disabled:hover{box-shadow:none;transform:none}[data-theme=dark] .navigation-controls button{background:#ffffff08}[data-theme=dark] .navigation-controls button:hover{background:#ffffff14}[data-theme=dark] .navigation-controls button:disabled{background:#ffffff03}[data-theme=light] .navigation-controls button{color:var(--gray-800);background:#00000005}[data-theme=light] .navigation-controls button:hover{background:#0000000d}.solution-panel{background-color:var(--gray-900);border:1px solid var(--gray-700);border-radius:6px;min-height:100px;padding:16px}.solution-panel h3{color:var(--primary-blue);margin:0 0 15px;font-size:1.2em}.solution-button{background:linear-gradient(135deg,var(--primary-orange)0%,#ff7742 100%);color:#fff;border:none;width:100%;margin-bottom:15px;padding:12px;font-size:1.1em;box-shadow:0 2px 8px #f158174d}.solution-button:before{background:linear-gradient(135deg,#d14e13 0%,var(--primary-orange)100%)}.solution-button:hover{border-color:#ff9068;box-shadow:0 4px 16px #f1581780;color:#fff!important}.solution-button span{margin-right:8px;font-size:1.3em}.solution-content{margin-top:15px}.solution-content ul{margin:10px 0;padding:0;list-style:none}.solution-content li{margin:8px 0}.solution-content li button{text-align:left;background:linear-gradient(135deg,var(--gray-800)0%,var(--gray-750)100%);border:1px solid var(--gray-700);width:100%;color:var(--text-dark);padding:10px;font-weight:500;box-shadow:0 1px 3px #0003}.solution-content li button:before{background:linear-gradient(135deg,var(--gray-750)0%,var(--gray-700)100%)}.solution-content li button:hover{border-color:var(--primary-blue);box-shadow:0 2px 8px #0e73cc4d;color:#fff!important}.error-indicator{pointer-events:none;z-index:10;background-color:#d32f2f80;width:100%;height:100%;animation:.5s ease-in-out errorPulse;position:absolute}@keyframes errorPulse{0%,to{opacity:0}50%{opacity:1}}.history-section{background-color:var(--gray-900);border:1px solid var(--gray-700);border-radius:6px;flex-direction:column;flex:1;min-height:120px;padding:16px;display:flex}.history-section h3{color:var(--gray-300);flex-shrink:0;margin:0 0 12px;font-size:1.2em}.move-list{flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;display:flex;overflow-y:auto}.move-item{background-color:var(--gray-800);border:1px solid var(--gray-700);border-radius:4px;padding:4px 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:.9em}.training-status{color:var(--primary-blue);font-weight:700}.complete-status{color:var(--primary-light-blue);font-weight:700}[data-theme=light] .drop-zone{background:var(--gray-50);border-color:var(--gray-300)}[data-theme=light] .drop-zone:hover{background:var(--bg-light);border-color:var(--primary-blue)}[data-theme=light] .drop-zone-title{color:var(--text-light)}[data-theme=light] .file-input-label{background:linear-gradient(135deg,var(--gray-200),var(--gray-300));color:var(--text-light)}[data-theme=light] .file-input-label:hover{background:linear-gradient(135deg,var(--gray-300),var(--gray-400))}[data-theme=light] .divider:before,[data-theme=light] .divider:after{border-color:var(--gray-300)}[data-theme=light] .pgn-textarea{background-color:var(--bg-light);color:var(--text-light);border-color:var(--gray-300)}[data-theme=light] .pgn-textarea:hover{border-color:var(--gray-400)}[data-theme=light] .pgn-textarea:focus{border-color:var(--primary-blue);background-color:var(--gray-50);box-shadow:0 0 0 4px #0e73cc14}[data-theme=light] .solution-panel,[data-theme=light] .history-section{background-color:var(--gray-50);border-color:var(--gray-200)}[data-theme=light] .history-section h3{color:var(--gray-700)}[data-theme=light] .move-item{background-color:var(--gray-100);border-color:var(--gray-300)}[data-theme=light] .solution-content li button{background:linear-gradient(135deg,var(--bg-light)0%,var(--gray-50)100%);border-color:var(--gray-300);color:var(--text-light)}[data-theme=light] .solution-content li button:before{background:linear-gradient(135deg,var(--gray-50)0%,var(--gray-100)100%)}[data-theme=light] .solution-content li button:hover{border-color:var(--primary-blue);box-shadow:0 2px 8px #0e73cc26}[data-theme=light] .btn-secondary{background:linear-gradient(135deg,var(--gray-200)0%,var(--gray-300)100%);border-color:var(--gray-400);color:var(--text-light)}[data-theme=light] .btn-secondary:hover{background:linear-gradient(135deg,var(--gray-300)0%,var(--gray-400)100%);border-color:var(--gray-500)}[data-theme=light] .material-advantage{color:var(--primary-blue);background:linear-gradient(135deg,#0e73cc1a,#47b7f81a);border-color:#0e73cc40}[data-theme=light] .captured-pieces-container.has-pieces{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000000a;border-color:#00000014}@media(max-width:768px){.chess-container{flex-direction:column;align-items:center;gap:20px;max-width:100%;padding:0;overflow:hidden visible}.chess-layout-wrapper{flex-direction:column;gap:20px;max-width:100%}.left-section{flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex}.chess-board{box-sizing:border-box;grid-template-rows:repeat(8,calc(12.5vw - 2.5px));grid-template-columns:repeat(8,calc(12.5vw - 2.5px));max-width:calc(100vw - 20px);margin:10px auto}.square{width:calc(12.5vw - 2.5px);height:calc(12.5vw - 2.5px)}.piece{width:calc(12.5vw - 10.5px);height:calc(12.5vw - 10.5px)}.square.legal-move:after{width:12px;height:12px}.captured-pieces{display:none}.captured-piece{width:18px;height:18px}.material-advantage{padding:2px 6px;font-size:.95em}.rank-label,.file-label{font-size:calc(2.25vw - .45px)}.rank-label{top:1px;left:2px}.file-label{bottom:1px;right:3px}main{padding-top:.25rem!important;padding-bottom:.25rem!important}.right-panel{gap:.3125em;width:100%;min-width:100%;max-width:100%;padding:0 .5rem;overflow:visible}.game-info{display:none}.custom-dropdown-button{padding:10px 8px;font-size:.85em}.custom-dropdown-menu{max-height:20vh!important;overflow-y:auto!important}.custom-dropdown-menu::-webkit-scrollbar{width:10px}.custom-dropdown-menu::-webkit-scrollbar-track{background:#ffffff26;border-radius:10px}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#47b7f8cc;border-radius:10px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#47b7f8}.custom-dropdown{overflow:visible}.right-panel>div:first-child{flex-wrap:wrap;overflow:visible}.theme-toggle{width:45px;height:45px;font-size:1.2em;top:15px;right:15px}.mode-tabs{margin-bottom:15px}.mode-tab{padding:8px 16px;font-size:.9em}.game-info{margin-bottom:15px}.turn-indicator{font-size:1em}.game-info button{padding:8px 16px;font-size:.9em}.pgn-input-section h2{font-size:1.4em}.drop-zone{padding:22px 15px}.pgn-textarea{min-height:150px;font-size:13px}.navigation-controls{grid-template-columns:repeat(4,1fr);gap:6px}.navigation-controls button{padding:8px 4px;font-size:.8em}button{padding:.5em 1em;font-size:.9em}h1{font-size:1.5em}.history-section{margin-top:1rem}}@media(min-width:769px)and (max-width:1024px){.chess-container{gap:30px;padding:15px}.chess-board{grid-template-rows:repeat(8,72px);grid-template-columns:repeat(8,72px)}.square{width:72px;height:72px}.piece{width:66px;height:66px}.rank-label,.file-label{font-size:.7em}.rank-label{top:1px;left:3px}.file-label{bottom:1px;right:3px}.right-panel{width:320px;min-width:320px}}@media(max-width:400px){.chess-board{max-width:calc(100vw - 4px)}.piece{width:calc(12.5vw - 6.5px);height:calc(12.5vw - 6.5px)}.rank-label,.file-label{font-size:calc(2.25vw - .09px)}.rank-label{top:1px;left:2px}.file-label{bottom:1px;right:3px}.pgn-input-section h2{font-size:1.2em}.navigation-controls button{font-size:.8em}.custom-dropdown-menu{max-height:25vh!important;overflow-y:auto!important}.custom-dropdown-menu::-webkit-scrollbar{width:10px}.custom-dropdown-menu::-webkit-scrollbar-track{background:#ffffff26;border-radius:10px}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#47b7f8e6;border-radius:10px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#47b7f8}}.progress-bar-container{width:100%;margin-bottom:16px}.progress-bar-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff4d,#ffffff26);border:1px solid #ffffff4d;border-radius:12px;height:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a,inset 0 1px 2px #ffffff80}[data-theme=dark] .progress-bar-bg{background:linear-gradient(135deg,#1a202c99,#11182799);border:1px solid #ffffff1a;box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #ffffff1a}.progress-bar-fill{background:linear-gradient(135deg,#0e73cc,#47b7f8,#0e73cc) 0 0/200% 100%;border-radius:12px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 20px #0e73cc66,inset 0 1px 2px #ffffff4d}[data-theme=dark] .progress-bar-fill{background:linear-gradient(135deg,#0e73cc,#47b7f8,#0e73cc);box-shadow:0 0 20px #47b7f880,inset 0 1px 2px #fff3}.progress-bar-shimmer{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-text{text-align:center;color:#fff;text-shadow:0 1px 3px #000c,0 0 10px #00000080;z-index:10;white-space:nowrap;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .progress-bar-text{color:#fff;text-shadow:0 1px 3px #000000e6,0 0 10px #0009}@media(max-width:768px){.progress-bar-container{margin-bottom:12px}.progress-bar-bg{height:20px}.progress-bar-text{font-size:.75rem}}.confirm-dialog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog-container{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #ffffff80;border-radius:16px;width:100%;max-width:480px;animation:.3s ease-out slideIn;box-shadow:0 20px 60px #0000004d}[data-theme=dark] .confirm-dialog-container{background:linear-gradient(135deg,#1a202cfa,#111827fa);border:1px solid #ffffff1a}.confirm-dialog-content{text-align:center;padding:32px}.confirm-dialog-icon{margin-bottom:16px;font-size:3.5rem;animation:.5s ease-in-out pulse}.confirm-dialog-title{color:var(--gray-900);margin-bottom:16px;font-size:1.5rem;font-weight:700}[data-theme=dark] .confirm-dialog-title{color:var(--gray-50)}.confirm-dialog-message{color:var(--gray-700);margin-bottom:12px;font-size:1rem;line-height:1.6}[data-theme=dark] .confirm-dialog-message{color:var(--gray-300)}.confirm-dialog-question{color:var(--gray-800);margin-bottom:24px;font-size:1.1rem;font-weight:600}[data-theme=dark] .confirm-dialog-question{color:var(--gray-200)}.confirm-dialog-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.confirm-dialog-btn{cursor:pointer;border:none;border-radius:10px;min-width:160px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0000001a}.confirm-dialog-btn:active{transform:translateY(1px)}.confirm-dialog-btn-cancel{background:linear-gradient(135deg,var(--gray-200)0%,var(--gray-300)100%);color:var(--gray-800)}.confirm-dialog-btn-cancel:hover{background:linear-gradient(135deg,var(--gray-300)0%,var(--gray-400)100%);box-shadow:0 6px 16px #00000026}[data-theme=dark] .confirm-dialog-btn-cancel{background:linear-gradient(135deg,var(--gray-700)0%,var(--gray-600)100%);color:var(--gray-100)}[data-theme=dark] .confirm-dialog-btn-cancel:hover{background:linear-gradient(135deg,var(--gray-600)0%,var(--gray-500)100%)}.confirm-dialog-btn-confirm{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-dialog-btn-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse{50%{opacity:.5}}@media(max-width:500px){.confirm-dialog-content{padding:24px}.confirm-dialog-icon{font-size:2.5rem}.confirm-dialog-title{font-size:1.25rem}.confirm-dialog-message,.confirm-dialog-question{font-size:.95rem}.confirm-dialog-buttons{flex-direction:column;gap:10px}.confirm-dialog-btn{min-width:100%;padding:14px 24px}}@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-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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}