@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-wght-normal-BWQ3gi2K.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-ext-wght-normal-DMEAsnHD.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,:before,:after{--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 / .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 / .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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);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,samp,pre{font-family:var(--font-mono);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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{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}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--font-sans: "Nunito Sans Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Nunito Variable", "Nunito Sans Variable", ui-rounded, ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--background: 228 36% 97%;--foreground: 230 28% 16%;--card: 0 0% 100%;--card-foreground: 230 28% 16%;--popover: 0 0% 100%;--popover-foreground: 230 28% 16%;--primary: 248 56% 54%;--primary-foreground: 0 0% 100%;--secondary: 230 28% 93%;--secondary-foreground: 230 28% 24%;--muted: 230 28% 94%;--muted-foreground: 230 12% 43%;--accent: 230 30% 90%;--accent-foreground: 230 28% 20%;--destructive: 359 66% 48%;--destructive-foreground: 0 0% 100%;--border: 230 20% 87%;--input: 230 20% 82%;--ring: 248 56% 54%;--reward: 36 92% 44%;--reward-foreground: 40 70% 10%;--success: 142 62% 34%;--success-foreground: 0 0% 100%;--sign-ink: 230 32% 9%;--sign-red: 1 81% 55%;--sign-blue: 197 84% 55%;--sign-green: 123 61% 47%;--radius: .75rem;--shadow-strength: 8%;--shadow-hue: 230 30% 20%;--roll-bg: 230 30% 92%;--roll-row-line: 230 20% 84%;--roll-row-black: 230 20% 87%;--roll-c-line: 230 20% 62%;--roll-bar-line: 230 20% 58%;--roll-beat-line: 230 20% 74%;--roll-step-line: 230 20% 85%;--roll-ruler-bg: 230 28% 88%;--roll-ruler-fg: 230 16% 34%;color-scheme:light}.\!dark{--background: 230 26% 12% !important;--foreground: 228 40% 96% !important;--card: 230 24% 16% !important;--card-foreground: 228 40% 96% !important;--popover: 230 24% 19% !important;--popover-foreground: 228 40% 96% !important;--primary: 249 72% 68% !important;--primary-foreground: 249 60% 12% !important;--secondary: 230 22% 23% !important;--secondary-foreground: 228 40% 96% !important;--muted: 230 22% 22% !important;--muted-foreground: 230 16% 68% !important;--accent: 230 22% 27% !important;--accent-foreground: 228 40% 96% !important;--destructive: 359 72% 58% !important;--destructive-foreground: 0 0% 100% !important;--border: 230 18% 27% !important;--input: 230 18% 30% !important;--ring: 249 72% 68% !important;--reward: 38 94% 60% !important;--reward-foreground: 40 70% 10% !important;--success: 142 58% 48% !important;--success-foreground: 150 60% 8% !important;--shadow-strength: 24% !important;--shadow-hue: 230 60% 3% !important;--roll-bg: 233 30% 13% !important;--roll-row-line: 233 26% 22% !important;--roll-row-black: 233 28% 17% !important;--roll-c-line: 233 26% 40% !important;--roll-bar-line: 233 26% 42% !important;--roll-beat-line: 233 26% 28% !important;--roll-step-line: 233 26% 20% !important;--roll-ruler-bg: 233 30% 12% !important;--roll-ruler-fg: 233 15% 65% !important;color-scheme:dark!important}.dark{--background: 230 26% 12%;--foreground: 228 40% 96%;--card: 230 24% 16%;--card-foreground: 228 40% 96%;--popover: 230 24% 19%;--popover-foreground: 228 40% 96%;--primary: 249 72% 68%;--primary-foreground: 249 60% 12%;--secondary: 230 22% 23%;--secondary-foreground: 228 40% 96%;--muted: 230 22% 22%;--muted-foreground: 230 16% 68%;--accent: 230 22% 27%;--accent-foreground: 228 40% 96%;--destructive: 359 72% 58%;--destructive-foreground: 0 0% 100%;--border: 230 18% 27%;--input: 230 18% 30%;--ring: 249 72% 68%;--reward: 38 94% 60%;--reward-foreground: 40 70% 10%;--success: 142 58% 48%;--success-foreground: 150 60% 8%;--shadow-strength: 24%;--shadow-hue: 230 60% 3%;--roll-bg: 233 30% 13%;--roll-row-line: 233 26% 22%;--roll-row-black: 233 28% 17%;--roll-c-line: 233 26% 40%;--roll-bar-line: 233 26% 42%;--roll-beat-line: 233 26% 28%;--roll-step-line: 233 26% 20%;--roll-ruler-bg: 233 30% 12%;--roll-ruler-fg: 233 15% 65%;color-scheme:dark}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);font-weight:400;line-height:1.5;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{touch-action:manipulation}@media(max-width:639px){input:not([type=color]):not([type=range]),select,textarea{font-size:16px}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;line-height:1.2}.tabular,[data-tabular]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-right-1{right:-.25rem}.-right-2\.5{right:-.625rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-0\.5{right:.125rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-5{right:1.25rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-5{top:1.25rem}.top-\[3px\]{top:3px}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[200\]{z-index:200}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.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-\[130px\]{height:130px}.h-\[150px\]{height:150px}.h-\[170px\]{height:170px}.h-\[26px\]{height:26px}.h-\[360px\]{height:360px}.h-\[380px\]{height:380px}.h-\[3px\]{height:3px}.h-\[420px\]{height:420px}.h-\[55\%\]{height:55%}.h-\[60\%\]{height:60%}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[420px\]{max-height:420px}.max-h-\[560px\]{max-height:560px}.max-h-\[85dvh\]{max-height:85dvh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-12{min-height:3rem}.min-h-16{min-height:4rem}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-36{min-height:9rem}.min-h-6{min-height:1.5rem}.min-h-\[110px\]{min-height:110px}.min-h-\[120px\]{min-height:120px}.min-h-\[75vh\]{min-height:75vh}.min-h-\[80px\]{min-height:80px}.min-h-\[calc\(100dvh-3\.5rem\)\]{min-height:calc(100dvh - 3.5rem)}.min-h-full{min-height:100%}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[105px\]{width:105px}.w-\[110px\]{width:110px}.w-\[112px\]{width:112px}.w-\[118px\]{width:118px}.w-\[13\%\]{width:13%}.w-\[130px\]{width:130px}.w-\[132px\]{width:132px}.w-\[150px\]{width:150px}.w-\[230px\]{width:230px}.w-\[380px\]{width:380px}.w-\[4\.4\%\]{width:4.4%}.w-\[88px\]{width:88px}.w-\[94px\]{width:94px}.w-\[min\(22rem\,calc\(100vw-1\.5rem\)\)\]{width:min(22rem,calc(100vw - 1.5rem))}.w-\[min\(320px\,calc\(100vw-1\.5rem\)\)\]{width:min(320px,calc(100vw - 1.5rem))}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-28{min-width:7rem}.min-w-36{min-width:9rem}.min-w-5{min-width:1.25rem}.min-w-\[120px\]{min-width:120px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[560px\]{min-width:560px}.min-w-\[56px\]{min-width:56px}.min-w-\[640px\]{min-width:640px}.min-w-\[760px\]{min-width:760px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[980px\]{min-width:980px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-20{max-width:5rem}.max-w-28{max-width:7rem}.max-w-2xl{max-width:42rem}.max-w-36{max-width:9rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-72{max-width:18rem}.max-w-7xl{max-width:80rem}.max-w-\[12rem\]{max-width:12rem}.max-w-\[200px\]{max-width:200px}.max-w-\[260px\]{max-width:260px}.max-w-\[320px\]{max-width:320px}.max-w-\[340px\]{max-width:340px}.max-w-\[420px\]{max-width:420px}.max-w-\[60vw\]{max-width:60vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.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}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-px{gap:1px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-1\.5{row-gap:.375rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.25rem * var(--tw-space-x-reverse));margin-left:calc(-.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border\/60>:not([hidden])~:not([hidden]){border-color:hsl(var(--border) / .6)}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 3px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 6px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-md{border-bottom-right-radius:calc(var(--radius) - 3px);border-bottom-left-radius:calc(var(--radius) - 3px)}.rounded-b-sm{border-bottom-right-radius:calc(var(--radius) - 6px);border-bottom-left-radius:calc(var(--radius) - 6px)}.rounded-r-xl{border-top-right-radius:calc(var(--radius) + 4px);border-bottom-right-radius:calc(var(--radius) + 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-\[4px\]{border-width:4px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-amber-300\/40{border-color:#fcd34d66}.border-amber-400{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.border-amber-400\/40{border-color:#fbbf2466}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/40{border-color:#f59e0b66}.border-black\/25{border-color:#00000040}.border-black\/40{border-color:#0006}.border-blue-500\/30{border-color:#3b82f64d}.border-border{border-color:hsl(var(--border))}.border-border\/40{border-color:hsl(var(--border) / .4)}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-border\/60{border-color:hsl(var(--border) / .6)}.border-border\/65{border-color:hsl(var(--border) / .65)}.border-border\/70{border-color:hsl(var(--border) / .7)}.border-border\/75{border-color:hsl(var(--border) / .75)}.border-border\/80{border-color:hsl(var(--border) / .8)}.border-card{border-color:hsl(var(--card))}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/30{border-color:hsl(var(--destructive) / .3)}.border-destructive\/40{border-color:hsl(var(--destructive) / .4)}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-500\/50{border-color:#10b98180}.border-foreground\/20{border-color:hsl(var(--foreground) / .2)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary\/20{border-color:hsl(var(--primary) / .2)}.border-primary\/25{border-color:hsl(var(--primary) / .25)}.border-primary\/30{border-color:hsl(var(--primary) / .3)}.border-primary\/35{border-color:hsl(var(--primary) / .35)}.border-primary\/40{border-color:hsl(var(--primary) / .4)}.border-primary\/45{border-color:hsl(var(--primary) / .45)}.border-primary\/60{border-color:hsl(var(--primary) / .6)}.border-primary\/70{border-color:hsl(var(--primary) / .7)}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/60{border-color:#ef444499}.border-reward\/30{border-color:hsl(var(--reward) / .3)}.border-reward\/35{border-color:hsl(var(--reward) / .35)}.border-reward\/40{border-color:hsl(var(--reward) / .4)}.border-reward\/50{border-color:hsl(var(--reward) / .5)}.border-reward\/70{border-color:hsl(var(--reward) / .7)}.border-rose-500{--tw-border-opacity: 1;border-color:rgb(244 63 94 / var(--tw-border-opacity, 1))}.border-success{--tw-border-opacity: 1;border-color:hsl(var(--success) / var(--tw-border-opacity, 1))}.border-success\/25{border-color:hsl(var(--success) / .25)}.border-success\/30{border-color:hsl(var(--success) / .3)}.border-success\/35{border-color:hsl(var(--success) / .35)}.border-success\/40{border-color:hsl(var(--success) / .4)}.border-transparent{border-color:transparent}.border-white\/20{border-color:#fff3}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-100\/50{background-color:#fef3c780}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-amber-950\/30{background-color:#451a034d}.bg-amber-950\/50{background-color:#451a0380}.bg-background{background-color:hsl(var(--background))}.bg-background\/10{background-color:hsl(var(--background) / .1)}.bg-background\/20{background-color:hsl(var(--background) / .2)}.bg-background\/35{background-color:hsl(var(--background) / .35)}.bg-background\/80{background-color:hsl(var(--background) / .8)}.bg-background\/85{background-color:hsl(var(--background) / .85)}.bg-background\/95{background-color:hsl(var(--background) / .95)}.bg-black\/40{background-color:#0006}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-950\/30{background-color:#1725544d}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-card\/45{background-color:hsl(var(--card) / .45)}.bg-card\/50{background-color:hsl(var(--card) / .5)}.bg-card\/55{background-color:hsl(var(--card) / .55)}.bg-card\/60{background-color:hsl(var(--card) / .6)}.bg-card\/75{background-color:hsl(var(--card) / .75)}.bg-card\/85{background-color:hsl(var(--card) / .85)}.bg-card\/90{background-color:hsl(var(--card) / .9)}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/10{background-color:hsl(var(--destructive) / .1)}.bg-destructive\/15{background-color:hsl(var(--destructive) / .15)}.bg-destructive\/20{background-color:hsl(var(--destructive) / .2)}.bg-destructive\/5{background-color:hsl(var(--destructive) / .05)}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-950\/40{background-color:#022c2266}.bg-foreground{background-color:hsl(var(--foreground))}.bg-foreground\/10{background-color:hsl(var(--foreground) / .1)}.bg-foreground\/5{background-color:hsl(var(--foreground) / .05)}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/20{background-color:hsl(var(--muted) / .2)}.bg-muted\/25{background-color:hsl(var(--muted) / .25)}.bg-muted\/30{background-color:hsl(var(--muted) / .3)}.bg-muted\/35{background-color:hsl(var(--muted) / .35)}.bg-muted\/40{background-color:hsl(var(--muted) / .4)}.bg-muted\/45{background-color:hsl(var(--muted) / .45)}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-muted\/60{background-color:hsl(var(--muted) / .6)}.bg-muted\/70{background-color:hsl(var(--muted) / .7)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground\/20{background-color:hsl(var(--primary-foreground) / .2)}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-primary\/15{background-color:hsl(var(--primary) / .15)}.bg-primary\/20{background-color:hsl(var(--primary) / .2)}.bg-primary\/30{background-color:hsl(var(--primary) / .3)}.bg-primary\/40{background-color:hsl(var(--primary) / .4)}.bg-primary\/5{background-color:hsl(var(--primary) / .05)}.bg-primary\/60{background-color:hsl(var(--primary) / .6)}.bg-primary\/90{background-color:hsl(var(--primary) / .9)}.bg-primary\/\[\.07\]{background-color:hsl(var(--primary) / .07)}.bg-primary\/\[0\.045\]{background-color:hsl(var(--primary) / .045)}.bg-primary\/\[0\.06\]{background-color:hsl(var(--primary) / .06)}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-reward{background-color:hsl(var(--reward))}.bg-reward\/10{background-color:hsl(var(--reward) / .1)}.bg-reward\/15{background-color:hsl(var(--reward) / .15)}.bg-reward\/5{background-color:hsl(var(--reward) / .05)}.bg-rose-500\/20{background-color:#f43f5e33}.bg-secondary{background-color:hsl(var(--secondary))}.bg-secondary\/55{background-color:hsl(var(--secondary) / .55)}.bg-success{--tw-bg-opacity: 1;background-color:hsl(var(--success) / var(--tw-bg-opacity, 1))}.bg-success\/10{background-color:hsl(var(--success) / .1)}.bg-success\/15{background-color:hsl(var(--success) / .15)}.bg-success\/20{background-color:hsl(var(--success) / .2)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-yellow-400\/15{background-color:#facc1526}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-\[conic-gradient\(\#e8302e_0_33\%\,\#2bb7ec_0_66\%\,\#2fbf3a_0\)\]{background-image:conic-gradient(#e8302e 0 33%,#2bb7ec 0 66%,#2fbf3a 0)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-500\/15{--tw-gradient-from: rgb(245 158 11 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/15{--tw-gradient-from: hsl(var(--primary) / .15) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-background{--tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background)) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-foreground\/5{--tw-gradient-to: hsl(var(--foreground) / .05) var(--tw-gradient-to-position)}.to-primary\/15{--tw-gradient-to: hsl(var(--primary) / .15) var(--tw-gradient-to-position)}.to-secondary\/15{--tw-gradient-to: hsl(var(--secondary) / .15) var(--tw-gradient-to-position)}.fill-card{fill:hsl(var(--card))}.fill-foreground{fill:hsl(var(--foreground))}.fill-muted-foreground{fill:hsl(var(--muted-foreground))}.fill-primary{fill:hsl(var(--primary))}.fill-primary-foreground{fill:hsl(var(--primary-foreground))}.fill-primary\/10{fill:hsl(var(--primary) / .1)}.fill-red-500{fill:#ef4444}.stroke-border{stroke:hsl(var(--border))}.stroke-primary{stroke:hsl(var(--primary))}.stroke-primary\/50{stroke:hsl(var(--primary) / .5)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.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}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.p-\[3px\]{padding:3px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-1{padding-left:.25rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:1.5rem;line-height:2rem}.text-2xs{font-size:.6875rem;line-height:.9375rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.05\]{line-height:1.05}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.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\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-\[0\.6em\]{letter-spacing:.6em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-100{--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.text-amber-100\/90{color:#fef3c7e6}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-destructive\/80{color:hsl(var(--destructive) / .8)}.text-emerald-200{--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/90{color:hsl(var(--foreground) / .9)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/50{color:hsl(var(--muted-foreground) / .5)}.text-muted-foreground\/60{color:hsl(var(--muted-foreground) / .6)}.text-muted-foreground\/70{color:hsl(var(--muted-foreground) / .7)}.text-muted-foreground\/80{color:hsl(var(--muted-foreground) / .8)}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary-foreground\/70{color:hsl(var(--primary-foreground) / .7)}.text-primary-foreground\/80{color:hsl(var(--primary-foreground) / .8)}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-reward{color:hsl(var(--reward))}.text-reward-foreground{color:hsl(var(--reward-foreground))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-success{--tw-text-opacity: 1;color:hsl(var(--success) / var(--tw-text-opacity, 1))}.text-success-foreground{color:hsl(var(--success-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.accent-primary{accent-color:hsl(var(--primary))}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 2px hsl(var(--shadow-hue) / var(--shadow-strength)), 0 2px 6px -2px hsl(var(--shadow-hue) / var(--shadow-strength));--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 2px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(255\,0\,0\,0\.8\)\]{--tw-shadow: 0 0 8px rgba(255,0,0,.8);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 4px 8px hsl(var(--shadow-hue) / var(--shadow-strength)), 0 14px 32px -8px hsl(var(--shadow-hue) / var(--shadow-strength));--tw-shadow-colored: 0 4px 8px var(--tw-shadow-color), 0 14px 32px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 2px 4px hsl(var(--shadow-hue) / var(--shadow-strength)), 0 6px 14px -4px hsl(var(--shadow-hue) / var(--shadow-strength));--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 6px 14px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px hsl(var(--shadow-hue) / var(--shadow-strength));--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-amber-400\/30{--tw-ring-color: rgb(251 191 36 / .3)}.ring-border{--tw-ring-color: hsl(var(--border))}.ring-primary{--tw-ring-color: hsl(var(--primary))}.ring-primary-foreground{--tw-ring-color: hsl(var(--primary-foreground))}.ring-primary\/20{--tw-ring-color: hsl(var(--primary) / .2)}.ring-primary\/25{--tw-ring-color: hsl(var(--primary) / .25)}.ring-primary\/30{--tw-ring-color: hsl(var(--primary) / .3)}.ring-primary\/35{--tw-ring-color: hsl(var(--primary) / .35)}.ring-primary\/40{--tw-ring-color: hsl(var(--primary) / .4)}.ring-primary\/50{--tw-ring-color: hsl(var(--primary) / .5)}.ring-primary\/60{--tw-ring-color: hsl(var(--primary) / .6)}.ring-red-500\/60{--tw-ring-color: rgb(239 68 68 / .6)}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.ring-offset-card{--tw-ring-offset-color: hsl(var(--card))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;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-none{transition-property:none}.transition-opacity{transition-property:opacity;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-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in,.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.slide-in-from-top-2{--tw-enter-translate-y: -.5rem}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.\!running{animation-play-state:running!important}.running{animation-play-state:running}.\!paused{animation-play-state:paused!important}.paused{animation-play-state:paused}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.profile-staff{background-color:hsl(var(--muted) / .38);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 15px,hsl(var(--border) / .72) 15px,hsl(var(--border) / .72) 16px);background-size:100% 16px}@keyframes motionRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes motionDropIn{0%{opacity:0;transform:translateY(-36px) scale(.4)}65%{opacity:1;transform:translateY(6px) scale(1.12)}to{opacity:1;transform:none}}@keyframes motionBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes motionSlideRight{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}@keyframes motionSlideLeft{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:none}}@keyframes motionPop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes motionShake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes motionNudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes motionPulseRing{0%,to{box-shadow:0 0 hsl(var(--primary) / .5)}50%{box-shadow:0 0 18px 4px hsl(var(--primary) / .28)}}.motion-rise{animation:motionRise .6s ease-out both}.motion-drop-in{animation:motionDropIn .55s cubic-bezier(.34,1.56,.64,1) both,motionBob 3.2s ease-in-out infinite}.motion-slide-right{animation:motionSlideRight .35s ease-out both}.motion-slide-left{animation:motionSlideLeft .35s ease-out both}.motion-pop{animation:motionPop .3s ease-out}.motion-shake{animation:motionShake .35s ease-in-out}.motion-nudge{animation:motionNudge 1.8s ease-in-out infinite}.motion-pulse-ring{border-radius:var(--radius);animation:motionPulseRing 1.6s ease-in-out infinite}.motion-reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.motion-reveal.is-revealed{opacity:1;transform:none}.motion-press{cursor:pointer;transition:transform .15s ease}.motion-press:hover{transform:scale(1.12)}.motion-press:active{transform:scale(.94)}.motion-lift{animation:motionRise .6s ease-out both;transition:transform .2s ease,box-shadow .2s ease}.motion-lift:hover{transform:translateY(-3px);box-shadow:0 4px 8px hsl(var(--shadow-hue) / var(--shadow-strength)),0 14px 32px -8px hsl(var(--shadow-hue) / var(--shadow-strength))}@media(prefers-reduced-motion:reduce){.motion-rise,.motion-drop-in,.motion-slide-right,.motion-slide-left,.motion-pop,.motion-shake,.motion-nudge,.motion-pulse-ring,.motion-lift{animation:none}.motion-reveal{opacity:1;transform:none;transition:none}.motion-press:hover,.motion-lift:hover{transform:none}}.kb-key{transition:transform .06s ease,background .15s ease,box-shadow .15s ease}.kb-hl{animation:kbPulse 1.1s ease-in-out infinite}@keyframes kbPulse{0%,to{box-shadow:inset 0 0 0 3px var(--hl-color)}50%{box-shadow:inset 0 0 0 4px var(--hl-color),0 0 16px var(--hl-glow, #ffe36e)}}.responsive-piano-dock__keyboard{height:100%}.phone-landscape-gate,.mobile-midi-monitor{display:none}@media(max-width:767px)and (orientation:portrait){.app-shell-header{z-index:101}.phone-landscape-gate{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow-y:auto;padding:max(22px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 35%,hsl(var(--primary) / .15),transparent 18rem),hsl(var(--background) / .98);text-align:center}.phone-landscape-gate__panel{display:flex;width:min(100%,330px);flex-direction:column;align-items:center}.phone-landscape-gate__symbols{display:flex;margin-bottom:24px;gap:3px}.phone-landscape-gate__device{position:relative;display:grid;width:92px;height:126px;margin-bottom:24px;place-items:center;border:3px solid hsl(var(--foreground) / .9);border-radius:18px;box-shadow:inset 0 -18px hsl(var(--card)),0 16px 40px #00000040;transform:rotate(90deg);animation:phoneLandscapeNudge 2.2s ease-in-out infinite}.phone-landscape-gate__device>svg:first-child{width:42px;height:42px;color:hsl(var(--primary));transform:rotate(-90deg)}.phone-landscape-gate__rotate{position:absolute;right:-28px;bottom:-21px;width:30px;height:30px;color:#ffe36e;transform:rotate(-90deg)}.phone-landscape-gate h1{margin:0;font-size:clamp(24px,8vw,34px);font-weight:700;line-height:1.05;letter-spacing:-.035em}.phone-landscape-gate p{max-width:30ch;margin:12px 0 0;color:hsl(var(--muted-foreground));font-size:15px;line-height:1.5}.phone-landscape-gate__alternative{display:inline-flex;min-height:40px;margin-top:20px;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--card));color:hsl(var(--muted-foreground));font-size:13px;font-weight:700}.phone-landscape-gate__alternative>svg{width:18px;height:18px;color:hsl(var(--primary))}.phone-landscape-gate__alternative:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.responsive-piano-dock.responsive-piano-dock--gated{height:auto;min-height:0;padding:0;border:0;background:none}.responsive-piano-dock--gated .responsive-piano-dock__keyboard{display:none}.phone-landscape-gate--inline{position:static;padding:20px 16px;border:1px solid hsl(var(--border) / .6);border-radius:calc(var(--radius) + 4px);background:radial-gradient(circle at 50% 35%,hsl(var(--primary) / .15),transparent 14rem),hsl(var(--background) / .97)}.phone-landscape-gate--inline .phone-landscape-gate__device{width:58px;height:80px;margin-bottom:14px}.phone-landscape-gate--inline .phone-landscape-gate__device>svg:first-child{width:26px;height:26px}.phone-landscape-gate--inline .phone-landscape-gate__rotate{right:-22px;bottom:-17px;width:24px;height:24px}.phone-landscape-gate--inline .phone-landscape-gate__symbols{margin-bottom:12px}.phone-landscape-gate--inline .phone-landscape-gate__alternative{margin-top:14px}.phone-landscape-gate__title{margin:0;color:hsl(var(--foreground));font-family:var(--font-display);font-size:clamp(19px,6vw,24px);font-weight:700;line-height:1.1;letter-spacing:-.03em}.phone-landscape-gate--inline p:not(.phone-landscape-gate__title){margin-top:8px;font-size:13px}}@keyframes phoneLandscapeNudge{0%,65%,to{transform:rotate(90deg) scale(1)}75%{transform:rotate(86deg) scale(1.025)}85%{transform:rotate(94deg) scale(1.025)}}@media(max-width:767px),(max-height:500px)and (orientation:landscape){.app-shell-header{gap:5px;padding:3px max(6px,env(safe-area-inset-right)) 3px max(6px,env(safe-area-inset-left))}.app-shell-brand{flex:0 0 auto}.app-shell-brand__copy{display:none}.app-shell-nav{min-width:0;flex:0 1 auto;gap:5px}.app-shell-nav-rail{gap:2px;padding:3px}.practice-toolbar{flex-wrap:nowrap!important;overflow:visible;padding:5px 8px}.practice-toolbar>*{flex:0 0 auto}.practice-toolbar>.practice-toolbar__status{margin-left:auto;width:auto!important}.practice-toolbar__setup{gap:2px;padding:2px;border-radius:calc(var(--radius) - .125rem)}.practice-toolbar__status{height:34px;gap:7px;padding-inline:8px}.practice-toolbar [data-control-menu-trigger]{width:36px;height:34px;padding-inline:0}.practice-toolbar [data-control-menu-trigger]>span,.practice-toolbar [data-control-menu-trigger]>svg:last-child{display:none}.practice-playback-button{width:36px;height:34px;padding-inline:0}.practice-playback-button>span,.practice-toolbar .combo-pulse{display:none}.input-mode-select__label{display:none}.input-mode-select button{min-width:42px;padding-inline:9px}.responsive-piano-dock--midi{height:82px!important;padding:5px 8px max(7px,env(safe-area-inset-bottom))}.responsive-piano-dock--midi .responsive-piano-dock__keyboard{display:none}.mobile-midi-monitor{display:flex;width:100%;height:100%;min-height:66px;align-items:center;gap:12px;overflow:hidden;padding:7px 11px;border:1px solid hsl(var(--primary) / .48);border-radius:11px;background:linear-gradient(105deg,hsl(var(--primary) / .1),transparent 38%),hsl(var(--card));box-shadow:inset 0 1px #ffffff0d}.mobile-midi-monitor__status{display:flex;min-width:0;align-items:center;gap:8px}.mobile-midi-monitor__status>svg{width:22px;height:22px;flex:0 0 auto;color:hsl(var(--primary))}.mobile-midi-monitor__status>span:last-child,.mobile-midi-monitor__status strong,.mobile-midi-monitor__status small{display:block;min-width:0}.mobile-midi-monitor__status strong{font-size:12px;line-height:1.2;white-space:nowrap}.mobile-midi-monitor__status small{max-width:150px;overflow:hidden;color:hsl(var(--muted-foreground));font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mobile-midi-monitor__signal{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:hsl(var(--destructive));box-shadow:0 0 0 4px hsl(var(--destructive) / .12)}.mobile-midi-monitor__signal.is-connected{background:#2fbf3a;box-shadow:0 0 0 4px #2fbf3a21,0 0 12px #2fbf3a59}.mobile-midi-monitor__notes{display:flex;min-width:0;flex:1 1 auto;align-items:center;justify-content:center;gap:7px;overflow:hidden}.mobile-midi-monitor__note{display:flex;flex:0 0 auto;align-items:center;gap:3px}.mobile-midi-monitor__note span{color:hsl(var(--muted-foreground));font-size:10px;font-weight:700}.mobile-midi-monitor__empty{overflow:hidden;color:hsl(var(--muted-foreground));font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mobile-midi-monitor__pedal{flex:0 0 auto;padding:3px 7px;border:1px solid rgb(255 227 110 / .42);border-radius:999px;color:#ffe36e;font-size:10px;font-weight:700}}@media(max-height:500px)and (orientation:landscape){.responsive-piano-dock:not(.responsive-piano-dock--midi){height:clamp(112px,32dvh,150px)!important;padding-right:max(4px,env(safe-area-inset-right));padding-bottom:max(6px,env(safe-area-inset-bottom));padding-left:max(4px,env(safe-area-inset-left))}.app-shell-nav-rail{gap:2px;padding:2px}.app-shell-nav [data-control-menu-trigger]{width:34px;height:34px;padding-inline:0}.app-shell-nav [data-control-menu-trigger]>span,.app-shell-nav [data-control-menu-trigger]>svg:last-child{display:none}}@media(max-width:460px){.mobile-midi-monitor__status small,.mobile-midi-monitor__status>svg{display:none}.mobile-midi-monitor__notes{justify-content:flex-end}.mobile-midi-monitor__note:nth-last-child(n+3){display:none}}@media(prefers-reduced-motion:reduce){.phone-landscape-gate__device{animation:none}}.app-content-scroll{padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;scroll-padding-top:1rem}@media(orientation:landscape){.app-content-scroll{padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}}@media(pointer:coarse){[data-slot=button]:not(.kb *),[data-slot=select-trigger]:not(.kb *),[data-slot=input]:not(.kb *),[data-slot=tabs-trigger]:not(.kb *),[data-slot=select-item]:not(.kb *){min-height:44px}[data-slot=button]:not(.kb *){min-width:44px}[data-slot=tabs-trigger]{padding-inline:.875rem}[role=tablist]:has([data-slot=tabs-trigger]){height:auto}[data-slot=switch]{position:relative}[data-slot=switch]:after{position:absolute;top:50%;left:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%);content:""}[data-menu-close],.forest-path-step,.forest-mode-tab{min-height:44px}.theory-sign-chip{min-width:44px;min-height:44px}.app-shell-brand{min-height:44px}}@media(pointer:coarse)and (max-width:767px){.practice-toolbar [data-slot=button],.practice-toolbar [data-slot=select-trigger]{min-width:0;min-height:0}}@media(pointer:coarse)and (max-height:500px)and (orientation:landscape){[data-slot=button],[data-slot=select-trigger],[data-slot=input],[data-slot=tabs-trigger],[data-slot=select-item],[data-menu-close],.forest-path-step,.forest-mode-tab,.theory-sign-chip,.app-shell-brand{min-width:0;min-height:0}}.flash{position:absolute;top:12%;left:50%;transform:translate(-50%);font-size:30px;font-weight:700;pointer-events:none;animation:flashUp .7s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.5)}@keyframes flashUp{0%{opacity:0;transform:translate(-50%) scale(.6)}25%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:0;transform:translate(-50%) translateY(-24px) scale(1)}}.pop-in{animation:popIn .25s ease-out}@keyframes popIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.star-pop{display:inline-block;animation:starPop .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes starPop{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.combo-pulse{animation:comboPulse .35s ease-out}@keyframes comboPulse{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}.confetti-piece{position:absolute;top:-14px;width:8px;height:14px;border-radius:2px;pointer-events:none;animation:confettiFall linear both}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}85%{opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:0}}.levelup-banner{animation:popIn .35s cubic-bezier(.2,1.6,.4,1) both}.metro-accent{animation:metroAccent .25s ease-out;transform-origin:16px 11px}@keyframes metroAccent{0%{transform:scale(1)}40%{transform:scale(1.7)}to{transform:scale(1)}}.roll-scroll{min-height:360px;max-height:calc(100dvh - 16rem);overflow:auto;background:hsl(var(--roll-bg));touch-action:pan-x pan-y;overscroll-behavior:contain}.roll-row{position:absolute;left:0;right:0;border-bottom:1px solid hsl(var(--roll-row-line))}.roll-row.black{background:hsl(var(--roll-row-black))}.roll-row.c-row{border-bottom:1px solid hsl(var(--roll-c-line))}.roll-label{position:sticky;left:0;z-index:4;float:left;width:66px;height:100%;padding:1px 6px;font-size:11px;font-weight:700;color:#111;border-right:2px solid hsl(var(--roll-c-line));display:flex;align-items:center}.roll-surface{position:absolute;z-index:1;cursor:crosshair}.roll-ruler{position:sticky;top:0;z-index:5;background:hsl(var(--roll-ruler-bg));border-bottom:1px solid hsl(var(--roll-c-line))}.roll-ruler.scrubbable{cursor:col-resize;touch-action:none}.roll-ruler-bar{position:absolute;top:2px;padding-left:5px;font-size:11px;font-weight:700;color:hsl(var(--roll-ruler-fg));border-left:2px solid hsl(var(--roll-bar-line));line-height:1.5;pointer-events:none}.roll-note{position:absolute;z-index:2;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;border:1px solid rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0006}.roll-note.selected{z-index:3;outline:2px solid hsl(var(--foreground));outline-offset:1px;box-shadow:0 0 8px hsl(var(--foreground) / .45)}.roll-note.accomp-solid{background:#648cb4cc;border:1px solid hsl(210 40% 75% / .6);border-radius:3px}.roll-note.inactive-layer{opacity:.3;z-index:1;box-shadow:none}.roll-note.ghost{z-index:3;pointer-events:none;background:#ef44448c;border:1px solid rgba(239,68,68,.9);border-radius:3px;box-shadow:0 0 6px #ef444480}.roll-resize{position:absolute;top:0;bottom:0;right:0;cursor:ew-resize}.roll-marquee{position:absolute;z-index:6;pointer-events:none;border:1px solid hsl(var(--primary) / .9);background:hsl(var(--primary) / .15)}.rec-live{animation:rec-pulse 1.2s ease-in-out infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 6px #ef444400}}.roll-note-num{font-size:11px;font-weight:700;color:#111;pointer-events:none}.roll-note-hand{position:absolute;top:-1px;right:0;padding:0 2px;font-size:8px;font-weight:700;line-height:1.2;color:#111;background:#0f0f14cc;border-radius:0 3px;pointer-events:none}.playhead{position:absolute;top:0;bottom:0;width:2px;background:hsl(var(--reward));z-index:4;pointer-events:none;box-shadow:0 0 6px hsl(var(--reward) / .8)}.playhead.cursor{background:hsl(var(--foreground) / .55);box-shadow:none}body.forest-view .app-shell-header{background:linear-gradient(120deg,#071c29,#0d3540);border-bottom-color:#bce4d333;color:#f6fcf5;transition:background-color .25s ease,border-color .25s ease}body.forest-view .app-shell-brand,body.forest-view .app-shell-brand__copy{color:#fffdf3}body.forest-view .app-shell-nav-rail{border-color:#bce4d340;background:#051a25bf}body.forest-view .app-shell-nav [data-control-menu-trigger]{color:#f6fcf5}body.forest-view .app-shell-nav [data-control-menu-trigger]:focus-visible{outline-color:#fff2a0}.forest-page{--forest-night: #071c29;--forest-deep: #0d3540;--forest-moss: #1f6659;--forest-mist: #bce4d3;--forest-fire: #f6bd61;--forest-coral: #ec8269;--forest-ink: #09212b;background:radial-gradient(circle at 88% 4%,rgba(246,189,97,.14),transparent 23rem),radial-gradient(circle at 6% 28%,rgba(63,177,145,.13),transparent 28rem),#071c29;color:#f6fcf5;font-family:var(--font-sans)}.forest-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(220px,.72fr);row-gap:28px;min-height:280px;padding:clamp(28px,4.5vw,52px) clamp(20px,5.5vw,80px) 32px;border-bottom:1px solid rgba(188,228,211,.2);background:linear-gradient(120deg,#092630,#144550 58%,#194d4c)}.forest-hero:before,.forest-hero:after{position:absolute;content:"";inset:auto;z-index:-1;width:58vw;height:12vw;border-radius:50% 50% 0 0;border-top:2px solid rgba(188,228,211,.11);transform:rotate(-7deg)}.forest-hero:before{left:-12vw;bottom:-7vw}.forest-hero:after{right:-20vw;bottom:-8vw;transform:rotate(8deg)}.forest-hero-copy{max-width:728px}.forest-eyebrow,.forest-kicker{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--forest-fire);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.forest-hero h1{max-width:672px;margin:0;color:#fffdf3;font-family:var(--font-display);font-size:clamp(31px,4.7vw,60px);font-weight:700;letter-spacing:-.055em;line-height:.98}.forest-hero-copy>p{max-width:632px;margin:16px 0 0;color:#f6fcf5c9;font-size:16px;line-height:1.55}.forest-hero-nav{grid-column:1 / -1;width:100%;display:flex;align-items:center;justify-content:flex-start}.forest-path{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:6px;border-radius:9999px;background:#051a25c2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(188,228,211,.2);box-shadow:0 8px 32px #00000061,inset 0 1px #ffffff17;height:auto;max-width:100%}.forest-path-step{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid transparent;border-radius:9999px;background:transparent;color:#f6fcf5c7;font-family:var(--font-sans);text-decoration:none;cursor:pointer;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.forest-path-step-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;border-radius:9999px;background:#bce4d31f;border:1px solid rgba(188,228,211,.2);color:var(--forest-mist);font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.02em;transition:all .2s ease}.forest-path-step-icon{color:#bce4d3a6;transition:all .2s ease;flex-shrink:0}.forest-path-step-label{color:#f6fcf5d9;font-family:var(--font-sans);font-size:13.5px;font-weight:600;letter-spacing:-.01em;line-height:1.2;transition:color .2s ease}.forest-path-step:hover{background:#bce4d314;border-color:#bce4d33d;color:#fffdf3;transform:translateY(-1px)}.forest-path-step:hover .forest-path-step-badge{background:#f6bd6133;border-color:#f6bd6166;color:var(--forest-fire)}.forest-path-step:hover .forest-path-step-icon{color:var(--forest-fire)}.forest-path-step:hover .forest-path-step-label{color:#fffdf3}.forest-path-step:focus-visible{outline:2px solid var(--forest-fire);outline-offset:2px}.forest-path-step.is-active,.forest-path-step[data-state=active],.forest-path-step[aria-current=step]{background:linear-gradient(135deg,#f6bd614d,#144b55f2);border-color:#f6bd61a6;box-shadow:0 0 18px #f6bd6147,0 2px 8px #0000004d,inset 0 1px #fff3a266;color:#fffdf3;transform:none}.forest-path-step.is-active .forest-path-step-badge,.forest-path-step[data-state=active] .forest-path-step-badge,.forest-path-step[aria-current=step] .forest-path-step-badge{background:var(--forest-fire);border-color:transparent;color:#071c29;font-weight:800;box-shadow:0 0 10px #f6bd6173}.forest-path-step.is-active .forest-path-step-icon,.forest-path-step[data-state=active] .forest-path-step-icon,.forest-path-step[aria-current=step] .forest-path-step-icon{color:var(--forest-fire);filter:drop-shadow(0 0 6px rgba(246,189,97,.5))}.forest-path-step.is-active .forest-path-step-label,.forest-path-step[data-state=active] .forest-path-step-label,.forest-path-step[aria-current=step] .forest-path-step-label{color:#fffdf3;font-weight:800}.forest-creatures{position:relative;min-height:204px}.forest-moon{position:absolute;top:1px;right:clamp(14px,5vw,66px);display:grid;width:96px;height:96px;place-items:center;border-radius:50%;background:radial-gradient(circle at 42% 36%,#fffdf1,#f6bd61 65%,#e99055);color:#22414a;box-shadow:0 0 0 16px #f6bd610f,0 0 65px #f6bd613d;font-size:39px;font-weight:700;transform:rotate(-8deg)}.forest-stork,.forest-rabbit,.forest-trees{position:absolute;filter:drop-shadow(0 6px 8px rgba(0,0,0,.26))}.forest-stork{top:40px;left:21%;font-size:61px;transform:rotate(-13deg)}.forest-rabbit{right:17%;bottom:0;font-size:59px}.forest-trees{bottom:8px;left:3%;color:#bce4d37a;font-size:57px;letter-spacing:-8px}.forest-content{max-width:1200px;margin:0 auto;padding:clamp(22px,4vw,50px) clamp(14px,3.5vw,36px) 64px}.forest-section{margin-top:16px;padding:clamp(18px,3vw,30px);border:1px solid rgba(188,228,211,.18);border-radius:calc(var(--radius) + 4px);background:#0c2e36b3;box-shadow:0 14px 36px #00000024}.forest-section-intro{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.forest-step{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border:1px solid rgba(246,189,97,.55);border-radius:50%;color:var(--forest-fire);font-family:var(--font-mono);font-size:11px;font-weight:700}.forest-section h2,.forest-soundfont-plan h2{margin:0;color:#fffdf3;font-size:clamp(21px,2.4vw,29px);font-weight:700;letter-spacing:-.04em;line-height:1.06}.forest-section-intro p,.forest-stage-copy>p{max-width:680px;margin:8px 0 0;color:#f6fcf5b3;font-size:14px;line-height:1.5}.forest-mode-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:4px;border-radius:var(--radius);background:#051a25bf;border:1px solid rgba(188,228,211,.2)}.forest-mode-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:calc(var(--radius) - 2px);background:transparent;color:#f6fcf5c7;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.forest-mode-tab:hover{background:#bce4d31a;color:#fffdf3}.forest-mode-tab.is-active{background:linear-gradient(135deg,#f6bd6140,#144b55f2);border-color:#f6bd6199;color:#fffdf3;box-shadow:0 0 12px #f6bd6133}.forest-mode-tab:focus-visible{outline:2px solid var(--forest-fire);outline-offset:2px}.forest-timbre-game-board{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.forest-mystery-listen{display:flex;align-items:center;gap:16px;min-height:164px;padding:20px;border-radius:var(--radius);background:linear-gradient(145deg,#13454b,#0d2f38);border:1px solid rgba(188,228,211,.22)}.forest-mystery-orb{display:grid;flex:0 0 auto;width:72px;height:72px;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff5c0,#f6bd61 70%,#d8803a);color:var(--forest-ink);box-shadow:0 0 0 10px #f6bd6124,0 0 24px #f6bd6159;font-size:32px;transition:transform .25s ease}.forest-mystery-orb.is-playing{animation:forestOrbPulse 1.2s infinite alternate ease-in-out}@keyframes forestOrbPulse{0%{transform:scale(1);box-shadow:0 0 0 8px #f6bd6126,0 0 20px #f6bd614d}to{transform:scale(1.08);box-shadow:0 0 0 16px #f6bd6140,0 0 36px #f6bd6199}}.forest-mystery-info{flex:1}.forest-mystery-info h3{margin:2px 0 4px;color:#fffdf3;font-size:24px;letter-spacing:-.03em}.forest-timbre-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.forest-timbre-answer{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(188,228,211,.18);border-radius:var(--radius);background:#051a25ad;color:#fffdf3;cursor:pointer;text-align:left;transition:all .18s ease}.forest-timbre-answer:hover:not(:disabled){border-color:var(--forest-fire);transform:translateY(-2px);background:#123f47d9}.forest-timbre-answer:disabled{cursor:not-allowed;opacity:.5}.forest-timbre-answer.is-correct{border-color:#f6bd61;background:linear-gradient(135deg,#f6bd6138,#123f47e6);box-shadow:0 0 12px #f6bd6140}.forest-timbre-answer-emoji{font-size:28px;flex-shrink:0}.forest-timbre-answer strong{display:block;font-size:14px}.forest-timbre-answer small{display:block;margin-top:2px;color:#f6fcf5a6;font-size:11px}.forest-orchestra-board{display:flex;flex-direction:column;gap:16px}.forest-orchestra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.forest-orchestra-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border:1px solid rgba(188,228,211,.2);border-radius:var(--radius);background:#051a25b3;text-align:center;transition:all .2s ease}.forest-orchestra-card.is-muted{opacity:.55;filter:grayscale(.6)}.forest-orchestra-card.is-playing{border-color:var(--forest-fire);box-shadow:0 0 16px #f6bd6138;transform:translateY(-2px)}.forest-orchestra-avatar{font-size:38px;margin-bottom:6px}.forest-orchestra-card strong{font-size:14px;color:#fffdf3}.forest-orchestra-card small{color:#f6fcf5ad;font-size:11px;margin-top:2px}.forest-orchestra-select{margin-top:10px;width:100%}.forest-orchestra-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:8px;padding:12px;border-radius:var(--radius);background:#051a2580;border:1px solid rgba(188,228,211,.15)}.forest-instrument-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.forest-instrument{position:relative;min-height:136px;padding:16px 12px;overflow:hidden;border:1px solid rgba(188,228,211,.18);border-radius:var(--radius);background:#051a259e;color:#f6fcf5;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.forest-instrument:hover{transform:translateY(-3px);border-color:#f6bd61a8}.forest-instrument.is-selected{border-color:var(--forest-fire);background:linear-gradient(145deg,#f6bd6133,#051a25bf);box-shadow:inset 0 0 0 1px #f6bd612e}.forest-instrument:focus-visible,.forest-animal-answer:focus-visible,.forest-timbre-answer:focus-visible,.forest-note-answer:focus-visible{outline:3px solid #fff2a0;outline-offset:3px}.forest-instrument-emoji{display:block;margin-bottom:8px;font-size:28px}.forest-instrument strong,.forest-instrument small{display:block}.forest-instrument strong{font-size:15px}.forest-instrument small{margin-top:4px;color:#f6fcf599;font-size:11px;line-height:1.3}.forest-now{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;color:#f8d981;font-size:10px;font-weight:700}.forest-piano-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.forest-piano-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.forest-piano-status{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.forest-piano-status .inline-flex{max-width:100%;color:#f6fcf5}.forest-piano-status svg{width:14px;height:14px}.forest-play-reward{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-top:10px;color:#f6fcf5b3;font-size:11px}.forest-play-reward strong{color:#f9e19a;font-size:12px}.forest-piano-dock{height:176px;margin-top:10px;padding:5px;border:1px solid rgba(188,228,211,.2);border-radius:var(--radius);background:#051a25b3}.forest-demo-note{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;border-left:3px solid var(--forest-fire);background:#f6bd6114;color:#f6fcf5c2;font-size:12px;line-height:1.5}.forest-demo-note svg{flex:0 0 auto;margin-top:2px;color:var(--forest-fire)}.forest-station-forward{display:flex;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px dashed rgba(188,228,211,.2)}.forest-forward-cta{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(246,189,97,.45);border-radius:var(--radius);background:#092630d9;color:#fffdf3;font-size:13px;font-weight:700;padding:8px 16px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.forest-forward-cta:hover{transform:translate(3px);border-color:var(--forest-fire);background:#123f47f2;color:#fffdf3}.forest-forward-cta:focus-visible{outline:3px solid #fff2a0;outline-offset:2px}.forest-ear-board{display:grid;grid-template-columns:1fr 1.04fr;gap:12px}.forest-ear-listen{display:flex;align-items:center;gap:12px;min-height:156px;padding:16px;border-radius:var(--radius);background:linear-gradient(145deg,#1d6761,#123f47)}.forest-listen-orb{display:grid;flex:0 0 auto;width:60px;height:60px;place-items:center;border-radius:50%;background:var(--forest-fire);color:var(--forest-ink);box-shadow:0 0 0 8px #f6bd611c}.forest-ear-listen h3{min-height:28px;margin:1px 0 2px;color:#fffdf3;font-size:23px;letter-spacing:-.04em}.forest-ear-listen .forest-answer{max-width:216px;min-height:36px;margin:0;color:#f6fcf5c7;font-size:12px;line-height:1.4}.forest-answer.correct{color:#fff3a2;font-weight:700}.forest-answer.wrong{color:#ffd1bf}.forest-ear-listen .forest-kicker{margin-bottom:2px;color:#f6fcf5a6;font-size:10px}.forest-ear-listen>.inline-flex{margin-left:auto}.forest-animal-answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.forest-animal-answer{display:flex;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid rgba(188,228,211,.18);border-radius:var(--radius);background:#051a25a3;color:#fffdf3;cursor:pointer;text-align:left;transition:border-color .18s ease,transform .18s ease}.forest-animal-answer:hover:not(:disabled){border-color:var(--forest-fire);transform:translateY(-2px)}.forest-animal-answer:disabled{cursor:not-allowed;opacity:.48}.forest-animal-answer.is-correct{border-color:#f6bd61;background:#f6bd6129}.forest-animal-answer>span{font-size:31px}.forest-animal-answer strong{margin-top:4px;font-size:15px}.forest-animal-answer small{min-height:28px;margin-top:4px;color:#f6fcf5a3;font-size:11px;line-height:1.25}.forest-ear-progress{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;color:#f6fcf5c2;font-size:11px}.forest-ear-progress span{padding:6px 10px;border:1px solid rgba(188,228,211,.18);border-radius:999px;background:#051a2570}.forest-ear-progress strong{color:#fffdf3}.forest-ear-progress .is-earned{border-color:var(--forest-fire);color:#fff3a2}.forest-ear-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px}.forest-adventure-suite{display:flex;flex-direction:column;gap:16px}.forest-adventure-map{padding:12px 16px;border-radius:var(--radius);background:#051a25a6;border:1px solid rgba(188,228,211,.2)}.forest-adventure-path{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.forest-adventure-stone{position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:calc(var(--radius) - 2px);border:1px dashed rgba(188,228,211,.25);background:#0c2e3680;text-align:center;transition:all .2s ease}.forest-adventure-stone.is-past{border-style:solid;border-color:#f6bd6180;background:#f6bd611f}.forest-adventure-stone.is-current{border-style:solid;border-color:#f6bd61;background:linear-gradient(135deg,#f6bd6140,#144b55e6);box-shadow:0 0 14px #f6bd6159;transform:scale(1.03)}.forest-stone-icon{font-size:20px}.forest-stone-name{margin-top:4px;font-size:11px;color:#fffdf3;line-height:1.2}.forest-stone-star{position:absolute;top:-6px;right:-4px;font-size:14px}.forest-stone-avatar{position:absolute;top:-12px;font-size:20px;animation:forestAvatarHop 1s infinite alternate ease-in-out}@keyframes forestAvatarHop{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.forest-builder-board{display:flex;flex-direction:column;gap:14px}.forest-builder-prompt-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--radius);background:linear-gradient(145deg,#16464d,#0e3038);border:1px solid rgba(188,228,211,.22);transition:all .25s ease}.forest-builder-prompt-card.is-success{border-color:#f6bd61;background:linear-gradient(145deg,#f6bd6140,#123f47f2);box-shadow:0 0 16px #f6bd614d}.forest-builder-prompt-card.is-wrong{border-color:#ff9b82;background:linear-gradient(145deg,#ff6b4a33,#123f47f2)}.forest-builder-avatar{font-size:38px;flex-shrink:0}.forest-builder-info{flex:1}.forest-builder-info h4{font-size:16px;font-weight:700;color:#fffdf3;margin-bottom:2px}.forest-speed-board{display:flex;flex-direction:column;gap:14px}.forest-combo-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#ff8c42,#ff3c38);color:#fffdf3;font-size:11px;font-weight:800;box-shadow:0 0 10px #ff8c4280;animation:forestComboPulse .8s infinite alternate ease-in-out}@keyframes forestComboPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.forest-speed-prompt{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius);background:linear-gradient(145deg,#1b535b,#0f353d);border:1px solid rgba(188,228,211,.2)}.forest-speed-info{flex:1}.forest-speed-info h3{font-size:20px;color:#fffdf3;margin-bottom:2px}.forest-speed-info p{font-size:12px;color:#f6fcf5bf}.forest-speed-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.forest-explorer-board{display:flex;flex-direction:column;gap:16px}.forest-explorer-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 14px;border-radius:var(--radius);background:#051a2599;border:1px solid rgba(188,228,211,.18)}.forest-explorer-roots,.forest-explorer-directions{display:flex;align-items:center;gap:6px}.forest-root-btn,.forest-dir-btn{padding:4px 10px;border-radius:calc(var(--radius) - 2px);border:1px solid rgba(188,228,211,.2);background:#0c2e3680;color:#f6fcf5cc;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.forest-root-btn:hover,.forest-dir-btn:hover{background:#bce4d326;color:#fffdf3}.forest-root-btn.is-selected,.forest-dir-btn.is-selected{border-color:#f6bd61;background:linear-gradient(135deg,#f6bd614d,#144b55f2);color:#fffdf3;box-shadow:0 0 8px #f6bd6140}.forest-explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.forest-explorer-card{display:flex;flex-direction:column;align-items:center;padding:14px 12px;border-radius:var(--radius);background:#051a25ad;border:1px solid rgba(188,228,211,.18);text-align:center;transition:all .2s ease}.forest-explorer-card.is-playing{border-color:var(--forest-fire);box-shadow:0 0 16px #f6bd6140;transform:translateY(-2px)}.forest-explorer-avatar{font-size:32px;margin-bottom:4px}.forest-explorer-card h4{font-size:14px;font-weight:700;color:#fffdf3}.forest-explorer-card strong{font-size:12px;color:var(--forest-fire);margin-top:1px}.forest-explorer-semitones{font-size:10px;color:#f6fcf599;margin-top:2px}.forest-explorer-copy{font-size:11px;color:#f6fcf5b8;margin:6px 0;line-height:1.3}.forest-comparison-section,.forest-ruler-section{padding:14px;border-radius:var(--radius);background:#051a258c;border:1px solid rgba(188,228,211,.16)}.forest-comparison-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.forest-semitone-ruler{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:8px}.forest-ruler-step{display:flex;flex-direction:column;align-items:center;padding:8px 2px;border-radius:4px;background:#0c2e3666;border:1px solid rgba(188,228,211,.15);min-height:64px;text-align:center}.forest-ruler-step.has-animal{border-color:#f6bd6166;background:#f6bd611a}.forest-ruler-num{font-size:10px;font-family:var(--font-mono);color:#f6fcf599}.forest-ruler-avatar{font-size:20px;margin-top:4px}.forest-soccer-section{background:linear-gradient(130deg,#185b46c7,#092b31e6)}.forest-soccer-board{max-width:848px;margin:0 auto}.forest-soccer-lobby{max-width:848px;margin:0 auto 16px}.forest-opponents-hub{display:flex;flex-direction:column;gap:12px}.forest-opponents-header{display:flex;align-items:center;justify-content:space-between}.forest-opponents-header h4{margin:0;color:#fffdf3;font-size:14px;font-weight:700}.forest-opponents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.forest-opponent-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(188,228,211,.18);border-radius:var(--radius);background:#051a25a3;color:#fffdf3;text-align:left;cursor:pointer;transition:all .18s ease;position:relative}.forest-opponent-card:hover{border-color:var(--forest-fire);transform:translateY(-2px)}.forest-opponent-card.is-selected{border-color:#f6bd61;background:#f6bd6129;box-shadow:0 0 12px #f6bd6133}.forest-opponent-emoji{font-size:28px;line-height:1;flex-shrink:0}.forest-opponent-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.forest-opponent-info strong{font-size:13px;font-weight:700;color:#fffdf3}.forest-opponent-tags{display:flex;align-items:center;gap:6px}.forest-opponent-bio{color:#f6fcf5a6;font-size:11px;line-height:1.25;margin-top:2px}.forest-match-settings{margin-top:4px;padding:10px 12px;border-radius:var(--radius);background:#051a2573;border:1px solid rgba(188,228,211,.12)}.forest-tournament-hub{padding:16px;border-radius:var(--radius);background:#051a2599;border:1px solid rgba(246,189,97,.3)}.forest-pvp-answers{margin-top:12px}.forest-pvp-player-lane{padding:8px;border-radius:var(--radius);background:#051a2580;border:1px solid rgba(188,228,211,.15)}.forest-scoreline{display:flex;align-items:center;justify-content:space-between;color:#f6fcf5b8;font-size:13px;font-weight:700}.forest-scoreline strong{color:var(--forest-fire);font-family:var(--font-mono);font-size:15px}.forest-scoreline b{display:inline-grid;width:24px;height:24px;margin:0 4px;place-items:center;border-radius:50%;background:#f6fcf5;color:#103f42}.forest-pitch{position:relative;height:120px;margin-top:12px;overflow:hidden;border:3px solid rgba(246,252,245,.74);border-radius:calc(var(--radius) - 3px);background-color:#288157;background-image:linear-gradient(90deg,rgba(255,255,255,.055) 50%,transparent 50%);background-size:80px 100%;box-shadow:inset 0 0 30px #00000029;transition:border-color .3s ease,box-shadow .3s ease}.forest-pitch.has-supershot{border-color:#f97316;box-shadow:inset 0 0 30px #f9731666,0 0 16px #f973164d}.forest-midline{position:absolute;top:0;bottom:0;left:50%;border-left:2px solid rgba(246,252,245,.76)}.forest-midline:after{position:absolute;top:50%;left:-24px;width:48px;height:48px;content:"";border:2px solid rgba(246,252,245,.76);border-radius:50%;transform:translateY(-50%)}.forest-goal{position:absolute;z-index:2;top:32px;padding:8px;border:1px solid rgba(246,252,245,.65);background:#061c2573;color:#f6fcf5eb;font-size:10px;font-weight:700;text-transform:uppercase}.forest-player-goal{left:0;border-left:0;border-radius:0 calc(var(--radius) - 6px) calc(var(--radius) - 6px) 0}.forest-opponent-goal{right:0;border-right:0;border-radius:calc(var(--radius) - 6px) 0 0 calc(var(--radius) - 6px)}.forest-ball{position:absolute;z-index:3;top:44px;font-size:27px;line-height:1;transform:translate(-50%);transition:left .38s cubic-bezier(.3,.9,.4,1.2);filter:drop-shadow(0 3px 3px rgba(0,0,0,.28))}.forest-ball.is-flaming{font-size:32px;filter:drop-shadow(0 0 8px #f97316)}.forest-countdown{position:absolute;z-index:4;inset:0;display:grid;place-content:center;background:#061c25a8;color:#fffdf3;text-align:center}.forest-countdown small{color:var(--forest-fire);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.forest-countdown strong{font-family:var(--font-mono);font-size:44px;line-height:1}.forest-match-message{min-height:20px;margin:8px 0;color:#f9e19a;text-align:center;font-size:13px;font-weight:700}.forest-note-options{display:flex;justify-content:center;gap:12px}.forest-note-answer{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--note-color),transparent 35%);border-radius:var(--radius);background:#051a25ab;color:#fffdf3;cursor:pointer;transition:transform .15s ease,background .15s ease}.forest-note-answer:hover{background:color-mix(in srgb,var(--note-color),#06212b 81%);transform:translateY(-3px)}.forest-note-answer span{margin-top:2px;color:#f6fcf5b3;font-family:var(--font-mono);font-size:11px;font-weight:700}.forest-soccer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.forest-match-setup{display:grid;gap:14px;margin-bottom:16px}.forest-setup-block{min-width:0;margin:0;padding:0;border:0}.forest-setup-block legend{padding:0 0 8px;color:#f6fcf5b3;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.forest-difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:8px}.forest-difficulty{display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(188,228,211,.22);border-radius:var(--radius);background:#051a2599;color:#fffdf3;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.forest-difficulty:hover{background:#092a38c7;transform:translateY(-2px)}.forest-difficulty.is-active{border-color:var(--forest-fire);background:#1d564ab8;box-shadow:inset 0 0 0 1px #f6bd6159}.forest-difficulty:focus-visible{outline:3px solid #fff2a0;outline-offset:3px}.forest-difficulty-emoji{font-size:20px;line-height:1}.forest-difficulty strong{font-size:14px}.forest-difficulty small{color:var(--forest-fire);font-family:var(--font-mono);font-size:10px;font-weight:700}.forest-difficulty em{color:#f6fcf5ad;font-size:11px;font-style:normal;line-height:1.35}.forest-mode-hint{margin:8px 0 0;color:#f6fcf5ad;font-size:12px}.forest-match-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0 0}.forest-match-chip{padding:3px 9px;border:1px solid rgba(188,228,211,.22);border-radius:999px;background:#051a258c;color:#f6fcf5c7;font-size:11px;font-weight:700}.forest-shotclock{display:flex;align-items:center;gap:8px;margin-top:10px}.forest-shotclock-bar{flex:1;height:8px;overflow:hidden;border-radius:999px;background:#051a2599}.forest-shotclock-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--forest-fire),#f9e19a);transition:width .9s linear}.forest-shotclock small{color:var(--forest-fire);font-family:var(--font-mono);font-size:11px;font-weight:700;white-space:nowrap}.forest-round-prompt{margin:12px 0 6px;color:#f6fcf5d1;text-align:center;font-size:13px;font-weight:800}.forest-song-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.forest-song-answer{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid rgba(188,228,211,.24);border-radius:var(--radius);background:#051a25ab;color:#fffdf3;text-align:left;cursor:pointer;transition:transform .15s ease,background .15s ease}.forest-song-answer:hover{background:#1d564ab8;transform:translateY(-3px)}.forest-song-answer:focus-visible{outline:3px solid #fff2a0;outline-offset:3px}.forest-song-answer span{font-size:22px;line-height:1}.forest-song-answer strong{font-size:13px;line-height:1.25}.forest-match-verdict{margin:0;font-size:12px;font-weight:800}.forest-match-verdict.is-win{color:#9ce8b8}.forest-match-verdict.is-draw{color:#f9e19a}.forest-match-verdict.is-loss{color:#f4a6a0}.forest-match-result{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);gap:16px;padding:14px;border:1px solid rgba(246,189,97,.32);border-radius:var(--radius);background:#051a2594}.forest-match-result-heading{display:grid;align-content:center;gap:6px}.forest-match-result-heading>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.forest-match-result-heading span{color:#f6fcf5ad;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.forest-match-result-heading strong{color:#fffdf3;font-family:var(--font-mono);font-size:26px}.forest-match-result-heading p{margin:0;color:#f6fcf5b3;font-size:11px;line-height:1.35}.forest-match-result-heading p.is-earned{color:#f9e19a;font-weight:800}.forest-match-result dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;overflow:hidden;border:1px solid rgba(188,228,211,.15);border-radius:calc(var(--radius) - 3px)}.forest-match-result dl>div{display:grid;align-content:center;min-height:62px;padding:8px;border-left:1px solid rgba(188,228,211,.15);text-align:center}.forest-match-result dl>div:nth-child(4n+1){border-left:0}.forest-match-result dl>div:nth-child(n+5){border-top:1px solid rgba(188,228,211,.15)}.forest-match-result dt{color:#f6fcf599;font-size:9px;line-height:1.2}.forest-match-result dd{margin:3px 0 0;color:#fffdf3;font-family:var(--font-mono);font-size:16px;font-weight:800}.forest-workbook-section{background:linear-gradient(135deg,#0b333cdb,#15443ec2)}.forest-workbook{display:flex;align-items:center;justify-content:space-between;gap:24px}.forest-sticker-sheet{flex:1;padding:16px;border:2px dashed rgba(246,189,97,.7);border-radius:var(--radius);background:#fffdf2;color:#173c40;box-shadow:5px 6px #00000029}.forest-sheet-heading{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #b9d6c6}.forest-sheet-heading>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#f4bd60;color:#163e42;font-size:19px}.forest-sheet-heading strong,.forest-sheet-heading small{display:block}.forest-sheet-heading strong{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.forest-sheet-heading small{margin-top:2px;color:#41635e;font-size:10px}.forest-sticker-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.forest-sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;padding:4px;border:1px dashed #88b5a3;border-radius:calc(var(--radius) - 3px);text-align:center}.forest-sticker span{color:#92b0a1;font-size:25px}.forest-sticker strong{margin-top:2px;color:#567b72;font-size:9px;line-height:1.1}.forest-sticker.is-earned{border-style:solid;border-color:#e9b05c;background:#fff4c9;transform:rotate(-2deg)}.forest-sticker.is-earned:nth-child(2n){transform:rotate(2deg)}.forest-sticker.is-earned span{color:inherit}.forest-sticker.is-earned strong{color:#284b4e}.forest-empty-stickers{margin:8px 0 0;color:#567b72;font-size:10px;text-align:center}.forest-adult-block{margin-top:28px;padding-top:24px;border-top:1px dashed rgba(188,228,211,.25)}.forest-adult-divider{margin-bottom:20px}.forest-adult-divider h2{margin:0;color:#fffdf3;font-size:clamp(21px,2.4vw,29px);font-weight:700;letter-spacing:-.04em;line-height:1.06}.forest-adult-divider p{max-width:680px;margin:8px 0 0;color:#f6fcf5b3;font-size:14px;line-height:1.5}.forest-stage-section{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(225px,.65fr);gap:24px;border-color:#f6bd6157;background:linear-gradient(115deg,#112c43,#263b5b)}.forest-stage-copy ul{margin:16px 0 0;padding-left:16px;color:#f6fcf5bd;font-size:12px;line-height:1.7}.forest-stage-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;border:1px solid rgba(246,189,97,.22);border-radius:var(--radius);background:#04122454;text-align:center}.forest-stage-medal{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#fff1ad,#df9148);color:#45341d;box-shadow:0 6px #a95c37,0 10px 20px #0000003b;font-size:34px}.forest-registration{display:flex;align-items:center;gap:8px;color:#f9e19a;font-size:12px;font-weight:700}.forest-result{display:flex;flex-direction:column;align-items:center;gap:2px;color:#f6fcf5bd;font-size:11px}.forest-result strong{color:#fff2a0;font-family:var(--font-mono);font-size:25px}.forest-result-source{margin-top:4px;color:#f6fcf599;font-size:10px;font-style:italic}.forest-soundfont-plan{display:grid;grid-template-columns:.72fr 1.28fr;gap:32px;margin-top:16px;padding:24px 4px;border-top:1px solid rgba(188,228,211,.25)}.forest-soundfont-plan .forest-kicker{margin-bottom:8px}.forest-soundfont-plan ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.forest-soundfont-plan li{display:grid;grid-template-columns:30px 1fr;gap:8px;color:#f6fcf5b8;font-size:13px;line-height:1.45}.forest-soundfont-plan li span{color:var(--forest-fire);font-family:var(--font-mono);font-size:11px;font-weight:700}@media(max-width:760px){.forest-hero{grid-template-columns:1fr;row-gap:20px;padding-bottom:24px}.forest-creatures{display:none}.forest-hero-nav{overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.forest-hero-nav::-webkit-scrollbar{display:none}.forest-path{flex-wrap:nowrap;width:-moz-max-content;width:max-content;max-width:none;justify-content:flex-start}.forest-path-step{flex-shrink:0;padding:7px 14px}.forest-station-forward{justify-content:stretch}.forest-station-forward>.forest-forward-cta{width:100%;justify-content:center}.forest-instrument-grid{grid-template-columns:1fr 1fr}.forest-piano-controls{align-items:stretch;flex-direction:column}.forest-piano-controls>.inline-flex{align-self:flex-start}.forest-timbre-game-board,.forest-ear-board,.forest-stage-section,.forest-soundfont-plan{grid-template-columns:1fr}.forest-orchestra-grid{grid-template-columns:1fr 1fr}.forest-mystery-listen,.forest-ear-listen{align-items:flex-start;flex-wrap:wrap}.forest-mystery-listen>.inline-flex,.forest-ear-listen>.inline-flex{margin-left:72px}.forest-workbook{flex-direction:column;align-items:stretch}.forest-match-result{grid-template-columns:1fr}.forest-match-result dl{grid-template-columns:repeat(2,1fr)}.forest-match-result dl>div:nth-child(odd){border-left:0}.forest-match-result dl>div:nth-child(n+3){border-top:1px solid rgba(188,228,211,.15)}.forest-difficulty-grid,.forest-song-options{grid-template-columns:1fr}.forest-sticker-sheet{width:100%}.forest-soundfont-plan{gap:16px}}@media(max-width:460px){.forest-hero h1{font-size:36px}.forest-section{padding:16px;border-radius:var(--radius)}.forest-mystery-listen>.inline-flex,.forest-ear-listen>.inline-flex{margin-left:0}.forest-timbre-answers,.forest-orchestra-grid{grid-template-columns:1fr}.forest-note-options{gap:4px}.forest-note-answer{min-width:0;padding:8px}.forest-sticker-row{grid-template-columns:repeat(2,1fr);gap:4px}.forest-sticker strong{font-size:8px}}@media(prefers-reduced-motion:reduce){.forest-instrument,.forest-timbre-answer,.forest-animal-answer,.forest-note-answer,.forest-song-answer,.forest-difficulty,.forest-shotclock-bar span,.forest-ball,.forest-path-step,.forest-forward-cta,.forest-mystery-orb{transition:none;transform:none!important;animation:none!important}}@media print{body.printing-stickers *{visibility:hidden}body.printing-stickers .forest-sticker-sheet,body.printing-stickers .forest-sticker-sheet *{visibility:visible}body.printing-stickers .forest-sticker-sheet{position:fixed;top:20mm;left:15mm;right:15mm;width:auto;box-shadow:none}}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-2:before{content:var(--tw-content);bottom:.5rem}.before\:bottom-8:before{content:var(--tw-content);bottom:2rem}.before\:left-1:before{content:var(--tw-content);left:.25rem}.before\:left-\[15px\]:before{content:var(--tw-content);left:15px}.before\:top-2:before{content:var(--tw-content);top:.5rem}.before\:top-8:before{content:var(--tw-content);top:2rem}.before\:w-1:before{content:var(--tw-content);width:.25rem}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-border:before{content:var(--tw-content);background-color:hsl(var(--border))}.before\:bg-primary:before{content:var(--tw-content);background-color:hsl(var(--primary))}.first\:pt-0:first-child{padding-top:0}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-r-0:last-child{border-right-width:0px}.last\:pb-0:last-child{padding-bottom:0}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-border:hover{border-color:hsl(var(--border))}.hover\:border-primary:hover{border-color:hsl(var(--primary))}.hover\:border-primary\/40:hover{border-color:hsl(var(--primary) / .4)}.hover\:border-primary\/45:hover{border-color:hsl(var(--primary) / .45)}.hover\:border-primary\/50:hover{border-color:hsl(var(--primary) / .5)}.hover\:border-primary\/60:hover{border-color:hsl(var(--primary) / .6)}.hover\:border-success\/70:hover{border-color:hsl(var(--success) / .7)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-accent\/60:hover{background-color:hsl(var(--accent) / .6)}.hover\:bg-accent\/80:hover{background-color:hsl(var(--accent) / .8)}.hover\:bg-amber-600:hover{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.hover\:bg-background:hover{background-color:hsl(var(--background))}.hover\:bg-background\/50:hover{background-color:hsl(var(--background) / .5)}.hover\:bg-card:hover{background-color:hsl(var(--card))}.hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.hover\:bg-destructive\/10:hover{background-color:hsl(var(--destructive) / .1)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-foreground\/5:hover{background-color:hsl(var(--foreground) / .05)}.hover\:bg-foreground\/\[0\.025\]:hover{background-color:hsl(var(--foreground) / .025)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/40:hover{background-color:hsl(var(--muted) / .4)}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-muted\/60:hover{background-color:hsl(var(--muted) / .6)}.hover\:bg-muted\/70:hover{background-color:hsl(var(--muted) / .7)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/15:hover{background-color:hsl(var(--primary) / .15)}.hover\:bg-primary\/5:hover{background-color:hsl(var(--primary) / .05)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-purple-500:hover{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-reward\/15:hover{background-color:hsl(var(--reward) / .15)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-zinc-700:hover{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-destructive:hover{color:hsl(var(--destructive))}.hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-primary:hover{color:hsl(var(--primary))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow: 0 4px 8px hsl(var(--shadow-hue) / var(--shadow-strength)), 0 14px 32px -8px hsl(var(--shadow-hue) / var(--shadow-strength));--tw-shadow-colored: 0 4px 8px var(--tw-shadow-color), 0 14px 32px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 2px 4px hsl(var(--shadow-hue) / var(--shadow-strength)), 0 6px 14px -4px hsl(var(--shadow-hue) / var(--shadow-strength));--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 6px 14px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px hsl(var(--shadow-hue) / var(--shadow-strength));--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:grayscale-0:hover{--tw-grayscale: grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus-visible\:rounded-md:focus-visible{border-radius:calc(var(--radius) - 3px)}.focus-visible\:rounded-sm:focus-visible{border-radius:calc(var(--radius) - 6px)}.focus-visible\:border-input:focus-visible{border-color:hsl(var(--input))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:border-border\/80[data-state=active]{border-color:hsl(var(--border) / .8)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow: 0 1px 2px hsl(var(--shadow-hue) / var(--shadow-strength)), 0 2px 6px -2px hsl(var(--shadow-hue) / var(--shadow-strength));--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 2px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px hsl(var(--shadow-hue) / var(--shadow-strength));--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}@supports (height:100dvh){.supports-\[height\:100dvh\]\:h-dvh{height:100dvh}}.dark\:bg-amber-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.dark\:bg-amber-900\/30:is(.dark *){background-color:#78350f4d}.dark\:bg-zinc-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.dark\:text-rose-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}@media not all and (min-width:1024px){.max-lg\:hidden{display:none}}@media not all and (min-width:768px){.max-md\:hidden{display:none}}@media not all and (min-width:640px){.max-sm\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.max-sm\:static{position:static}.max-sm\:left-3{left:.75rem}.max-sm\:right-3{right:.75rem}.max-sm\:hidden{display:none}.max-sm\:h-8{height:2rem}.max-sm\:h-\[120px\]{height:120px}.max-sm\:h-\[130px\]{height:130px}.max-sm\:w-8{width:2rem}.max-sm\:w-auto{width:auto}.max-sm\:w-full{width:100%}.max-sm\:flex-1{flex:1 1 0%}.max-sm\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.max-sm\:px-0{padding-left:0;padding-right:0}}@media(min-width:420px){.min-\[420px\]\:flex-row{flex-direction:row}}@media(min-width:640px){.sm\:absolute{position:absolute}.sm\:left-0{left:0}.sm\:top-full{top:100%}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:-mt-12{margin-top:-3rem}.sm\:mt-1\.5{margin-top:.375rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:h-8{height:2rem}.sm\:h-9{height:2.25rem}.sm\:h-auto{height:auto}.sm\:max-h-none{max-height:none}.sm\:min-h-0{min-height:0px}.sm\:w-24{width:6rem}.sm\:w-32{width:8rem}.sm\:w-9{width:2.25rem}.sm\:w-\[140px\]{width:140px}.sm\:w-\[220px\]{width:220px}.sm\:w-\[260px\]{width:260px}.sm\:w-\[300px\]{width:300px}.sm\:w-auto{width:auto}.sm\:min-w-\[220px\]{min-width:220px}.sm\:flex-1{flex:1 1 0%}.sm\:flex-none{flex:none}.sm\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto_1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr auto 1fr}.sm\:grid-cols-\[320px_1fr\]{grid-template-columns:320px 1fr}.sm\:grid-cols-\[9rem_minmax\(0\,1fr\)\]{grid-template-columns:9rem minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:overflow-visible{overflow:visible}.sm\:border-l{border-left-width:1px}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pr-20{padding-right:5rem}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:first\:border-l-0:first-child{border-left-width:0px}}@media(min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[1\.35fr_1fr\]{grid-template-columns:1.35fr 1fr}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:inline-flex{display:inline-flex}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1\.12fr_0\.88fr\]{grid-template-columns:1.12fr .88fr}.lg\:grid-cols-\[minmax\(260px\,\.72fr\)_minmax\(0\,1\.45fr\)\]{grid-template-columns:minmax(260px,.72fr) minmax(0,1.45fr)}.lg\:grid-cols-\[minmax\(360px\,\.85fr\)_minmax\(0\,1\.15fr\)\]{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr)}}@media(min-width:1280px){.xl\:sticky{position:sticky}.xl\:top-0{top:0}.xl\:mt-4{margin-top:1rem}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:h-\[calc\(100dvh-3\.5rem\)\]{height:calc(100dvh - 3.5rem)}.xl\:w-full{width:100%}.xl\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.xl\:flex-col{flex-direction:column}.xl\:items-stretch{align-items:stretch}.xl\:justify-start{justify-content:flex-start}.xl\:border-b-0{border-bottom-width:0px}.xl\:border-r{border-right-width:1px}.xl\:px-4{padding-left:1rem;padding-right:1rem}.xl\:pb-4{padding-bottom:1rem}.xl\:pt-5{padding-top:1.25rem}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:block svg{display:block}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:h-auto svg{height:auto}.\[\&_svg\]\:w-full svg{width:100%}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}@media(max-height:520px){.\[\@media\(max-height\:520px\)\]\:max-h-\[calc\(100dvh-3\.75rem\)\]{max-height:calc(100dvh - 3.75rem)}.\[\@media\(max-height\:520px\)\]\:overflow-y-auto{overflow-y:auto}.\[\@media\(max-height\:520px\)\]\:overscroll-contain{overscroll-behavior:contain}}