@font-face { font-family: 'Fraunces Variable'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/fraunces.woff2') format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/nunito-400.woff2') format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/nunito-700.woff2') format('woff2'); }

*,: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:rgba(59,130,246,.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:rgba(59,130,246,.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.19 | 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;-o-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]){-webkit-text-decoration:underline dotted;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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-end-1\.5{inset-inline-end:-.375rem}.-top-1\.5{top:-.375rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-\[max\(16px\2c env\(safe-area-inset-bottom\)\)\]{bottom:max(16px,env(safe-area-inset-bottom))}.left-4{left:1rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-\[136px\]{top:136px}.order-last{order:9999}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.aspect-\[8\/7\]{aspect-ratio:8/7}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[58px\]{height:58px}.h-\[60px\]{height:60px}.h-\[70px\]{height:70px}.h-\[72px\]{height:72px}.h-\[92\%\]{height:92%}.h-auto{height:auto}.h-full{height:100%}.max-h-\[60\%\]{max-height:60%}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[52px\]{min-height:52px}.min-h-\[54px\]{min-height:54px}.min-h-\[56px\]{min-height:56px}.min-h-\[78px\]{min-height:78px}.min-h-full{min-height:100%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-40{width:10rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[58\%\]{width:58%}.w-\[64px\]{width:64px}.w-\[70px\]{width:70px}.w-\[72px\]{width:72px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[320px\]{max-width:320px}.max-w-\[440px\]{max-width:440px}.flex-1{flex:1 1 0%}.flex-\[1\.4\]{flex:1.4}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}.list-decimal{list-style-type:decimal}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[18px\]{border-radius:18px}.rounded-card{border-radius:22px}.rounded-control{border-radius:16px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-card{border-top-left-radius:22px;border-top-right-radius:22px}.rounded-bl-\[4px\]{border-bottom-left-radius:4px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-b-4{border-bottom-width:4px}.border-e-2{border-inline-end-width:2px}.border-t-2{border-top-width:2px}.border-danger{--tw-border-opacity:1;border-color:rgb(168 65 46/var(--tw-border-opacity,1))}.border-line{--tw-border-opacity:1;border-color:rgb(232 226 208/var(--tw-border-opacity,1))}.border-link{--tw-border-opacity:1;border-color:rgb(32 89 116/var(--tw-border-opacity,1))}.border-teal{--tw-border-opacity:1;border-color:rgb(28 59 64/var(--tw-border-opacity,1))}.border-teal\/40{border-color:rgba(28,59,64,.4)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-yellow{--tw-border-opacity:1;border-color:rgb(245 214 77/var(--tw-border-opacity,1))}.border-yellow-edge{--tw-border-opacity:1;border-color:rgb(217 185 58/var(--tw-border-opacity,1))}.bg-cream{--tw-bg-opacity:1;background-color:rgb(248 245 236/var(--tw-bg-opacity,1))}.bg-danger{--tw-bg-opacity:1;background-color:rgb(168 65 46/var(--tw-bg-opacity,1))}.bg-line{--tw-bg-opacity:1;background-color:rgb(232 226 208/var(--tw-bg-opacity,1))}.bg-sky{--tw-bg-opacity:1;background-color:rgb(155 209 237/var(--tw-bg-opacity,1))}.bg-sky\/40{background-color:rgba(155,209,237,.4)}.bg-sky\/60{background-color:rgba(155,209,237,.6)}.bg-teal{--tw-bg-opacity:1;background-color:rgb(28 59 64/var(--tw-bg-opacity,1))}.bg-teal\/85{background-color:rgba(28,59,64,.85)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/35{background-color:hsla(0,0%,100%,.35)}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-yellow{--tw-bg-opacity:1;background-color:rgb(245 214 77/var(--tw-bg-opacity,1))}.bg-yellow\/40{background-color:rgba(245,214,77,.4)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-teal{--tw-gradient-from:#1c3b40 var(--tw-gradient-from-position);--tw-gradient-to:rgba(28,59,64,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-teal\/90{--tw-gradient-to:rgba(28,59,64,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(28,59,64,.9) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[center_70\%\]{-o-object-position:center 70%;object-position:center 70%}.object-bottom{-o-object-position:bottom;object-position:bottom}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pe-\[100px\]{padding-inline-end:100px}.ps-5{padding-inline-start:1.25rem}.pt-1\.5{padding-top:.375rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-\[max\(12px\2c env\(safe-area-inset-top\)\)\]{padding-top:max(12px,env(safe-area-inset-top))}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.font-display{font-family:Fraunces Variable,Georgia,serif}.text-2xl{font-size:calc(1.5rem * var(--ts, 1));line-height:2rem}.text-3xl{font-size:calc(1.875rem * var(--ts, 1));line-height:2.25rem}.text-\[1\.6rem\]{font-size:calc(1.6rem * var(--ts, 1))}.text-\[11px\]{font-size:calc(11px * var(--ts, 1))}.text-\[13px\]{font-size:calc(13px * var(--ts, 1))}.text-\[15px\]{font-size:calc(15px * var(--ts, 1))}.text-\[2\.6rem\]{font-size:calc(2.6rem * var(--ts, 1))}.text-\[2rem\]{font-size:calc(2rem * var(--ts, 1))}.text-lg{font-size:calc(1.125rem * var(--ts, 1));line-height:1.75rem}.text-sm{font-size:calc(.875rem * var(--ts, 1));line-height:1.25rem}.text-xl{font-size:calc(1.25rem * var(--ts, 1));line-height:1.75rem}.text-xs{font-size:calc(.75rem * var(--ts, 1));line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.1em\]{letter-spacing:.1em}.text-danger{--tw-text-opacity:1;color:rgb(168 65 46/var(--tw-text-opacity,1))}.text-link{--tw-text-opacity:1;color:rgb(32 89 116/var(--tw-text-opacity,1))}.text-teal{--tw-text-opacity:1;color:rgb(28 59 64/var(--tw-text-opacity,1))}.text-teal-soft{--tw-text-opacity:1;color:rgb(76 110 106/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow{--tw-text-opacity:1;color:rgb(245 214 77/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.accent-teal{accent-color:#1c3b40}.opacity-70{opacity:.7}.shadow-\[0_10px_24px_-14px_rgba\(28\2c 59\2c 64\2c 0\.6\)\]{--tw-shadow:0 10px 24px -14px rgba(28,59,64,.6);--tw-shadow-colored:0 10px 24px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}#root,body,html{height:100%}body{--tw-bg-opacity:1;background-color:rgb(248 245 236/var(--tw-bg-opacity,1));font-family:Nunito Sans,Arial,sans-serif;--tw-text-opacity:1;color:rgb(28 59 64/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:calc(17px * var(--ts, 1));-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #205974;outline-offset:2px}.active\:translate-y-px:active{--tw-translate-y:1px}.active\:scale-110:active,.active\:translate-y-px:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-110:active{--tw-scale-x:1.1;--tw-scale-y:1.1}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}
/* Long names (or a name with no spaces) wrap instead of running off the screen. */
h1, h2, p { overflow-wrap: anywhere; }

/* ---------- Dark mode ---------- */
/* Dark mode: same brand colors, flipped surfaces. Yellow, sky and terracotta stay; teal becomes the night background. */
html.dark { color-scheme: dark; }
html.dark body, html.dark .bg-cream, html.dark .bg-paper, html.dark [class*="bg-[#F8F5EC]"] { background-color: #121A1C !important; }
html.dark, html.dark body { color: #F8F5EC; }
html.dark .text-teal { color: #F8F5EC; }
html.dark .text-teal-soft, html.dark [class*="text-[#7d8f91]"], html.dark [class*="text-[#a39e8d]"], html.dark [class*="text-[#b4ae9c]"], html.dark [class*="text-[#9a9481]"] { color: #A9C4C2; }
html.dark .text-link { color: #9BD1ED; }
html.dark .bg-white { background-color: #1E2B2E; }
html.dark .border-line, html.dark [class*="border-[#EFEBE0]"] { border-color: #33454A; }
html.dark .bg-line { background-color: #33454A; }
html.dark [class*="bg-[#EFEBE0]"], html.dark [class*="bg-[#EFEBDF]"] { background-color: #18232A; }
html.dark [class*="bg-[#EAF5FB]"], html.dark [class*="bg-[#D7EDF8]"] { background-color: #1B3A47; }
html.dark [class*="bg-[#FFF6D6]"] { background-color: #3A3520; }
/* Hard shadows: teal disappears on teal, so they go near-black. */
html.dark [class*="shadow-[3px_4px_0_#1C3B40]"] { box-shadow: 3px 4px 0 rgba(0,0,0,.55); }
html.dark [class*="shadow-[4px_5px_0_#1C3B40]"] { box-shadow: 4px 5px 0 rgba(0,0,0,.55); }
html.dark [class*="shadow-[2px_3px_0_#1C3B40]"] { box-shadow: 2px 3px 0 rgba(0,0,0,.55); }
html.dark [class*="shadow-[0_4px_0_#1C3B40]"] { box-shadow: 0 4px 0 rgba(0,0,0,.55); }
html.dark [class*="shadow-[0_4px_0_#E8E2D0]"] { box-shadow: 0 4px 0 #33454A; }
html.dark [class*="shadow-[0_3px_0_#1C3B40]"] { box-shadow: 0 3px 0 rgba(0,0,0,.55); }
html.dark .border-teal { border-color: var(--accent-hex); }
/* Level bar: empty track dark, fill stays yellow. */
html.dark [class*="bg-[#D7EDF8]"] { background-color: #18232A; }
/* Anything on yellow or sky keeps dark text. */
html.dark .bg-yellow, html.dark .bg-yellow *, html.dark .bg-sky, html.dark .bg-sky * { color: #1C3B40; }
/* Header: turns dark too, with the wordmark and gear in yellow and the streak in cream. */
html.dark header.bg-sky { background-color: #1E2B2E; border-bottom: 2px solid #33454A; }
html.dark header.bg-sky a, html.dark header.bg-sky a * { color: var(--accent-hex); }
html.dark header.bg-sky span[aria-label$="day streak"] { color: #F8F5EC; }
html.dark header.bg-sky img[alt="KICKIT"] { filter: brightness(0) saturate(100%) invert(86%) sepia(37%) saturate(744%) hue-rotate(352deg) brightness(101%) contrast(93%); }
html.dark input { background-color: #1E2B2E !important; color: #F8F5EC; }
html.dark .bg-teal { background-color: #0B1214; }
html.dark [role=option][aria-selected=true] { color: #1C3B40; }

html.dark [class*="shadow-[0_3px_0_#E1DACB]"] { box-shadow: 0 3px 0 #33454A; }
html.dark [class*="shadow-[0_2px_0_#E1DACB]"] { box-shadow: 0 2px 0 #33454A; }
html.dark [class*="shadow-[0_3px_0_#D9B93A]"] { box-shadow: 0 3px 0 #6B5F1E; }

/* Text size from Settings: only font sizes grow (see scripts/postcss-text-scale.js). */
html.ts-lg { --ts: 1.15; }
html.ts-xl { --ts: 1.3; }

/* Faded teal text (placeholders, wheel numbers) and red text need light versions on dark. */
html.dark [class*="text-teal-soft/"] { color: rgba(169,196,194,.7); }
html.dark [class*="text-teal/"] { color: rgba(248,245,236,.55); }
html.dark .text-danger { color: #F2917A; }
html.dark .border-danger { border-color: #F2917A; }

/* Stars, locked workouts and carousel dots in dark mode. */
html.dark svg[data-star=off] { fill: transparent; stroke: #A9C4C2; }
html.dark svg[data-star=on] { stroke: var(--accent-hex); }
html.dark [data-locked] { opacity: .5; }
html.dark [data-dot=on] { background-color: var(--accent-hex); }
html.dark [data-dot=off] { background-color: #4A6066; }

/* The accent colour follows the sport (src/sports): yellow for soccer, orange for basketball.
   This sheet has yellow baked in, so the sport accent is laid over it here. */
:root { --accent-hex: #F5D64D; --accent-edge-hex: #D9B93A; --accent-tint: #FFF6D6; }
[data-sport="basketball"] { --color-yellow: #F9A63A; --color-yellow-edge: #DB8820; --accent-hex: #F9A63A; --accent-edge-hex: #DB8820; }
[data-sport="basketball"] [class~="bg-yellow"] { background-color: #F9A63A; }
[data-sport="basketball"] [class~="bg-yellow/40"] { background-color: rgba(249,166,58,.4); }
[data-sport="basketball"] [class~="bg-yellow/50"] { background-color: rgba(249,166,58,.5); }
[data-sport="basketball"] [class~="text-yellow"] { color: #F9A63A; }
[data-sport="basketball"] [class~="border-yellow"] { border-color: #F9A63A; }
[data-sport="basketball"] [class~="border-yellow-edge"] { border-color: #DB8820; }
[data-sport="dance"] { --color-yellow: #FF8C99; --color-yellow-edge: #DC6675; --accent-hex: #FF8C99; --accent-edge-hex: #DC6675; --accent-tint: #FFE8EB; }
[data-sport="dance"] [class~="bg-yellow"] { background-color: #FF8C99; }
[data-sport="dance"] [class~="bg-yellow/40"] { background-color: rgba(255,140,153,.4); }
[data-sport="dance"] [class~="bg-yellow/50"] { background-color: rgba(255,140,153,.5); }
[data-sport="dance"] [class~="text-yellow"] { color: #FF8C99; }
[data-sport="dance"] [class~="border-yellow"] { border-color: #FF8C99; }
[data-sport="dance"] [class~="border-yellow-edge"] { border-color: #DC6675; }
[data-sport="dance"] [class~="ring-yellow"] { --tw-ring-color: #FF8C99; }
[data-sport="basketball"] [class~="ring-yellow"] { --tw-ring-color: #F9A63A; }
[data-sport] [class*="bg-[#FFF6D6]"] { background-color: var(--accent-tint); }
[data-sport] [class*="shadow-[0_3px_0_#D9B93A]"] { box-shadow: 0 3px 0 var(--accent-edge-hex); }

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */

:root, :host {
  --color-yellow: #F5D64D;
  --color-teal: #1C3B40;
  --color-teal-soft: #4C6E6A;
  --color-sky: #9BD1ED;
  --color-link: #205974;
  --color-line: #E8E2D0;
  --color-white: #fff;
  --color-black: #000;
  --spacing: .25rem;
  --text-sm: .875rem;
  --text-sm--line-height: 1.25rem;
  --font-weight-extrabold: 800;
  --leading-tight: 1.25;
}
.pointer-events-none {
  pointer-events: none;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.sticky {
  position: sticky;
}
.end-1 {
  inset-inline-end: calc(var(--spacing) * 1);
}
.top-0\.5 {
  top: calc(var(--spacing) * 0.5);
}
.top-2\.5 {
  top: calc(var(--spacing) * 2.5);
}
.top-3 {
  top: calc(var(--spacing) * 3);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-12 {
  top: calc(var(--spacing) * 12);
}
.top-\[6\%\] {
  top: 6%;
}
.top-full {
  top: 100%;
}
.-right-0\.5 {
  right: calc(var(--spacing) * -0.5);
}
.right-0 {
  right: 0px;
}
.right-0\.5 {
  right: calc(var(--spacing) * 0.5);
}
.right-1 {
  right: var(--spacing);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.right-2\.5 {
  right: calc(var(--spacing) * 2.5);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.right-5 {
  right: calc(var(--spacing) * 5);
}
.right-\[18\%\] {
  right: 18%;
}
.right-\[40\%\] {
  right: 40%;
}
.-bottom-0\.5 {
  bottom: calc(var(--spacing) * -0.5);
}
.bottom-1 {
  bottom: var(--spacing);
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-4 {
  bottom: calc(var(--spacing) * 4);
}
.bottom-\[40px\] {
  bottom: 40px;
}
.bottom-\[calc\(36px\+env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(36px + env(safe-area-inset-bottom));
}
.bottom-\[var\(--bar\)\] {
  bottom: var(--bar);
}
.-left-2\.5 {
  left: calc(var(--spacing) * -2.5);
}
.left-1\/2 {
  left: calc(1 / 2 * 100%);
}
.left-2 {
  left: calc(var(--spacing) * 2);
}
.left-2\.5 {
  left: calc(var(--spacing) * 2.5);
}
.left-3 {
  left: calc(var(--spacing) * 3);
}
.left-5 {
  left: calc(var(--spacing) * 5);
}
.isolate {
  isolation: isolate;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[200\] {
  z-index: 200;
}
.-m-1 {
  margin: calc(var(--spacing) * -1);
}
.-mx-0\.5 {
  margin-inline: calc(var(--spacing) * -0.5);
}
.-mx-6 {
  margin-inline: calc(var(--spacing) * -6);
}
.-my-2\.5 {
  margin-block: calc(var(--spacing) * -2.5);
}
.my-1 {
  margin-block: var(--spacing);
}
.my-auto {
  margin-block: auto;
}
.-ms-3 {
  margin-inline-start: calc(var(--spacing) * -3);
}
.ms-1 {
  margin-inline-start: var(--spacing);
}
.ms-auto {
  margin-inline-start: auto;
}
.-mt-0\.5 {
  margin-top: calc(var(--spacing) * -0.5);
}
.-mt-1 {
  margin-top: calc(var(--spacing) * -1);
}
.-mt-2 {
  margin-top: calc(var(--spacing) * -2);
}
.-mt-3 {
  margin-top: calc(var(--spacing) * -3);
}
.-mt-4 {
  margin-top: calc(var(--spacing) * -4);
}
.-mt-6 {
  margin-top: calc(var(--spacing) * -6);
}
.-mt-\[84px\] {
  margin-top: calc(84px * -1);
}
.-mt-\[280px\] {
  margin-top: calc(280px * -1);
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-2\.5 {
  margin-top: calc(var(--spacing) * 2.5);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[5vh\] {
  margin-top: 5vh;
}
.mt-\[92px\] {
  margin-top: 92px;
}
.-mb-7 {
  margin-bottom: calc(var(--spacing) * -7);
}
.mb-0\.5 {
  margin-bottom: calc(var(--spacing) * 0.5);
}
.mb-2\.5 {
  margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-\[10\%\] {
  margin-bottom: 10%;
}
.mb-\[14\%\] {
  margin-bottom: 14%;
}
.mb-\[26\%\] {
  margin-bottom: 26%;
}
.-ml-2 {
  margin-left: calc(var(--spacing) * -2);
}
.-ml-3 {
  margin-left: calc(var(--spacing) * -3);
}
.-ml-\[280px\] {
  margin-left: calc(280px * -1);
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.aspect-\[3\/5\] {
  aspect-ratio: 3/5;
}
.\!h-32 {
  height: calc(var(--spacing) * 32) !important;
}
.\!h-40 {
  height: calc(var(--spacing) * 40) !important;
}
.\!h-\[64px\] {
  height: 64px !important;
}
.\!h-\[84px\] {
  height: 84px !important;
}
.\!h-\[150px\] {
  height: 150px !important;
}
.\!h-\[168px\] {
  height: 168px !important;
}
.\!h-\[240px\] {
  height: 240px !important;
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-3\.5 {
  height: calc(var(--spacing) * 3.5);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-24 {
  height: calc(var(--spacing) * 24);
}
.h-40 {
  height: calc(var(--spacing) * 40);
}
.h-\[7px\] {
  height: 7px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[52vh\] {
  height: 52vh;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[66px\] {
  height: 66px;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[70\%\] {
  height: 70%;
}
.h-\[74\%\] {
  height: 74%;
}
.h-\[78\%\] {
  height: 78%;
}
.h-\[78px\] {
  height: 78px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[84px\] {
  height: 84px;
}
.h-\[90\%\] {
  height: 90%;
}
.h-\[92px\] {
  height: 92px;
}
.h-\[94\%\] {
  height: 94%;
}
.h-\[96\%\] {
  height: 96%;
}
.h-\[96px\] {
  height: 96px;
}
.h-\[128px\] {
  height: 128px;
}
.h-\[132px\] {
  height: 132px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[196px\] {
  height: 196px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[252px\] {
  height: 252px;
}
.h-\[290px\] {
  height: 290px;
}
.h-\[560px\] {
  height: 560px;
}
.h-\[calc\(36px\+env\(safe-area-inset-bottom\)\)\] {
  height: calc(36px + env(safe-area-inset-bottom));
}
.h-\[calc\(var\(--bar\)\+96px\)\] {
  height: calc(var(--bar) + 96px);
}
.max-h-\[470px\] {
  max-height: 470px;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[20px\] {
  min-height: 20px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[58px\] {
  min-height: 58px;
}
.min-h-\[110px\] {
  min-height: 110px;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[240px\] {
  min-height: 240px;
}
.min-h-\[250px\] {
  min-height: 250px;
}
.min-h-\[252px\] {
  min-height: 252px;
}
.w-1\/2 {
  width: calc(1 / 2 * 100%);
}
.w-2 {
  width: calc(var(--spacing) * 2);
}
.w-2\.5 {
  width: calc(var(--spacing) * 2.5);
}
.w-4\/5 {
  width: calc(4 / 5 * 100%);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-\[7px\] {
  width: 7px;
}
.w-\[9px\] {
  width: 9px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[44\%\] {
  width: 44%;
}
.w-\[46px\] {
  width: 46px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[68px\] {
  width: 68px;
}
.w-\[78px\] {
  width: 78px;
}
.w-\[88\%\] {
  width: 88%;
}
.w-\[92\%\] {
  width: 92%;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[132px\] {
  width: 132px;
}
.w-\[190px\] {
  width: 190px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[230px\] {
  width: 230px;
}
.w-\[560px\] {
  width: 560px;
}
.w-\[calc\(100\%\+48px\)\] {
  width: calc(100% + 48px);
}
.w-\[calc\(100\%-16px\)\] {
  width: calc(100% - 16px);
}
.w-px {
  width: 1px;
}
.max-w-\[290px\] {
  max-width: 290px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[340px\] {
  max-width: 340px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-none {
  max-width: none;
}
.min-w-\[58px\] {
  min-width: 58px;
}
.min-w-\[68px\] {
  min-width: 68px;
}
.shrink {
  flex-shrink: 1;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-110 {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-125 {
  --tw-scale-x: 125%;
  --tw-scale-y: 125%;
  --tw-scale-z: 125%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.-rotate-6 {
  rotate: calc(6deg * -1);
}
.rotate-180 {
  rotate: 180deg;
}
.rotate-\[8deg\] {
  rotate: 8deg;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-grab {
  cursor: grab;
}
.touch-pan-y {
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
}
.touch-none {
  touch-action: none;
}
.snap-y {
  scroll-snap-type: y var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-center {
  scroll-snap-align: center;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.grid-cols-\[88px_1fr_auto\] {
  grid-template-columns: 88px 1fr auto;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.gap-3\.5 {
  gap: calc(var(--spacing) * 3.5);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-x-1 {
  column-gap: var(--spacing);
}
:where(.divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-line > :not(:last-child)) {
  border-color: var(--color-line);
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.\!rounded-none {
  border-radius: 0 !important;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[22px\] {
  border-radius: 22px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-t-\[8px\] {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-t-\[28px\] {
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
}
.rounded-b-\[3px\] {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.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-t-\[3px\] {
  border-top-style: var(--tw-border-style);
  border-top-width: 3px;
}
.border-r-2 {
  border-right-style: var(--tw-border-style);
  border-right-width: 2px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-\[\#C9C2AE\] {
  border-color: #C9C2AE;
}
.border-\[\#EFEBE0\] {
  border-color: #EFEBE0;
}
.border-\[\#FFE45C\] {
  border-color: #FFE45C;
}
.border-sky {
  border-color: var(--color-sky);
}
.border-sky\/30 {
  border-color: color-mix(in srgb, #9BD1ED 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky) 30%, transparent);
  }
}
.border-sky\/50 {
  border-color: color-mix(in srgb, #9BD1ED 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky) 50%, transparent);
  }
}
.border-sky\/60 {
  border-color: color-mix(in srgb, #9BD1ED 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky) 60%, transparent);
  }
}
.border-transparent {
  border-color: transparent;
}
.border-white\/15 {
  border-color: color-mix(in srgb, #fff 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
  }
}
.bg-\[\#0B1214\] {
  background-color: #0B1214;
}
.bg-\[\#0B1214\]\/55 {
  background-color: color-mix(in oklab, #0B1214 55%, transparent);
}
.bg-\[\#7BC4A4\] {
  background-color: #7BC4A4;
}
.bg-\[\#25D366\] {
  background-color: #25D366;
}
.bg-\[\#C8513C\] {
  background-color: #C8513C;
}
.bg-\[\#C8513C\]\/15 {
  background-color: color-mix(in oklab, #C8513C 15%, transparent);
}
.bg-\[\#D7EDF8\] {
  background-color: #D7EDF8;
}
.bg-\[\#E8785A\] {
  background-color: #E8785A;
}
.bg-\[\#EAF5FB\] {
  background-color: #EAF5FB;
}
.bg-\[\#EAF5FB\]\/50 {
  background-color: color-mix(in oklab, #EAF5FB 50%, transparent);
}
.bg-\[\#EAF5FB\]\/60 {
  background-color: color-mix(in oklab, #EAF5FB 60%, transparent);
}
.bg-\[\#EFEBE0\] {
  background-color: #EFEBE0;
}
.bg-\[\#FFF6D6\] {
  background-color: #FFF6D6;
}
.bg-black\/20 {
  background-color: color-mix(in srgb, #000 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
  }
}
.bg-link {
  background-color: var(--color-link);
}
.bg-teal\/50 {
  background-color: color-mix(in srgb, #1C3B40 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-teal) 50%, transparent);
  }
}
.bg-teal\/60 {
  background-color: color-mix(in srgb, #1C3B40 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-teal) 60%, transparent);
  }
}
.bg-teal\/70 {
  background-color: color-mix(in srgb, #1C3B40 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-teal) 70%, transparent);
  }
}
.bg-teal\/80 {
  background-color: color-mix(in srgb, #1C3B40 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-teal) 80%, transparent);
  }
}
.bg-white\/20 {
  background-color: color-mix(in srgb, #fff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.bg-white\/85 {
  background-color: color-mix(in srgb, #fff 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
  }
}
.bg-white\/90 {
  background-color: color-mix(in srgb, #fff 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
.bg-yellow\/50 {
  background-color: color-mix(in srgb, #F5D64D 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-yellow) 50%, transparent);
  }
}
.bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-\[linear-gradient\(\#9BD1ED\,\#CDE8F3\)\] {
  background-image: linear-gradient(#9BD1ED,#CDE8F3);
}
.from-link {
  --tw-gradient-from: var(--color-link);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-teal {
  --tw-gradient-to: var(--color-teal);
  --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));
}
.box-decoration-clone {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.object-contain {
  object-fit: contain;
}
.object-\[50\%_42\%\] {
  object-position: 50% 42%;
}
.object-\[center_58\%\] {
  object-position: center 58%;
}
.object-\[center_60\%\] {
  object-position: center 60%;
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5);
}
.p-1 {
  padding: var(--spacing);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-\[2px\] {
  padding: 2px;
}
.\!px-3 {
  padding-inline: calc(var(--spacing) * 3) !important;
}
.px-1 {
  padding-inline: var(--spacing);
}
.px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}
.px-\[18px\] {
  padding-inline: 18px;
}
.\!py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5) !important;
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-\[32px\] {
  padding-block: 32px;
}
.ps-2 {
  padding-inline-start: calc(var(--spacing) * 2);
}
.ps-3\.5 {
  padding-inline-start: calc(var(--spacing) * 3.5);
}
.ps-4 {
  padding-inline-start: calc(var(--spacing) * 4);
}
.ps-7 {
  padding-inline-start: calc(var(--spacing) * 7);
}
.ps-9 {
  padding-inline-start: calc(var(--spacing) * 9);
}
.pe-2\.5 {
  padding-inline-end: calc(var(--spacing) * 2.5);
}
.pe-3\.5 {
  padding-inline-end: calc(var(--spacing) * 3.5);
}
.pe-5 {
  padding-inline-end: calc(var(--spacing) * 5);
}
.pe-12 {
  padding-inline-end: calc(var(--spacing) * 12);
}
.pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5);
}
.pt-1 {
  padding-top: var(--spacing);
}
.pt-2\.5 {
  padding-top: calc(var(--spacing) * 2.5);
}
.pt-3\.5 {
  padding-top: calc(var(--spacing) * 3.5);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pt-\[5vh\] {
  padding-top: 5vh;
}
.pt-\[max\(12px\,env\(safe-area-inset-top\)\)\] {
  padding-top: max(12px, env(safe-area-inset-top));
}
.pb-3\.5 {
  padding-bottom: calc(var(--spacing) * 3.5);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pb-\[calc\(24px\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
}
.pb-\[calc\(28px\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(28px + env(safe-area-inset-bottom));
}
.pb-\[calc\(32px\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(32px + env(safe-area-inset-bottom));
}
.pb-\[calc\(36px\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(36px + env(safe-area-inset-bottom));
}
.text-left {
  text-align: left;
}
.text-\[1\.2rem\] {
  font-size:calc(1.2rem * var(--ts, 1));
}
.text-\[1\.3rem\] {
  font-size:calc(1.3rem * var(--ts, 1));
}
.text-\[1\.5rem\] {
  font-size:calc(1.5rem * var(--ts, 1));
}
.text-\[1\.7rem\] {
  font-size:calc(1.7rem * var(--ts, 1));
}
.text-\[1\.8rem\] {
  font-size:calc(1.8rem * var(--ts, 1));
}
.text-\[1\.15rem\] {
  font-size:calc(1.15rem * var(--ts, 1));
}
.text-\[1\.875rem\] {
  font-size:calc(1.875rem * var(--ts, 1));
}
.text-\[2\.1rem\] {
  font-size:calc(2.1rem * var(--ts, 1));
}
.text-\[9px\] {
  font-size:calc(9px * var(--ts, 1));
}
.text-\[10px\] {
  font-size:calc(10px * var(--ts, 1));
}
.text-\[12px\] {
  font-size:calc(12px * var(--ts, 1));
}
.text-\[14px\] {
  font-size:calc(14px * var(--ts, 1));
}
.text-\[16px\] {
  font-size:calc(16px * var(--ts, 1));
}
.text-\[17px\] {
  font-size:calc(17px * var(--ts, 1));
}
.text-\[19px\] {
  font-size:calc(19px * var(--ts, 1));
}
.text-\[23px\] {
  font-size:calc(23px * var(--ts, 1));
}
.leading-\[1\.15\] {
  --tw-leading: 1.15;
  line-height: 1.15;
}
.leading-\[1\.35\] {
  --tw-leading: 1.35;
  line-height: 1.35;
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.tracking-\[0\.02em\] {
  --tw-tracking: 0.02em;
  letter-spacing: 0.02em;
}
.tracking-\[0\.06em\] {
  --tw-tracking: 0.06em;
  letter-spacing: 0.06em;
}
.tracking-\[0\.16em\] {
  --tw-tracking: 0.16em;
  letter-spacing: 0.16em;
}
.\[text-wrap\:balance\] {
  text-wrap: balance;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.\!text-teal {
  color: var(--color-teal) !important;
}
.text-\[\#7d8f91\] {
  color: #7d8f91;
}
.text-\[\#9a9481\] {
  color: #9a9481;
}
.text-\[\#B4AE9C\] {
  color: #B4AE9C;
}
.text-\[\#FFE45C\] {
  color: #FFE45C;
}
.text-\[\#a39e8d\] {
  color: #a39e8d;
}
.text-\[\#b4ae9c\] {
  color: #b4ae9c;
}
.text-\[\#cfe3ea\] {
  color: #cfe3ea;
}
.text-link\/60 {
  color: color-mix(in srgb, #205974 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-link) 60%, transparent);
  }
}
.text-sky {
  color: var(--color-sky);
}
.text-teal-soft\/60 {
  color: color-mix(in srgb, #4C6E6A 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-teal-soft) 60%, transparent);
  }
}
.text-teal-soft\/70 {
  color: color-mix(in srgb, #4C6E6A 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-teal-soft) 70%, transparent);
  }
}
.text-transparent {
  color: transparent;
}
.text-white\/75 {
  color: color-mix(in srgb, #fff 75%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 75%, transparent);
  }
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.opacity-40 {
  opacity: 40%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-60 {
  opacity: 60%;
}
.shadow-\[0_0_10px_2px_rgba\(255\,228\,92\,0\.75\)\] {
  --tw-shadow: 0 0 10px 2px var(--tw-shadow-color, rgba(255,228,92,0.75));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_2px_0_\#E1DACB\] {
  --tw-shadow: 0 2px 0 var(--tw-shadow-color, #E1DACB);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_3px_0_\#1C3B40\] {
  --tw-shadow: 0 3px 0 var(--tw-shadow-color, #1C3B40);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_3px_0_\#D9B93A\] {
  --tw-shadow: 0 3px 0 var(--tw-shadow-color, #D9B93A);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_3px_0_\#E1DACB\] {
  --tw-shadow: 0 3px 0 var(--tw-shadow-color, #E1DACB);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_4px_0_\#1C3B40\] {
  --tw-shadow: 0 4px 0 var(--tw-shadow-color, #1C3B40);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_4px_0_\#E8E2D0\] {
  --tw-shadow: 0 4px 0 var(--tw-shadow-color, #E8E2D0);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_6px_0_\#1C3B40\] {
  --tw-shadow: 0 6px 0 var(--tw-shadow-color, #1C3B40);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_12px_26px_-12px_rgba\(28\,59\,64\,0\.5\)\] {
  --tw-shadow: 0 12px 26px -12px var(--tw-shadow-color, rgba(28,59,64,0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[2px_3px_0_\#1C3B40\] {
  --tw-shadow: 2px 3px 0 var(--tw-shadow-color, #1C3B40);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[3px_3px_0_\#1C3B40\] {
  --tw-shadow: 3px 3px 0 var(--tw-shadow-color, #1C3B40);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[3px_3px_0_\#E8E2D0\] {
  --tw-shadow: 3px 3px 0 var(--tw-shadow-color, #E8E2D0);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[3px_4px_0_\#0B1214\] {
  --tw-shadow: 3px 4px 0 var(--tw-shadow-color, #0B1214);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[3px_4px_0_\#1C3B40\] {
  --tw-shadow: 3px 4px 0 var(--tw-shadow-color, #1C3B40);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[4px_5px_0_\#1C3B40\] {
  --tw-shadow: 4px 5px 0 var(--tw-shadow-color, #1C3B40);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[5px_6px_0_\#1C3B40\] {
  --tw-shadow: 5px 6px 0 var(--tw-shadow-color, #1C3B40);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-\[3px\] {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-sky {
  --tw-ring-color: var(--color-sky);
}
.ring-yellow {
  --tw-ring-color: var(--color-yellow);
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.blur-\[3px\] {
  --tw-blur: blur(3px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[5px\] {
  --tw-blur: blur(5px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[7px\] {
  --tw-blur: blur(7px);
  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,);
}
.brightness-50 {
  --tw-brightness: brightness(50%);
  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,);
}
.brightness-90 {
  --tw-brightness: brightness(90%);
  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-\[0_1px_2px_rgba\(0\,0\,0\,\.6\)\] {
  --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgba(0,0,0,.6)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  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-\[0_3px_0_rgba\(22\,42\,51\,\.25\)\] {
  --tw-drop-shadow-size: drop-shadow(0 3px 0 var(--tw-drop-shadow-color, rgba(22,42,51,.25)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  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-\[0_5px_0_rgba\(28\,59\,64\,\.15\)\] {
  --tw-drop-shadow-size: drop-shadow(0 5px 0 var(--tw-drop-shadow-color, rgba(28,59,64,.15)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.grayscale-\[0\.4\] {
  --tw-grayscale: grayscale(0.4);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.grayscale-\[0\.6\] {
  --tw-grayscale: grayscale(0.6);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.grayscale-\[0\.7\] {
  --tw-grayscale: grayscale(0.7);
  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,);
}
.transition-\[transform\,box-shadow\,background-color\] {
  transition-property: transform,box-shadow,background-color;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition-\[transform\,box-shadow\] {
  transition-property: transform,box-shadow;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.duration-75 {
  --tw-duration: 75ms;
  transition-duration: 75ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-700 {
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.\[--bar\:calc\(84px\+env\(safe-area-inset-bottom\)\)\] {
  --bar: calc(84px + env(safe-area-inset-bottom));
}
.\[text-shadow\:0_0_8px_rgba\(255\,228\,92\,0\.95\)\] {
  text-shadow: 0 0 8px rgba(255,228,92,0.95);
}
.\[text-shadow\:0_1px_3px_rgba\(11\,18\,20\,0\.9\)\] {
  text-shadow: 0 1px 3px rgba(11,18,20,0.9);
}
.first\:border-t-0:first-child {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
}
.active\:translate-x-\[3px\]:active {
  --tw-translate-x: 3px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.active\:translate-x-\[4px\]:active {
  --tw-translate-x: 4px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.active\:translate-y-\[2px\]:active {
  --tw-translate-y: 2px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.active\:translate-y-\[3px\]:active {
  --tw-translate-y: 3px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.active\:translate-y-\[4px\]:active {
  --tw-translate-y: 4px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.active\:translate-y-\[5px\]:active {
  --tw-translate-y: 5px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.active\:scale-90:active {
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  --tw-scale-z: 90%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:scale-95:active {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:bg-\[\#EFEBE0\]:active {
  background-color: #EFEBE0;
}
.active\:shadow-none:active {
  --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);
}
.disabled\:translate-x-0:disabled {
  --tw-translate-x: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.disabled\:translate-y-0:disabled {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.disabled\:shadow-none:disabled {
  --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);
}
@media (max-height:620px) {
  .\[\@media\(max-height\:620px\)\]\:hidden {
    display: none;
  }
  .\[\@media\(max-height\:620px\)\]\:h-\[60px\] {
    height: 60px;
  }
  .\[\@media\(max-height\:620px\)\]\:h-\[64px\] {
    height: 64px;
  }
  .\[\@media\(max-height\:620px\)\]\:w-\[64px\] {
    width: 64px;
  }
  .\[\@media\(max-height\:620px\)\]\:gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .\[\@media\(max-height\:620px\)\]\:text-\[1\.4rem\] {
    font-size:calc(1.4rem * var(--ts, 1));
  }
  .\[\@media\(max-height\:620px\)\]\:text-\[1\.5rem\] {
    font-size:calc(1.5rem * var(--ts, 1));
  }
}
@media (max-height:700px) {
  .\[\@media\(max-height\:700px\)\]\:\!h-\[140px\] {
    height: 140px !important;
  }
  .\[\@media\(max-height\:700px\)\]\:h-\[164px\] {
    height: 164px;
  }
}
@media (max-height:760px) {
  .\[\@media\(max-height\:760px\)\]\:bottom-\[32px\] {
    bottom: 32px;
  }
  .\[\@media\(max-height\:760px\)\]\:bottom-\[calc\(24px\+env\(safe-area-inset-bottom\)\)\] {
    bottom: calc(24px + env(safe-area-inset-bottom));
  }
  .\[\@media\(max-height\:760px\)\]\:my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .\[\@media\(max-height\:760px\)\]\:-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .\[\@media\(max-height\:760px\)\]\:-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .\[\@media\(max-height\:760px\)\]\:-mt-\[46px\] {
    margin-top: calc(46px * -1);
  }
  .\[\@media\(max-height\:760px\)\]\:mt-0 {
    margin-top: 0px;
  }
  .\[\@media\(max-height\:760px\)\]\:mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .\[\@media\(max-height\:760px\)\]\:mt-1 {
    margin-top: var(--spacing);
  }
  .\[\@media\(max-height\:760px\)\]\:mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .\[\@media\(max-height\:760px\)\]\:mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .\[\@media\(max-height\:760px\)\]\:mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .\[\@media\(max-height\:760px\)\]\:mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .\[\@media\(max-height\:760px\)\]\:mt-\[50px\] {
    margin-top: 50px;
  }
  .\[\@media\(max-height\:760px\)\]\:mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .\[\@media\(max-height\:760px\)\]\:mb-1 {
    margin-bottom: var(--spacing);
  }
  .\[\@media\(max-height\:760px\)\]\:mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .\[\@media\(max-height\:760px\)\]\:mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .\[\@media\(max-height\:760px\)\]\:mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .\[\@media\(max-height\:760px\)\]\:hidden {
    display: none;
  }
  .\[\@media\(max-height\:760px\)\]\:\!h-24 {
    height: calc(var(--spacing) * 24) !important;
  }
  .\[\@media\(max-height\:760px\)\]\:\!h-28 {
    height: calc(var(--spacing) * 28) !important;
  }
  .\[\@media\(max-height\:760px\)\]\:\!h-36 {
    height: calc(var(--spacing) * 36) !important;
  }
  .\[\@media\(max-height\:760px\)\]\:\!h-\[64px\] {
    height: 64px !important;
  }
  .\[\@media\(max-height\:760px\)\]\:\!h-\[92px\] {
    height: 92px !important;
  }
  .\[\@media\(max-height\:760px\)\]\:h-7 {
    height: calc(var(--spacing) * 7);
  }
  .\[\@media\(max-height\:760px\)\]\:h-8 {
    height: calc(var(--spacing) * 8);
  }
  .\[\@media\(max-height\:760px\)\]\:h-9 {
    height: calc(var(--spacing) * 9);
  }
  .\[\@media\(max-height\:760px\)\]\:h-10 {
    height: calc(var(--spacing) * 10);
  }
  .\[\@media\(max-height\:760px\)\]\:h-11 {
    height: calc(var(--spacing) * 11);
  }
  .\[\@media\(max-height\:760px\)\]\:h-14 {
    height: calc(var(--spacing) * 14);
  }
  .\[\@media\(max-height\:760px\)\]\:h-28 {
    height: calc(var(--spacing) * 28);
  }
  .\[\@media\(max-height\:760px\)\]\:h-36 {
    height: calc(var(--spacing) * 36);
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[26px\] {
    height: 26px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[42px\] {
    height: 42px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[44vh\] {
    height: 44vh;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[46px\] {
    height: 46px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[50px\] {
    height: 50px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[60px\] {
    height: 60px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[70px\] {
    height: 70px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[72px\] {
    height: 72px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[92px\] {
    height: 92px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[96px\] {
    height: 96px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[136px\] {
    height: 136px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[184px\] {
    height: 184px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[210px\] {
    height: 210px;
  }
  .\[\@media\(max-height\:760px\)\]\:h-\[calc\(24px\+env\(safe-area-inset-bottom\)\)\] {
    height: calc(24px + env(safe-area-inset-bottom));
  }
  .\[\@media\(max-height\:760px\)\]\:min-h-\[44px\] {
    min-height: 44px;
  }
  .\[\@media\(max-height\:760px\)\]\:min-h-\[48px\] {
    min-height: 48px;
  }
  .\[\@media\(max-height\:760px\)\]\:min-h-\[60px\] {
    min-height: 60px;
  }
  .\[\@media\(max-height\:760px\)\]\:w-7 {
    width: calc(var(--spacing) * 7);
  }
  .\[\@media\(max-height\:760px\)\]\:w-8 {
    width: calc(var(--spacing) * 8);
  }
  .\[\@media\(max-height\:760px\)\]\:w-9 {
    width: calc(var(--spacing) * 9);
  }
  .\[\@media\(max-height\:760px\)\]\:w-10 {
    width: calc(var(--spacing) * 10);
  }
  .\[\@media\(max-height\:760px\)\]\:w-\[52px\] {
    width: 52px;
  }
  .\[\@media\(max-height\:760px\)\]\:w-\[60px\] {
    width: 60px;
  }
  .\[\@media\(max-height\:760px\)\]\:w-\[84px\] {
    width: 84px;
  }
  .\[\@media\(max-height\:760px\)\]\:w-\[96px\] {
    width: 96px;
  }
  .\[\@media\(max-height\:760px\)\]\:w-\[150px\] {
    width: 150px;
  }
  .\[\@media\(max-height\:760px\)\]\:w-\[180px\] {
    width: 180px;
  }
  .\[\@media\(max-height\:760px\)\]\:scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .\[\@media\(max-height\:760px\)\]\:gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .\[\@media\(max-height\:760px\)\]\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .\[\@media\(max-height\:760px\)\]\:gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .\[\@media\(max-height\:760px\)\]\:gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .\[\@media\(max-height\:760px\)\]\:gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .\[\@media\(max-height\:760px\)\]\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .\[\@media\(max-height\:760px\)\]\:p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .\[\@media\(max-height\:760px\)\]\:p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .\[\@media\(max-height\:760px\)\]\:\!py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .\[\@media\(max-height\:760px\)\]\:py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .\[\@media\(max-height\:760px\)\]\:py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .\[\@media\(max-height\:760px\)\]\:py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .\[\@media\(max-height\:760px\)\]\:pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .\[\@media\(max-height\:760px\)\]\:pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .\[\@media\(max-height\:760px\)\]\:pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .\[\@media\(max-height\:760px\)\]\:pt-\[2\.5vh\] {
    padding-top: 2.5vh;
  }
  .\[\@media\(max-height\:760px\)\]\:pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .\[\@media\(max-height\:760px\)\]\:pb-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
  }
  .\[\@media\(max-height\:760px\)\]\:pb-\[calc\(24px\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
  }
  .\[\@media\(max-height\:760px\)\]\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .\[\@media\(max-height\:760px\)\]\:text-\[1\.3rem\] {
    font-size:calc(1.3rem * var(--ts, 1));
  }
  .\[\@media\(max-height\:760px\)\]\:text-\[1\.4rem\] {
    font-size:calc(1.4rem * var(--ts, 1));
  }
  .\[\@media\(max-height\:760px\)\]\:text-\[1\.5rem\] {
    font-size:calc(1.5rem * var(--ts, 1));
  }
  .\[\@media\(max-height\:760px\)\]\:text-\[1\.6rem\] {
    font-size:calc(1.6rem * var(--ts, 1));
  }
  .\[\@media\(max-height\:760px\)\]\:text-\[1\.7rem\] {
    font-size:calc(1.7rem * var(--ts, 1));
  }
  .\[\@media\(max-height\:760px\)\]\:text-\[1\.35rem\] {
    font-size:calc(1.35rem * var(--ts, 1));
  }
  .\[\@media\(max-height\:760px\)\]\:text-\[1\.45rem\] {
    font-size:calc(1.45rem * var(--ts, 1));
  }
  .\[\@media\(max-height\:760px\)\]\:text-\[1\.75rem\] {
    font-size:calc(1.75rem * var(--ts, 1));
  }
  .\[\@media\(max-height\:760px\)\]\:leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}

  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
    }
  }