.liquid-bubble-enhanced{position:relative;width:140px;height:140px;border-radius:50%;background:radial-gradient(ellipse 40% 30% at 25% 20%,rgba(255,255,255,.95) 0,rgba(255,255,255,.7) 20%,transparent 45%),radial-gradient(ellipse 25% 35% at 75% 75%,rgba(255,255,255,.6) 0,rgba(255,255,255,.2) 30%,transparent 60%),radial-gradient(circle at 60% 40%,rgba(255,255,255,.4) 0,transparent 35%),linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.05) 50%,rgba(255,255,255,.15));backdrop-filter:blur(25px) saturate(1.8) contrast(1.2);-webkit-backdrop-filter:blur(25px) saturate(1.8) contrast(1.2);border:2px solid;border-image:linear-gradient(45deg,rgba(255,255,255,.7),rgba(255,255,255,.2) 25%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.1) 75%,rgba(255,255,255,.6)) 1;box-shadow:0 30px 80px rgba(0,0,0,.3),0 15px 40px rgba(255,255,255,.2),0 5px 15px rgba(255,255,255,.4),inset 0 3px 12px rgba(255,255,255,.5),inset 0 -3px 12px rgba(0,0,0,.1),inset 2px 2px 8px rgba(255,255,255,.3),inset -2px -2px 8px rgba(0,0,0,.05);overflow:hidden;cursor:pointer;transition:all .6s cubic-bezier(.25,.46,.45,.94);animation:liquidFloat 10s ease-in-out infinite,subtleRotate 15s linear infinite,breathe 8s ease-in-out infinite}.liquid-bubble-enhanced:before{content:"";position:absolute;top:12%;left:18%;width:40%;height:45%;background:radial-gradient(ellipse 60% 40% at 30% 20%,rgba(255,255,255,.9) 0,rgba(255,255,255,.6) 25%,rgba(255,255,255,.3) 50%,transparent 75%),linear-gradient(45deg,rgba(255,255,255,.4),transparent 60%);border-radius:70% 30% 60% 40%/80% 20% 40% 60%;filter:blur(1.5px);animation:highlightShimmer 8s ease-in-out infinite,highlightMorph 12s ease-in-out infinite}.liquid-bubble-enhanced:after{content:"";position:absolute;bottom:25%;right:20%;width:25%;height:25%;background:radial-gradient(ellipse at center,rgba(255,255,255,.8) 0,rgba(255,255,255,.4) 35%,rgba(255,255,255,.1) 65%,transparent 85%);border-radius:50%;filter:blur(1px);animation:highlightPulse 6s ease-in-out 2s infinite,highlightMove 10s ease-in-out 1s infinite}.liquid-bubble-enhanced .refraction-line{position:absolute;top:35%;left:65%;width:3px;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.6) 0,rgba(255,255,255,.8) 50%,rgba(255,255,255,.3));border-radius:50%;filter:blur(.5px);transform:rotate(25deg);animation:refractionLineShift 7s ease-in-out 3s infinite}@keyframes liquidFloat{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-12px) translateX(5px) rotate(1deg)}50%{transform:translateY(-5px) translateX(-3px) rotate(-.5deg)}75%{transform:translateY(8px) translateX(2px) rotate(.5deg)}}@keyframes subtleRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes highlightShimmer{0%,to{opacity:.8;transform:scale(1) rotate(0deg);border-radius:70% 30% 60% 40%/80% 20% 40% 60%}33%{opacity:1;transform:scale(1.1) rotate(120deg);border-radius:30% 70% 40% 60%/20% 80% 60% 40%}66%{opacity:.9;transform:scale(.95) rotate(240deg);border-radius:60% 40% 70% 30%/60% 40% 20% 80%}}@keyframes highlightMorph{0%,to{border-radius:70% 30% 60% 40%/80% 20% 40% 60%}50%{border-radius:40% 60% 30% 70%/40% 60% 80% 20%}}@keyframes highlightPulse{0%,to{opacity:.6;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}}@keyframes highlightMove{0%,to{transform:translate(0)}50%{transform:translate(-5px,-8px)}}@keyframes refractionLineShift{0%,to{transform:rotate(25deg) scaleY(1);opacity:.4}50%{transform:rotate(45deg) scaleY(1.2);opacity:.8}}.liquid-morph-advanced{position:relative;width:160px;height:120px;background:radial-gradient(ellipse 30% 40% at 20% 25%,rgba(255,255,255,.85) 0,rgba(255,255,255,.5) 30%,transparent 60%),radial-gradient(ellipse 20% 25% at 80% 70%,rgba(255,255,255,.6) 0,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.3) 0,transparent 50%),linear-gradient(60deg,rgba(255,255,255,.2),rgba(255,255,255,.05) 40%,rgba(255,255,255,.15));backdrop-filter:blur(30px) contrast(1.3) brightness(1.1) saturate(1.5);-webkit-backdrop-filter:blur(30px) contrast(1.3) brightness(1.1) saturate(1.5);border:2px solid rgba(255,255,255,.4);border-radius:40% 60% 70% 30%/35% 25% 75% 65%;box-shadow:0 35px 100px rgba(0,0,0,.4),0 20px 50px rgba(255,255,255,.3),0 10px 25px rgba(255,255,255,.5),inset 0 4px 15px rgba(255,255,255,.4),inset 0 -4px 15px rgba(0,0,0,.1),inset 3px 3px 10px rgba(255,255,255,.3),inset -3px -3px 10px rgba(0,0,0,.05);cursor:pointer;transition:all .8s cubic-bezier(.23,1,.32,1);animation:advancedMorph 15s ease-in-out infinite,liquidSway 12s ease-in-out infinite,colorShift 20s ease-in-out infinite}@keyframes advancedMorph{0%,to{border-radius:40% 60% 70% 30%/35% 25% 75% 65%;transform:scale(1) rotate(0deg)}12.5%{border-radius:75% 25% 60% 40%/65% 50% 50% 35%;transform:scale(1.08) rotate(2deg)}25%{border-radius:30% 70% 40% 60%/45% 75% 25% 55%;transform:scale(.92) rotate(-3deg)}37.5%{border-radius:65% 35% 80% 20%/70% 30% 70% 30%;transform:scale(1.12) rotate(4deg)}50%{border-radius:20% 80% 35% 65%/25% 65% 35% 75%;transform:scale(.88) rotate(-2deg)}62.5%{border-radius:80% 20% 65% 35%/55% 45% 55% 45%;transform:scale(1.05) rotate(3deg)}75%{border-radius:35% 65% 25% 75%/40% 80% 20% 60%;transform:scale(.95) rotate(-4deg)}87.5%{border-radius:70% 30% 55% 45%/60% 40% 60% 40%;transform:scale(1.02) rotate(1deg)}}@keyframes liquidSway{0%,to{transform:translateX(0) translateY(0)}33%{transform:translateX(8px) translateY(-5px)}66%{transform:translateX(-5px) translateY(3px)}}@keyframes colorShift{0%,to{filter:hue-rotate(0deg) saturate(1.5)}50%{filter:hue-rotate(180deg) saturate(2)}}.prismatic-orb{position:relative;width:120px;height:120px;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(255,100,200,.4) 0deg,rgba(100,255,255,.4) 45deg,rgba(255,255,100,.4) 90deg,rgba(255,100,255,.4) 135deg,rgba(100,255,100,.4) 180deg,rgba(255,200,100,.4) 225deg,rgba(200,100,255,.4) 270deg,rgba(100,200,255,.4) 315deg,rgba(255,100,200,.4) 1turn),radial-gradient(ellipse 35% 25% at 30% 25%,rgba(255,255,255,.9) 0,rgba(255,255,255,.6) 40%,transparent 70%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.5) 0,transparent 50%),radial-gradient(circle at center,rgba(255,255,255,.1) 0,transparent 70%);backdrop-filter:blur(20px) saturate(2) contrast(1.2);-webkit-backdrop-filter:blur(20px) saturate(2) contrast(1.2);border:3px solid rgba(255,255,255,.5);box-shadow:0 25px 60px rgba(0,0,0,.4),0 15px 30px rgba(255,255,255,.3),0 8px 15px rgba(255,255,255,.6),inset 0 3px 12px rgba(255,255,255,.7),inset 0 -3px 12px rgba(0,0,0,.2);cursor:pointer;transition:all .6s ease;animation:prismaticRotate 18s linear infinite,prismaticFloat 8s ease-in-out infinite,prismaticPulse 6s ease-in-out infinite}@keyframes prismaticRotate{0%{filter:hue-rotate(0deg) saturate(2) brightness(1);transform:rotate(0deg)}to{filter:hue-rotate(1turn) saturate(2) brightness(1);transform:rotate(180deg)}}@keyframes prismaticFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.05)}}@keyframes prismaticPulse{0%,to{box-shadow:0 25px 60px rgba(0,0,0,.4),0 15px 30px rgba(255,255,255,.3),0 8px 15px rgba(255,255,255,.4),inset 0 3px 12px rgba(255,255,255,.5),inset 0 -3px 12px rgba(0,0,0,.2)}50%{box-shadow:0 35px 80px rgba(0,0,0,.5),0 20px 40px rgba(255,255,255,.5),0 12px 25px rgba(255,255,255,.6),inset 0 4px 16px rgba(255,255,255,.6),inset 0 -4px 16px rgba(0,0,0,.3)}}.liquid-mercury{position:relative;background:linear-gradient(45deg,rgba(220,220,220,.6),rgba(255,255,255,.5) 20%,rgba(192,192,192,.4) 40%,rgba(255,255,255,.5) 60%,rgba(169,169,169,.3) 80%,rgba(211,211,211,.2)),radial-gradient(ellipse 40% 60% at 25% 30%,rgba(255,255,255,.7) 0,rgba(255,255,255,.3) 50%,transparent 80%),radial-gradient(ellipse 25% 35% at 75% 60%,rgba(255,255,255,.5) 0,rgba(255,255,255,.2) 40%,transparent 70%);backdrop-filter:blur(12px) contrast(1.2) brightness(1.1);-webkit-backdrop-filter:blur(12px) contrast(1.2) brightness(1.1);border:1px solid rgba(255,255,255,.4);border-radius:50px;box-shadow:0 20px 40px rgba(0,0,0,.3),0 10px 20px rgba(255,255,255,.2),inset 0 2px 10px rgba(255,255,255,.4),inset 0 -2px 10px rgba(0,0,0,.2),inset 3px 0 8px rgba(255,255,255,.3),inset -3px 0 8px rgba(0,0,0,.1);cursor:pointer;transition:transform .5s ease;animation:mercuryFlow 16s ease-in-out infinite,mercuryShimmer 12s ease-in-out infinite;will-change:transform,border-radius,filter,box-shadow}@keyframes mercuryFlow{0%,to{border-radius:50px;transform:scaleX(1) scaleY(1) translateY(0)}25%{border-radius:55px 45px 55px 45px;transform:scaleX(1.02) scaleY(.98) translateY(-2px)}50%{border-radius:48px 52px 48px 52px;transform:scaleX(.98) scaleY(1.02) translateY(1px)}75%{border-radius:52px 48px 52px 48px;transform:scaleX(1.01) scaleY(.99) translateY(-1px)}}@keyframes mercuryShimmer{0%,to{filter:brightness(1) contrast(1.1) saturate(.9);box-shadow:0 20px 40px rgba(0,0,0,.3),0 10px 20px rgba(255,255,255,.2),inset 0 2px 10px rgba(255,255,255,.4),inset 0 -2px 10px rgba(0,0,0,.2)}50%{filter:brightness(1.1) contrast(1.2) saturate(1);box-shadow:0 25px 45px rgba(0,0,0,.35),0 12px 22px rgba(255,255,255,.25),inset 0 3px 12px rgba(255,255,255,.45),inset 0 -3px 12px rgba(0,0,0,.25)}}.liquid-mercury:hover{transform:scaleX(1.15) scaleY(.85) translateY(-5px);border-radius:65px 35px 65px 35px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:brightness(1.3) contrast(1.4) saturate(1.2);box-shadow:0 30px 60px rgba(0,0,0,.4),0 15px 30px rgba(255,255,255,.3),inset 0 3px 15px rgba(255,255,255,.5),inset 0 -3px 15px rgba(0,0,0,.3);animation-play-state:paused}.liquid-bubble-enhanced:hover{transform:scale(1.2) translateY(-15px) rotate(5deg);animation-duration:3s,5s,4s;filter:brightness(1.4) contrast(1.3) saturate(1.5);box-shadow:0 40px 100px rgba(0,0,0,.4),0 20px 50px rgba(255,255,255,.4),0 10px 25px rgba(255,255,255,.3),inset 0 4px 20px rgba(255,255,255,.3),inset 0 -4px 20px rgba(0,0,0,.2)}.liquid-morph-advanced:hover{transform:scale(1.25) rotate(15deg) translateY(-10px);border-radius:15% 85% 20% 80%/60% 15% 85% 40%;animation-duration:5s,4s,6s;filter:brightness(1.5) saturate(2.5) contrast(1.4)}.prismatic-orb:hover{transform:scale(1.3) translateY(-20px) rotate(180deg);animation-duration:6s,3s,2s;filter:brightness(1.6) contrast(1.4) saturate(3) hue-rotate(180deg)}@media (max-width:768px){body{gap:40px;padding:20px}.liquid-bubble-enhanced,.liquid-mercury,.liquid-morph-advanced,.prismatic-orb{transform:scale(.8)}}@media (max-width:480px){.liquid-bubble-enhanced,.liquid-mercury,.liquid-morph-advanced,.prismatic-orb{transform:scale(.6)}body{gap:30px;padding:15px}}.light .liquid-bubble-enhanced,.light .liquid-mercury,.light .liquid-morph-advanced,.light .prismatic-orb{opacity:.6;backdrop-filter:blur(15px) saturate(1.5);-webkit-backdrop-filter:blur(15px) saturate(1.5)}.light .liquid-bubble-enhanced:hover,.light .liquid-mercury:hover,.light .liquid-morph-advanced:hover,.light .prismatic-orb:hover{opacity:.7;backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7)}.light .liquid-bubble-enhanced{background:radial-gradient(ellipse 40% 30% at 25% 20%,rgba(255,255,255,.9) 0,rgba(255,255,255,.6) 20%,transparent 50%),radial-gradient(ellipse 25% 35% at 75% 75%,rgba(255,255,255,.5) 0,rgba(255,255,255,.1) 30%,transparent 60%),radial-gradient(circle at 60% 40%,rgba(255,255,255,.3) 0,transparent 35%),linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.02) 50%,rgba(255,255,255,.1));box-shadow:0 25px 70px rgba(100,100,255,.15),0 15px 35px rgba(100,100,255,.1),inset 0 3px 10px rgba(255,255,255,.8)}.light .liquid-morph-advanced{opacity:.8;background:radial-gradient(ellipse 30% 40% at 20% 25%,rgba(255,255,255,.8) 0,rgba(255,255,255,.4) 30%,transparent 60%),radial-gradient(ellipse 20% 25% at 80% 70%,rgba(255,255,255,.5) 0,rgba(255,255,255,.2) 40%,transparent 70%);box-shadow:0 30px 80px rgba(100,100,255,.2),0 15px 40px rgba(100,100,255,.15),inset 0 3px 10px rgba(255,255,255,.9)}.light .prismatic-orb{opacity:.75;box-shadow:0 20px 50px rgba(100,100,255,.25),0 10px 25px rgba(100,100,255,.15),inset 0 3px 10px rgba(255,255,255,.9)}.light .liquid-mercury{opacity:.85;backdrop-filter:blur(15px) saturate(1.5);-webkit-backdrop-filter:blur(15px) saturate(1.5);background:linear-gradient(45deg,rgba(240,240,240,.5),rgba(255,255,255,.4) 20%,rgba(220,220,220,.3) 40%,rgba(255,255,255,.4) 60%,rgba(230,230,230,.2) 80%,rgba(240,240,240,.1)),radial-gradient(ellipse 40% 60% at 25% 30%,rgba(255,255,255,.6) 0,rgba(255,255,255,.2) 50%,transparent 80%),radial-gradient(ellipse 30% 40% at 70% 65%,rgba(255,255,255,.4) 0,rgba(255,255,255,.1) 60%,transparent 90%);box-shadow:0 20px 40px rgba(100,100,255,.15),0 10px 20px rgba(100,100,255,.1),inset 0 2px 8px rgba(255,255,255,.9);transition:opacity .3s ease,transform .5s ease,box-shadow .3s ease}.light .liquid-mercury:hover{opacity:.92;transform:scale(1.05) translateY(-5px);box-shadow:0 25px 50px rgba(100,100,255,.25),0 15px 30px rgba(100,100,255,.15),inset 0 3px 10px rgba(255,255,255,1);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8)}.light .liquid-mercury{animation:mercuryFlow 16s ease-in-out infinite,mercuryShimmer 12s ease-in-out infinite}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--primary-hue:155;--primary-saturation:85%;--primary-lightness:52%;--secondary-hue:79;--secondary-saturation:90%;--secondary-lightness:50%;--accent-hue:104;--accent-saturation:65%;--accent-lightness:56%;--success-hue:120;--success-saturation:70%;--success-lightness:45%;--warning-hue:45;--warning-saturation:90%;--warning-lightness:55%;--danger-hue:0;--danger-saturation:72%;--danger-lightness:51%;--error-hue:var(--danger-hue);--error-saturation:var(--danger-saturation);--error-lightness:var(--danger-lightness);--success-color:hsl(var(--success-hue),var(--success-saturation),var(--success-lightness));--success-color-light:hsl(var(--success-hue),calc(var(--success-saturation) - 10%),calc(var(--success-lightness) + 15%));--success-color-dark:hsl(var(--success-hue),calc(var(--success-saturation) + 5%),calc(var(--success-lightness) - 10%));--warning-color:hsl(var(--warning-hue),var(--warning-saturation),var(--warning-lightness));--warning-color-light:hsl(var(--warning-hue),calc(var(--warning-saturation) - 10%),calc(var(--warning-lightness) + 15%));--warning-color-dark:hsl(var(--warning-hue),calc(var(--warning-saturation) + 5%),calc(var(--warning-lightness) - 10%));--danger-color:hsl(var(--danger-hue),var(--danger-saturation),var(--danger-lightness));--danger-color-light:hsl(var(--danger-hue),calc(var(--danger-saturation) - 10%),calc(var(--danger-lightness) + 15%));--danger-color-dark:hsl(var(--danger-hue),calc(var(--danger-saturation) + 5%),calc(var(--danger-lightness) - 10%));--primary-color:hsl(var(--primary-hue),var(--primary-saturation),var(--primary-lightness));--primary-color-light:hsl(var(--primary-hue),calc(var(--primary-saturation) - 10%),calc(var(--primary-lightness) + 15%));--primary-color-dark:hsl(var(--primary-hue),calc(var(--primary-saturation) + 5%),calc(var(--primary-lightness) - 10%));--secondary-color:hsl(var(--secondary-hue),var(--secondary-saturation),var(--secondary-lightness));--secondary-color-light:hsl(var(--secondary-hue),calc(var(--secondary-saturation) - 10%),calc(var(--secondary-lightness) + 15%));--secondary-color-dark:hsl(var(--secondary-hue),calc(var(--secondary-saturation) + 5%),calc(var(--secondary-lightness) - 10%));--accent-color:hsl(var(--accent-hue),var(--accent-saturation),var(--accent-lightness));--accent-color-light:hsl(var(--accent-hue),calc(var(--accent-saturation) - 10%),calc(var(--accent-lightness) + 15%));--accent-color-dark:hsl(var(--accent-hue),calc(var(--accent-saturation) + 5%),calc(var(--accent-lightness) - 10%));--error-color:var(--danger-color);--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:var(--primary-hue) calc(var(--primary-saturation) * 1%) calc(var(--primary-lightness) * 1%);--primary-foreground:0 0% 100%;--secondary:var(--secondary-hue) calc(var(--secondary-saturation) * 1%) calc(var(--secondary-lightness) * 1%);--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:var(--accent-hue) calc(var(--accent-saturation) * 1%) calc(var(--accent-lightness) * 1%);--accent-foreground:240 5.9% 10%;--destructive:var(--danger-hue) calc(var(--danger-saturation) * 1%) calc(var(--danger-lightness) * 1%);--destructive-foreground:0 0% 100%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:var(--accent-hue) calc(var(--accent-saturation) * 1%) calc(var(--accent-lightness) * 1%);--radius:0.5rem}.dark{--success-color:hsl(var(--success-hue),var(--success-saturation),calc(var(--success-lightness) + 5%));--success-color-light:hsl(var(--success-hue),calc(var(--success-saturation) - 5%),calc(var(--success-lightness) + 15%));--success-color-dark:hsl(var(--success-hue),calc(var(--success-saturation) + 10%),calc(var(--success-lightness) - 10%));--warning-color:hsl(var(--warning-hue),var(--warning-saturation),calc(var(--warning-lightness) + 5%));--warning-color-light:hsl(var(--warning-hue),calc(var(--warning-saturation) - 5%),calc(var(--warning-lightness) + 15%));--warning-color-dark:hsl(var(--warning-hue),calc(var(--warning-saturation) + 10%),calc(var(--warning-lightness) - 10%));--danger-color:hsl(var(--danger-hue),var(--danger-saturation),calc(var(--danger-lightness) + 5%));--danger-color-light:hsl(var(--danger-hue),calc(var(--danger-saturation) - 5%),calc(var(--danger-lightness) + 15%));--danger-color-dark:hsl(var(--danger-hue),calc(var(--danger-saturation) + 10%),calc(var(--danger-lightness) - 10%));--primary-color:hsl(var(--primary-hue),var(--primary-saturation),var(--primary-lightness));--primary-color-light:hsl(var(--primary-hue),calc(var(--primary-saturation) - 5%),calc(var(--primary-lightness) + 10%));--primary-color-dark:hsl(var(--primary-hue),calc(var(--primary-saturation) + 10%),calc(var(--primary-lightness) - 15%));--secondary-color:hsl(var(--secondary-hue),var(--secondary-saturation),var(--secondary-lightness));--secondary-color-light:hsl(var(--secondary-hue),calc(var(--secondary-saturation) - 5%),calc(var(--secondary-lightness) + 10%));--secondary-color-dark:hsl(var(--secondary-hue),calc(var(--secondary-saturation) + 10%),calc(var(--secondary-lightness) - 15%));--accent-color:hsl(var(--accent-hue),var(--accent-saturation),var(--accent-lightness));--accent-color-light:hsl(var(--accent-hue),calc(var(--accent-saturation) - 5%),calc(var(--accent-lightness) + 10%));--accent-color-dark:hsl(var(--accent-hue),calc(var(--accent-saturation) + 10%),calc(var(--accent-lightness) - 15%));--error-color:var(--danger-color);--background:240 10% 5%;--foreground:0 0% 100%;--card:240 10% 8%;--card-foreground:0 0% 100%;--popover:240 10% 8%;--popover-foreground:0 0% 100%;--primary:var(--primary-hue) calc(var(--primary-saturation) * 1%) calc(var(--primary-lightness) * 1%);--primary-foreground:0 0% 100%;--secondary:var(--secondary-hue) calc(var(--secondary-saturation) * 1%) calc(var(--secondary-lightness) * 1%);--secondary-foreground:0 0% 100%;--muted:240 5% 14%;--muted-foreground:240 5% 65%;--accent:var(--accent-hue) calc(var(--accent-saturation) * 1%) calc(var(--accent-lightness) * 1%);--accent-foreground:0 0% 100%;--destructive:var(--danger-hue) calc(var(--danger-saturation) * 1%) calc(var(--danger-lightness) * 1%);--destructive-foreground:0 0% 100%;--border:240 5% 16%;--input:240 5% 16%;--ring:var(--accent-hue) calc(var(--accent-saturation) * 1%) calc(var(--accent-lightness) * 1%)}*{border-color:hsl(var(--border));-webkit-tap-highlight-color:transparent}body{background:linear-gradient(135deg,hsl(var(--primary-hue),60%,5%) 0,hsl(var(--primary-hue),80%,3%) 50%,hsl(var(--primary-hue),90%,5%) 100%)}.light body{background:linear-gradient(135deg,hsl(var(--primary-hue),25%,95%) 0,hsl(var(--primary-hue),15%,90%) 50%,hsl(var(--primary-hue),10%,90%) 100%)}.light div,.light h1,.light h2,.light h3,.light h4,.light h5,.light h6,.light p{color:hsl(var(--primary-hue),80%,15%)}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:hsl(var(--primary-hue),100%,100%)}.dark div,.dark p{color:hsl(var(--primary-hue),60%,85%)}.light button,.light input,.light select,.light textarea{color:hsl(var(--primary-hue),60%,20%);background-color:hsl(var(--primary-hue),25%,95%);border:1px solid hsl(var(--primary-hue),30%,80%)}.dark button,.dark input,.dark select,.dark textarea{color:hsl(var(--primary-hue),60%,85%);background-color:hsl(var(--primary-hue),25%,15%);border:1px solid hsl(var(--primary-hue),30%,30%)}button,input,select,textarea{color:inherit!important;-webkit-text-fill-color:inherit!important;-webkit-appearance:none}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}