@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&family=Shippori+Mincho+B1:wght@500;600;700&display=swap";*,: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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,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: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ui: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-copy-jp: "Noto Sans JP", "Inter", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;--font-inter: "Inter", "Noto Sans JP", sans-serif;--font-playfair: "Shippori Mincho B1", "Playfair Display", "Noto Serif JP", serif;--font-noto: "Noto Sans JP", "Inter", sans-serif;--font-shippori: "Shippori Mincho B1", "Noto Serif JP", serif;--font-display: var(--font-shippori);--font-number: "Inter", "Noto Sans JP", sans-serif;--background: 220 14% 97%;--foreground: 220 20% 10%;--card: 0 0% 100%;--card-foreground: 220 20% 10%;--popover: 0 0% 100%;--popover-foreground: 220 20% 10%;--primary: 220 65% 54%;--primary-foreground: 0 0% 100%;--secondary: 220 14% 95%;--secondary-foreground: 220 20% 25%;--muted: 220 14% 95%;--muted-foreground: 220 10% 46%;--accent: 220 14% 93%;--accent-foreground: 220 20% 15%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--border: 220 13% 90%;--input: 220 13% 90%;--ring: 220 65% 54%;--chart-1: 220 65% 54%;--chart-2: 173 50% 42%;--chart-3: 38 70% 55%;--chart-4: 280 50% 55%;--chart-5: 350 60% 55%;--radius: .375rem;--sidebar-background: 0 0% 100%;--sidebar-foreground: 220 20% 25%;--sidebar-primary: 220 65% 54%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 220 14% 95%;--sidebar-accent-foreground: 220 20% 15%;--sidebar-border: 220 13% 91%;--sidebar-ring: 220 65% 54%}.dark{--background: 220 15% 6%;--foreground: 220 10% 95%;--card: 220 15% 9%;--card-foreground: 220 10% 95%;--popover: 220 15% 9%;--popover-foreground: 220 10% 95%;--primary: 220 65% 60%;--primary-foreground: 0 0% 100%;--secondary: 220 15% 14%;--secondary-foreground: 220 10% 85%;--muted: 220 15% 14%;--muted-foreground: 220 10% 55%;--accent: 220 15% 16%;--accent-foreground: 220 10% 90%;--destructive: 0 62% 30%;--destructive-foreground: 0 0% 98%;--border: 220 15% 16%;--input: 220 15% 16%;--ring: 220 65% 60%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%;--sidebar-background: 220 15% 8%;--sidebar-foreground: 220 10% 90%;--sidebar-primary: 220 65% 60%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 220 15% 14%;--sidebar-accent-foreground: 220 10% 90%;--sidebar-border: 220 15% 16%;--sidebar-ring: 220 65% 60%}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.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}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-\[1px\]{top:1px}.top-\[4\.5rem\]{top:4.5rem}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-auto{top:auto}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.z-\[111\]{z-index:111}.z-\[130\]{z-index:130}.z-\[140\]{z-index:140}.z-\[1\]{z-index:1}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.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-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-20{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-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.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-24{margin-top:6rem}.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}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-4{width:1rem;height:1rem}.\!h-full{height:100%!important}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[220px\]{height:220px}.h-\[22px\]{height:22px}.h-\[3px\]{height:3px}.h-\[52px\]{height:52px}.h-\[68px\]{height:68px}.h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)}.h-\[calc\(100vh-80px\)\]{height:calc(100vh - 80px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.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}.h-svh{height:100svh}.max-h-96{max-height:24rem}.max-h-\[300px\]{max-height:300px}.max-h-\[58vh\]{max-height:58vh}.max-h-\[88dvh\]{max-height:88dvh}.max-h-\[calc\(100dvh-176px\)\]{max-height:calc(100dvh - 176px)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0px}.min-h-11{min-height:2.75rem}.min-h-5{min-height:1.25rem}.min-h-9{min-height:2.25rem}.min-h-\[35vh\]{min-height:35vh}.min-h-\[60px\]{min-height:60px}.min-h-\[620px\]{min-height:620px}.min-h-\[62px\]{min-height:62px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0px}.w-1{width:.25rem}.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-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[--sidebar-width\]{width:var(--sidebar-width)}.w-\[100px\]{width:100px}.w-\[18px\]{width:18px}.w-\[1px\]{width:1px}.w-\[22px\]{width:22px}.w-\[30\%\]{width:30%}.w-\[380px\]{width:380px}.w-\[calc\(100\%-24px\)\]{width:calc(100% - 24px)}.w-\[calc\(100\%-40px\)\]{width:calc(100% - 40px)}.w-\[min\(240px\,calc\(100vw-2rem\)\)\]{width:min(240px,calc(100vw - 2rem))}.w-\[min\(86vw\,360px\)\]{width:min(86vw,360px)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-10{min-width:2.5rem}.min-w-5{min-width:1.25rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[--skeleton-width\]{max-width:var(--skeleton-width)}.max-w-\[1400px\]{max-width:1400px}.max-w-\[360px\]{max-width:360px}.max-w-\[420px\]{max-width:420px}.max-w-\[430px\]{max-width:430px}.max-w-\[460px\]{max-width:460px}.max-w-\[480px\]{max-width:480px}.max-w-\[600px\]{max-width:600px}.max-w-\[80\%\]{max-width:80%}.max-w-\[90\%\]{max-width:90%}.max-w-\[92\%\]{max-width:92%}.max-w-\[min\(94vw\,620px\)\]{max-width:min(94vw,620px)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:left}.-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-x-px{--tw-translate-x: -1px;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))}.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))}.translate-x-\[-50\%\]{--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-x-px{--tw-translate-x: 1px;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-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))}.translate-y-\[-50\%\]{--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))}.rotate-45{--tw-rotate: 45deg;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-90{--tw-rotate: 90deg;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}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.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-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-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-8{row-gap:2rem}.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-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * 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-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * 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-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * 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))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * 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>:not([hidden])~:not([hidden]){border-color:hsl(var(--border))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[13px\]{border-radius:13px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[26px\]{border-radius:26px}.rounded-\[2px\]{border-radius:2px}.rounded-\[7px\]{border-radius:7px}.rounded-\[9px\]{border-radius:9px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-l-\[22px\]{border-top-left-radius:22px;border-bottom-left-radius:22px}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-t-\[24px\]{border-top-left-radius:24px;border-top-right-radius:24px}.rounded-t-\[28px\]{border-top-left-radius:28px;border-top-right-radius:28px}.rounded-bl-sm{border-bottom-left-radius:calc(var(--radius) - 4px)}.rounded-br-sm{border-bottom-right-radius:calc(var(--radius) - 4px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[1\.5px\]{border-width:1.5px}.border-x-0{border-left-width:0px;border-right-width:0px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#a7abb3\]{--tw-border-opacity: 1;border-color:rgb(167 171 179 / var(--tw-border-opacity, 1))}.border-\[\#dfaa4d\]{--tw-border-opacity: 1;border-color:rgb(223 170 77 / var(--tw-border-opacity, 1))}.border-\[\#e4ad4c\]{--tw-border-opacity: 1;border-color:rgb(228 173 76 / var(--tw-border-opacity, 1))}.border-\[\#e7e9ef\]{--tw-border-opacity: 1;border-color:rgb(231 233 239 / var(--tw-border-opacity, 1))}.border-\[--color-border\]{border-color:var(--color-border)}.border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.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\/80{border-color:hsl(var(--border) / .8)}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/20{border-color:hsl(var(--destructive) / .2)}.border-destructive\/50{border-color:hsl(var(--destructive) / .5)}.border-emerald-100{--tw-border-opacity: 1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}.border-foreground\/10{border-color:hsl(var(--foreground) / .1)}.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\/10{border-color:hsl(var(--primary) / .1)}.border-primary\/15{border-color:hsl(var(--primary) / .15)}.border-primary\/20{border-color:hsl(var(--primary) / .2)}.border-primary\/25{border-color:hsl(var(--primary) / .25)}.border-primary\/50{border-color:hsl(var(--primary) / .5)}.border-rose-100{--tw-border-opacity: 1;border-color:rgb(255 228 230 / var(--tw-border-opacity, 1))}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-200\/80{border-color:#e2e8f0cc}.border-slate-200\/90{border-color:#e2e8f0e6}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-violet-100{--tw-border-opacity: 1;border-color:rgb(237 233 254 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/80{border-color:#fffc}.border-white\/90{border-color:#ffffffe6}.border-l-transparent{border-left-color:transparent}.border-t-slate-800{--tw-border-opacity: 1;border-top-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-\[\#071329\]\/50{background-color:#07132980}.bg-\[\#071733\]{--tw-bg-opacity: 1;background-color:rgb(7 23 51 / var(--tw-bg-opacity, 1))}.bg-\[\#111827\]{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-\[\#1A1A1A\]{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.bg-\[\#F0F0F0\]{--tw-bg-opacity: 1;background-color:rgb(240 240 240 / var(--tw-bg-opacity, 1))}.bg-\[\#FAFAFA\]{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-\[\#d2d5dc\]{--tw-bg-opacity: 1;background-color:rgb(210 213 220 / var(--tw-bg-opacity, 1))}.bg-\[\#dfaa4d\]{--tw-bg-opacity: 1;background-color:rgb(223 170 77 / var(--tw-bg-opacity, 1))}.bg-\[\#eaf8f7\]{--tw-bg-opacity: 1;background-color:rgb(234 248 247 / var(--tw-bg-opacity, 1))}.bg-\[\#edf4ff\]{--tw-bg-opacity: 1;background-color:rgb(237 244 255 / var(--tw-bg-opacity, 1))}.bg-\[\#f3effc\]{--tw-bg-opacity: 1;background-color:rgb(243 239 252 / var(--tw-bg-opacity, 1))}.bg-\[\#fff0f2\]{--tw-bg-opacity: 1;background-color:rgb(255 240 242 / var(--tw-bg-opacity, 1))}.bg-\[\#fff5df\]{--tw-bg-opacity: 1;background-color:rgb(255 245 223 / var(--tw-bg-opacity, 1))}.bg-\[\#fffdf8\]{--tw-bg-opacity: 1;background-color:rgb(255 253 248 / var(--tw-bg-opacity, 1))}.bg-\[--color-bg\]{background-color:var(--color-bg)}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-card\/80{background-color:hsl(var(--card) / .8)}.bg-cyan-600{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/\[0\.04\]{background-color:hsl(var(--destructive) / .04)}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/35{background-color:hsl(var(--muted) / .35)}.bg-muted\/40{background-color:hsl(var(--muted) / .4)}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-primary\/20{background-color:hsl(var(--primary) / .2)}.bg-primary\/5{background-color:hsl(var(--primary) / .05)}.bg-primary\/\[0\.02\]{background-color:hsl(var(--primary) / .02)}.bg-primary\/\[0\.035\]{background-color:hsl(var(--primary) / .035)}.bg-primary\/\[0\.03\]{background-color:hsl(var(--primary) / .03)}.bg-primary\/\[0\.04\]{background-color:hsl(var(--primary) / .04)}.bg-primary\/\[0\.06\]{background-color:hsl(var(--primary) / .06)}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-200\/80{background-color:#e2e8f0cc}.bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-50\/70{background-color:#f8fafcb3}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-950\/45{background-color:#02061773}.bg-slate-950\/50{background-color:#02061780}.bg-slate-950\/55{background-color:#0206178c}.bg-teal-600{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/45{background-color:#ffffff73}.bg-white\/55{background-color:#ffffff8c}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-white\/\[0\.62\]{background-color:#ffffff9e}.bg-white\/\[0\.70\]{background-color:#ffffffb3}.bg-white\/\[0\.88\]{background-color:#ffffffe0}.bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.bg-\[linear-gradient\(145deg\,rgba\(255\,255\,255\,0\.92\)\,rgba\(255\,255\,255\,0\.46\)_48\%\,rgba\(250\,247\,240\,0\.58\)\)\]{background-image:linear-gradient(145deg,#ffffffeb,#ffffff75 48%,#faf7f094)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-amber-100{--tw-gradient-from: #fef3c7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-100{--tw-gradient-from: #cffafe var(--tw-gradient-from-position);--tw-gradient-to: rgb(207 250 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-100{--tw-gradient-from: #d1fae5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-100{--tw-gradient-from: #e0e7ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-100{--tw-gradient-from: #ffedd5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-100{--tw-gradient-from: #ffe4e6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 228 230 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-100{--tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-200{--tw-gradient-from: #e2e8f0 var(--tw-gradient-from-position);--tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-100{--tw-gradient-from: #ccfbf1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(204 251 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-zinc-100{--tw-gradient-from: #f4f4f5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 244 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-blue-50{--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fuchsia-50{--tw-gradient-to: rgb(253 244 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fdf4ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-lime-50{--tw-gradient-to: rgb(247 254 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f7fee7 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-rose-50{--tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff1f2 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-sky-50{--tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f0f9ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-50{--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f8fafc var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-stone-50{--tw-gradient-to: rgb(250 250 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fafaf9 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-zinc-50{--tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fafafa var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-sky-100{--tw-gradient-to: #e0f2fe var(--tw-gradient-to-position)}.to-slate-100{--tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position)}.to-slate-300{--tw-gradient-to: #cbd5e1 var(--tw-gradient-to-position)}.to-slate-50{--tw-gradient-to: #f8fafc var(--tw-gradient-to-position)}.to-stone-100{--tw-gradient-to: #f5f5f4 var(--tw-gradient-to-position)}.to-violet-100{--tw-gradient-to: #ede9fe var(--tw-gradient-to-position)}.to-zinc-100{--tw-gradient-to: #f4f4f5 var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.stroke-\[1\.7\]{stroke-width:1.7}.stroke-\[1\.8\]{stroke-width:1.8}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.px-0{padding-left:0;padding-right:0}.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-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.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-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.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}.py-\[calc\(88px\+env\(safe-area-inset-bottom\)\)\]{padding-top:calc(88px + env(safe-area-inset-bottom));padding-bottom:calc(88px + env(safe-area-inset-bottom))}.pb-0{padding-bottom:0}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.pb-\[calc\(92px\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-\[15vh\]{padding-top:15vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-inter{font-family:var(--font-inter)}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-noto{font-family:var(--font-noto)}.font-playfair{font-family:var(--font-playfair)}.text-2xl{font-size:1.5rem;line-height:2rem}.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-7xl{font-size:4.5rem;line-height:1}.text-\[0\.8rem\]{font-size:.8rem}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[56px\]{font-size:56px}.text-\[8px\]{font-size:8px}.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-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.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-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.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\.01em\]{letter-spacing:-.01em}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.05em\]{letter-spacing:.05em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.35em\]{letter-spacing:.35em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-normal{letter-spacing:0em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#081630\]{--tw-text-opacity: 1;color:rgb(8 22 48 / var(--tw-text-opacity, 1))}.text-\[\#111827\]{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-\[\#5aa9ad\]{--tw-text-opacity: 1;color:rgb(90 169 173 / var(--tw-text-opacity, 1))}.text-\[\#5f8fe8\]{--tw-text-opacity: 1;color:rgb(95 143 232 / var(--tw-text-opacity, 1))}.text-\[\#7a8297\]{--tw-text-opacity: 1;color:rgb(122 130 151 / var(--tw-text-opacity, 1))}.text-\[\#9271cb\]{--tw-text-opacity: 1;color:rgb(146 113 203 / var(--tw-text-opacity, 1))}.text-\[\#dca446\]{--tw-text-opacity: 1;color:rgb(220 164 70 / var(--tw-text-opacity, 1))}.text-\[\#e9858e\]{--tw-text-opacity: 1;color:rgb(233 133 142 / var(--tw-text-opacity, 1))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-600\/80{color:#d97706cc}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / 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-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground) / .5)}.text-foreground\/70{color:hsl(var(--foreground) / .7)}.text-foreground\/80{color:hsl(var(--foreground) / .8)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/25{color:hsl(var(--muted-foreground) / .25)}.text-muted-foreground\/35{color:hsl(var(--muted-foreground) / .35)}.text-muted-foreground\/40{color:hsl(var(--muted-foreground) / .4)}.text-muted-foreground\/45{color:hsl(var(--muted-foreground) / .45)}.text-muted-foreground\/50{color:hsl(var(--muted-foreground) / .5)}.text-muted-foreground\/55{color:hsl(var(--muted-foreground) / .55)}.text-muted-foreground\/60{color:hsl(var(--muted-foreground) / .6)}.text-muted-foreground\/70{color:hsl(var(--muted-foreground) / .7)}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary\/75{color:hsl(var(--primary) / .75)}.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-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground) / .7)}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/90{color:#ffffffe6}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-\[-20px_0_48px_rgba\(15\,23\,42\,0\.18\)\]{--tw-shadow: -20px 0 48px rgba(15,23,42,.18);--tw-shadow-colored: -20px 0 48px 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_-10px_28px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow: 0 -10px 28px rgba(15,23,42,.08);--tw-shadow-colored: 0 -10px 28px 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_-16px_48px_rgba\(15\,23\,42\,0\.16\)\]{--tw-shadow: 0 -16px 48px rgba(15,23,42,.16);--tw-shadow-colored: 0 -16px 48px 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_-18px_54px_rgba\(7\,19\,41\,0\.13\)\]{--tw-shadow: 0 -18px 54px rgba(7,19,41,.13);--tw-shadow-colored: 0 -18px 54px 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_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored: 0 0 0 1px 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_10px_24px_rgba\(15\,23\,42\,0\.16\)\]{--tw-shadow: 0 10px 24px rgba(15,23,42,.16);--tw-shadow-colored: 0 10px 24px 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_10px_30px_rgba\(15\,23\,42\,0\.05\)\]{--tw-shadow: 0 10px 30px rgba(15,23,42,.05);--tw-shadow-colored: 0 10px 30px 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_12px_32px_rgba\(15\,23\,42\,0\.10\)\]{--tw-shadow: 0 12px 32px rgba(15,23,42,.1);--tw-shadow-colored: 0 12px 32px 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_12px_32px_rgba\(15\,23\,42\,0\.12\)\]{--tw-shadow: 0 12px 32px rgba(15,23,42,.12);--tw-shadow-colored: 0 12px 32px 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_14px_40px_rgba\(15\,23\,42\,0\.045\)\]{--tw-shadow: 0 14px 40px rgba(15,23,42,.045);--tw-shadow-colored: 0 14px 40px 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_24px_70px_rgba\(15\,23\,42\,0\.22\)\]{--tw-shadow: 0 24px 70px rgba(15,23,42,.22);--tw-shadow-colored: 0 24px 70px 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_24px_80px_rgba\(15\,23\,42\,0\.12\)\]{--tw-shadow: 0 24px 80px rgba(15,23,42,.12);--tw-shadow-colored: 0 24px 80px 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_28px_80px_rgba\(15\,23\,42\,0\.24\)\]{--tw-shadow: 0 28px 80px rgba(15,23,42,.24);--tw-shadow-colored: 0 28px 80px 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_28px_90px_rgba\(15\,23\,42\,0\.28\)\]{--tw-shadow: 0 28px 90px rgba(15,23,42,.28);--tw-shadow-colored: 0 28px 90px 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_2px_8px_rgba\(15\,23\,42\,0\.04\)\]{--tw-shadow: 0 2px 8px rgba(15,23,42,.04);--tw-shadow-colored: 0 2px 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-\[0_7px_22px_rgba\(50\,44\,28\,0\.055\)\]{--tw-shadow: 0 7px 22px rgba(50,44,28,.055);--tw-shadow-colored: 0 7px 22px 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_8px_20px_rgba\(7\,23\,51\,0\.17\)\]{--tw-shadow: 0 8px 20px rgba(7,23,51,.17);--tw-shadow-colored: 0 8px 20px 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_8px_22px_rgba\(15\,23\,42\,0\.05\)\]{--tw-shadow: 0 8px 22px rgba(15,23,42,.05);--tw-shadow-colored: 0 8px 22px 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_8px_22px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow: 0 8px 22px rgba(15,23,42,.08);--tw-shadow-colored: 0 8px 22px 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_8px_22px_rgba\(15\,23\,42\,0\.18\)\]{--tw-shadow: 0 8px 22px rgba(15,23,42,.18);--tw-shadow-colored: 0 8px 22px 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_8px_24px_rgba\(15\,23\,42\,0\.07\)\]{--tw-shadow: 0 8px 24px rgba(15,23,42,.07);--tw-shadow-colored: 0 8px 24px 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_8px_24px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow: 0 8px 24px rgba(15,23,42,.08);--tw-shadow-colored: 0 8px 24px 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_8px_24px_rgba\(15\,23\,42\,0\.12\)\]{--tw-shadow: 0 8px 24px rgba(15,23,42,.12);--tw-shadow-colored: 0 8px 24px 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_8px_30px_rgba\(15\,23\,42\,0\.035\)\]{--tw-shadow: 0 8px 30px rgba(15,23,42,.035);--tw-shadow-colored: 0 8px 30px 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 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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-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 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 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-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)}.shadow-slate-200\/30{--tw-shadow-color: rgb(226 232 240 / .3);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.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-ring{--tw-ring-color: hsl(var(--ring))}.ring-sidebar-ring{--tw-ring-color: hsl(var(--sidebar-ring))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.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)}.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-2xl{--tw-backdrop-blur: blur(40px);-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-\[1px\]{--tw-backdrop-blur: blur(1px);-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-\[2px\]{--tw-backdrop-blur: blur(2px);-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-\[8px\]{--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-xl{--tw-backdrop-blur: blur(24px);-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-\[border-color\,background-color\,box-shadow\]{transition-property:border-color,background-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;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-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-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}@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-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-1000{animation-duration:1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.running{animation-play-state:running}.\!paused{animation-play-state:paused!important}.paused{animation-play-state:paused}.\[quiz-start\:check\]{quiz-start:check}@keyframes hanable-settings-gear-active{0%{transform:rotate(-70deg)}to{transform:rotate(210deg)}}.hanable-settings-gear-icon{transition:transform .42s cubic-bezier(.22,1,.36,1),color .22s ease;transform-origin:center}.hanable-settings-gear:hover .hanable-settings-gear-icon{transform:rotate(52deg)}.hanable-settings-gear:active .hanable-settings-gear-icon{animation:hanable-settings-gear-active .76s linear infinite}@media(prefers-reduced-motion:reduce){.hanable-settings-gear,.hanable-settings-gear-icon{transition-duration:.01ms}.hanable-settings-gear:hover .hanable-settings-gear-icon,.hanable-settings-gear:active .hanable-settings-gear-icon{animation:none;transform:none}}.base44-ui{--background: 0 0% 100%;--foreground: 0 0% 8%;--card: 0 0% 100%;--card-foreground: 0 0% 8%;--popover: 0 0% 100%;--popover-foreground: 0 0% 8%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 97%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96%;--muted-foreground: 0 0% 45%;--accent: 220 14% 96%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 92%;--input: 0 0% 92%;--ring: 0 0% 3.9%;--radius: .5rem;font-family:var(--font-inter)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d7de;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b7bcc8}.hanable-vocab-category.hanable-category-page{overflow-y:hidden}.hanable-vocab-category .category-content{justify-content:space-between}.hanable-vocab-category .category-selection-zone{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3.2vh,34px);padding:clamp(10px,2vh,24px) 0 clamp(20px,3.4vh,40px)}.hanable-vocab-category .category-hero-copy{padding-top:0!important;padding-bottom:0!important}.hanable-vocab-category .category-subcategory-zone{margin-top:0}.hanable-vocab-category .subcategory-slide-frame,.hanable-mobile-vocab .mobile-subcategory-slide-frame{display:block;overflow:hidden;contain:layout paint}.hanable-mobile-vocab .mobile-subcategory-slide-frame{flex:1;min-width:0;width:100%}.hanable-mobile-vocab .mobile-subcategory-slide-content{display:flex;width:100%;min-width:0;align-items:center;gap:1rem}.hanable-vocab-category .category-action-zone{padding-top:clamp(34px,6vh,72px);padding-bottom:clamp(4px,1.2vh,16px)}@media(min-width:768px){.hanable-category-page .desktop-category-background{opacity:.78!important;filter:saturate(1.08) contrast(1.04)}.hanable-category-page .desktop-category-soft-overlay{background:radial-gradient(ellipse at center,#ffffffb8,#ffffff80 32%,#ffffff3d 58%,#ffffff14),linear-gradient(90deg,#ffffff14,#ffffff57 30%,#ffffff57 70%,#ffffff14)}.hanable-category-page .desktop-category-light-overlay{background:linear-gradient(180deg,#ffffff29,#ffffff0a 42%,#ffffff24)}}@media(max-height:760px)and (min-width:768px){.hanable-vocab-category .category-content{padding-top:36px!important;padding-bottom:24px!important}.hanable-vocab-category .category-selection-zone{gap:18px;padding-top:4px;padding-bottom:22px}.hanable-vocab-category .category-hero-copy h2{font-size:clamp(38px,5vw,62px)!important}.hanable-vocab-category .category-action-zone{padding-top:28px}}.hanable-home-app-main{background:radial-gradient(circle at 8% 90%,rgba(125,190,255,.1),transparent 36%),radial-gradient(circle at 94% 12%,rgba(255,205,190,.1),transparent 34%),linear-gradient(135deg,#fff,#f8fbff 52%,#fffaf7)!important}.home-shell{overflow-x:hidden;overflow-y:hidden;padding:clamp(30px,4.6vh,54px) clamp(28px,4.8vw,72px) clamp(24px,3vh,36px)!important;background:radial-gradient(circle at 50% 32%,rgba(255,255,255,1),rgba(255,255,255,.9) 30%,transparent 62%),radial-gradient(circle at 10% 96%,rgba(219,242,255,.36),transparent 46%),radial-gradient(circle at 88% 98%,rgba(219,250,238,.34),transparent 42%),linear-gradient(135deg,#fff,#fbfdff 54%,#f8fffc)!important}.home-shell>section{max-width:1720px}.home-shell h1{color:#202635;font-size:clamp(36px,3.1vw,56px)!important;font-weight:600!important;letter-spacing:0!important;line-height:1.18!important}.home-shell h1+p{margin-top:16px!important;color:#8f97a6!important;font-size:clamp(15px,1.1vw,20px)!important;font-weight:700!important;letter-spacing:0!important}.home-ambient-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,1),rgba(255,255,255,.86) 30%,transparent 60%),radial-gradient(circle at 5% 90%,rgba(125,190,255,.1),transparent 38%),radial-gradient(circle at 96% 10%,rgba(255,205,190,.11),transparent 36%),radial-gradient(circle at 54% 104%,rgba(165,235,210,.08),transparent 42%),linear-gradient(135deg,#fff,#f8fbff 52%,#fffaf7)}.home-ambient-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.98),rgba(255,255,255,.74) 24%,rgba(255,255,255,.28) 44%,transparent 66%),linear-gradient(180deg,#ffffff1a,#fff3)}.home-ambient-bg:after{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:2;pointer-events:none;background:linear-gradient(112deg,transparent 0%,rgba(255,255,255,.18) 40%,transparent 62%),radial-gradient(ellipse at 26% 78%,rgba(255,255,255,.2),transparent 44%);opacity:.36;transform:translateZ(0);animation:homeWaterSheen 36s ease-in-out infinite alternate;will-change:transform,opacity}.home-ambient-blob{position:absolute;z-index:0;display:block;width:56vw;height:56vw;min-width:680px;min-height:680px;border-radius:999px;filter:blur(78px);opacity:.42;mix-blend-mode:normal;will-change:transform,opacity}.home-ambient-blob-blue{left:-24%;bottom:-22%;background:radial-gradient(circle,rgba(125,190,255,.38) 0%,rgba(125,190,255,.24) 42%,transparent 72%);animation:homeLiquidBlue 34s ease-in-out -7s infinite alternate}.home-ambient-blob-cyan{left:4%;bottom:-34%;background:radial-gradient(circle,rgba(150,215,255,.24) 0%,rgba(150,215,255,.16) 44%,transparent 74%);animation:homeLiquidCyan 42s ease-in-out -11s infinite alternate}.home-ambient-blob-mint{right:16%;bottom:-32%;background:radial-gradient(circle,rgba(165,235,210,.28) 0%,rgba(165,235,210,.17) 46%,transparent 76%);animation:homeLiquidMint 40s ease-in-out -15s infinite alternate}.home-ambient-blob-lavender{right:-24%;top:-20%;background:radial-gradient(circle,rgba(218,208,255,.22) 0%,rgba(218,208,255,.12) 42%,transparent 74%);animation:homeLiquidLavender 38s ease-in-out -9s infinite alternate}.home-ambient-blob-cream{right:-18%;top:-18%;background:radial-gradient(circle,rgba(255,205,190,.36) 0%,rgba(255,236,196,.2) 44%,transparent 74%);animation:homeLiquidCream 42s ease-in-out -17s infinite alternate}.home-main-card{position:relative;overflow:hidden;display:flex;min-height:clamp(238px,17.2vw,284px);height:auto!important;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0 0 24px;border-color:#ffffffa8;border-radius:28px;background:#ffffffeb;box-shadow:0 18px 42px #0f172a0b,0 1px 2px #0f172a07,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.home-main-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 38%),radial-gradient(circle at 18% 8%,rgba(255,255,255,.36),transparent 30%);opacity:.54}.home-main-card>*{position:relative;z-index:1}.home-main-card:hover{transform:translateY(-3px);border-color:#ffffffc7;background:#fffffff5;box-shadow:0 22px 54px #0f172a0f,0 2px 6px #0f172a08,inset 0 1px #ffffffd6}.home-main-card:active{transform:translateY(-1px)}.home-card-grid{margin-top:clamp(36px,4.7vh,54px)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(20px,2.3vw,34px)!important}.home-card-image{position:relative;overflow:hidden;height:clamp(108px,8.6vw,138px);width:100%;flex:0 0 auto;border-radius:28px 28px 0 0;background:radial-gradient(circle at 20% 16%,rgba(255,255,255,.92),transparent 34%),linear-gradient(135deg,#e8f2fceb,#f6fafcb8)}.home-card-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#ffffff1a,#ffffff80,#ffffff14),radial-gradient(circle at 72% 24%,var(--home-card-soft),transparent 40%);opacity:.72}.home-card-image:after{content:"";position:absolute;left:12%;right:12%;bottom:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.22),transparent)}.home-card-image img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.home-card-image picture{display:block;width:100%;height:100%}.home-card-image span{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.42),transparent 68%),linear-gradient(135deg,transparent,rgba(255,255,255,.22))}.home-card-copy{padding:22px 30px 0;text-align:left}.home-card-copy span{display:block;color:#202635;font-size:clamp(24px,1.6vw,32px);font-weight:600;line-height:1.2;letter-spacing:0}.home-card-copy p{margin-top:14px;overflow:hidden;color:#8c95a3;font-size:clamp(14px,1vw,18px);font-weight:700;line-height:1.55;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.home-main-card>i{display:none;width:54px;height:3px;margin:auto 30px 0;border-radius:999px;background:var(--home-card-accent);opacity:.72}.home-main-card-blue{--home-card-accent: #c8dff2;--home-card-soft: rgba(191, 219, 254, .42)}.home-main-card-purple{--home-card-accent: #d8cff0;--home-card-soft: rgba(221, 214, 254, .42)}.home-main-card-violet{--home-card-accent: #cfd8f4;--home-card-soft: rgba(199, 210, 254, .42)}.home-main-card-mint{--home-card-accent: #c8e8de;--home-card-soft: rgba(187, 247, 208, .36)}.home-icon-orb{position:relative;border:1px solid rgba(255,255,255,.72);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.96),var(--home-icon-glow-soft) 48%,var(--home-icon-glow) 100%);box-shadow:0 10px 28px var(--home-icon-shadow),inset 0 1px #ffffffd1,inset 0 -10px 18px #ffffff4d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background-color .22s ease,box-shadow .22s ease,filter .22s ease}.home-icon-orb:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:-1;border-radius:inherit;background:radial-gradient(circle,var(--home-icon-halo) 0%,transparent 68%);opacity:.66;transition:opacity .22s ease}.home-icon-orb svg{position:relative;z-index:1;filter:drop-shadow(0 3px 7px var(--home-icon-stroke-shadow))}.home-main-card:hover .home-icon-orb{box-shadow:0 12px 30px var(--home-icon-shadow-hover),inset 0 1px #ffffffe0,inset 0 -10px 18px #ffffff57;filter:brightness(1.03)}.home-main-card:hover .home-icon-orb:before{opacity:.82}.home-icon-orb-blue{--home-icon-glow-soft: rgba(219, 234, 254, .72);--home-icon-glow: rgba(147, 197, 253, .26);--home-icon-halo: rgba(96, 165, 250, .24);--home-icon-shadow: rgba(37, 99, 235, .14);--home-icon-shadow-hover: rgba(37, 99, 235, .18);--home-icon-stroke-shadow: rgba(37, 99, 235, .18)}.home-icon-orb-indigo{--home-icon-glow-soft: rgba(224, 231, 255, .74);--home-icon-glow: rgba(165, 180, 252, .28);--home-icon-halo: rgba(99, 102, 241, .22);--home-icon-shadow: rgba(79, 70, 229, .13);--home-icon-shadow-hover: rgba(79, 70, 229, .17);--home-icon-stroke-shadow: rgba(79, 70, 229, .17)}.home-icon-orb-violet{--home-icon-glow-soft: rgba(237, 233, 254, .74);--home-icon-glow: rgba(196, 181, 253, .27);--home-icon-halo: rgba(124, 58, 237, .2);--home-icon-shadow: rgba(109, 40, 217, .12);--home-icon-shadow-hover: rgba(109, 40, 217, .16);--home-icon-stroke-shadow: rgba(109, 40, 217, .16)}.home-icon-orb-green{--home-icon-glow-soft: rgba(209, 250, 229, .72);--home-icon-glow: rgba(110, 231, 183, .25);--home-icon-halo: rgba(16, 185, 129, .2);--home-icon-shadow: rgba(5, 150, 105, .12);--home-icon-shadow-hover: rgba(5, 150, 105, .16);--home-icon-stroke-shadow: rgba(5, 150, 105, .15)}.home-summary-card{overflow:hidden;max-width:none!important;margin-top:clamp(42px,5.2vh,58px)!important;border-color:#ffffffad;border-radius:30px;background:#ffffffe6;box-shadow:0 18px 42px #0f172a0b,0 1px 2px #0f172a07,inset 0 1px #fffc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-summary-item{min-height:118px;display:flex;flex-direction:column;justify-content:center;border-color:#e2e8f094!important;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent)}.home-summary-item p:first-child{color:#202635;font-size:clamp(28px,2.1vw,40px)!important;font-weight:600!important;letter-spacing:0!important}.home-summary-item p:nth-child(2){margin-top:12px!important;color:#8b94a2!important;font-size:clamp(13px,.95vw,17px)!important;font-weight:700!important}.home-summary-item p:nth-child(3){margin-top:6px!important;color:#9da5b2!important;font-size:clamp(12px,.85vw,15px)!important;font-weight:700!important}@media(max-width:1180px){.home-shell{overflow-y:auto}.home-shell>section{max-width:920px}.home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-main-card{min-height:300px}}@media(max-width:640px){.home-shell{align-items:flex-start;padding:42px 20px 40px!important}.home-shell>section{max-width:420px}.home-card-grid{margin-top:42px!important;grid-template-columns:1fr!important;gap:18px!important}.home-main-card{min-height:286px;border-radius:24px}.home-card-image{height:142px;border-radius:24px 24px 0 0}.home-card-copy{padding:22px 24px 0}.home-main-card>i{margin-right:24px;margin-left:24px}.home-summary-card{margin-top:42px!important;grid-template-columns:1fr!important;border-radius:24px}.home-summary-item{min-height:124px}.home-summary-item+.home-summary-item{border-left:0!important}}@keyframes homeLiquidBlue{0%{transform:translate3d(-3%,2%,0) scale(1);opacity:.36}50%{transform:translate3d(8%,-5%,0) scale(1.08);opacity:.46}to{transform:translate3d(3%,-10%,0) scale(1.04);opacity:.4}}@keyframes homeLiquidCyan{0%{transform:translate3d(-4%,3%,0) scale(1.02);opacity:.24}50%{transform:translate3d(9%,-6%,0) scale(1.1);opacity:.34}to{transform:translate3d(-6%,-11%,0) scale(1.05);opacity:.28}}@keyframes homeLiquidMint{0%{transform:translate3d(3%,3%,0) scale(1);opacity:.24}50%{transform:translate3d(-8%,-5%,0) scale(1.08);opacity:.32}to{transform:translate3d(6%,-9%,0) scale(1.04);opacity:.26}}@keyframes homeLiquidLavender{0%{transform:translate3d(2%,-2%,0) scale(1.02);opacity:.18}50%{transform:translate3d(-7%,6%,0) scale(1.08);opacity:.26}to{transform:translate3d(-3%,-8%,0) scale(1.04);opacity:.21}}@keyframes homeLiquidCream{0%{transform:translate3d(3%,-1%,0) scale(1);opacity:.34}50%{transform:translate3d(-8%,7%,0) scale(1.08);opacity:.44}to{transform:translate3d(-4%,2%,0) scale(1.04);opacity:.38}}@keyframes homeWaterSheen{0%{transform:translate3d(-4%,-1%,0) scale(1);opacity:.24}50%{transform:translate3d(2%,1%,0) scale(1.03);opacity:.36}to{transform:translate3d(5%,2%,0) scale(1.04);opacity:.28}}@media(prefers-reduced-motion:reduce){.home-ambient-blob,.home-ambient-bg:after{animation:none;transform:none;will-change:auto}}@media(max-width:768px){.home-ambient-blob{min-width:360px;min-height:360px;width:74vw;height:74vw;filter:blur(58px);opacity:.36}.home-ambient-bg:before{background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.96),rgba(255,255,255,.78) 30%,rgba(255,255,255,.34) 52%,transparent 70%)}}@media(max-width:767px){body{background:#f7f9fc}.hanable-vocab-layout-shell .hanable-app-header{position:fixed;inset:0 0 auto 0;z-index:60;height:76px;background:#fffffff5!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 8px 28px #0f172a0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hanable-vocab-layout-shell .hanable-app-header>div{height:76px!important;max-width:430px;padding-inline:22px!important}.hanable-app-header a span{font-size:18px!important;color:#0f172a}.hanable-app-header a>div{width:28px!important;height:28px!important;border-radius:8px!important;background:transparent!important}.hanable-app-header button{color:#475569}.hanable-app-header button[class*=h-8]{height:36px!important;min-width:34px}.hanable-sheet-overlay{background:#0f172a14!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hanable-mobile-side-sheet{right:12px!important;width:min(334px,calc(100vw - 56px))!important;max-width:calc(100vw - 56px)!important;border-left:1px solid rgba(226,232,240,.72)!important;border-radius:22px 0 0 22px;overflow:hidden;background:#f8fafcfa!important;box-shadow:-18px 0 42px #0f172a1a!important}.hanable-mobile-side-sheet [class*=px-5]{padding-left:16px!important;padding-right:16px!important}.hanable-app-main{height:100vh!important;padding-top:76px!important;padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;background:#f7f9fc}.hanable-app-main.hanable-vocab-lock-scroll{overflow:hidden!important;overscroll-behavior:none}.hanable-app-main.hanable-vocab-lock-scroll .hanable-mobile-showcase{height:calc(100dvh - 154px - env(safe-area-inset-bottom));min-height:0;overflow:hidden}.hanable-app-main.hanable-conversation-lock-scroll{overflow:hidden!important;overscroll-behavior:none}.hanable-app-main.hanable-conversation-lock-scroll .hanable-mobile-showcase{height:calc(100dvh - 154px - env(safe-area-inset-bottom));min-height:0;overflow:hidden}.hanable-bottom-nav{height:calc(86px + env(safe-area-inset-bottom));background:#fffffff5!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -12px 32px #0f172a12!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hanable-bottom-nav>div{height:76px!important;max-width:430px;padding:8px 14px env(safe-area-inset-bottom)!important}.hanable-bottom-nav a{border-radius:18px!important;font-size:11px!important;color:#64748b}.hanable-bottom-nav a svg{width:21px!important;height:21px!important}.hanable-mobile-home{position:relative;width:calc(100% + 2rem);min-height:calc(100vh - 76px);margin:0 -1rem -1.25rem;overflow:hidden;padding:0 20px calc(112px + env(safe-area-inset-bottom));background:#f8fafc;color:#0f172a}.mobile-home-bg{position:absolute;inset:0 0 auto 0;height:520px;background-position:center top;background-repeat:no-repeat;background-size:cover;opacity:.24}.mobile-home-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 78% 12%,#ffffff8a,#ffffffe0 42%,#f8fafc 88%),linear-gradient(180deg,#ffffff6b,#f8fafc 94%)}.mobile-home-greeting{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:32px 6px 16px}.mobile-home-greeting h1{margin:0;color:#0f172a;font-size:29px;font-weight:800;line-height:1.35;letter-spacing:0}.mobile-home-greeting a{margin-top:3px;display:inline-flex;height:56px;width:56px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;border:1px solid #e2e8f0;background:#ffffffe6;color:#0f172a;box-shadow:0 12px 30px #0f172a14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-home-recommendation{position:relative;z-index:2;display:grid;min-height:150px;grid-template-columns:minmax(0,1fr) 122px;gap:14px;border-radius:24px;border:1px solid rgba(255,255,255,.88);background:#ffffffe0;padding:22px;box-shadow:0 16px 42px #0f172a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-home-rec-copy span{display:inline-flex;border-radius:999px;background:#dffbea;padding:8px 18px;color:#10b981;font-size:12px;font-weight:800}.mobile-home-rec-copy h2{margin:26px 0 0;color:#0f172a;font-size:29px;font-weight:800;line-height:1.12;letter-spacing:0}.mobile-home-rec-copy p{margin:16px 0 0;max-width:226px;color:#64748b;font-size:15px;font-weight:700;line-height:1.65}.mobile-home-rec-copy strong{margin-top:32px;display:block;color:#64748b;font-size:16px;font-weight:800}.mobile-home-rec-visual{display:flex;min-width:0;flex-direction:column;align-items:flex-end;justify-content:space-between}.mobile-home-rec-visual img{height:92px;width:118px;border-radius:18px;-o-object-fit:cover;object-fit:cover;opacity:.84}.mobile-home-rec-visual a{display:inline-flex;height:52px;width:118px;align-items:center;justify-content:center;gap:9px;border-radius:999px;background:linear-gradient(180deg,#111827,#050b18);color:#fff;font-size:16px;font-weight:800;box-shadow:0 14px 28px #0f172a2e}.mobile-home-stats{position:relative;z-index:2;margin-top:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mobile-home-stats>div{min-height:132px;border-radius:20px;border:1px solid rgba(226,232,240,.82);background:#ffffffe0;padding:15px 10px 13px;text-align:center;box-shadow:0 12px 32px #0f172a0e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-home-stat-icon{margin:0 auto 12px;display:flex;height:40px;width:40px;align-items:center;justify-content:center;border-radius:13px}.mobile-home-stat-streak{background:#dcfce7;color:#10b981}.mobile-home-stat-accuracy{background:#dbeafe;color:#2563eb}.mobile-home-stat-time{background:#ede9fe;color:#7c3aed}.mobile-home-stat-words{background:#ffedd5;color:#f97316}.mobile-home-stats p{margin:0;color:#64748b;font-size:11px;font-weight:800;line-height:1.35}.mobile-home-stats strong{margin-top:18px;display:block;color:#0f172a;font-size:25px;font-weight:800;line-height:1}.mobile-home-stats small{margin-top:14px;display:block;color:#64748b;font-size:11px;font-weight:700;line-height:1.55}.mobile-home-recent{position:relative;z-index:2;margin-top:22px;border-radius:22px;border:1px solid rgba(226,232,240,.86);background:#ffffffe6;padding:20px;box-shadow:0 12px 32px #0f172a0e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-home-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-home-section-head h2{margin:0;color:#0f172a;font-size:18px;font-weight:800}.mobile-home-section-head a{display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:13px;font-weight:800}.mobile-home-recent-grid{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mobile-home-recent-card{overflow:hidden;border-radius:15px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 8px 22px #0f172a0b}.mobile-home-recent-card img{height:58px;width:100%;-o-object-fit:cover;object-fit:cover}.mobile-home-recent-card div{min-height:78px;padding:12px 10px}.mobile-home-recent-card strong{display:-webkit-box;overflow:hidden;color:#0f172a;font-size:14px;font-weight:800;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-home-recent-card span{margin-top:12px;display:block;color:#64748b;font-size:11px;font-weight:800}.mobile-home-navcards{position:relative;z-index:2;margin-top:18px;display:grid;gap:14px}.mobile-home-navcard{display:flex;min-height:96px;align-items:center;gap:18px;border-radius:20px;border:1px solid rgba(226,232,240,.88);background:#ffffffeb;padding:18px 22px;box-shadow:0 10px 28px #0f172a0b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-home-navcard-icon{display:flex;height:56px;width:56px;flex-shrink:0;align-items:center;justify-content:center;border-radius:16px}.mobile-home-navcard-icon svg{height:28px!important;width:28px!important}.mobile-home-navcard-copy{min-width:0;flex:1}.mobile-home-navcard-copy h2{margin:0;color:#0f172a;font-size:18px;font-weight:800;line-height:1.2}.mobile-home-navcard-copy p{margin:7px 0 0;overflow:hidden;color:#64748b;font-size:13px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.mobile-home-navcard-copy div{margin-top:12px;display:flex;min-width:0;gap:20px;overflow:hidden}.mobile-home-navcard-copy span{flex-shrink:0;color:#64748b;font-size:12px;font-weight:800}.mobile-home-navcard-arrow{height:22px;width:22px;flex-shrink:0;color:#cbd5e1}.hanable-mobile-progress{width:calc(100% + 2rem);min-height:calc(100vh - 76px);margin:0 -1rem -1.25rem;padding-bottom:calc(112px + env(safe-area-inset-bottom));background:#f8fafc;color:#0f172a}.mobile-progress-tabs{position:sticky;top:76px;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-bottom:1px solid #e2e8f0;background:#fffffff0;padding:18px 28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-progress-tabs button{display:inline-flex;height:56px;min-width:0;align-items:center;justify-content:center;gap:10px;border-radius:18px;color:#64748b;font-size:15px;font-weight:800}.mobile-progress-tabs button[aria-pressed=true]{background:#eff6ff;color:#2563eb}.mobile-progress-content{padding:28px 20px 0}.mobile-progress-alert{margin:0 0 14px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;padding:14px 16px;color:#64748b;font-size:13px;font-weight:800}.mobile-progress-alert.error{border-color:#fecdd3;background:#fff1f2;color:#e11d48}.mobile-progress-mastery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mobile-progress-mastery-card{min-height:156px;border-radius:20px;border:1px solid #e2e8f0;background:#fffffff0;padding:20px 16px 18px;box-shadow:0 12px 32px #0f172a0e}.mobile-progress-mastery-card>div:first-child{display:flex;align-items:center;gap:12px}.mobile-progress-type-icon{display:inline-flex;height:36px;width:36px;flex-shrink:0;align-items:center;justify-content:center;border-radius:13px}.mobile-progress-mastery-card strong{color:#0f172a;font-size:16px;font-weight:800}.mobile-progress-mastery-card p{margin:22px 0 0;color:#0f172a;font-size:38px;font-weight:800;line-height:1}.mobile-progress-mastery-card p small{font-size:20px}.mobile-progress-mastery-card>i{margin-top:20px;display:block;height:10px;overflow:hidden;border-radius:999px;background:#eef2f7}.mobile-progress-mastery-card>i b{display:block;height:100%;border-radius:999px}.mobile-progress-two-col{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mobile-progress-card{border-radius:20px;border:1px solid #e2e8f0;background:#fffffff2;padding:24px;box-shadow:0 12px 32px #0f172a0e}.mobile-progress-card h2{margin:0;color:#0f172a;font-size:18px;font-weight:800}.mobile-progress-month{margin-top:28px;display:flex;align-items:center;justify-content:space-between}.mobile-progress-month button{display:inline-flex;height:36px;width:36px;align-items:center;justify-content:center;border-radius:999px;color:#64748b}.mobile-progress-month strong{color:#0f172a;font-size:18px;font-weight:800}.mobile-progress-calendar-grid{margin-top:24px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px 7px;text-align:center}.mobile-progress-calendar-grid span{color:#64748b;font-size:13px;font-weight:800}.mobile-progress-calendar-grid i{display:inline-flex;height:34px;width:34px;align-items:center;justify-content:center;justify-self:center;border-radius:999px;color:#0f172a;font-size:13px;font-style:normal;font-weight:800}.mobile-progress-calendar-grid i[data-muted=true]{color:#cbd5e1}.mobile-progress-calendar-grid i[data-today=true]{background:#2f73ff;color:#fff;box-shadow:0 10px 20px #2f73ff3d}.mobile-progress-legend{margin-top:28px;display:flex;justify-content:center;gap:18px;color:#475569;font-size:11px;font-weight:800}.mobile-progress-legend span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.mobile-progress-legend i{height:10px;width:10px;border-radius:999px}.mobile-progress-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.mobile-progress-card-head>div{display:flex;border-radius:14px;border:1px solid #e2e8f0;background:#fff;padding:4px}.mobile-progress-card-head button{height:36px;border-radius:10px;padding:0 13px;color:#64748b;font-size:13px;font-weight:800}.mobile-progress-card-head button[aria-pressed=true]{background:#eff6ff;color:#2563eb}.mobile-progress-empty{margin-top:18px;display:flex;min-height:324px;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:#f8fafc;color:#94a3b8;text-align:center}.mobile-progress-empty p{margin:22px 0 0;font-size:18px;font-weight:800;line-height:1.7}.mobile-progress-category-list{margin-top:26px;display:grid;gap:18px}.mobile-progress-category-list div{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-progress-category-list span{display:inline-flex;min-width:0;align-items:center;gap:10px;color:#0f172a;font-size:13px;font-weight:800}.mobile-progress-category-list i{height:10px;width:10px;flex-shrink:0;border-radius:999px}.mobile-progress-chart{margin-top:22px;height:278px}.mobile-progress-history-list{margin-top:20px;display:grid}.mobile-progress-history-list article{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;gap:12px;border-bottom:1px solid #eef2f7;padding:14px 0}.mobile-progress-history-list article:last-child{border-bottom:0}.mobile-progress-history-list article>span{display:inline-flex;height:38px;width:38px;align-items:center;justify-content:center;border-radius:12px;background:#fff7ed;color:#f97316}.mobile-progress-history-list strong{display:block;overflow:hidden;color:#0f172a;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mobile-progress-history-list small{margin-top:7px;display:block;color:#64748b;font-size:12px;font-weight:800}.mobile-progress-history-list time{color:#64748b;font-size:12px;font-weight:800;line-height:1.45;text-align:right}.mobile-progress-history-list svg{color:#cbd5e1}.mobile-progress-actions{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden;padding:0}.mobile-progress-actions button{display:grid;min-height:128px;grid-template-columns:58px minmax(0,1fr) 20px;align-items:center;gap:18px;border-right:1px solid #eef2f7;border-bottom:1px solid #eef2f7;padding:24px;text-align:left}.mobile-progress-actions button:nth-child(2n){border-right:0}.mobile-progress-actions button:nth-last-child(-n+2){border-bottom:0}.mobile-progress-actions button>span{display:inline-flex;height:56px;width:56px;align-items:center;justify-content:center;border-radius:16px}.mobile-progress-actions .green{background:#dcfce7;color:#10b981}.mobile-progress-actions .violet{background:#ede9fe;color:#8b5cf6}.mobile-progress-actions .orange{background:#ffedd5;color:#f97316}.mobile-progress-actions .blue{background:#eff6ff;color:#2563eb}.mobile-progress-actions strong{display:block;color:#0f172a;font-size:17px;font-weight:800}.mobile-progress-actions small{margin-top:8px;display:block;color:#64748b;font-size:13px;font-weight:700;line-height:1.6}.hanable-category-page{margin:0 -1rem -1.25rem!important;width:calc(100% + 2rem);max-width:calc(100% + 2rem)!important;min-height:calc(100vh - 76px);height:auto!important;padding-bottom:calc(94px + env(safe-area-inset-bottom));background:#f7f9fc!important}.hanable-category-page>.absolute.-inset-10{top:0!important;right:0!important;bottom:0!important;left:0!important;transform:none!important;opacity:.58;height:min(500px,62vh)}.hanable-category-page>.absolute.inset-0{height:min(610px,76vh);background:radial-gradient(ellipse at center,#fffc,#ffffffad 34%,#ffffffc7 58%,#fffffff2),linear-gradient(180deg,#ffffff75,#fffffff0 68%,#f7f9fc)!important}.hanable-category-page .category-content{height:auto!important;min-height:calc(100vh - 76px);max-width:430px;padding:0 16px calc(104px + env(safe-area-inset-bottom))!important}.hanable-category-page .category-hero-copy{min-height:372px;align-items:end;padding:76px 48px 24px!important}.hanable-category-page .category-hero-copy h2{font-size:42px!important;line-height:1.12!important;letter-spacing:0!important;font-weight:800!important;color:#0f172a!important;text-shadow:none!important}.hanable-category-page .category-hero-copy p{font-size:15px!important;color:#475569!important;line-height:1.8!important}.hanable-category-page .category-hero-copy p+p{font-size:13px!important;color:#64748b!important}.hanable-category-page .category-hero-copy h2+div{margin-top:18px!important;max-width:176px!important;color:#d6b16a!important}.hanable-category-page .category-hero-copy h2+div span:first-child,.hanable-category-page .category-hero-copy h2+div span:last-child{background:linear-gradient(90deg,transparent,rgba(214,177,106,.72),transparent)!important}.hanable-category-page .category-hero-copy h2+div span:nth-child(2){width:9px!important;height:9px!important;border-color:#d6b16ac7!important}.hanable-category-page .category-arrow{display:inline-flex!important;top:262px!important;height:56px!important;width:56px!important;border-color:#e2e8f0e6!important;background:#ffffffe0!important;box-shadow:0 12px 30px #0f172a14!important}.hanable-category-page .category-arrow-left{left:18px!important}.hanable-category-page .category-arrow-right{right:18px!important}.hanable-category-page .category-content>.mt-5.flex.justify-center.gap-3{display:none!important}.hanable-category-page .category-settings-button{top:98px!important;right:18px!important;height:48px!important;width:48px!important;padding:0!important;border-color:#e2e8f0eb!important;background:#ffffffe6!important;border-radius:999px!important;box-shadow:0 12px 30px #0f172a14!important}.hanable-vocab-category .desktop-subcategory-carousel{display:none}.hanable-category-page .mobile-role-segment{max-width:none!important;border-radius:24px!important;border-color:#dbeafe!important;background:#ffffffe0!important;padding:6px!important;box-shadow:0 14px 34px #0f172a12!important}.hanable-category-page .mobile-role-segment button{min-height:50px;border-radius:19px!important;font-size:13px!important}.hanable-category-page .mobile-role-segment button[aria-pressed=true]{border-color:#93c5fd!important;background:#eff6ff!important;color:#2563eb!important;box-shadow:none!important}.hanable-category-page .category-difficulty-grid{max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-category-page .difficulty-card{min-height:104px;border:1px solid #e2e8f0!important;border-radius:22px!important;background:#ffffffeb!important;color:#0f172a!important;box-shadow:0 10px 24px #0f172a0f!important}.hanable-category-page .difficulty-card[aria-pressed=true]{border-color:#60a5fa!important;background:#eff6ff!important;color:#2563eb!important;box-shadow:0 12px 28px #2563eb1a!important}.hanable-category-page .difficulty-card span:first-child{font-size:17px!important;font-weight:800!important}.hanable-category-page .difficulty-card span:last-child{margin-top:8px!important;font-size:13px!important;color:#94a3b8!important}.hanable-category-page .category-start{position:sticky;bottom:calc(96px + env(safe-area-inset-bottom));z-index:25;margin-top:24px!important;padding:8px 0 12px;background:linear-gradient(180deg,#f7f9fc00,#f7f9fcf0 34%,#f7f9fcfa)}.hanable-category-page .category-start button{width:100%!important;height:64px!important;border-radius:999px!important;background:linear-gradient(180deg,#111827,#050b18)!important;color:#fff!important;font-size:20px!important;font-weight:800!important;box-shadow:0 18px 35px #0f172a2e,inset 0 1px #ffffff29!important}.hanable-progress-page{margin:-1.25rem -1rem;min-height:calc(100vh - 56px);background:#f7f9fc}.hanable-progress-page>div{padding:18px 16px calc(96px + env(safe-area-inset-bottom))!important;max-width:430px}.hanable-progress-page section{border-radius:18px!important;box-shadow:0 10px 26px #0f172a0f!important}.hanable-progress-page .mastery-overview{padding:16px!important}.hanable-progress-page .mastery-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.hanable-progress-page .mastery-mini-card{min-width:0;padding:12px 10px!important;border-radius:14px!important}.hanable-progress-page .mastery-mini-card p{letter-spacing:0!important}.hanable-progress-page .mastery-mini-card p:nth-of-type(1){font-size:11px!important}.hanable-progress-page .mastery-mini-card p:nth-of-type(2){margin-top:14px!important;font-size:22px!important}.hanable-mobile-showcase{position:relative;display:flex;min-height:calc(100vh - 76px);width:calc(100% + 2rem);margin:0 -1rem -1.25rem;flex-direction:column;overflow:hidden;background:#f8fafc;color:#0f172a}.mobile-showcase-bg{position:absolute;inset:0 0 auto 0;height:520px;background-position:center top;background-repeat:no-repeat;background-size:cover;opacity:.36}.mobile-showcase-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#ffffffad,#ffffffc2 45%,#fffffff0 74%,#f8fafc),linear-gradient(180deg,#ffffff57,#f8fafc 92%)}.mobile-showcase-settings{position:absolute;right:18px;top:24px;z-index:4;display:inline-flex;height:50px;width:50px;align-items:center;justify-content:center;border-radius:999px;border:1px solid #e2e8f0;background:#ffffffe0;color:#0f172a;box-shadow:0 12px 30px #0f172a14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-showcase-arrow{position:absolute;top:214px;z-index:4;display:inline-flex;height:56px;width:56px;align-items:center;justify-content:center;border-radius:999px;border:1px solid #e2e8f0;background:#ffffffe0;color:#0f172a;box-shadow:0 12px 30px #0f172a14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-showcase-arrow-left{left:18px}.mobile-showcase-arrow-right{right:18px}.mobile-showcase-hero{position:relative;z-index:2;min-height:390px;padding:96px 58px 18px;text-align:center}.mobile-showcase-hero h1{margin:0;color:#0f172a;font-size:42px;font-weight:800;line-height:1.12;letter-spacing:0}.hanable-mobile-conversation .mobile-showcase-hero h1{padding-top:42px;font-size:50px}.mobile-gold-divider{margin:18px auto;display:flex;width:176px;align-items:center;justify-content:center;gap:13px;color:#d6b16a}.mobile-gold-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(214,177,106,.72))}.mobile-gold-divider span:last-child{background:linear-gradient(90deg,rgba(214,177,106,.72),transparent)}.mobile-gold-divider i{height:9px;width:9px;rotate:45deg;border:1px solid rgba(214,177,106,.84);background:#ffffff73}.mobile-showcase-hero h2{margin:0;color:#0f172a;font-size:20px;font-weight:700;line-height:1.45}.mobile-showcase-hero p{margin:12px auto 0;max-width:260px;color:#64748b;font-size:14px;font-weight:600;line-height:1.8}.mobile-showcase-hero p+p{margin-top:8px}.hanable-mobile-vocab .mobile-showcase-bg{height:430px}.hanable-mobile-vocab .mobile-showcase-arrow{top:168px}.hanable-mobile-vocab .mobile-showcase-hero{min-height:min(300px,38vh);padding-bottom:8px}.hanable-mobile-vocab .mobile-showcase-controls{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin-top:0}.hanable-mobile-vocab .mobile-showcase-subcard{min-height:82px;padding-top:16px;padding-bottom:16px}.mobile-showcase-controls{position:relative;z-index:3;margin-top:-2px;padding:0 32px calc(104px + env(safe-area-inset-bottom))}.mobile-showcase-count{margin:0 0 10px;text-align:center;color:#475569;font-size:15px;font-weight:700}.mobile-showcase-subcard{display:flex;min-height:112px;width:100%;align-items:center;gap:18px;border-radius:24px;border:1px solid #e2e8f0;background:#ffffffe6;padding:20px 22px;text-align:left;box-shadow:0 14px 34px #0f172a0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-showcase-subcard strong{display:block;overflow:hidden;color:#0f172a;font-size:17px;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mobile-showcase-subcard small{margin-top:8px;display:-webkit-box;overflow:hidden;color:#64748b;font-size:12px;font-weight:600;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-showcase-dots{margin:20px 0 28px;display:flex;justify-content:center;gap:10px}.mobile-showcase-dots button{height:10px;width:10px;border-radius:999px;background:#cbd5e1}.mobile-showcase-dots button[aria-pressed=true]{background:#b99555}.mobile-role-pills{margin:18px 0 38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-radius:25px;border:1px solid #e2e8f0;background:#ffffffe0;padding:7px;box-shadow:0 14px 34px #0f172a12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-role-pills button{display:inline-flex;min-height:52px;min-width:0;align-items:center;justify-content:center;gap:8px;border-radius:20px;border:1px solid transparent;color:#64748b;font-size:13px;font-weight:800}.mobile-role-pills button[aria-pressed=true]{border-color:#60a5fa;background:#eff6ff;color:#2563eb}.mobile-difficulty-label{margin:0 0 16px;text-align:center;color:#64748b;font-size:12px;font-weight:800}.hanable-mobile-vocab .mobile-difficulty-label{margin-top:auto}.mobile-difficulty-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mobile-difficulty-cards button{min-height:96px;border-radius:18px;border:1px solid #e2e8f0;background:#ffffffeb;color:#0f172a;box-shadow:0 10px 26px #0f172a0b}.mobile-difficulty-cards button[aria-pressed=true]{border-color:#60a5fa;background:#eff6ff;color:#2563eb;box-shadow:0 12px 30px #2563eb1a}.mobile-difficulty-cards strong{display:block;font-size:18px;font-weight:800}.mobile-difficulty-cards span{margin-top:9px;display:block;color:#94a3b8;font-size:13px;font-weight:700}.mobile-difficulty-cards button[aria-pressed=true] span{color:#3b82f6}.mobile-showcase-start{margin-top:24px;height:64px;width:100%;border-radius:999px;background:linear-gradient(180deg,#111827,#050b18);color:#fff;font-size:20px;font-weight:800;box-shadow:0 18px 35px #0f172a2e,inset 0 1px #ffffff29}.hanable-mobile-vocab .mobile-difficulty-label{margin:0 0 12px;color:#6d7485;font-size:13px;font-weight:800;letter-spacing:0}.hanable-mobile-vocab .mobile-difficulty-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(100%,520px);max-width:520px;margin:0 auto;overflow:hidden;border:1px solid rgba(226,232,240,.54);border-radius:999px;background:#ffffffa8;padding:8px;box-shadow:0 22px 48px #0f172a14,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hanable-mobile-vocab .mobile-difficulty-cards button{min-height:78px;border:0;border-radius:999px;background:transparent;color:#7d8596;box-shadow:none;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease}.hanable-mobile-vocab .mobile-difficulty-cards button[aria-pressed=true]{background:#fffffff0;color:#161b29;box-shadow:0 14px 30px #0f172a14,inset 0 1px #ffffffeb}.hanable-mobile-vocab .mobile-difficulty-cards strong{font-size:15px;font-weight:800;line-height:1.2}.hanable-mobile-vocab .mobile-difficulty-cards span{margin-top:8px;color:#98a0b0;font-size:12px;font-weight:700;line-height:1.2}.hanable-mobile-vocab .mobile-difficulty-cards button[aria-pressed=true] span{color:#7b8291}.hanable-mobile-vocab .mobile-showcase-start{display:flex;width:min(72vw,402px);height:74px;margin:42px auto 0;align-items:center;justify-content:center;border-radius:999px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 36%),linear-gradient(180deg,#182232,#07101e);color:#fff;font-size:22px;font-weight:800;box-shadow:0 18px 34px #0f172a33,inset 0 1px #ffffff24}@media(max-width:430px){.hanable-mobile-vocab .mobile-difficulty-cards{width:100%;padding:6px}.hanable-mobile-vocab .mobile-difficulty-cards button{min-height:66px}.hanable-mobile-vocab .mobile-difficulty-cards strong{font-size:13px}.hanable-mobile-vocab .mobile-difficulty-cards span{margin-top:6px;font-size:10px}.hanable-mobile-vocab .mobile-showcase-start{width:min(74vw,360px);height:64px;margin-top:34px;font-size:20px}}.hanable-mobile-vocab .mobile-showcase-bg{top:0;right:0;bottom:0;left:0;height:100%;min-height:calc(100vh - 76px);background-position:center center;opacity:1}.hanable-mobile-vocab .mobile-showcase-bg:after{background:linear-gradient(180deg,#f8fafc05,#f8fafc0a 42%,#f8fafc1a),linear-gradient(90deg,#f8fafc08,#f8fafc00 22%,#f8fafc00 78%,#f8fafc08)}.hanable-mobile-vocab .mobile-showcase-hero{min-height:min(286px,36vh)}.hanable-mobile-vocab .mobile-showcase-hero h1{width:100%;max-width:min(334px,calc(100vw - 56px));margin-right:auto;margin-left:auto;overflow:visible;font-size:var(--mobile-title-size, 40px);line-height:1.12;text-align:center;white-space:nowrap;word-break:keep-all}.hanable-mobile-chunk .mobile-showcase-hero h1{position:relative;left:50%;width:-moz-max-content;width:max-content;max-width:min(360px,calc(100vw - 44px));margin-right:0;margin-left:0;transform:translate(-50%);text-align:center;text-wrap:nowrap}.hanable-mobile-vocab .mobile-showcase-controls{padding:0 30px calc(98px + env(safe-area-inset-bottom))}.hanable-mobile-vocab .mobile-showcase-subcard{width:min(100%,356px);min-height:76px;margin:0 auto;gap:10px;border:1px solid rgba(226,232,240,.34);border-radius:20px;background:#ffffffc7;padding:13px 14px;box-shadow:0 16px 34px #0f172a0b,0 1px #ffffffc2 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hanable-mobile-vocab .mobile-subcategory-main{display:flex;min-width:0;flex:1;align-items:center;border-radius:14px;text-align:left}.hanable-mobile-vocab .mobile-subcategory-nav{display:inline-flex;height:30px;width:30px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:#ffffff7a;color:#a98c53c7;box-shadow:0 1px #ffffffad inset,0 6px 14px #0f172a06;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.hanable-mobile-vocab .mobile-subcategory-nav:hover{background:#ffffffad;color:#947437e6}.hanable-mobile-vocab .mobile-subcategory-nav:active{transform:scale(.94)}.hanable-mobile-vocab .mobile-subcategory-nav svg{height:15px;width:15px;stroke-width:1.75}.hanable-mobile-vocab .mobile-showcase-subcard strong{color:#192132;display:block;overflow:visible;font-size:var(--mobile-subcategory-label-size, 16px);font-weight:750;letter-spacing:0;line-height:1.25;text-overflow:clip;white-space:normal;word-break:keep-all}.hanable-mobile-vocab .mobile-subcategory-slide-content{gap:13px}.hanable-mobile-vocab .mobile-subcategory-slide-content>svg{height:18px;width:18px;color:#b69a62;opacity:.76}.hanable-mobile-vocab .mobile-showcase-dots{margin:16px 0 24px;gap:8px}.hanable-mobile-vocab .mobile-showcase-dots button{height:7px;width:7px;background:#94a3b857}.hanable-mobile-vocab .mobile-showcase-dots button[aria-pressed=true]{background:#b5975b9e}.hanable-mobile-vocab .mobile-showcase-arrow{height:38px;width:38px;border-color:transparent;background:transparent;color:#59627385;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:color .18s ease,background .18s ease,transform .18s ease}.hanable-mobile-vocab .mobile-showcase-arrow:hover{background:#ffffff47;color:#475569b8}.hanable-mobile-vocab .mobile-showcase-arrow:active{transform:scale(.94)}.hanable-mobile-vocab .mobile-showcase-arrow svg{height:21px;width:21px;stroke-width:1.45}.hanable-mobile-vocab .mobile-showcase-arrow-left{left:12px}.hanable-mobile-vocab .mobile-showcase-arrow-right{right:12px}.hanable-mobile-vocab .hanable-settings-gear{top:24px!important;right:20px!important;height:42px!important;width:42px!important;border-color:#e2e8f075;border-radius:12px!important;background:#ffffffb3;color:#647084;box-shadow:0 10px 24px #0f172a0b,0 1px #ffffffbd inset}.hanable-mobile-vocab .hanable-settings-gear-icon{height:17px!important;width:17px!important;stroke-width:1.7}.hanable-mobile-vocab .mobile-difficulty-label{margin:auto 0 10px;color:#737b8d;font-size:12px;font-weight:800;letter-spacing:.02em}.hanable-mobile-vocab .mobile-difficulty-cards{width:min(100%,376px);max-width:376px;border-color:#e2e8f05c;border-radius:23px;background:#ffffff94;padding:5px;box-shadow:0 16px 34px #0f172a0b,0 1px #ffffffb8 inset}.hanable-mobile-vocab .mobile-difficulty-cards button{min-height:46px;border-radius:18px;color:#8b94a6}.hanable-mobile-vocab .mobile-difficulty-cards button+button{box-shadow:-1px 0 #94a3b81a}.hanable-mobile-vocab .mobile-difficulty-cards button[aria-pressed=true]{background:linear-gradient(180deg,#fffffff0,#faf8f3e0);color:#202637;box-shadow:0 10px 22px #0f172a11,0 1px #ffffffd1 inset}.hanable-mobile-vocab .mobile-difficulty-cards strong{font-size:13.5px;font-weight:780}.hanable-mobile-vocab .mobile-difficulty-cards span{margin-top:5px;color:#9ba3b3;font-size:10px;font-weight:700}.hanable-mobile-vocab .mobile-difficulty-cards button[aria-pressed=true] span{color:#7f8797}.hanable-mobile-vocab .mobile-showcase-start{width:min(64vw,318px);height:60px;margin-top:30px;border-radius:999px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.1),transparent 34%),linear-gradient(180deg,#172233,#08111f);font-size:19px;font-weight:780;letter-spacing:0;box-shadow:0 14px 26px #0f172a29,inset 0 1px #ffffff24}.hanable-mobile-conversation .mobile-showcase-bg{top:0;right:0;bottom:0;left:0;height:100%;min-height:calc(100vh - 76px);background-position:center center;opacity:1}.hanable-mobile-conversation .mobile-showcase-bg:after{background:linear-gradient(180deg,#f8fafc05,#f8fafc0a 42%,#f8fafc1a),linear-gradient(90deg,#f8fafc08,#f8fafc00 22%,#f8fafc00 78%,#f8fafc08)}.hanable-mobile-conversation .mobile-showcase-hero{min-height:min(286px,36vh);padding:86px 56px 8px}.hanable-mobile-conversation .mobile-showcase-hero h1{width:100%;max-width:min(334px,calc(100vw - 56px));margin-right:auto;margin-left:auto;padding-top:0;overflow:hidden;color:#111827;font-size:clamp(30px,9vw,40px);line-height:1.12;letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.hanable-mobile-conversation .mobile-showcase-hero h2{margin-top:12px;color:#485367;font-size:16px;font-weight:760;letter-spacing:0}.hanable-mobile-conversation .mobile-showcase-hero p{margin-top:7px;color:#8a94a6;font-size:12px;font-weight:700;line-height:1.55}.hanable-mobile-conversation .mobile-showcase-controls{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin-top:0;padding:0 30px calc(98px + env(safe-area-inset-bottom))}.hanable-mobile-conversation .mobile-role-pills{width:min(100%,356px);min-height:68px;margin:0 auto 18px;gap:6px;border:1px solid rgba(226,232,240,.34);border-radius:20px;background:#ffffffc7;padding:6px;box-shadow:0 16px 34px #0f172a0b,0 1px #ffffffc2 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hanable-mobile-conversation .mobile-role-pills button{min-height:48px;border:0;border-radius:16px;background:transparent;color:#7f899b;font-weight:760;gap:5px;padding:0 7px;box-shadow:none;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.hanable-mobile-conversation .mobile-role-pills button[aria-pressed=true]{background:linear-gradient(180deg,#fffffff0,#faf8f3e0);color:#202637;box-shadow:0 10px 22px #0f172a11,0 1px #ffffffd1 inset}.hanable-mobile-conversation .mobile-role-pills button:disabled{color:#94a3b86b}.hanable-mobile-conversation .mobile-role-pills svg{height:15px;width:15px;flex-shrink:0;stroke-width:1.75}.hanable-mobile-conversation .mobile-role-label{display:block;min-width:0;overflow:hidden;font-size:var(--mobile-role-label-size, 12px);line-height:1;text-overflow:ellipsis;white-space:nowrap}.hanable-mobile-conversation .mobile-difficulty-label{margin:auto 0 10px;color:#737b8d;font-size:12px;font-weight:800;letter-spacing:.02em}.hanable-mobile-conversation .mobile-difficulty-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,376px);max-width:376px;margin:0 auto;gap:0;overflow:hidden;border:1px solid rgba(226,232,240,.36);border-radius:23px;background:#ffffff94;padding:5px;box-shadow:0 16px 34px #0f172a0b,0 1px #ffffffb8 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hanable-mobile-conversation .mobile-difficulty-cards button{min-height:46px;border:0;border-radius:18px;background:transparent;color:#8b94a6;box-shadow:none;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.hanable-mobile-conversation .mobile-difficulty-cards button+button{box-shadow:-1px 0 #94a3b81a}.hanable-mobile-conversation .mobile-difficulty-cards button[aria-pressed=true]{background:linear-gradient(180deg,#fffffff0,#faf8f3e0);color:#202637;box-shadow:0 10px 22px #0f172a11,0 1px #ffffffd1 inset}.hanable-mobile-conversation .mobile-difficulty-cards strong{font-size:13.5px;font-weight:780;line-height:1.2}.hanable-mobile-conversation .mobile-showcase-start{width:min(64vw,318px);height:60px;margin:30px auto 0;border-radius:999px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.1),transparent 34%),linear-gradient(180deg,#172233,#08111f);color:#fff;font-size:19px;font-weight:780;letter-spacing:0;box-shadow:0 14px 26px #0f172a29,inset 0 1px #ffffff24}.hanable-mobile-conversation .mobile-showcase-arrow{top:168px;height:38px;width:38px;border-color:transparent;background:transparent;color:#59627385;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:color .18s ease,background .18s ease,transform .18s ease}.hanable-mobile-conversation .mobile-showcase-arrow:hover{background:#ffffff47;color:#475569b8}.hanable-mobile-conversation .mobile-showcase-arrow:active{transform:scale(.94)}.hanable-mobile-conversation .mobile-showcase-arrow svg{height:21px;width:21px;stroke-width:1.45}.hanable-mobile-conversation .mobile-showcase-arrow-left{left:12px}.hanable-mobile-conversation .mobile-showcase-arrow-right{right:12px}.hanable-mobile-conversation .hanable-settings-gear{top:24px!important;right:20px!important;height:38px!important;width:38px!important;border-radius:13px!important;border-color:#e2e8f07a!important;background:#ffffff94!important;color:#9099aa!important;box-shadow:0 10px 24px #0f172a0b,0 1px #ffffffbd inset}.hanable-mobile-conversation .hanable-settings-gear-icon{height:17px!important;width:17px!important;stroke-width:1.7}.hanable-bottom-nav{height:calc(78px + env(safe-area-inset-bottom));border-top-color:#e2e8f09e!important;background:#ffffffeb!important;box-shadow:0 -10px 26px #0f172a0b!important}.hanable-bottom-nav>div{height:70px!important;padding:7px 16px env(safe-area-inset-bottom)!important}.hanable-bottom-nav a{margin-top:6px!important;margin-bottom:6px!important;gap:3px!important;border-radius:17px!important;color:#66758b;font-size:10.5px!important}.hanable-bottom-nav a[class*=bg-blue-50]{background:#eff6ffb8!important;color:#536d91!important;box-shadow:inset 0 1px #ffffffc2}.hanable-bottom-nav a svg{width:19px!important;height:19px!important;stroke-width:1.75}@media(max-width:430px){.hanable-mobile-vocab .mobile-showcase-controls,.hanable-mobile-conversation .mobile-showcase-controls{padding-right:26px;padding-left:26px}.hanable-mobile-vocab .mobile-showcase-subcard{width:min(100%,342px);min-height:72px;border-radius:18px;padding:13px 16px}.hanable-mobile-conversation .mobile-role-pills{width:min(100%,342px);min-height:64px;border-radius:18px}.hanable-mobile-conversation .mobile-role-pills button{gap:4px;padding:0 5px}.hanable-mobile-vocab .mobile-difficulty-cards,.hanable-mobile-conversation .mobile-difficulty-cards{width:min(100%,348px);padding:5px}.hanable-mobile-vocab .mobile-difficulty-cards button,.hanable-mobile-conversation .mobile-difficulty-cards button{min-height:44px}.hanable-mobile-vocab .mobile-showcase-start,.hanable-mobile-conversation .mobile-showcase-start{width:min(66vw,292px);height:56px;margin-top:26px;font-size:18px}}.mobile-settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:end;justify-content:center;background:#0f172a3d;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.mobile-settings-modal>div{width:min(100%,430px);border-radius:28px;border:1px solid #e2e8f0;background:#fffffff5;padding:20px;box-shadow:0 24px 60px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-settings-modal header{display:flex;align-items:center;justify-content:space-between;gap:18px}.mobile-settings-modal strong{display:block;color:#0f172a;font-size:18px;font-weight:800}.mobile-settings-modal small{margin-top:4px;display:block;color:#64748b;font-size:12px;font-weight:700}.mobile-settings-modal header button{display:inline-flex;height:40px;width:40px;align-items:center;justify-content:center;border-radius:999px;background:#f1f5f9;color:#0f172a}.mobile-settings-modal section{margin-top:22px}.mobile-settings-modal section p{margin:0 0 10px;color:#64748b;font-size:12px;font-weight:800}.mobile-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mobile-settings-grid button{height:44px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:800}.mobile-settings-grid button[aria-pressed=true]{border-color:#60a5fa;background:#eff6ff;color:#2563eb}}.hanable-home-app-main{height:calc(100vh - 56px)!important;max-width:none!important;padding:0!important;overflow-y:hidden!important}.home-shell{min-height:100%!important;height:100%!important;align-items:flex-start!important;overflow:hidden!important;padding:clamp(20px,3.2vh,30px) clamp(22px,4.2vw,34px) clamp(24px,3.2vh,34px)!important}.home-shell>section{width:min(100%,572px)!important;max-width:572px!important}.home-shell h1{font-size:clamp(32px,6.6vw,40px)!important;font-weight:700!important;line-height:1.18!important;color:#202635!important}.home-shell h1+p{margin-top:10px!important;font-size:clamp(15px,3.2vw,19px)!important;font-weight:700!important;color:#8f97a6!important}.home-card-grid{display:grid!important;grid-template-columns:1fr!important;gap:clamp(12px,1.9vh,18px)!important;margin-top:clamp(24px,3.6vh,38px)!important}.home-main-card{min-height:0!important;height:clamp(108px,16vh,132px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr)!important;align-items:stretch!important;padding:0!important;border:0!important;border-radius:24px!important;background:#ffffffeb!important;box-shadow:0 18px 42px #0f172a0b,0 1px 2px #0f172a06,inset 0 1px #ffffffdb!important}.home-main-card:before{opacity:.34!important}.home-card-image{height:100%!important;width:100%!important;border-radius:24px 0 0 24px!important}.home-card-image:before,.home-card-image:after{display:none!important}.home-card-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:0 clamp(34px,7vw,52px) 0 clamp(24px,5.2vw,34px)!important;text-align:left!important}.home-card-copy span{font-size:clamp(21px,3.8vw,25px)!important;font-weight:700!important;line-height:1.2!important;color:#202635!important}.home-card-copy p{margin-top:8px!important;white-space:normal!important;font-size:clamp(13px,2.7vw,16px)!important;font-weight:700!important;line-height:1.5!important;color:#8c95a3!important}.home-main-card>i{position:absolute!important;right:27px;top:50%;display:block!important;width:12px!important;height:12px!important;margin:0!important;border:solid #7f8797!important;border-width:0 2.4px 2.4px 0!important;border-radius:0!important;background:transparent!important;opacity:1!important;transform:translateY(-50%) rotate(-45deg)}.home-summary-card{width:100%!important;margin-top:clamp(16px,2.5vh,24px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border:0!important;border-radius:24px!important}.home-summary-item{min-height:clamp(118px,17vh,160px)!important;padding:0 10px!important;border-top:0!important}.home-summary-item+.home-summary-item{border-left:1px solid rgba(203,213,225,.72)!important}.home-summary-item p:first-child{font-size:clamp(30px,6.2vw,38px)!important;font-weight:700!important;line-height:1!important}.home-summary-item p:nth-child(2){margin-top:12px!important;font-size:clamp(14px,3vw,16px)!important;line-height:1.25!important}.home-summary-item p:nth-child(3){margin-top:6px!important;font-size:clamp(13px,2.8vw,15px)!important;line-height:1.45!important}@media(max-width:460px){.hanable-home-app-main{height:100vh!important;padding-top:76px!important;padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}.home-shell{padding:18px 16px!important}.home-main-card{height:clamp(92px,13.8vh,116px)!important;grid-template-columns:46% 54%!important;border-radius:20px!important}.home-card-image{border-radius:20px 0 0 20px!important}.home-card-copy{padding-right:34px!important;padding-left:22px!important}.home-main-card>i{right:18px}.home-summary-card{border-radius:20px!important}.home-summary-item{min-height:clamp(104px,15vh,132px)!important}}@media(min-width:461px)and (max-width:767px){.hanable-home-app-main{height:100vh!important;padding-top:76px!important;padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}.home-shell{padding-top:clamp(18px,2.4vh,26px)!important;padding-bottom:clamp(18px,2.4vh,26px)!important}}@media(max-height:900px)and (max-width:767px){.home-shell h1{font-size:clamp(28px,6.2vw,36px)!important}.home-shell h1+p{margin-top:8px!important;font-size:clamp(13px,3vw,17px)!important}.home-card-grid{gap:10px!important;margin-top:18px!important}.home-main-card{height:clamp(86px,13.2vh,106px)!important;border-radius:18px!important}.home-card-image{border-radius:18px 0 0 18px!important}.home-card-copy span{font-size:clamp(18px,3.8vw,22px)!important}.home-card-copy p{margin-top:5px!important;font-size:clamp(12px,2.6vw,14px)!important;line-height:1.35!important}.home-summary-card{margin-top:12px!important;border-radius:18px!important}.home-summary-item{min-height:clamp(92px,14vh,116px)!important}.home-summary-item p:first-child{font-size:clamp(26px,5.8vw,34px)!important}.home-summary-item p:nth-child(2){margin-top:8px!important;font-size:clamp(12px,2.7vw,14px)!important}.home-summary-item p:nth-child(3){margin-top:4px!important;font-size:clamp(11px,2.5vw,13px)!important}}@media(max-width:767px){.hanable-progress-header{height:226px!important;border-bottom:1px solid rgba(226,232,240,.68)!important;background:#fffffff0!important;box-shadow:0 10px 30px #0f172a09!important}.hanable-progress-header>div{display:grid!important;height:100%!important;max-width:430px!important;grid-template-rows:74px 1fr!important;padding:0 30px 18px!important}.hanable-progress-header>div>div:first-child{display:contents!important}.hanable-progress-header>div>div:first-child>a{grid-row:1!important;align-self:center!important;margin:0!important;gap:10px!important}.hanable-progress-header>div>div:first-child>a>div{width:28px!important;height:28px!important;border-radius:9px!important;background:transparent!important}.hanable-progress-header>div>div:first-child>a span{color:#111827!important;font-size:22px!important;font-weight:800!important;letter-spacing:0!important}.hanable-progress-header nav{grid-row:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:12px!important;width:100%!important}.hanable-progress-header nav a{height:58px!important;min-width:0!important;justify-content:center!important;gap:9px!important;padding:0 10px!important;border-radius:19px!important;background:transparent!important;color:#60708a!important;font-size:15px!important;font-weight:800!important;line-height:1!important}.hanable-progress-header nav a svg{width:21px!important;height:21px!important;stroke-width:1.75!important}.hanable-progress-header nav a[href="/progress"],.hanable-progress-header nav a[href="/stats"]{background:#eff6ff!important;color:#2f7df6!important;box-shadow:inset 0 1px #ffffffc2}.hanable-progress-header>div>div:last-child{grid-row:1!important;justify-self:end!important;align-self:center!important}.hanable-progress-header>div>div:last-child>button:not(.hanable-progress-settings-button){display:none!important}.hanable-progress-header .hanable-progress-settings-button{display:inline-flex!important;width:38px!important;height:38px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:transparent!important;color:#111827!important}.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page){height:calc(100dvh - 226px)!important;padding:0!important;overflow-y:auto!important;background:#f7f9fc!important}.hanable-progress-page{min-height:100%!important;margin:0!important;background:radial-gradient(circle at 50% -8%,rgba(239,246,255,.72),transparent 36%),linear-gradient(180deg,#f8fafc,#f6f8fb)!important}.hanable-progress-page .progress-dashboard{width:min(100%,430px)!important;max-width:430px!important;margin:0 auto!important;padding:24px 16px calc(98px + env(safe-area-inset-bottom))!important;gap:18px!important}.hanable-progress-page .progress-dashboard>section,.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{border:1px solid rgba(226,232,240,.6)!important;border-radius:24px!important;background:#ffffffe6!important;box-shadow:0 18px 42px #0f172a0f,inset 0 1px #ffffffd1!important}.hanable-progress-page .progress-hero-card{padding:22px 20px!important;min-height:324px!important}.hanable-progress-page .progress-hero-card>div{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:14px!important;align-items:center!important}.hanable-progress-page .progress-hero-card>div>div:first-child{gap:14px!important}.hanable-progress-page .progress-hero-card>div>div:first-child>div:first-child{width:50px!important;height:50px!important;border-radius:18px!important;background:#eaf3ff!important}.hanable-progress-page .progress-hero-card>div>div:first-child>div:first-child svg{width:26px!important;height:26px!important;color:#5ca1ff!important}.hanable-progress-page .progress-hero-card p{letter-spacing:0!important}.hanable-progress-page .progress-hero-card p:first-child{margin-bottom:6px!important;color:#91a0ba!important;font-size:12px!important;font-weight:800!important}.hanable-progress-page .progress-hero-card .font-display{color:#1f2937!important;font-size:54px!important;line-height:.95!important;font-weight:900!important}.hanable-progress-page .progress-hero-card .font-display+span{color:#8391a8!important;font-size:14px!important;font-weight:800!important}.hanable-progress-page .progress-hero-card .rounded-full.bg-emerald-50{background:#dcfaeb!important;padding:7px 12px!important}.hanable-progress-page .progress-hero-card .rounded-full.bg-emerald-50 span{color:#0eb673!important;font-size:14px!important;font-weight:900!important}.hanable-progress-page .progress-hero-card .text-blue-500{color:#2f7df6!important;font-size:13px!important;font-weight:800!important;line-height:1.45!important}.hanable-progress-page .progress-hero-card .min-w-0.flex-1{max-width:none!important}.hanable-progress-page .progress-hero-card .h-32{height:142px!important}.hanable-progress-page .progress-hero-card .inline-flex.rounded-full{background:#f8fafc!important;border-color:#e2e8f0db!important;box-shadow:inset 0 1px 2px #0f172a09}.hanable-progress-page .progress-hero-card .inline-flex.rounded-full button{min-width:38px!important;height:32px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important}.hanable-progress-page .progress-dashboard>div.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{min-height:360px!important;padding:24px!important;border-radius:22px!important}.hanable-progress-page h3{color:#172033!important;font-size:16px!important;font-weight:900!important}.hanable-progress-page .progress-balance-card .h-56{width:100%!important;height:210px!important}.hanable-progress-page .progress-balance-card .grid.grid-cols-2{gap:5px!important}.hanable-progress-page .progress-balance-card .grid.grid-cols-2>div{padding:6px 0!important}.hanable-progress-page .progress-balance-card .grid.grid-cols-2 span{font-size:11px!important}.hanable-progress-page .progress-category-memory-card .mb-5{display:grid!important;gap:16px!important;margin-bottom:22px!important}.hanable-progress-page .progress-category-memory-card .inline-flex{justify-self:center!important;background:#f8fafc!important;border-color:#e2e8f0d1!important}.hanable-progress-page .progress-category-memory-card .space-y-4{display:grid!important;gap:18px!important}.hanable-progress-page .progress-category-memory-card .text-\\[13px\\],.hanable-progress-page .progress-growing-card .text-\\[13px\\],.hanable-progress-page .progress-priority-card .text-\\[13px\\]{color:#1f2937!important;font-size:13px!important;font-weight:800!important}.hanable-progress-page .progress-category-memory-card .h-1\\.5,.hanable-progress-page .progress-growing-card .h-1,.hanable-progress-page .progress-priority-card .h-1{height:6px!important;background:#edf2f7!important}.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{min-height:220px!important}.hanable-progress-page .progress-growing-card .py-3\\.5,.hanable-progress-page .progress-priority-card .py-3\\.5{padding-top:12px!important;padding-bottom:12px!important}.hanable-progress-page .progress-growing-card .h-9.w-9,.hanable-progress-page .progress-priority-card .h-9.w-9{width:42px!important;height:42px!important;border-radius:14px!important}}@media(max-width:430px){.hanable-progress-page .progress-dashboard{max-width:430px!important}.hanable-progress-page .progress-dashboard>div.grid{gap:14px!important}.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{padding:18px!important}}@media(max-width:767px){.hanable-progress-app-main{height:calc(100dvh - 56px)!important;padding:0!important;overflow-y:auto!important;background:#f7f9fc!important}.hanable-progress-page{min-height:100%!important;margin:0!important;background:radial-gradient(circle at 50% -10%,rgba(239,246,255,.68),transparent 36%),linear-gradient(180deg,#f8fafc,#f6f8fb)!important}.hanable-progress-page .progress-dashboard{width:min(100%,760px)!important;max-width:760px!important;margin:0 auto!important;padding:16px 8px calc(94px + env(safe-area-inset-bottom))!important;gap:18px!important}.hanable-progress-page .progress-hero-card{min-height:270px!important;padding:26px 30px!important;border-radius:24px!important}.hanable-progress-page .progress-hero-card>div{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:22px!important}.hanable-progress-page .progress-dashboard>div.grid{gap:18px!important}.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card{min-height:452px!important;padding:26px 28px!important}.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{min-height:220px!important;padding:24px 28px!important}}@media(max-width:520px){.hanable-progress-page .progress-dashboard{padding:16px 12px calc(94px + env(safe-area-inset-bottom))!important}.hanable-progress-page .progress-hero-card{padding:22px 18px!important}.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{padding:20px 18px!important}}@media(max-width:767px){.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page){height:calc(100dvh - 56px)!important;max-width:none!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:#f6f8fb!important}.hanable-progress-page{width:100%!important;min-height:100%!important;margin:0!important;overflow-x:hidden!important;background:radial-gradient(circle at 50% -8%,rgba(239,246,255,.72),transparent 34%),linear-gradient(180deg,#f8fafc,#f6f8fb)!important}.hanable-progress-page .progress-dashboard{display:grid!important;width:100%!important;max-width:430px!important;margin:0 auto!important;padding:22px 14px calc(94px + env(safe-area-inset-bottom))!important;gap:14px!important;overflow-x:hidden!important}.hanable-progress-page .progress-dashboard>:not([hidden])~:not([hidden]){margin-top:0!important}.hanable-progress-page .progress-dashboard>*,.hanable-progress-page .progress-dashboard section{min-width:0!important;box-sizing:border-box!important}.hanable-progress-page .progress-hero-card,.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{border:1px solid rgba(226,232,240,.54)!important;background:#fffffff0!important;box-shadow:0 16px 36px #0f172a0e,inset 0 1px #ffffffdb!important}.hanable-progress-page .progress-hero-card{min-height:0!important;padding:17px 16px 15px!important;border-radius:22px!important}.hanable-progress-page .progress-hero-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center!important;gap:10px!important}.hanable-progress-page .progress-hero-summary{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;min-width:0!important}.hanable-progress-page .progress-hero-icon{width:42px!important;height:42px!important;border-radius:15px!important;background:#eaf3ff!important}.hanable-progress-page .progress-hero-icon svg{width:22px!important;height:22px!important;color:#5ca1ff!important}.hanable-progress-page .progress-hero-copy{min-width:0!important}.hanable-progress-page .progress-hero-copy p:first-child{margin-bottom:4px!important;color:#8a99b3!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-count{align-items:baseline!important;gap:5px!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-count .font-display{color:#1e293b!important;font-size:42px!important;font-weight:900!important;letter-spacing:0!important;line-height:.92!important}.hanable-progress-page .progress-hero-count span:last-child{color:#8a99b3!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-trend{margin-top:10px!important;gap:7px!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-trend .rounded-full{padding:5px 10px!important;background:#dcfaeb!important}.hanable-progress-page .progress-hero-trend span{font-size:12px!important}.hanable-progress-page .progress-hero-copy>p:last-child{margin-top:9px!important;color:#2f7df6!important;font-size:12px!important;font-weight:800!important;line-height:1.45!important}.hanable-progress-page .progress-hero-chart{min-width:0!important;max-width:none!important}.hanable-progress-page .progress-period-tabs-wrap{margin-bottom:4px!important;justify-content:flex-end!important}.hanable-progress-page .progress-period-tabs{background:#f8fafc!important;border-color:#e2e8f0d1!important}.hanable-progress-page .progress-period-tabs button,.hanable-progress-page .progress-hero-card .inline-flex.rounded-full button{min-width:33px!important;height:26px!important;padding:0 8px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important}.hanable-progress-page .progress-hero-chart-frame{height:112px!important}.hanable-progress-page .progress-dashboard>div.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card{min-height:336px!important;padding:17px 14px!important;border-radius:20px!important}.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{min-height:188px!important;padding:17px 14px!important;border-radius:20px!important}.hanable-progress-page h3{color:#172033!important;font-size:15px!important;font-weight:900!important;line-height:1.28!important;letter-spacing:0!important}.hanable-progress-page .progress-radar-frame{width:100%!important;height:160px!important}.hanable-progress-page .progress-balance-card .mb-4{margin-bottom:10px!important}.hanable-progress-page .progress-balance-list{gap:5px 6px!important}.hanable-progress-page .progress-balance-list>div{gap:4px!important;padding:3px 0!important;border-radius:8px!important}.hanable-progress-page .progress-balance-list svg{width:12px!important;height:12px!important}.hanable-progress-page .progress-balance-list span{font-size:10px!important;line-height:1.15!important;white-space:nowrap!important}.hanable-progress-page .progress-category-head{display:grid!important;gap:14px!important;margin-bottom:18px!important}.hanable-progress-page .progress-category-tabs{justify-self:center!important;background:#f8fafc!important;border-color:#e2e8f0d1!important}.hanable-progress-page .progress-category-tabs button{min-width:35px!important;height:28px!important;padding:0 9px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important}.hanable-progress-page .progress-category-memory-card .space-y-4{display:grid!important;gap:13px!important}.hanable-progress-page .progress-category-memory-card .text-\[13px\],.hanable-progress-page .progress-growing-card .text-\[13px\],.hanable-progress-page .progress-priority-card .text-\[13px\]{color:#1f2937!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important}.hanable-progress-page .progress-category-memory-card .h-1\.5,.hanable-progress-page .progress-growing-card .h-1,.hanable-progress-page .progress-priority-card .h-1{height:5px!important;background:#edf2f7!important}.hanable-progress-page .progress-growing-card .py-3\.5,.hanable-progress-page .progress-priority-card .py-3\.5{padding-top:10px!important;padding-bottom:10px!important}.hanable-progress-page .progress-growing-card .group,.hanable-progress-page .progress-priority-card .group{gap:9px!important}.hanable-progress-page .progress-growing-card .h-9.w-9,.hanable-progress-page .progress-priority-card .h-9.w-9{width:34px!important;height:34px!important;border-radius:12px!important}.hanable-progress-page .progress-growing-card .h-9.w-9 svg,.hanable-progress-page .progress-priority-card .h-9.w-9 svg{width:15px!important;height:15px!important}.hanable-progress-page .progress-growing-card .mb-5,.hanable-progress-page .progress-priority-card .mb-5{margin-bottom:10px!important}}@media(max-width:374px){.hanable-progress-page .progress-dashboard{padding-inline:10px!important;padding-top:18px!important;gap:12px!important}.hanable-progress-page .progress-hero-grid{grid-template-columns:1fr!important}.hanable-progress-page .progress-hero-chart-frame{height:100px!important}.hanable-progress-page .progress-dashboard>div.grid{gap:10px!important}}@media(max-width:767px){.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page){height:calc(100dvh - 56px)!important;max-width:none!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:#f6f8fb!important;scroll-padding-top:0!important}.hanable-progress-page{width:100%!important;min-height:100%!important;overflow-x:hidden!important;background:radial-gradient(circle at 50% -6%,rgba(239,246,255,.68),transparent 34%),linear-gradient(180deg,#f9fbfd,#f6f8fb)!important}.hanable-progress-page .progress-dashboard{display:grid!important;width:100%!important;max-width:760px!important;margin:0 auto!important;padding:28px 8px calc(92px + env(safe-area-inset-bottom))!important;gap:12px!important}.hanable-progress-page .progress-dashboard>:not([hidden])~:not([hidden]){margin-top:0!important}.hanable-progress-page .progress-dashboard>*,.hanable-progress-page .progress-dashboard section,.hanable-progress-page .progress-dashboard div{min-width:0!important;box-sizing:border-box!important}.hanable-progress-page .progress-hero-card,.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{border:1px solid rgba(226,232,240,.48)!important;background:#fffffff0!important;box-shadow:0 16px 36px #0f172a0e,inset 0 1px #ffffffe0!important}.hanable-progress-page .progress-hero-card{min-height:134px!important;padding:15px 16px!important;border-radius:20px!important}.hanable-progress-page .progress-hero-grid{display:grid!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;align-items:center!important;gap:12px!important}.hanable-progress-page .progress-hero-summary{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:start!important;gap:12px!important}.hanable-progress-page .progress-hero-icon{width:42px!important;height:42px!important;border-radius:14px!important;background:#eaf3ff!important}.hanable-progress-page .progress-hero-icon svg{width:22px!important;height:22px!important;color:#5ca1ff!important}.hanable-progress-page .progress-hero-copy p:first-child{margin:0 0 4px!important;color:#8c9bb5!important;font-size:11px!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-count{align-items:baseline!important;gap:4px!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-count .font-display{color:#1f2937!important;font-size:38px!important;font-weight:900!important;line-height:.9!important;letter-spacing:0!important}.hanable-progress-page .progress-hero-count span:last-child{color:#8c9bb5!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-trend{margin-top:9px!important;gap:7px!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-trend .rounded-full{padding:5px 10px!important;background:#dcfaeb!important}.hanable-progress-page .progress-hero-trend svg{width:12px!important;height:12px!important}.hanable-progress-page .progress-hero-trend span{font-size:12px!important;font-weight:800!important}.hanable-progress-page .progress-hero-copy>p:last-child{margin-top:8px!important;color:#2f7df6!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important}.hanable-progress-page .progress-period-tabs-wrap{margin-bottom:0!important;justify-content:flex-end!important}.hanable-progress-page .progress-period-tabs-wrap .inline-flex{border-color:#e2e8f0c7!important;background:#f8fafceb!important}.hanable-progress-page .progress-period-tabs-wrap button{min-width:32px!important;height:24px!important;padding:0 8px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:800!important}.hanable-progress-page .progress-hero-chart-frame{height:96px!important}.hanable-progress-page .progress-dashboard>div.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card{min-height:324px!important;padding:17px 14px!important;border-radius:18px!important}.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{min-height:174px!important;padding:17px 14px!important;border-radius:18px!important}.hanable-progress-page h3{color:#172033!important;font-size:14px!important;font-weight:900!important;line-height:1.25!important;letter-spacing:0!important}.hanable-progress-page .progress-radar-frame{width:100%!important;height:154px!important}.hanable-progress-page .progress-balance-list{gap:5px 7px!important}.hanable-progress-page .progress-balance-list>div{gap:4px!important;padding:3px 0!important}.hanable-progress-page .progress-balance-list svg{width:11px!important;height:11px!important}.hanable-progress-page .progress-balance-list span{font-size:10.5px!important;line-height:1.15!important;white-space:nowrap!important}.hanable-progress-page .progress-category-head{display:grid!important;gap:12px!important;margin-bottom:16px!important}.hanable-progress-page .progress-category-tabs{justify-self:center!important;border-color:#e2e8f0c7!important;background:#f8fafceb!important}.hanable-progress-page .progress-category-tabs button{min-width:34px!important;height:26px!important;padding:0 8px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:900!important}.hanable-progress-page .progress-category-memory-card .space-y-4{display:grid!important;gap:13px!important}.hanable-progress-page .progress-category-memory-card .mb-1\.5{margin-bottom:5px!important}.hanable-progress-page .progress-category-memory-card .text-\[13px\],.hanable-progress-page .progress-row-label{color:#1f2937!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important}.hanable-progress-page .progress-category-memory-card .h-1\.5,.hanable-progress-page .progress-growing-card .h-1,.hanable-progress-page .progress-priority-card .h-1{height:5px!important;background:#edf2f7!important}.hanable-progress-page .progress-growing-card .py-3\.5,.hanable-progress-page .progress-priority-card .py-3\.5{padding-top:9px!important;padding-bottom:9px!important}.hanable-progress-page .progress-growing-card .group,.hanable-progress-page .progress-priority-card .group{gap:9px!important}.hanable-progress-page .progress-growing-card .h-9.w-9,.hanable-progress-page .progress-priority-card .h-9.w-9{width:34px!important;height:34px!important;border-radius:12px!important}.hanable-progress-page .progress-growing-card .h-9.w-9 svg,.hanable-progress-page .progress-priority-card .h-9.w-9 svg{width:15px!important;height:15px!important}}@media(max-width:430px){.hanable-progress-page .progress-dashboard{padding:24px 10px calc(92px + env(safe-area-inset-bottom))!important;gap:12px!important}.hanable-progress-page .progress-hero-card{padding:14px 12px!important}.hanable-progress-page .progress-hero-grid{gap:8px!important}.hanable-progress-page .progress-hero-summary{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important}.hanable-progress-page .progress-hero-icon{width:34px!important;height:34px!important;border-radius:12px!important}.hanable-progress-page .progress-hero-icon svg{width:18px!important;height:18px!important}.hanable-progress-page .progress-hero-copy p:first-child{font-size:10px!important}.hanable-progress-page .progress-hero-count .font-display{font-size:33px!important}.hanable-progress-page .progress-hero-count span:last-child,.hanable-progress-page .progress-hero-trend span,.hanable-progress-page .progress-hero-copy>p:last-child{font-size:10.5px!important}.hanable-progress-page .progress-hero-chart-frame{height:86px!important}.hanable-progress-page .progress-dashboard>div.grid{gap:10px!important}.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card{padding:15px 12px!important}}@media(min-width:99999px){.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page){max-width:none!important;padding:0!important;overflow-y:auto!important;background:#f5f7fb!important}.hanable-progress-page{min-height:100%!important;background:radial-gradient(circle at 50% 0%,rgba(239,246,255,.58),transparent 34%),linear-gradient(180deg,#f8fafc,#f5f7fb)!important}.hanable-progress-page .progress-dashboard{display:grid!important;width:min(100%,760px)!important;max-width:760px!important;margin:0 auto!important;padding:18px 8px 46px!important;gap:16px!important}.hanable-progress-page .progress-dashboard>:not([hidden])~:not([hidden]){margin-top:0!important}.hanable-progress-page .progress-hero-card,.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{border:1px solid rgba(226,232,240,.5)!important;border-radius:22px!important;background:#fffffff2!important;box-shadow:0 18px 42px #0f172a0f,inset 0 1px #ffffffe6!important}.hanable-progress-page .progress-hero-card{min-height:174px!important;padding:26px 30px!important}.hanable-progress-page .progress-hero-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:center!important;gap:24px!important}.hanable-progress-page .progress-hero-summary{display:flex!important;align-items:flex-start!important;gap:18px!important}.hanable-progress-page .progress-hero-icon{width:58px!important;height:58px!important;border-radius:17px!important;background:#eaf3ff!important}.hanable-progress-page .progress-hero-icon svg{width:29px!important;height:29px!important;color:#5ca1ff!important}.hanable-progress-page .progress-hero-copy p:first-child{margin:0 0 8px!important;color:#8b9ab4!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important}.hanable-progress-page .progress-hero-count{gap:8px!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-count .font-display{color:#1f2937!important;font-size:54px!important;font-weight:900!important;line-height:.9!important;letter-spacing:0!important}.hanable-progress-page .progress-hero-count span:last-child{color:#8b9ab4!important;font-size:15px!important;font-weight:800!important}.hanable-progress-page .progress-hero-trend{margin-top:12px!important;gap:12px!important}.hanable-progress-page .progress-hero-trend .rounded-full{padding:7px 13px!important;background:#dcfaeb!important}.hanable-progress-page .progress-hero-trend span{font-size:13px!important;font-weight:800!important}.hanable-progress-page .progress-hero-copy>p:last-child{margin-top:13px!important;color:#2f7df6!important;font-size:14px!important;font-weight:800!important;line-height:1.35!important}.hanable-progress-page .progress-period-tabs-wrap{margin-bottom:7px!important;justify-content:flex-end!important}.hanable-progress-page .progress-period-tabs-wrap .inline-flex,.hanable-progress-page .progress-category-tabs{border-color:#e2e8f0b8!important;background:#f8fafcf2!important;box-shadow:inset 0 1px 2px #0f172a09!important}.hanable-progress-page .progress-period-tabs-wrap button{min-width:44px!important;height:30px!important;padding:0 14px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important}.hanable-progress-page .progress-hero-chart-frame{height:126px!important}.hanable-progress-page .progress-dashboard>div.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card{min-height:438px!important;padding:26px!important;border-radius:22px!important}.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{min-height:194px!important;padding:24px 26px!important;border-radius:22px!important}.hanable-progress-page h3{color:#172033!important;font-size:18px!important;font-weight:900!important;line-height:1.25!important;letter-spacing:0!important}.hanable-progress-page .progress-radar-frame{width:100%!important;height:236px!important}.hanable-progress-page .progress-balance-list{gap:9px 18px!important}.hanable-progress-page .progress-balance-list>div{padding:4px 0!important}.hanable-progress-page .progress-balance-list span{font-size:12px!important;white-space:nowrap!important}.hanable-progress-page .progress-category-head{display:grid!important;gap:18px!important;margin-bottom:24px!important}.hanable-progress-page .progress-category-tabs{justify-self:center!important}.hanable-progress-page .progress-category-tabs button{min-width:48px!important;height:32px!important;padding:0 13px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important}.hanable-progress-page .progress-category-memory-card .space-y-4{display:grid!important;gap:18px!important}.hanable-progress-page .progress-category-memory-card .text-\[13px\],.hanable-progress-page .progress-row-label{color:#1f2937!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important}.hanable-progress-page .progress-category-memory-card .h-1\.5,.hanable-progress-page .progress-growing-card .h-1,.hanable-progress-page .progress-priority-card .h-1{height:6px!important;background:#edf2f7!important}.hanable-progress-page .progress-growing-card .group,.hanable-progress-page .progress-priority-card .group{gap:14px!important}.hanable-progress-page .progress-growing-card .py-3\.5,.hanable-progress-page .progress-priority-card .py-3\.5{padding-top:13px!important;padding-bottom:13px!important}}@media(max-width:767px){.hanable-progress-page .progress-dashboard{max-width:430px!important;padding-top:24px!important}.hanable-progress-page .progress-dashboard>div.grid{grid-template-columns:1fr!important;gap:14px!important}.hanable-progress-page .progress-hero-grid{grid-template-columns:1fr!important}.hanable-progress-page .progress-hero-card,.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{min-height:0!important}}@media(max-width:767px){.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page){height:auto!important;min-height:calc(100dvh - 56px)!important;max-width:none!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:#f5f8fc!important}.hanable-progress-page{width:100%!important;min-height:100%!important;overflow-x:hidden!important;background:radial-gradient(circle at 50% -8%,rgba(238,246,255,.9),transparent 35%),linear-gradient(180deg,#f9fbfe,#f4f8fc)!important}.hanable-progress-page .progress-dashboard{display:flex!important;flex-direction:column!important;width:100%!important;max-width:430px!important;margin:0 auto!important;padding:18px 14px calc(104px + env(safe-area-inset-bottom))!important;gap:18px!important}.hanable-progress-page .progress-dashboard>:not([hidden])~:not([hidden]){margin-top:0!important}.hanable-progress-page .progress-dashboard>*,.hanable-progress-page .progress-dashboard section,.hanable-progress-page .progress-dashboard div{min-width:0!important;box-sizing:border-box!important}.hanable-progress-page .progress-hero-card,.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-category-memory-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{border:1px solid rgba(226,232,240,.66)!important;border-radius:26px!important;background:#fffffff5!important;box-shadow:0 18px 42px #0f172a12,inset 0 1px #fffffff0!important}.hanable-progress-page .progress-hero-card{width:100%!important;min-height:0!important;padding:28px 26px 30px!important;overflow:hidden!important}.hanable-progress-page .progress-hero-grid,.hanable-progress-page .progress-hero-summary{display:block!important}.hanable-progress-page .progress-hero-icon{display:none!important}.hanable-progress-page .progress-hero-copy p:first-child{margin:0 0 16px!important;color:#8190a7!important;font-size:16px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important}.hanable-progress-page .progress-hero-count{align-items:baseline!important;gap:10px!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-count .font-display{color:#121a2b!important;font-size:58px!important;font-weight:900!important;line-height:.9!important;letter-spacing:0!important}.hanable-progress-page .progress-hero-count span:last-child{color:#8190a7!important;font-size:18px!important;font-weight:800!important}.hanable-progress-page .progress-hero-trend{margin-top:22px!important;gap:18px!important}.hanable-progress-page .progress-hero-trend .rounded-full{padding:0!important;background:transparent!important}.hanable-progress-page .progress-hero-trend svg{width:18px!important;height:18px!important}.hanable-progress-page .progress-hero-trend span{color:#10b981!important;font-size:18px!important;font-weight:900!important}.hanable-progress-page .progress-hero-trend>span{color:#8190a7!important;font-size:16px!important;font-weight:700!important}.hanable-progress-page .progress-hero-copy>p:last-child{margin-top:26px!important;color:#4b5563!important;font-size:16px!important;font-weight:700!important;line-height:1.45!important}.hanable-progress-page .progress-hero-chart{margin-top:26px!important;max-width:none!important;width:100%!important}.hanable-progress-page .progress-period-tabs-wrap{margin:0 0 26px!important;justify-content:flex-end!important}.hanable-progress-page .progress-period-tabs-wrap .inline-flex,.hanable-progress-page .progress-category-tabs{border:1px solid rgba(226,232,240,.8)!important;border-radius:999px!important;background:#f4f6fa!important;box-shadow:inset 0 1px 2px #0f172a0a!important}.hanable-progress-page .progress-period-tabs-wrap button,.hanable-progress-page .progress-category-tabs button{min-width:48px!important;height:34px!important;padding:0 15px!important;border-radius:999px!important;font-size:15px!important;font-weight:800!important}.hanable-progress-page .progress-period-tabs-wrap button.bg-blue-50,.hanable-progress-page .progress-category-tabs button.bg-blue-50{background:#fff!important;color:#2f7df6!important;box-shadow:0 4px 14px #0f172a0f!important}.hanable-progress-page .progress-hero-chart-frame{width:calc(100% + 52px)!important;height:198px!important;margin:0 -26px -8px 0!important}.hanable-progress-page .progress-category-memory-card{order:-1!important;min-height:0!important;padding:28px 25px 27px!important}.hanable-progress-page .progress-balance-card{order:0!important;min-height:0!important;padding:30px 25px 27px!important}.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{min-height:0!important;padding:28px 25px 27px!important}.hanable-progress-page h3{color:#121a2b!important;font-size:21px!important;font-weight:900!important;line-height:1.25!important;letter-spacing:0!important}.hanable-progress-page .progress-category-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:28px!important}.hanable-progress-page .progress-category-tabs{flex-shrink:0!important;padding:2px!important}.hanable-progress-page .progress-category-tabs button{min-width:52px!important;height:32px!important;padding:0 12px!important;font-size:14px!important}.hanable-progress-page .progress-category-memory-card .space-y-4{display:grid!important;gap:22px!important}.hanable-progress-page .progress-category-memory-card .space-y-4>div{display:grid!important;grid-template-columns:minmax(150px,32%) minmax(0,1fr) 32px!important;align-items:center!important;-moz-column-gap:15px!important;column-gap:15px!important}.hanable-progress-page .progress-category-memory-card .space-y-4>div:nth-child(n+6){display:none!important}.hanable-progress-page .progress-category-memory-card .mb-1\.5{display:contents!important;margin:0!important}.hanable-progress-page .progress-category-memory-card .mb-1\.5>span{grid-column:1!important;color:#121a2b!important;font-size:17px!important;font-weight:800!important;line-height:1.25!important;white-space:nowrap!important}.hanable-progress-page .progress-category-memory-card .mb-1\.5>div{grid-column:3!important;justify-content:flex-end!important}.hanable-progress-page .progress-category-memory-card .tabular-nums{color:#121a2b!important;font-size:18px!important;font-weight:900!important}.hanable-progress-page .progress-category-memory-card .text-\[11px\]{display:none!important}.hanable-progress-page .progress-category-memory-card .h-1\.5{grid-column:2!important;height:8px!important;border-radius:999px!important;background:#f0f3f8!important;overflow:hidden!important}.hanable-progress-page .progress-category-footer{margin-top:28px!important;text-align:left!important;font-size:16px!important;font-weight:700!important;letter-spacing:0!important;color:#c1cad8!important}.hanable-progress-page .progress-category-footer-pc{display:none!important}.hanable-progress-page .progress-category-footer-mobile{display:inline!important}.hanable-progress-page .progress-radar-frame{width:100%!important;height:340px!important;margin-top:18px!important}.hanable-progress-page .progress-balance-list{display:none!important}.hanable-progress-page .progress-balance-more{display:block!important;margin-top:18px!important;font-size:16px!important;color:#c1cad8!important}.hanable-progress-page .progress-growing-card h3,.hanable-progress-page .progress-priority-card h3{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:24px!important}.hanable-progress-page .progress-growing-card h3:before{content:"↗"!important;color:#34d399!important;font-size:23px!important;font-weight:900!important;line-height:1!important}.hanable-progress-page .progress-priority-card h3:before{content:"◎"!important;color:#fbbf24!important;font-size:24px!important;font-weight:900!important;line-height:1!important}.hanable-progress-page .progress-growing-card>div,.hanable-progress-page .progress-priority-card>div{display:grid!important;gap:14px!important}.hanable-progress-page .progress-growing-card>div>div,.hanable-progress-page .progress-priority-card>div>div{border:0!important}.hanable-progress-page .progress-growing-card .group,.hanable-progress-page .progress-priority-card .group{position:relative!important;min-height:58px!important;gap:14px!important;padding:14px 15px!important;border-radius:999px!important;background:#f7f9fc!important;cursor:default!important}.hanable-progress-page .progress-growing-card{counter-reset:progress-growing-row!important}.hanable-progress-page .progress-growing-card .group{counter-increment:progress-growing-row!important}.hanable-progress-page .progress-growing-card .group:before{content:counter(progress-growing-row)!important;width:28px!important;flex:0 0 28px!important;color:#8190a7!important;font-size:19px!important;font-weight:900!important;text-align:center!important}.hanable-progress-page .progress-growing-card .h-9.w-9,.hanable-progress-page .progress-priority-card .h-9.w-9,.hanable-progress-page .progress-growing-card .group>svg,.hanable-progress-page .progress-priority-card .group>svg{display:none!important}.hanable-progress-page .progress-row-label{color:#121a2b!important;font-size:17px!important;font-weight:800!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.hanable-progress-page .progress-growing-card .text-emerald-500{color:#34d399!important;font-size:17px!important;font-weight:900!important}.hanable-progress-page .progress-priority-card .flex.shrink-0.items-baseline{color:#a5afc1!important}.hanable-progress-page .progress-priority-card .flex.shrink-0.items-baseline span{color:#a5afc1!important;font-size:14px!important;font-weight:800!important}.hanable-progress-page .progress-growing-card .h-1,.hanable-progress-page .progress-priority-card .h-1{height:6px!important;border-radius:999px!important;background:#eef2f7!important;overflow:hidden!important}.hanable-progress-page .progress-card-more{display:block!important;margin-top:22px!important;color:#c1cad8!important;font-size:16px!important;font-weight:700!important}}@media(max-width:390px){.hanable-progress-page .progress-dashboard{padding-left:12px!important;padding-right:12px!important}.hanable-progress-page .progress-hero-card{padding-left:24px!important;padding-right:24px!important}.hanable-progress-page .progress-category-memory-card .space-y-4>div{grid-template-columns:minmax(135px,34%) minmax(0,1fr) 28px!important;-moz-column-gap:12px!important;column-gap:12px!important}.hanable-progress-page .progress-radar-frame{height:318px!important}}@media(max-width:767px){.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page){height:calc(100dvh - 56px)!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:#f7f8fc!important}.hanable-progress-page{min-height:100%!important;background:#f7f8fc!important}.hanable-progress-page .progress-dashboard{width:100%!important;max-width:430px!important;padding:16px 14px calc(88px + env(safe-area-inset-bottom))!important;gap:14px!important}.hanable-progress-page .progress-hero-card,.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 30px #1f29370b!important}.hanable-progress-page .progress-category-memory-card{display:none!important}.hanable-progress-page .progress-hero-card{position:relative!important;min-height:203px!important;max-height:203px!important;padding:18px 24px 16px!important;overflow:hidden!important}.hanable-progress-page .progress-hero-grid{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;height:100%!important;gap:8px!important;align-items:stretch!important}.hanable-progress-page .progress-hero-summary{display:block!important;min-width:0!important}.hanable-progress-page .progress-hero-icon{display:none!important}.hanable-progress-page .progress-hero-copy p:first-child{margin:0 0 7px!important;color:transparent!important;font-size:0!important;line-height:1!important}.hanable-progress-page .progress-hero-copy p:first-child:before{content:"推定記憶数"!important;color:#0f172a!important;font-size:13px!important;font-weight:900!important;line-height:1.25!important}.hanable-progress-page .progress-hero-count{gap:5px!important;align-items:baseline!important}.hanable-progress-page .progress-hero-count .font-display{color:#121a2b!important;font-size:54px!important;font-weight:900!important;line-height:.9!important}.hanable-progress-page .progress-hero-count span:last-child{color:#334155!important;font-size:12px!important;font-weight:900!important}.hanable-progress-page .progress-hero-trend{display:none!important}.hanable-progress-page .progress-hero-trend .rounded-full{padding:4px 9px!important;border-radius:999px!important;background:#d7fbe8!important}.hanable-progress-page .progress-hero-trend svg{width:12px!important;height:12px!important}.hanable-progress-page .progress-hero-trend span{color:#10b981!important;font-size:12px!important;font-weight:900!important}.hanable-progress-page .progress-hero-trend>span{color:#64748b!important;font-size:12px!important;font-weight:800!important}.hanable-progress-page .progress-hero-copy>p:last-child{display:none!important}.hanable-progress-page .progress-hero-chart{position:relative!important;margin-top:0!important;width:100%!important;max-width:none!important;align-self:stretch!important}.hanable-progress-page .progress-period-tabs-wrap{position:absolute!important;top:1px!important;right:0!important;z-index:2!important;margin:0!important}.hanable-progress-page .progress-period-tabs-wrap .inline-flex{height:26px!important;padding:2px!important;border:1px solid rgba(226,232,240,.58)!important;border-radius:999px!important;background:#f8fafc!important;box-shadow:none!important}.hanable-progress-page .progress-period-tabs-wrap button{min-width:34px!important;height:22px!important;padding:0 9px!important;font-size:10px!important;font-weight:900!important;color:#64748b!important}.hanable-progress-page .progress-period-tabs-wrap button.bg-blue-50{background:#fff!important;color:#2f7df6!important;box-shadow:0 5px 12px #0f172a0e!important}.hanable-progress-page .progress-hero-chart-frame{width:calc(100% + 16px)!important;height:143px!important;margin:43px -16px 0 0!important}.hanable-progress-page .progress-balance-card{display:grid!important;grid-template-columns:minmax(0,1fr) 114px!important;grid-template-rows:auto 1fr auto!important;-moz-column-gap:10px!important;column-gap:10px!important;min-height:190px!important;padding:18px 20px 14px!important;border-radius:14px!important}.hanable-progress-page h3{color:#111827!important;font-size:14px!important;font-weight:900!important;line-height:1.25!important;letter-spacing:0!important}.hanable-progress-page .progress-balance-card h3{grid-column:1 / -1!important;margin:0 0 5px!important}.hanable-progress-page .progress-balance-card .mb-4{grid-column:1!important;grid-row:2!important;align-items:center!important;justify-content:center!important;margin:0!important}.hanable-progress-page .progress-radar-frame{width:190px!important;height:145px!important;margin:0!important}.hanable-progress-page .progress-balance-list{display:grid!important;grid-column:2!important;grid-row:2!important;grid-template-columns:1fr!important;align-self:center!important;gap:5px!important}.hanable-progress-page .progress-balance-list>div{display:grid!important;grid-template-columns:10px minmax(0,1fr) 24px!important;gap:5px!important;align-items:center!important;padding:0!important}.hanable-progress-page .progress-balance-list svg{width:6px!important;height:6px!important;fill:currentColor!important;stroke-width:0!important}.hanable-progress-page .progress-balance-list span{color:#64748b!important;font-size:8.5px!important;font-weight:700!important;line-height:1.1!important;white-space:nowrap!important}.hanable-progress-page .progress-balance-list span:last-child{color:#334155!important;text-align:right!important}.hanable-progress-page .progress-balance-list span:last-child:before{content:""!important}.hanable-progress-page .progress-balance-more{display:block!important;grid-column:2!important;grid-row:3!important;justify-self:end!important;margin:2px 0 0!important;color:#c1cad8!important;font-size:10px!important;font-weight:800!important}.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{min-height:157px!important;padding:18px 20px 13px!important;border-radius:14px!important}.hanable-progress-page .progress-growing-card h3,.hanable-progress-page .progress-priority-card h3{margin:0 0 13px!important;gap:10px!important;font-size:14px!important}.hanable-progress-page .progress-growing-card h3:before{color:#34d399!important;font-size:17px!important}.hanable-progress-page .progress-priority-card h3:before{color:#fbbf24!important;font-size:18px!important}.hanable-progress-page .progress-growing-card>div,.hanable-progress-page .progress-priority-card>div{gap:7px!important}.hanable-progress-page .progress-growing-card .group{display:grid!important;grid-template-columns:20px minmax(0,1fr) 34px!important;min-height:20px!important;padding:0!important;gap:10px!important;background:transparent!important;border-radius:0!important;align-items:center!important}.hanable-progress-page .progress-growing-card .group:before{width:18px!important;height:18px!important;border:1px solid #cbd5e1!important;border-radius:999px!important;color:#94a3b8!important;font-size:10px!important;font-weight:900!important;line-height:16px!important}.hanable-progress-page .progress-growing-card>div>div:first-child .group:before{border-color:#facc15!important;background:#facc15!important;color:#fff!important}.hanable-progress-page .progress-growing-card>div>div:nth-child(3) .group:before{border-color:#f4a790!important;color:#d97757!important}.hanable-progress-page .progress-growing-card .min-w-0{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:center!important;-moz-column-gap:12px!important;column-gap:12px!important}.hanable-progress-page .progress-growing-card .mb-1\.5{display:contents!important;margin:0!important}.hanable-progress-page .progress-row-label{color:#334155!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important}.hanable-progress-page .progress-growing-card .text-emerald-500{grid-column:3!important;color:#22c997!important;font-size:12px!important;font-weight:900!important;text-align:right!important}.hanable-progress-page .progress-growing-card .h-1{grid-column:2!important;height:4px!important;border-radius:999px!important;background:#edf2f7!important}.hanable-progress-page .progress-priority-card .group{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;min-height:22px!important;padding:0!important;gap:10px!important;background:transparent!important;border-radius:0!important;align-items:center!important}.hanable-progress-page .progress-priority-card .h-9.w-9{display:flex!important;width:20px!important;height:20px!important;border-radius:999px!important;background:#eff6ff!important}.hanable-progress-page .progress-priority-card .h-9.w-9 svg{display:block!important;width:11px!important;height:11px!important;color:#8aa2c4!important}.hanable-progress-page .progress-priority-card .min-w-0{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;-moz-column-gap:12px!important;column-gap:12px!important}.hanable-progress-page .progress-priority-card .mb-1\.5{display:contents!important;margin:0!important}.hanable-progress-page .progress-priority-card .flex.shrink-0.items-baseline span{color:#94a3b8!important;font-size:9.5px!important;font-weight:800!important}.hanable-progress-page .progress-priority-card .h-1{display:none!important}.hanable-progress-page .progress-growing-card .group>svg,.hanable-progress-page .progress-priority-card .group>svg{display:none!important}.hanable-progress-page .progress-card-more{display:block!important;margin:8px 0 0!important;color:#c1cad8!important;font-size:9.5px!important;font-weight:800!important}}@media(max-width:390px){.hanable-progress-page .progress-dashboard{padding-left:12px!important;padding-right:12px!important}.hanable-progress-page .progress-hero-card{padding-left:22px!important;padding-right:22px!important}}@media(max-width:767px){.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page),.hanable-progress-page{background:#f7f8fc!important}.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page){height:100dvh!important;padding-top:calc(76px + env(safe-area-inset-top))!important}.hanable-progress-page .progress-dashboard{max-width:440px!important;padding:16px 15px calc(92px + env(safe-area-inset-bottom))!important;gap:14px!important}.hanable-progress-page .progress-hero-card,.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{border:0!important;background:#fff!important;box-shadow:0 12px 30px #1e293b0a!important}.hanable-progress-page .progress-hero-card{min-height:203px!important;max-height:203px!important;border-radius:24px!important;padding:18px 23px 15px!important}.hanable-progress-page .progress-hero-grid{grid-template-columns:111px minmax(0,1fr)!important;gap:8px!important}.hanable-progress-page .progress-hero-count .font-display{font-size:56px!important;letter-spacing:0!important}.hanable-progress-page .progress-hero-copy>p:last-child{display:none!important}.hanable-progress-page .progress-period-tabs-wrap .inline-flex{height:27px!important;background:#fff!important;border-color:#e2e8f0b3!important}.hanable-progress-page .progress-period-tabs-wrap button.bg-blue-50{box-shadow:0 6px 13px #2563eb14!important}.hanable-progress-page .progress-hero-chart-frame{height:142px!important;margin-top:43px!important}.hanable-progress-page .progress-growing-card .h-1,.hanable-progress-page .progress-priority-card .h-1{background:#eaf0f7!important}.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{border-radius:16px!important}.hanable-progress-page .progress-balance-card{min-height:190px!important;padding:18px 20px 14px!important}.hanable-progress-page .progress-radar-frame{width:188px!important;height:144px!important}.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{min-height:157px!important;padding:18px 20px 13px!important}.hanable-progress-page .progress-growing-card .group{grid-template-columns:20px minmax(0,1fr) 34px!important}.hanable-progress-page .progress-growing-card .min-w-0{grid-template-columns:76px minmax(0,1fr)!important}.hanable-progress-page .progress-growing-card .h-1>div{background:#28c789!important}.hanable-progress-page .progress-priority-card .group{grid-template-columns:22px minmax(0,1fr)!important;min-height:24px!important;gap:10px!important}.hanable-progress-page .progress-priority-card .min-w-0{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto 4px!important;-moz-column-gap:12px!important;column-gap:12px!important;row-gap:5px!important}.hanable-progress-page .progress-priority-card .h-1{display:block!important;grid-column:1 / -1!important;grid-row:2!important;height:4px!important;border-radius:999px!important}.hanable-progress-page .progress-priority-card .h-1>div{border-radius:999px!important}.hanable-progress-page .progress-priority-card .flex.shrink-0.items-baseline{grid-column:2!important;justify-self:end!important}.hanable-progress-page .progress-card-more{margin-top:7px!important}}@media(max-width:390px){.hanable-progress-page .progress-dashboard{padding-left:14px!important;padding-right:14px!important}.hanable-progress-page .progress-hero-card{padding-left:22px!important;padding-right:22px!important}}@media(width:768px){.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page),.hanable-progress-page{background:#f7f8fc!important}.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page){height:100dvh!important;padding-top:calc(76px + env(safe-area-inset-top))!important}.hanable-progress-page .progress-dashboard{width:100%!important;max-width:440px!important;padding:16px 15px calc(92px + env(safe-area-inset-bottom))!important;gap:14px!important}.hanable-progress-page .progress-category-memory-card{display:none!important}.hanable-progress-page .progress-hero-card,.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{border:0!important;background:#fff!important;box-shadow:0 12px 30px #1e293b0a!important}}@media(max-width:768px){.hanable-progress-page .progress-hero-card{min-height:228px!important;max-height:none!important;padding:18px 20px 16px!important;border:0!important;border-radius:26px!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;box-shadow:0 12px 34px #1e293b0b!important;overflow:hidden!important}.hanable-progress-page .progress-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:44px minmax(0,1fr)!important;height:100%!important;gap:10px!important;align-items:stretch!important}.hanable-progress-page .progress-hero-summary{display:flex!important;grid-row:1!important;min-width:0!important;align-items:center!important;padding-right:142px!important}.hanable-progress-page .progress-hero-icon,.hanable-progress-page .progress-hero-trend,.hanable-progress-page .progress-hero-copy>p:last-child{display:none!important}.hanable-progress-page .progress-hero-copy{display:flex!important;min-width:0!important;align-items:baseline!important;gap:16px!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-copy p:first-child{flex:0 0 auto!important;margin:0!important;color:transparent!important;font-size:0!important;line-height:1!important}.hanable-progress-page .progress-hero-copy p:first-child:before{content:"推定記憶数"!important;color:#111827!important;font-size:clamp(17px,5vw,21px)!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important}.hanable-progress-page .progress-hero-count{display:flex!important;align-items:baseline!important;gap:7px!important;margin:0!important;min-width:0!important}.hanable-progress-page .progress-hero-count .font-display{color:#071226!important;font-size:clamp(48px,16vw,66px)!important;font-weight:900!important;line-height:.9!important;letter-spacing:0!important}.hanable-progress-page .progress-hero-count span:last-child{color:#111827!important;font-size:clamp(16px,4.7vw,22px)!important;font-weight:900!important;line-height:1!important}.hanable-progress-page .progress-hero-chart{display:grid!important;grid-row:1 / -1!important;grid-template-rows:44px minmax(0,1fr)!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;align-self:stretch!important}.hanable-progress-page .progress-period-tabs-wrap{position:static!important;grid-row:1!important;justify-self:end!important;align-self:center!important;z-index:3!important;margin:0!important}.hanable-progress-page .progress-period-tabs-wrap .inline-flex{height:34px!important;min-width:126px!important;padding:2px!important;border:1px solid rgba(226,232,240,.82)!important;border-radius:999px!important;background:#f8fafc!important;box-shadow:inset 0 1px 3px #0f172a0b!important}.hanable-progress-page .progress-period-tabs-wrap button{min-width:40px!important;height:30px!important;padding:0 12px!important;border-radius:999px!important;color:#64748b!important;font-size:15px!important;font-weight:900!important;line-height:1!important}.hanable-progress-page .progress-period-tabs-wrap button.bg-blue-50{background:#fff!important;color:#2f7df6!important;box-shadow:0 6px 14px #0f172a0f!important}.hanable-progress-page .progress-hero-chart-frame{grid-row:2!important;width:calc(100% + 16px)!important;height:158px!important;min-height:158px!important;margin:4px -8px 0!important}.hanable-progress-page .progress-hero-card .recharts-wrapper,.hanable-progress-page .progress-hero-card .recharts-surface{overflow:visible!important}.hanable-progress-page .progress-hero-card .recharts-cartesian-axis-tick-value{fill:#8fa0b7!important;font-weight:700!important}.hanable-progress-page .progress-hero-card .recharts-cartesian-grid line{stroke:#e2e8f059!important}}@media(max-width:390px){.hanable-progress-page .progress-hero-card{min-height:214px!important;padding:17px 18px 14px!important}.hanable-progress-page .progress-hero-summary{padding-right:122px!important}.hanable-progress-page .progress-hero-copy{gap:10px!important}.hanable-progress-page .progress-period-tabs-wrap .inline-flex{min-width:112px!important;height:31px!important}.hanable-progress-page .progress-period-tabs-wrap button{min-width:36px!important;height:27px!important;padding:0 9px!important;font-size:13px!important}.hanable-progress-page .progress-hero-chart-frame{height:146px!important;min-height:146px!important}}@media(max-width:768px){.hanable-progress-page .progress-hero-card{width:100%!important;min-height:unset!important;height:clamp(218px,60vw,240px)!important;aspect-ratio:1.62 / 1!important;max-height:none!important;padding:20px 20px 18px!important}.hanable-progress-page .progress-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:44px minmax(0,1fr)!important;-moz-column-gap:10px!important;column-gap:10px!important;row-gap:6px!important;width:100%!important;height:100%!important;align-items:start!important}.hanable-progress-page .progress-hero-summary{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;padding-right:0!important;align-self:center!important}.hanable-progress-page .progress-hero-copy{display:flex!important;align-items:baseline!important;gap:11px!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important}.hanable-progress-page .progress-hero-copy p:first-child:before{font-size:clamp(17px,4.7vw,20px)!important}.hanable-progress-page .progress-hero-count{gap:6px!important;flex:0 0 auto!important}.hanable-progress-page .progress-hero-count .font-display{font-size:clamp(52px,15vw,68px)!important}.hanable-progress-page .progress-hero-count span:last-child{font-size:clamp(16px,4.2vw,20px)!important}.hanable-progress-page .progress-hero-chart{display:contents!important}.hanable-progress-page .progress-period-tabs-wrap{position:static!important;grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;margin:0!important}.hanable-progress-page .progress-hero-chart-frame{grid-column:1 / -1!important;grid-row:2!important;width:100%!important;height:100%!important;min-height:130px!important;margin:0!important}.hanable-progress-page .progress-hero-chart-frame>div{width:100%!important;height:100%!important}}@media(max-width:390px){.hanable-progress-page .progress-hero-card{min-height:unset!important;height:clamp(210px,58vw,228px)!important;padding:19px 17px 17px!important}.hanable-progress-page .progress-hero-grid{grid-template-rows:40px minmax(0,1fr)!important;-moz-column-gap:8px!important;column-gap:8px!important;row-gap:5px!important}.hanable-progress-page .progress-hero-copy{gap:8px!important}.hanable-progress-page .progress-hero-copy p:first-child:before{font-size:clamp(16px,4.4vw,18px)!important}.hanable-progress-page .progress-hero-count .font-display{font-size:clamp(48px,14vw,58px)!important}.hanable-progress-page .progress-hero-count span:last-child{font-size:clamp(14px,3.8vw,17px)!important}.hanable-progress-page .progress-hero-chart-frame{height:100%!important;min-height:124px!important}}@media(max-width:768px){.hanable-progress-page .progress-hero-card{height:clamp(214px,56vw,236px)!important;min-height:0!important;aspect-ratio:1.68 / 1!important;padding:22px 22px 19px!important;border-radius:28px!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;box-shadow:0 14px 36px #1e293b0a!important}.hanable-progress-page .progress-hero-grid{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:42px minmax(0,1fr)!important;-moz-column-gap:10px!important;column-gap:10px!important;row-gap:3px!important}.hanable-progress-page .progress-hero-summary{align-self:center!important}.hanable-progress-page .progress-hero-copy{gap:10px!important;align-items:baseline!important}.hanable-progress-page .progress-hero-copy p:first-child:before{font-size:clamp(16px,4.25vw,19px)!important;font-weight:900!important}.hanable-progress-page .progress-hero-count{gap:5px!important}.hanable-progress-page .progress-hero-count .font-display{font-size:clamp(46px,13.2vw,62px)!important;line-height:.88!important}.hanable-progress-page .progress-hero-count span:last-child{font-size:clamp(14px,3.7vw,18px)!important;line-height:1!important}.hanable-progress-page .progress-period-tabs-wrap{align-self:center!important}.hanable-progress-page .progress-period-tabs-wrap .inline-flex{min-width:126px!important;height:34px!important;padding:2px!important;background:#f8fafc!important;border-color:#e2e8f0c7!important;box-shadow:inset 0 1px 3px #0f172a0b!important}.hanable-progress-page .progress-period-tabs-wrap button{min-width:40px!important;height:30px!important;padding:0 10px!important;font-size:13px!important;font-weight:900!important}.hanable-progress-page .progress-hero-chart-frame{width:100%!important;height:100%!important;min-height:128px!important;margin:0!important}.hanable-progress-page .progress-hero-card .recharts-wrapper,.hanable-progress-page .progress-hero-card .recharts-surface{overflow:visible!important}.hanable-progress-page .progress-hero-card .recharts-cartesian-axis-tick-value{fill:#8a9bb4!important;font-size:11px!important;font-weight:700!important}}@media(max-width:390px){.hanable-progress-page .progress-hero-card{height:clamp(206px,55vw,222px)!important;padding:20px 18px 17px!important}.hanable-progress-page .progress-hero-grid{grid-template-rows:38px minmax(0,1fr)!important;row-gap:2px!important}.hanable-progress-page .progress-hero-copy{gap:7px!important}.hanable-progress-page .progress-hero-copy p:first-child:before{font-size:clamp(15px,4vw,17px)!important}.hanable-progress-page .progress-hero-count .font-display{font-size:clamp(42px,12.2vw,54px)!important}.hanable-progress-page .progress-hero-count span:last-child{font-size:clamp(13px,3.5vw,16px)!important}.hanable-progress-page .progress-period-tabs-wrap .inline-flex{min-width:112px!important;height:31px!important}.hanable-progress-page .progress-period-tabs-wrap button{min-width:36px!important;height:27px!important;padding:0 8px!important;font-size:12px!important}.hanable-progress-page .progress-hero-chart-frame{min-height:122px!important}}.hanable-progress-page .progress-balance-more{display:none!important}.hanable-progress-page .progress-balance-dot{display:inline-block!important;width:5px!important;height:5px!important;min-width:5px!important;border-radius:999px!important;background:#60a5fa!important}@media(max-width:768px){.hanable-progress-page .progress-balance-list>div{align-items:center!important}.hanable-progress-page .progress-balance-dot{width:4px!important;height:4px!important;min-width:4px!important;background:#3b82f6!important}.hanable-progress-page .progress-balance-list svg{display:none!important}.hanable-progress-page .progress-balance-more{display:none!important;margin:0!important}}.hanable-progress-page .progress-card-more{display:block!important;width:-moz-fit-content!important;width:fit-content!important;border:0!important;background:transparent!important;padding:0!important;color:#c1cad8!important;font-weight:800!important;line-height:1.2!important;text-align:left!important;cursor:pointer!important}.hanable-progress-page .progress-card-more:focus,.hanable-progress-page .progress-card-more:active{color:#c1cad8!important;outline:none!important}.hanable-progress-page .progress-card-more:hover{color:#a8b3c5!important}@media(max-width:389px){html,body,#root{max-width:100%;overflow-x:hidden}.hanable-app-main,.hanable-mobile-home,.hanable-mobile-showcase,.hanable-category-page,.hanable-progress-page{max-width:100vw!important;overflow-x:hidden!important}.hanable-app-header>div{padding-inline:18px!important}.hanable-mobile-side-sheet{right:8px!important;width:min(318px,calc(100vw - 38px))!important;max-width:calc(100vw - 38px)!important}.hanable-bottom-nav{height:calc(80px + env(safe-area-inset-bottom))!important}.hanable-bottom-nav>div{height:70px!important;width:calc(100vw - 18px)!important;padding:7px 8px env(safe-area-inset-bottom)!important}.hanable-bottom-nav a{margin:4px 1px!important;gap:2px!important;border-radius:14px!important;font-size:9.5px!important}.hanable-bottom-nav a svg{width:18px!important;height:18px!important}.hanable-mobile-home{padding-inline:14px!important;padding-bottom:calc(98px + env(safe-area-inset-bottom))!important}.mobile-home-bg{height:min(500px,88dvh)!important}.mobile-home-greeting{gap:12px!important;padding:26px 2px 14px!important}.mobile-home-greeting h1{font-size:26px!important}.mobile-home-greeting a{width:50px!important;height:50px!important}.mobile-home-recommendation{grid-template-columns:minmax(0,1fr) 104px!important;gap:10px!important;min-height:138px!important;padding:18px!important;border-radius:22px!important}.mobile-home-rec-copy span{padding:7px 14px!important;font-size:11px!important}.mobile-home-rec-copy h2{margin-top:20px!important;font-size:25px!important}.mobile-home-rec-copy p{margin-top:11px!important;max-width:172px!important;font-size:13px!important;line-height:1.52!important}.mobile-home-rec-copy strong{margin-top:22px!important;font-size:14px!important}.mobile-home-rec-visual img,.mobile-home-rec-visual a{width:104px!important}.mobile-home-rec-visual img{height:80px!important;border-radius:16px!important}.mobile-home-rec-visual a{height:46px!important;font-size:14px!important}.mobile-home-stats{margin-top:22px!important;gap:8px!important}.mobile-home-stats>div{min-height:116px!important;padding:12px 6px 11px!important;border-radius:17px!important}.mobile-home-stat-icon{width:34px!important;height:34px!important;margin-bottom:9px!important}.mobile-home-stat-icon svg{width:18px!important;height:18px!important}.mobile-home-stats p,.mobile-home-stats small{font-size:10px!important}.mobile-home-stats strong{margin-top:14px!important;font-size:22px!important}.mobile-home-recent{margin-top:18px!important;padding:16px!important;border-radius:20px!important}.mobile-home-section-head h2,.mobile-home-navcard-copy h2{font-size:16px!important}.mobile-home-section-head a{font-size:12px!important}.mobile-home-recent-grid{margin-top:16px!important;gap:8px!important}.mobile-home-recent-card{border-radius:13px!important}.mobile-home-recent-card img{height:50px!important}.mobile-home-recent-card div{min-height:70px!important;padding:10px 7px!important}.mobile-home-recent-card strong{font-size:12px!important}.mobile-home-recent-card span{margin-top:9px!important;font-size:10px!important}.mobile-home-navcards{gap:10px!important}.mobile-home-navcard{min-height:84px!important;gap:12px!important;padding:14px 16px!important;border-radius:18px!important}.mobile-home-navcard-icon{width:46px!important;height:46px!important;border-radius:14px!important}.mobile-home-navcard-icon svg{width:23px!important;height:23px!important}.mobile-home-navcard-copy p{font-size:11px!important}.mobile-home-navcard-copy div{gap:12px!important}.mobile-home-navcard-copy span{font-size:10.5px!important}.mobile-showcase-bg{height:min(500px,88dvh)!important}.hanable-mobile-vocab .mobile-showcase-bg{height:min(410px,74dvh)!important}.mobile-showcase-settings{right:14px!important;top:20px!important;width:46px!important;height:46px!important}.mobile-showcase-arrow{top:min(198px,37dvh)!important;width:50px!important;height:50px!important}.hanable-mobile-vocab .mobile-showcase-arrow{top:min(156px,30dvh)!important}.mobile-showcase-arrow-left{left:12px!important}.mobile-showcase-arrow-right{right:12px!important}.mobile-showcase-hero{min-height:min(352px,62dvh)!important;padding:82px 44px 14px!important}.hanable-mobile-vocab .mobile-showcase-hero{min-height:min(270px,42dvh)!important}.mobile-showcase-hero h1{font-size:36px!important}.hanable-mobile-conversation .mobile-showcase-hero h1{padding-top:34px!important;font-size:43px!important}.mobile-gold-divider{width:154px!important;margin:15px auto!important}.mobile-showcase-hero h2{font-size:18px!important}.mobile-showcase-hero p{max-width:232px!important;font-size:13px!important;line-height:1.62!important}.mobile-showcase-controls{padding-inline:22px!important;padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}.mobile-showcase-subcard{min-height:96px!important;gap:12px!important;padding:16px 18px!important;border-radius:20px!important}.hanable-mobile-vocab .mobile-showcase-subcard{min-height:74px!important}.mobile-showcase-subcard strong{font-size:15px!important}.mobile-showcase-subcard small{font-size:11px!important}.mobile-showcase-dots{margin:15px 0 20px!important}.mobile-role-pills{margin:14px 0 28px!important;padding:5px!important;border-radius:21px!important}.mobile-role-pills button{min-height:46px!important;gap:6px!important;border-radius:17px!important;font-size:12px!important}.mobile-difficulty-label{margin-bottom:12px!important;font-size:11px!important}.mobile-difficulty-cards{gap:10px!important}.mobile-difficulty-cards button{min-height:78px!important;border-radius:16px!important}.mobile-difficulty-cards strong{font-size:16px!important}.mobile-difficulty-cards span{margin-top:7px!important;font-size:11px!important}.mobile-showcase-start{margin-top:18px!important;height:56px!important;font-size:18px!important}.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page){overflow-x:hidden!important}.hanable-progress-page .progress-dashboard{width:calc(100vw - 24px)!important;padding-left:12px!important;padding-right:12px!important}.hanable-progress-page .progress-hero-card{min-height:190px!important;max-height:190px!important;padding:16px 18px 14px!important}.hanable-progress-page .progress-hero-grid{grid-template-columns:100px minmax(0,1fr)!important}.hanable-progress-page .progress-hero-count .font-display{font-size:48px!important}.hanable-progress-page .progress-hero-chart-frame{height:132px!important;margin-top:38px!important}.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{padding-left:16px!important;padding-right:16px!important}.hanable-progress-page .progress-radar-frame{width:170px!important;height:132px!important}}@media(min-width:391px)and (max-width:480px){html,body,#root{max-width:100%;overflow-x:hidden}.hanable-app-main,.hanable-mobile-home,.hanable-mobile-showcase,.hanable-category-page,.hanable-progress-page{overflow-x:hidden!important}.hanable-bottom-nav>div{width:min(430px,calc(100vw - 20px))!important}.hanable-mobile-home,.hanable-mobile-showcase,.hanable-category-page{max-width:480px!important;margin-inline:auto!important}.mobile-home-recommendation,.mobile-home-recent,.mobile-home-navcard,.mobile-showcase-subcard,.hanable-progress-page .progress-hero-card,.hanable-progress-page .progress-balance-card,.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card,.mobile-home-stats,.mobile-home-recent-grid,.mobile-home-navcards,.mobile-difficulty-cards,.mobile-role-pills,.hanable-progress-page .progress-dashboard{max-width:430px!important;margin-inline:auto!important}.mobile-showcase-controls{max-width:430px!important;margin-inline:auto!important;width:100%!important}.hanable-progress-page .progress-dashboard{width:min(430px,calc(100vw - 24px))!important}.hanable-app-main.hanable-vocab-lock-scroll .hanable-mobile-showcase,.hanable-app-main.hanable-conversation-lock-scroll .hanable-mobile-showcase{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.hanable-app-main.hanable-vocab-lock-scroll .mobile-showcase-bg,.hanable-app-main.hanable-conversation-lock-scroll .mobile-showcase-bg{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:none!important;background-position:center center!important;background-size:cover!important}}@media(max-width:767px){.hanable-mobile-side-sheet.hanable-account-sheet,.hanable-mobile-side-sheet.hanable-notification-sheet{left:auto!important;right:0!important;width:clamp(240px,60vw,360px)!important;min-width:min(240px,100vw)!important;max-width:min(360px,100vw)!important;margin-right:0!important;border-radius:22px 0 0 22px!important}}@media(max-width:767px){.hanable-mobile-vocab .mobile-showcase-arrow,.hanable-mobile-vocab .mobile-subcategory-nav,.hanable-mobile-conversation .mobile-showcase-arrow{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;touch-action:pan-y;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-mobile-vocab .mobile-showcase-hero,.hanable-mobile-vocab .mobile-showcase-subcard,.hanable-mobile-vocab .mobile-showcase-dots,.hanable-mobile-conversation .mobile-showcase-hero{touch-action:pan-y}.hanable-mobile-vocab .mobile-showcase-arrow:hover,.hanable-mobile-vocab .mobile-showcase-arrow:active,.hanable-mobile-vocab .mobile-showcase-arrow:focus,.hanable-mobile-vocab .mobile-showcase-arrow:focus-visible,.hanable-mobile-vocab .mobile-subcategory-nav:hover,.hanable-mobile-vocab .mobile-subcategory-nav:active,.hanable-mobile-vocab .mobile-subcategory-nav:focus,.hanable-mobile-vocab .mobile-subcategory-nav:focus-visible,.hanable-mobile-conversation .mobile-showcase-arrow:hover,.hanable-mobile-conversation .mobile-showcase-arrow:active,.hanable-mobile-conversation .mobile-showcase-arrow:focus,.hanable-mobile-conversation .mobile-showcase-arrow:focus-visible{background:transparent!important;box-shadow:none!important;outline-offset:0}}@media(max-width:767px){.hanable-app-main.hanable-vocab-lock-scroll,.hanable-app-main.hanable-conversation-lock-scroll{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none}.hanable-app-main.hanable-vocab-lock-scroll .hanable-mobile-showcase,.hanable-app-main.hanable-conversation-lock-scroll .hanable-mobile-showcase{height:calc(100dvh - 154px - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 154px - env(safe-area-inset-bottom))!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none}.hanable-mobile-vocab .mobile-showcase-bg,.hanable-mobile-conversation .mobile-showcase-bg{min-height:100%!important}.hanable-mobile-vocab .mobile-difficulty-label,.hanable-mobile-vocab .mobile-difficulty-cards,.hanable-mobile-vocab .mobile-difficulty-cards button,.hanable-mobile-vocab .mobile-showcase-start,.hanable-mobile-conversation .mobile-difficulty-label,.hanable-mobile-conversation .mobile-difficulty-cards,.hanable-mobile-conversation .mobile-difficulty-cards button,.hanable-mobile-conversation .mobile-showcase-start{flex-shrink:0!important}.hanable-mobile-vocab .mobile-difficulty-cards button,.hanable-mobile-conversation .mobile-difficulty-cards button{min-height:44px!important}.hanable-mobile-vocab .mobile-showcase-start,.hanable-mobile-conversation .mobile-showcase-start{min-height:56px!important}}@media(max-height:760px)and (max-width:767px){.hanable-app-main.hanable-vocab-lock-scroll,.hanable-app-main.hanable-conversation-lock-scroll,.hanable-app-main.hanable-vocab-lock-scroll .hanable-mobile-showcase,.hanable-app-main.hanable-conversation-lock-scroll .hanable-mobile-showcase{overflow:hidden!important}.hanable-mobile-vocab .mobile-showcase-hero,.hanable-mobile-conversation .mobile-showcase-hero{min-height:clamp(218px,34dvh,250px)!important;padding-top:clamp(58px,10dvh,72px)!important;padding-bottom:2px!important}.hanable-mobile-conversation .mobile-showcase-hero h1{padding-top:18px!important}.mobile-gold-divider{margin-top:9px!important;margin-bottom:9px!important}.hanable-mobile-vocab .mobile-showcase-controls,.hanable-mobile-conversation .mobile-showcase-controls{padding-bottom:12px!important}.hanable-mobile-vocab .mobile-showcase-subcard{min-height:66px!important;padding-top:10px!important;padding-bottom:10px!important}.hanable-mobile-vocab .mobile-showcase-dots{margin-top:9px!important;margin-bottom:10px!important}.hanable-mobile-conversation .mobile-role-pills{min-height:56px!important;margin-bottom:10px!important;padding:5px!important}.hanable-mobile-conversation .mobile-role-pills button{min-height:42px!important}.hanable-mobile-vocab .mobile-difficulty-label,.hanable-mobile-conversation .mobile-difficulty-label{margin:0 0 7px!important}.hanable-mobile-vocab .mobile-difficulty-cards,.hanable-mobile-conversation .mobile-difficulty-cards{padding:4px!important}.hanable-mobile-vocab .mobile-difficulty-cards button,.hanable-mobile-conversation .mobile-difficulty-cards button{min-height:46px!important}.hanable-mobile-vocab .mobile-difficulty-cards strong,.hanable-mobile-conversation .mobile-difficulty-cards strong{line-height:1.15!important}.hanable-mobile-vocab .mobile-difficulty-cards span{margin-top:3px!important}.hanable-mobile-vocab .mobile-showcase-start,.hanable-mobile-conversation .mobile-showcase-start{height:56px!important;min-height:56px!important;margin-top:16px!important}}@media(max-height:620px)and (max-width:767px){.hanable-mobile-vocab .mobile-showcase-hero,.hanable-mobile-conversation .mobile-showcase-hero{min-height:min(226px,36dvh)!important;padding-top:64px!important}.hanable-mobile-vocab .mobile-showcase-controls,.hanable-mobile-conversation .mobile-showcase-controls{padding-bottom:8px!important}.hanable-mobile-vocab .mobile-showcase-start,.hanable-mobile-conversation .mobile-showcase-start{height:56px!important;min-height:56px!important;margin-top:12px!important}}@media(max-width:389px),(min-width:391px)and (max-width:767px){.hanable-mobile-vocab .mobile-difficulty-label,.hanable-mobile-conversation .mobile-difficulty-label{flex:0 0 auto!important;min-height:15px!important;line-height:1.15!important}.hanable-mobile-vocab .mobile-difficulty-cards,.hanable-mobile-conversation .mobile-difficulty-cards{flex:0 0 auto!important;min-height:58px!important}.hanable-mobile-vocab .mobile-difficulty-cards button,.hanable-mobile-conversation .mobile-difficulty-cards button{display:flex!important;min-height:48px!important;height:48px!important;align-items:center!important;justify-content:center!important}.hanable-mobile-vocab .mobile-difficulty-cards strong,.hanable-mobile-conversation .mobile-difficulty-cards strong{line-height:1.12!important}.hanable-mobile-vocab .mobile-showcase-start,.hanable-mobile-conversation .mobile-showcase-start{display:flex!important;flex:0 0 60px!important;height:60px!important;min-height:60px!important;align-items:center!important;justify-content:center!important}}@media(max-height:760px)and (max-width:389px),(max-height:760px)and (min-width:391px)and (max-width:767px){.hanable-mobile-vocab .mobile-showcase-hero,.hanable-mobile-conversation .mobile-showcase-hero{min-height:clamp(190px,31dvh,232px)!important;padding-top:clamp(46px,8dvh,64px)!important;padding-bottom:0!important}.hanable-mobile-conversation .mobile-showcase-hero h1{padding-top:10px!important}.mobile-gold-divider{margin-top:7px!important;margin-bottom:7px!important}.hanable-mobile-vocab .mobile-showcase-controls,.hanable-mobile-conversation .mobile-showcase-controls{padding-bottom:8px!important}.hanable-mobile-vocab .mobile-showcase-subcard{min-height:62px!important;padding-top:8px!important;padding-bottom:8px!important}.hanable-mobile-vocab .mobile-showcase-dots{margin-top:7px!important;margin-bottom:8px!important}.hanable-mobile-conversation .mobile-role-pills{min-height:54px!important;margin-bottom:8px!important}.hanable-mobile-conversation .mobile-role-pills button{min-height:40px!important}.hanable-mobile-vocab .mobile-difficulty-label,.hanable-mobile-conversation .mobile-difficulty-label{margin:0 0 6px!important}.hanable-mobile-vocab .mobile-showcase-start,.hanable-mobile-conversation .mobile-showcase-start{margin-top:12px!important}}.home-card-image{aspect-ratio:1 / 1!important}@media(min-width:768px){.home-card-image{height:auto!important;width:100%!important}}@media(max-width:767px){.home-main-card{grid-template-columns:auto minmax(0,1fr)!important}.home-card-image{align-self:stretch!important;height:100%!important;width:auto!important}}@media(min-width:768px){.hanable-app-main.hanable-conversation-lock-scroll{overflow-y:hidden!important}.hanable-conversation-category.hanable-category-page{overflow:hidden!important}}.hanable-vocab-category .category-hero-copy h2,.hanable-vocab-category .desktop-subcategory-title,.hanable-vocab-category .mobile-showcase-hero h1,.hanable-vocab-category .mobile-showcase-hero h2,.hanable-vocab-category .mobile-showcase-subcard strong,.hanable-conversation-category .category-hero-copy h2,.hanable-conversation-category .category-hero-copy p:first-of-type,.hanable-mobile-conversation .mobile-showcase-hero h1,.hanable-mobile-conversation .mobile-showcase-hero h2{font-family:var(--font-shippori)!important;font-weight:600!important}@media(min-width:768px){.hanable-home-app-main{overflow-y:auto!important}.home-shell{height:auto!important;min-height:calc(100vh - 56px)!important;overflow:hidden!important;padding:clamp(30px,4vh,48px) clamp(28px,4vw,64px) clamp(30px,4vh,48px)!important}.home-shell>section{width:min(100%,1180px)!important;max-width:1180px!important}.home-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(16px,2vw,26px)!important;margin-top:clamp(32px,4vh,46px)!important}.home-main-card{display:flex!important;min-height:clamp(230px,24vw,286px)!important;height:auto!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:clamp(22px,2.2vw,30px) clamp(18px,1.9vw,26px)!important;border:1px solid rgba(226,232,240,.72)!important;border-radius:22px!important;background:#ffffffe6!important}.home-card-image{width:clamp(96px,8vw,128px)!important;height:auto!important;aspect-ratio:1 / 1!important;flex:0 0 auto!important;border-radius:24px!important}.home-card-image picture,.home-card-image img{height:100%!important;width:100%!important}.home-card-image img{-o-object-fit:cover!important;object-fit:cover!important}.home-card-copy{padding:clamp(18px,2vw,24px) 0 0!important;text-align:center!important}.home-card-copy span{font-size:clamp(21px,1.8vw,26px)!important;line-height:1.2!important}.home-card-copy p{margin-top:9px!important;white-space:normal!important;font-size:clamp(12px,1vw,15px)!important;line-height:1.55!important}.home-main-card>i{display:none!important}}.hanable-vocab-category .desktop-subcategory-carousel{width:100%}.hanable-vocab-category .desktop-subcategory-stage{display:grid;width:100%;min-height:clamp(118px,15vh,168px);grid-template-columns:minmax(42px,1fr) minmax(0,540px) minmax(42px,1fr);align-items:center;-moz-column-gap:clamp(18px,4vw,70px);column-gap:clamp(18px,4vw,70px)}.hanable-vocab-category .desktop-subcategory-main{display:flex;min-width:0;width:100%;align-items:center;justify-content:center;border:0;background:transparent;box-shadow:none;padding:0 clamp(8px,2vw,22px);text-align:center}.hanable-vocab-category .desktop-subcategory-slide{display:flex;width:100%;min-width:0;align-items:center;justify-content:center}.hanable-vocab-category .desktop-subcategory-title{max-width:min(100%,72vw);margin:0;overflow-wrap:anywhere;color:#101827;font-size:clamp(30px,3.2vw,48px);font-weight:600;letter-spacing:0;line-height:1.26;text-align:center;word-break:keep-all}.hanable-vocab-category .desktop-subcategory-nav{display:inline-flex;height:56px;width:56px;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none;color:#b99555;transition:color .18s ease,opacity .18s ease,transform .18s ease}.hanable-vocab-category .desktop-subcategory-nav-left{justify-self:end}.hanable-vocab-category .desktop-subcategory-nav-right{justify-self:start}.hanable-vocab-category .desktop-subcategory-nav:hover{color:#8f7137;transform:translateY(-1px)}.hanable-vocab-category .desktop-subcategory-nav:disabled{opacity:.26}.hanable-vocab-category .desktop-subcategory-nav svg{height:34px;width:34px;stroke-width:1.8}.hanable-vocab-category .desktop-subcategory-dots{display:flex;justify-content:center;gap:clamp(12px,1.4vw,18px);margin-top:clamp(18px,2.6vh,30px)}.hanable-vocab-category .desktop-subcategory-dot{height:13px;width:13px;border-radius:999px;background:#cbd5e1d1;transition:background .18s ease,transform .18s ease}.hanable-vocab-category .desktop-subcategory-dot:hover{background:#94a3b8b8}.hanable-vocab-category .desktop-subcategory-dot[aria-pressed=true]{background:#b99555;transform:none}.hanable-vocab-category .category-arrow{border:1px solid rgba(255,255,255,.8)!important;border-radius:999px!important;background:#ffffffd1!important;box-shadow:0 18px 45px #0f172a1f!important;color:#0f172a!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important}.hanable-vocab-category .category-arrow:hover{background:#fff!important;box-shadow:0 24px 58px #0f172a29!important;color:#0f172a!important}.hanable-vocab-category .category-arrow svg{height:24px;width:24px}.hanable-mobile-vocab .mobile-showcase-subcard{display:grid!important;width:min(100%,390px)!important;min-height:clamp(104px,16dvh,148px)!important;grid-template-columns:clamp(34px,10vw,48px) minmax(0,1fr) clamp(34px,10vw,48px)!important;align-items:center!important;gap:clamp(10px,3vw,22px)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0 auto!important;padding:0 clamp(2px,2vw,10px)!important;text-align:center!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-mobile-vocab .mobile-subcategory-main{display:flex!important;min-width:0;width:100%;align-items:center;justify-content:center;border:0;background:transparent;padding:0;text-align:center}.hanable-mobile-vocab .mobile-subcategory-slide-content{display:flex;width:100%;min-width:0;align-items:center;justify-content:center;gap:0}.hanable-mobile-vocab .mobile-showcase-subcard strong{display:block;max-width:100%;overflow:visible;color:#101827;font-size:clamp(22px,6.4vw,36px);font-weight:600;letter-spacing:0;line-height:1.32;text-align:center;text-overflow:clip;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.hanable-mobile-vocab .mobile-subcategory-nav{display:inline-flex!important;height:clamp(34px,10vw,48px)!important;width:clamp(34px,10vw,48px)!important;align-items:center;justify-content:center;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#b99555!important;transition:color .18s ease,transform .18s ease}.hanable-mobile-vocab .mobile-subcategory-nav:hover,.hanable-mobile-vocab .mobile-subcategory-nav:focus-visible{background:transparent!important;box-shadow:none!important;color:#8f7137!important}.hanable-mobile-vocab .mobile-subcategory-nav:active{transform:scale(.94)}.hanable-mobile-vocab .mobile-subcategory-nav svg{height:clamp(27px,7vw,34px)!important;width:clamp(27px,7vw,34px)!important;stroke-width:1.8!important}.hanable-mobile-vocab .mobile-showcase-dots{gap:clamp(12px,3.6vw,18px)!important;margin:clamp(14px,2.6dvh,24px) 0 clamp(22px,4dvh,36px)!important}.hanable-mobile-vocab .mobile-showcase-dots button{height:clamp(10px,2.7vw,13px)!important;width:clamp(10px,2.7vw,13px)!important;background:#cbd5e1c7!important}.hanable-mobile-vocab .mobile-showcase-dots button[aria-pressed=true]{background:#b99555!important}.hanable-mobile-vocab .mobile-showcase-arrow{color:#b99555b8!important}@media(max-width:480px){.hanable-mobile-vocab .mobile-showcase-subcard{width:min(100%,350px)!important;grid-template-columns:34px minmax(0,1fr) 34px!important;gap:clamp(6px,2vw,14px)!important}.hanable-mobile-vocab .mobile-showcase-subcard strong{font-size:clamp(20px,6vw,30px)}}@media(max-width:360px){.hanable-mobile-vocab .mobile-showcase-subcard{grid-template-columns:30px minmax(0,1fr) 30px!important}.hanable-mobile-vocab .mobile-showcase-subcard strong{font-size:clamp(18px,5.7vw,26px)}}.hanable-mobile-vocab .mobile-difficulty-cards{display:grid!important;width:min(100%,386px)!important;max-width:386px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;overflow:hidden!important;border:1px solid rgba(226,232,240,.36)!important;border-radius:23px!important;background:#ffffff94!important;padding:5px!important;box-shadow:0 16px 34px #0f172a0b,0 1px #ffffffb8 inset!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}.hanable-mobile-vocab .mobile-difficulty-cards button{display:flex!important;height:auto!important;min-height:48px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;border:0!important;border-radius:18px!important;background:transparent!important;padding:8px 4px!important;color:#8b94a6!important;box-shadow:none!important;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.hanable-mobile-vocab .mobile-difficulty-cards button+button{box-shadow:-1px 0 #94a3b81a!important}.hanable-mobile-vocab .mobile-difficulty-cards button[aria-pressed=true]{background:linear-gradient(180deg,#fffffff0,#faf8f3e0)!important;color:#202637!important;box-shadow:0 10px 22px #0f172a11,0 1px #ffffffd1 inset!important}.hanable-mobile-vocab .mobile-difficulty-cards strong{display:block!important;font-size:clamp(12px,3.2vw,13.5px)!important;font-weight:780!important;line-height:1.12!important;white-space:nowrap!important}.hanable-mobile-vocab .mobile-difficulty-cards span{display:block!important;width:100%!important;margin-top:0!important;overflow:hidden!important;color:#9ba3b3!important;font-size:clamp(8.5px,2.4vw,10px)!important;font-weight:700!important;line-height:1.18!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.hanable-mobile-vocab .mobile-difficulty-cards button[aria-pressed=true] span{color:#7f8797!important}@media(max-width:389px),(min-width:391px)and (max-width:767px){.hanable-mobile-vocab .mobile-difficulty-cards{min-height:58px!important}.hanable-mobile-vocab .mobile-difficulty-cards button{height:auto!important;min-height:50px!important}}@media(max-width:360px){.hanable-mobile-vocab .mobile-difficulty-cards{width:min(100%,340px)!important}.hanable-mobile-vocab .mobile-difficulty-cards button{min-height:48px!important;padding-right:3px!important;padding-left:3px!important}.hanable-mobile-vocab .mobile-difficulty-cards strong{font-size:clamp(11px,3.4vw,12.5px)!important}.hanable-mobile-vocab .mobile-difficulty-cards span{font-size:clamp(8px,2.45vw,9.2px)!important}}.hanable-app-header,.hanable-app-main,.hanable-bottom-nav,.hanable-mobile-side-sheet,[role=dialog],[data-radix-popper-content-wrapper]{font-family:var(--font-ui)!important;font-feature-settings:"kern" 1,"palt" 1;letter-spacing:0}@media(min-width:768px){.hanable-vocab-category.hanable-category-page{background:#fbfaf8!important}.hanable-vocab-category .desktop-category-background,.hanable-vocab-category .desktop-category-soft-overlay,.hanable-vocab-category .desktop-category-light-overlay{display:none!important;background:none!important}.hanable-vocab-category .category-content{height:auto!important;min-height:calc(100vh - 56px)!important;max-width:1120px!important;gap:22px!important;padding:42px 64px 34px!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone{flex:0 0 auto!important}.hanable-vocab-category .category-hero-copy{width:100%!important;padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{display:grid;width:min(100%,940px);min-height:360px;grid-template-columns:minmax(260px,.95fr) minmax(300px,1fr);align-items:stretch;overflow:hidden;border:1px solid rgba(226,232,240,.78);border-radius:34px;background:#ffffffeb;box-shadow:0 24px 62px #0f172a14}.hanable-vocab-category .desktop-vocab-hero-image-frame{display:block;width:100%;min-height:300px;aspect-ratio:1 / 1;overflow:hidden;background:linear-gradient(145deg,#f8fafc,#f7f2ea)}.hanable-vocab-category .desktop-vocab-hero-image-frame img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hanable-vocab-category .desktop-vocab-hero-image-empty{display:block;width:100%;height:100%;background:linear-gradient(145deg,#fff6,#f8fafc00),linear-gradient(135deg,#f8fafc,#f7f2ea)}.hanable-vocab-category .desktop-vocab-hero-copy{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:46px 56px;text-align:center}.hanable-vocab-category .desktop-vocab-hero-copy h2{max-width:100%;margin:0;overflow-wrap:anywhere;font-size:58px!important;letter-spacing:0!important;line-height:1.1!important;text-wrap:balance;word-break:keep-all}.hanable-vocab-category .desktop-vocab-gold-divider{margin-top:24px!important}.hanable-vocab-category .desktop-vocab-hero-description{max-width:420px;margin:24px auto 0;color:#344054;font-size:20px;font-weight:700;line-height:1.55;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.hanable-vocab-category .category-subcategory-zone{max-width:900px!important}.hanable-vocab-category .desktop-subcategory-carousel{margin:22px 0 0!important}.hanable-vocab-category .desktop-subcategory-stage{min-height:78px!important;grid-template-columns:44px minmax(0,1fr) 44px!important;-moz-column-gap:10px!important;column-gap:10px!important}.hanable-vocab-category .desktop-subcategory-main{min-height:74px!important;border:1px solid rgba(226,232,240,.86)!important;border-radius:20px!important;background:#ffffffe0!important;box-shadow:0 14px 34px #0f172a0e!important;padding:0 26px!important}.hanable-vocab-category .desktop-subcategory-slide{gap:16px!important}.hanable-vocab-category .desktop-subcategory-icon{display:inline-flex;width:52px;height:52px;flex:0 0 52px;overflow:hidden;border-radius:999px;background:#f1f5f9}.hanable-vocab-category .desktop-subcategory-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hanable-vocab-category .desktop-subcategory-title{color:#111827!important;font-family:var(--font-ui)!important;font-size:24px!important;font-weight:800!important;line-height:1.35!important}.hanable-vocab-category .desktop-subcategory-nav{height:44px!important;width:44px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:#111827!important}.hanable-vocab-category .desktop-subcategory-nav:hover,.hanable-vocab-category .desktop-subcategory-nav:focus-visible{background:#ffffffbd!important;box-shadow:none!important;color:#b98a2c!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:30px!important;height:30px!important}.hanable-vocab-category .desktop-subcategory-dots{gap:13px!important;margin-top:14px!important}.hanable-vocab-category .desktop-subcategory-dot{width:11px!important;height:11px!important}.hanable-vocab-category .category-action-zone{max-width:900px!important}.hanable-vocab-category .category-action-zone>div>p{display:none!important}.hanable-vocab-category .category-difficulty-grid{max-width:900px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{position:relative;min-height:84px;border:1px solid rgba(226,232,240,.92)!important;border-radius:14px!important;background:#ffffffe6!important;box-shadow:none!important;color:#667085!important;padding:14px 12px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#d9a43edb!important;background:#fffbf2!important;color:#111827!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:"";position:absolute;right:14px;top:13px;width:12px;height:12px;border-radius:999px;background:#e7a83d;box-shadow:0 0 0 3px #e7a83d29}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:18px!important;font-weight:800!important;line-height:1.25!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:8px!important;color:#667085!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important}.hanable-vocab-category .category-start{margin-top:28px!important}.hanable-vocab-category .category-start button{width:min(100%,760px)!important;height:76px!important;gap:0!important;border-radius:999px!important;font-size:32px!important;font-weight:800!important;line-height:1!important}.hanable-vocab-category .category-settings-button{right:30px!important;top:86px!important}}@media(min-width:768px)and (max-width:980px){.hanable-vocab-category .category-content{padding-right:42px!important;padding-left:42px!important}.hanable-vocab-category .desktop-vocab-hero-card{grid-template-columns:minmax(230px,.85fr) minmax(270px,1fr);min-height:320px}.hanable-vocab-category .desktop-vocab-hero-copy{padding:34px 36px}.hanable-vocab-category .desktop-vocab-hero-copy h2{font-size:44px!important}.hanable-vocab-category .desktop-vocab-hero-description{font-size:17px}.hanable-vocab-category .category-difficulty-grid{gap:14px!important}}@media(max-width:767px){.hanable-app-main.hanable-vocab-lock-scroll .hanable-mobile-showcase{height:calc(100dvh - 154px - env(safe-area-inset-bottom))!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}.hanable-mobile-vocab{box-sizing:border-box;padding:14px 18px 24px!important;background:#fbfaf8!important}.hanable-mobile-vocab .mobile-showcase-bg{background:linear-gradient(180deg,#fffffff0,#f8fafcb8),linear-gradient(135deg,#fbfaf8,#eef5f7)!important;opacity:1!important;filter:none!important}.hanable-mobile-vocab .hanable-settings-gear{top:16px!important;right:18px!important;width:48px!important;height:48px!important;border-radius:15px!important}.hanable-mobile-vocab .mobile-showcase-arrow{top:172px!important;display:inline-flex!important;width:52px!important;height:52px!important;border:1px solid rgba(226,232,240,.74)!important;border-radius:999px!important;background:#ffffffe6!important;box-shadow:0 14px 34px #0f172a1a!important;color:#111827!important}.hanable-mobile-vocab .mobile-showcase-arrow-left{left:4px!important}.hanable-mobile-vocab .mobile-showcase-arrow-right{right:4px!important}.hanable-mobile-vocab .mobile-showcase-arrow svg{width:30px!important;height:30px!important}.hanable-mobile-vocab .mobile-showcase-hero{width:100%!important;min-height:0!important;padding:10px 0 0!important}.hanable-mobile-vocab .mobile-vocab-hero-card{display:flex;width:min(calc(100% - 54px),392px);min-height:0;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;border:1px solid rgba(226,232,240,.78);border-radius:32px;background:#ffffffeb;box-shadow:0 20px 48px #0f172a14;padding:26px 24px 24px;text-align:center}.hanable-mobile-vocab .mobile-vocab-category-art{display:block;width:min(78%,230px);aspect-ratio:1 / 1;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,#f8fafc,#f7f2ea)}.hanable-mobile-vocab .mobile-vocab-category-art img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hanable-mobile-vocab .mobile-vocab-category-art-empty{background:linear-gradient(145deg,#ffffff73,#f8fafc00),linear-gradient(135deg,#f8fafc,#eef5f7)}.hanable-mobile-vocab .mobile-showcase-hero h1{margin:18px 0 0!important;max-width:100%;overflow-wrap:anywhere;color:#101827!important;font-size:var(--mobile-title-size, 36px)!important;letter-spacing:0!important;line-height:1.16!important;text-wrap:balance;word-break:keep-all}.hanable-mobile-vocab .mobile-gold-divider{margin-top:18px!important;width:min(100%,210px)!important}.hanable-mobile-vocab .mobile-vocab-hero-description{margin:18px auto 0;color:#475467;font-size:17px;font-weight:700;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}.hanable-mobile-vocab .mobile-showcase-controls{width:100%!important;max-width:420px!important;gap:14px!important;margin:0 auto!important;padding:18px 0 0!important}.hanable-mobile-vocab .mobile-showcase-subcard{width:min(100%,392px)!important;min-height:74px!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:8px!important;border:1px solid rgba(226,232,240,.82)!important;border-radius:22px!important;background:#ffffffe6!important;box-shadow:0 16px 36px #0f172a0f!important;padding:8px 10px!important}.hanable-mobile-vocab .mobile-subcategory-main{min-height:56px!important;border:0!important;background:transparent!important}.hanable-mobile-vocab .mobile-subcategory-slide-content{gap:12px!important}.hanable-mobile-vocab .mobile-subcategory-icon{display:inline-flex;width:46px;height:46px;flex:0 0 46px;overflow:hidden;border-radius:999px;background:#f1f5f9}.hanable-mobile-vocab .mobile-subcategory-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hanable-mobile-vocab .mobile-showcase-subcard strong{color:#111827!important;font-family:var(--font-ui)!important;font-size:20px!important;font-weight:800!important;line-height:1.32!important}.hanable-mobile-vocab .mobile-subcategory-nav,.hanable-mobile-vocab .mobile-subcategory-nav-left,.hanable-mobile-vocab .mobile-subcategory-nav-right{display:inline-flex!important;width:42px!important;height:42px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:#111827!important;opacity:1!important;visibility:visible!important}.hanable-mobile-vocab .mobile-subcategory-nav:hover,.hanable-mobile-vocab .mobile-subcategory-nav:focus-visible{color:#b98a2c!important}.hanable-mobile-vocab .mobile-subcategory-nav svg{width:28px!important;height:28px!important}.hanable-mobile-vocab .mobile-showcase-dots{gap:11px!important;margin:0 0 2px!important}.hanable-mobile-vocab .mobile-showcase-dots button{width:10px!important;height:10px!important}.hanable-mobile-vocab .mobile-difficulty-label{display:none!important}.hanable-mobile-vocab .mobile-difficulty-cards{display:grid!important;width:min(100%,392px)!important;max-width:392px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-mobile-vocab .mobile-difficulty-cards button{min-height:72px!important;gap:5px!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:14px!important;background:#ffffffe6!important;color:#667085!important;box-shadow:none!important;padding:10px 4px!important}.hanable-mobile-vocab .mobile-difficulty-cards button+button{box-shadow:none!important}.hanable-mobile-vocab .mobile-difficulty-cards button[aria-pressed=true]{border-color:#d9a43edb!important;background:#fffbf2!important;color:#111827!important;box-shadow:none!important}.hanable-mobile-vocab .mobile-difficulty-cards strong{font-size:14px!important;font-weight:800!important;line-height:1.16!important}.hanable-mobile-vocab .mobile-difficulty-cards span{margin-top:0!important;color:#667085!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}.hanable-mobile-vocab .mobile-showcase-start{width:min(100%,320px)!important;height:66px!important;min-height:66px!important;margin:2px auto 0!important;border-radius:999px!important;font-size:28px!important;font-weight:800!important;line-height:1!important}}@media(max-width:390px){.hanable-mobile-vocab{padding-right:14px!important;padding-left:14px!important}.hanable-mobile-vocab .mobile-showcase-arrow{top:158px!important;width:48px!important;height:48px!important}.hanable-mobile-vocab .mobile-vocab-hero-card{width:min(calc(100% - 46px),360px);padding:22px 18px}.hanable-mobile-vocab .mobile-vocab-category-art{width:min(74%,188px)}.hanable-mobile-vocab .mobile-showcase-hero h1{font-size:min(var(--mobile-title-size, 32px),32px)!important}.hanable-mobile-vocab .mobile-vocab-hero-description{font-size:15px}.hanable-mobile-vocab .mobile-showcase-controls{gap:12px!important;padding-top:14px!important}.hanable-mobile-vocab .mobile-showcase-subcard{min-height:68px!important;grid-template-columns:38px minmax(0,1fr) 38px!important}.hanable-mobile-vocab .mobile-showcase-subcard strong{font-size:18px!important}.hanable-mobile-vocab .mobile-difficulty-cards{gap:6px!important}.hanable-mobile-vocab .mobile-difficulty-cards button{min-height:64px!important}.hanable-mobile-vocab .mobile-difficulty-cards strong{font-size:12px!important}.hanable-mobile-vocab .mobile-difficulty-cards span{font-size:10px!important}}.hanable-app-main h1,.hanable-app-main h2,.hanable-app-main h3,.hanable-mobile-side-sheet h1,.hanable-mobile-side-sheet h2,.hanable-mobile-side-sheet h3,[role=dialog] h1,[role=dialog] h2,[role=dialog] h3{font-family:var(--font-display)!important;font-weight:600!important;letter-spacing:0!important}.hanable-app-main p,.hanable-app-main span,.hanable-app-main small,.hanable-app-main li,.hanable-mobile-side-sheet p,.hanable-mobile-side-sheet span,.hanable-mobile-side-sheet small,.hanable-mobile-side-sheet li,[role=dialog] p,[role=dialog] span,[role=dialog] small,[role=dialog] li{letter-spacing:0}.hanable-app-main button,.hanable-app-main input,.hanable-app-main textarea,.hanable-app-main select,.hanable-app-header button,.hanable-bottom-nav a,.hanable-mobile-side-sheet button,[role=dialog] button,[role=dialog] input,[role=dialog] textarea,[role=dialog] select{font-family:var(--font-ui)!important;letter-spacing:0}.hanable-app-main .font-black,.hanable-mobile-side-sheet .font-black,[role=dialog] .font-black{font-weight:650!important}.hanable-app-main .font-extrabold,.hanable-mobile-side-sheet .font-extrabold,[role=dialog] .font-extrabold{font-weight:640!important}.hanable-app-main .font-bold,.hanable-mobile-side-sheet .font-bold,[role=dialog] .font-bold{font-weight:620!important}.hanable-app-main .font-semibold,.hanable-mobile-side-sheet .font-semibold,[role=dialog] .font-semibold{font-weight:600!important}.hanable-app-main .font-display,.hanable-app-main .font-playfair{font-family:var(--font-display)!important;font-weight:600!important}.hanable-app-main .font-inter,.hanable-app-main .tabular-nums,.hanable-app-header .tabular-nums,.hanable-bottom-nav .tabular-nums,.hanable-mobile-side-sheet .tabular-nums,[role=dialog] .tabular-nums{font-family:var(--font-number)!important}.hanable-app-main .font-noto,.hanable-mobile-side-sheet .font-noto,[role=dialog] .font-noto,.hanable-app-main .text-muted-foreground,.hanable-mobile-side-sheet .text-muted-foreground,[role=dialog] .text-muted-foreground{font-family:var(--font-copy-jp)!important}.hanable-home-app-main{height:calc(100vh - 56px)!important;max-width:none!important;padding:0!important;overflow-y:auto!important;background:#fbfcfd!important}.home-reference-shell{min-height:calc(100vh - 56px)!important;width:100%!important;overflow:visible!important;background:linear-gradient(180deg,#fffffff5,#f9fbfdf0)!important;padding:clamp(44px,5.2vw,72px) clamp(48px,5.4vw,72px) 72px!important;color:#0f172a}.home-reference-content{width:min(100%,1120px);margin:0 auto}.home-reference-hero h1{margin:0;color:#0d1320!important;font-family:var(--font-display)!important;font-size:clamp(36px,3.4vw,46px)!important;font-weight:600!important;line-height:1.22!important;letter-spacing:0!important}.home-reference-hero p{margin:20px 0 0;color:#6b7280;font-size:clamp(18px,1.55vw,22px);font-weight:600;line-height:1.5;letter-spacing:0}.home-reference-section{margin-top:56px}.home-reference-section h2,.home-reference-section-head h2{margin:0;color:#111827;font-size:21px;font-weight:800;line-height:1.25;letter-spacing:0}.home-reference-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.home-reference-section-head a{display:inline-flex;align-items:center;gap:12px;color:#6b7280;font-size:17px;font-weight:700;line-height:1;text-decoration:none}.home-reference-section-head a svg{width:18px;height:18px;stroke-width:2.2}.home-reference-recommend-card{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:34px;min-height:208px;margin-top:24px;padding:34px 68px 34px 54px;border:1px solid rgba(226,232,240,.62);border-radius:10px;background:#fffffff2;box-shadow:0 18px 36px #0f172a13,inset 0 1px #ffffffe6;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.home-reference-recommend-card:hover{transform:translateY(-2px);box-shadow:0 22px 42px #0f172a17,inset 0 1px #ffffffe6}.home-reference-sprout{display:inline-flex;width:148px;height:148px;align-items:center;justify-content:center;border-radius:999px;background:radial-gradient(circle at 42% 34%,#fff,#f5f6f9 54%,#edf0f4);color:#5f6878;box-shadow:inset 0 1px #ffffffd6}.home-reference-sprout svg{width:46px;height:46px;stroke-width:1.9}.home-reference-recommend-copy{display:flex;min-width:0;flex-direction:column;gap:20px}.home-reference-recommend-copy strong{color:#0d1320;font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1.15;letter-spacing:0}.home-reference-recommend-copy span{color:#6b7280;font-size:18px;font-weight:600;line-height:1.35}.home-reference-start-button{display:inline-flex;width:178px;height:76px;align-items:center;justify-content:center;gap:18px;border-radius:8px;background:#141a29;color:#fff!important;font-size:17px;font-weight:800;line-height:1;box-shadow:0 10px 24px #0f172a2e}.home-reference-start-button svg{width:18px;height:18px;stroke-width:2.4}.home-reference-summary-section{margin-top:70px}.home-reference-summary-card.home-summary-card{display:grid!important;width:100%!important;max-width:none!important;min-height:264px!important;margin-top:24px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:hidden;border:1px solid rgba(226,232,240,.62)!important;border-radius:10px!important;background:#fffffff2!important;box-shadow:0 18px 36px #0f172a13,inset 0 1px #ffffffe0!important}.home-reference-summary-item.home-summary-item{display:flex!important;min-height:264px!important;align-items:center!important;justify-content:center!important;gap:18px!important;padding:34px 20px!important;border:0!important;background:transparent!important;text-align:center}.home-reference-summary-item+.home-reference-summary-item{border-left:1px solid rgba(226,232,240,.92)!important}.home-reference-summary-item svg{width:28px;height:28px;color:#64748b;stroke-width:1.7}.home-reference-summary-item.is-gold svg{color:#b4893f}.home-reference-summary-item strong{color:#0d1320;font-family:var(--font-display);font-size:38px;font-weight:600;line-height:1;letter-spacing:0}.home-reference-summary-item span{color:#6b7280;font-size:17px;font-weight:700;line-height:1.35}.home-reference-error{margin:28px 0 0;border:1px solid rgba(254,202,202,.8);border-radius:10px;background:#fff1f2d1;padding:14px 18px;color:#be123c;font-size:14px;font-weight:700}.home-reference-menu-section{margin-top:66px}.home-reference-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:24px}.home-reference-menu-item.home-main-card{position:relative;display:flex!important;min-height:250px!important;height:auto!important;align-items:center!important;justify-content:center!important;gap:26px!important;padding:34px 26px 32px!important;border:1px solid rgba(226,232,240,.62)!important;border-radius:10px!important;background:#fffffff2!important;box-shadow:0 14px 28px #0f172a0f,inset 0 1px #ffffffe0!important;text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.home-reference-menu-item.home-main-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px #0f172a14,inset 0 1px #ffffffe0!important}.home-reference-menu-icon{display:inline-flex;width:82px;height:82px;align-items:center;justify-content:center;flex:0 0 auto;border-radius:999px;background:radial-gradient(circle at 38% 28%,#fff,#f4f5f8 58%,#eceff4);color:#515a69}.home-reference-menu-icon.is-blue{color:#32618f;background:radial-gradient(circle at 38% 28%,#fff,#f1f5fb 58%,#e9eef8)}.home-reference-menu-icon.is-sand{color:#626977;background:radial-gradient(circle at 38% 28%,#fff,#f5f3ee 58%,#eeeae2)}.home-reference-menu-icon.is-violet{color:#4b5563;background:radial-gradient(circle at 38% 28%,#fff,#f4f2f8 58%,#edeaf4)}.home-reference-menu-icon svg{width:36px;height:36px;stroke-width:1.8}.home-reference-menu-copy.home-card-copy{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;padding:0!important;text-align:center!important}.home-reference-menu-copy strong{color:#0d1320;font-family:var(--font-display);font-size:25px;font-weight:600;line-height:1.2;letter-spacing:0}.home-reference-menu-copy span{color:#6b7280!important;font-size:17px!important;font-weight:600!important;line-height:1.35!important}.home-reference-menu-arrow{display:none}@media(max-width:767px){.hanable-home-app-main{height:calc(100dvh - 56px)!important;padding:0!important;overflow-y:auto!important;background:#fbfcfd!important}.home-reference-shell{min-height:calc(100dvh - 56px)!important;padding:34px clamp(30px,9.2vw,40px) calc(104px + env(safe-area-inset-bottom))!important}.home-reference-content{width:100%;max-width:430px}.home-reference-hero h1{font-size:clamp(34px,9.8vw,42px)!important;line-height:1.08!important}.home-hero-welcome{display:none}.home-reference-hero p{margin-top:22px;font-size:clamp(18px,4.8vw,22px);line-height:1.45}.home-reference-section{margin-top:46px}.home-reference-section h2,.home-reference-section-head h2{font-size:clamp(22px,5.8vw,28px)}.home-reference-recommend-card{grid-template-columns:minmax(108px,30%) minmax(0,1fr);grid-template-rows:auto auto;gap:18px 26px;min-height:152px;margin-top:24px;padding:28px 34px 28px 30px;border-radius:18px;box-shadow:0 18px 34px #0f172a14,inset 0 1px #ffffffe6}.home-reference-sprout{grid-row:1 / span 2;width:clamp(104px,28vw,132px);height:clamp(104px,28vw,132px)}.home-reference-sprout svg{width:42px;height:42px}.home-reference-recommend-copy{grid-column:2;gap:14px;align-self:end}.home-reference-recommend-copy strong{font-size:clamp(25px,6.8vw,32px);line-height:1.05}.home-reference-recommend-copy span{font-size:clamp(17px,4.6vw,22px);line-height:1.3}.home-reference-start-button{grid-column:2;width:clamp(164px,44vw,220px);height:60px;justify-self:start;gap:0;border-radius:12px;font-size:clamp(17px,4.6vw,22px)}.home-reference-start-button svg{display:none}.home-reference-summary-section{margin-top:58px}.home-reference-section-head a{gap:10px;font-size:clamp(17px,4.6vw,22px);white-space:nowrap}.home-reference-section-head a svg{width:24px;height:24px}.home-reference-summary-card.home-summary-card{min-height:144px!important;margin-top:26px!important;border-radius:18px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-reference-summary-item.home-summary-item{min-height:144px!important;gap:14px!important;padding:24px 8px!important}.home-reference-summary-item svg{width:31px;height:31px}.home-reference-summary-item strong{font-size:clamp(34px,9.4vw,44px)}.home-reference-summary-item span{font-size:clamp(14px,3.9vw,18px);line-height:1.2}.home-reference-menu-section{margin-top:60px}.home-reference-menu{display:block;margin-top:26px;overflow:hidden;border:1px solid rgba(226,232,240,.82);border-radius:18px;background:#fffffff2;box-shadow:none}.home-reference-menu-item.home-main-card{display:grid!important;min-height:112px!important;grid-template-columns:96px minmax(0,1fr) 32px!important;gap:28px!important;align-items:center!important;justify-content:stretch!important;padding:22px 28px 22px 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}.home-reference-menu-item+.home-reference-menu-item{border-top:1px solid rgba(226,232,240,.9)!important}.home-reference-menu-icon{width:68px;height:68px;border-radius:18px}.home-reference-menu-icon svg{width:34px;height:34px}.home-reference-menu-copy.home-card-copy{align-items:flex-start!important;gap:12px!important;text-align:left!important}.home-reference-menu-copy strong{font-size:clamp(22px,5.8vw,28px);line-height:1.12}.home-reference-menu-copy span{font-size:clamp(16px,4.4vw,20px)!important;line-height:1.28!important}.home-reference-menu-arrow{display:block;width:30px;height:30px;color:#6b7280;stroke-width:2.1}}@media(max-width:380px){.home-reference-shell{padding-right:24px!important;padding-left:24px!important}.home-reference-recommend-card{grid-template-columns:96px minmax(0,1fr);gap:14px 22px;padding-right:24px;padding-left:22px}.home-reference-sprout{width:96px;height:96px}.home-reference-start-button{width:160px;height:58px}.home-reference-menu-item.home-main-card{grid-template-columns:78px minmax(0,1fr) 26px!important;gap:18px!important;padding-right:20px!important}.home-reference-menu-icon{width:64px;height:64px}}@media(min-width:768px){.hanable-conversation-category.hanable-category-page{overflow-x:hidden!important;overflow-y:auto!important;background:#fbfaf8!important}.hanable-conversation-category .desktop-category-background,.hanable-conversation-category .desktop-category-soft-overlay,.hanable-conversation-category .desktop-category-light-overlay{display:none!important;background:none!important}.hanable-conversation-category .category-content{height:auto!important;min-height:calc(100vh - 56px)!important;max-width:1120px!important;gap:22px!important;padding:42px 64px 34px!important}.hanable-conversation-category .category-hero-copy{width:100%!important;min-height:0!important;flex:0 0 auto!important;padding:0!important}.hanable-conversation-category .desktop-conversation-hero-card{display:grid;width:min(100%,940px);min-height:360px;grid-template-columns:minmax(260px,.95fr) minmax(300px,1fr);align-items:stretch;overflow:hidden;border:1px solid rgba(226,232,240,.78);border-radius:34px;background:#ffffffeb;box-shadow:0 24px 62px #0f172a14}.hanable-conversation-category .desktop-conversation-hero-image-frame{display:block;width:100%;min-height:300px;aspect-ratio:1 / 1;overflow:hidden;background:linear-gradient(145deg,#f8fafc,#f7f2ea)}.hanable-conversation-category .desktop-conversation-hero-image-frame img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hanable-conversation-category .desktop-conversation-hero-image-empty{display:block;width:100%;height:100%;background:linear-gradient(145deg,#ffffff6b,#f8fafc00),linear-gradient(135deg,#f8fafc,#f7f2ea)}.hanable-conversation-category .desktop-conversation-hero-copy{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:42px 52px;text-align:center}.hanable-conversation-category .desktop-conversation-hero-copy h2{max-width:100%;margin:0;overflow-wrap:anywhere;font-size:58px!important;letter-spacing:0!important;line-height:1.1!important;text-wrap:balance;word-break:keep-all}.hanable-conversation-category .desktop-conversation-gold-divider{margin-top:24px!important}.hanable-conversation-category .desktop-conversation-hero-description{max-width:420px;margin:24px auto 0;color:#344054!important;font-family:var(--font-ui)!important;font-size:20px!important;font-weight:700!important;line-height:1.55!important;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.hanable-conversation-category .conversation-category-dots{display:flex;justify-content:center;gap:13px;margin-top:34px}.hanable-conversation-category .conversation-category-dots button{width:11px;height:11px;border-radius:999px;background:#cbd5e1d1;transition:background .18s ease,transform .18s ease}.hanable-conversation-category .conversation-category-dots button[aria-pressed=true]{background:#e7a83d;transform:scale(1.04)}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]{max-width:900px!important}.hanable-conversation-category .conversation-role-segment{max-width:900px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-conversation-category .conversation-role-segment button{min-height:70px!important;border:1px solid rgba(226,232,240,.92)!important;border-radius:16px!important;background:#ffffffe6!important;color:#667085!important;box-shadow:none!important;font-size:20px!important;font-weight:800!important}.hanable-conversation-category .conversation-role-segment button[aria-pressed=true]{border-color:#d9a43edb!important;background:#fffbf2!important;color:#111827!important;box-shadow:none!important}.hanable-conversation-category .conversation-role-segment button[aria-pressed=true]:after,.hanable-conversation-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important;display:none!important}.hanable-conversation-category .category-action-zone,.hanable-conversation-category .category-difficulty-grid{max-width:900px!important}.hanable-conversation-category .category-content>.mx-auto>div>p{display:none!important}.hanable-conversation-category .category-difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card{position:relative;min-height:84px;border:1px solid rgba(226,232,240,.92)!important;border-radius:14px!important;background:#ffffffe6!important;box-shadow:none!important;color:#667085!important;padding:14px 12px!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#d9a43edb!important;background:#fffbf2!important;color:#111827!important;box-shadow:none!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:18px!important;font-weight:800!important;line-height:1.25!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:8px!important;color:#667085!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important}.hanable-conversation-category .category-start{position:static!important;margin-top:28px!important;padding:0!important;background:transparent!important}.hanable-conversation-category .category-start button{width:min(100%,760px)!important;height:76px!important;gap:0!important;border-radius:999px!important;font-size:32px!important;font-weight:800!important;line-height:1!important}.hanable-conversation-category .category-settings-button{right:30px!important;top:86px!important;border-radius:15px!important}}@media(min-width:768px)and (max-width:980px){.hanable-conversation-category .category-content{padding-right:42px!important;padding-left:42px!important}.hanable-conversation-category .desktop-conversation-hero-card{grid-template-columns:minmax(230px,.85fr) minmax(270px,1fr);min-height:320px}.hanable-conversation-category .desktop-conversation-hero-copy{padding:34px 36px}.hanable-conversation-category .desktop-conversation-hero-copy h2{font-size:44px!important}.hanable-conversation-category .desktop-conversation-hero-description{font-size:17px!important}.hanable-conversation-category .category-difficulty-grid{gap:14px!important}}@media(max-width:767px){.hanable-app-main.hanable-conversation-lock-scroll .hanable-mobile-showcase{height:calc(100dvh - 154px - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 154px - env(safe-area-inset-bottom))!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}.hanable-mobile-conversation{box-sizing:border-box;padding:14px 18px 24px!important;background:#fbfaf8!important}.hanable-mobile-conversation .mobile-showcase-bg{background:linear-gradient(180deg,#fffffff0,#f8fafcb8),linear-gradient(135deg,#fbfaf8,#eef5f7)!important;opacity:1!important;filter:none!important}.hanable-mobile-conversation .mobile-showcase-bg:after{display:none!important}.hanable-mobile-conversation .hanable-settings-gear{top:16px!important;right:18px!important;width:48px!important;height:48px!important;border-radius:15px!important;border-color:#e2e8f0bd!important;background:#ffffffe6!important;box-shadow:0 14px 34px #0f172a1a!important;color:#4b5563!important}.hanable-mobile-conversation .mobile-showcase-arrow{top:172px!important;display:inline-flex!important;width:52px!important;height:52px!important;border:1px solid rgba(226,232,240,.74)!important;border-radius:999px!important;background:#ffffffe6!important;box-shadow:0 14px 34px #0f172a1a!important;color:#111827!important}.hanable-mobile-conversation .mobile-showcase-arrow-left{left:4px!important}.hanable-mobile-conversation .mobile-showcase-arrow-right{right:4px!important}.hanable-mobile-conversation .mobile-showcase-arrow svg{width:30px!important;height:30px!important}.hanable-mobile-conversation .mobile-showcase-hero{width:100%!important;min-height:0!important;padding:10px 0 0!important}.hanable-mobile-conversation .mobile-conversation-hero-card{display:flex;width:min(calc(100% - 54px),392px);min-height:0;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;border:1px solid rgba(226,232,240,.78);border-radius:32px;background:#ffffffeb;box-shadow:0 20px 48px #0f172a14;padding:26px 24px 24px;text-align:center}.hanable-mobile-conversation .mobile-conversation-category-art{display:block;width:min(78%,230px);aspect-ratio:1 / 1;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,#f8fafc,#f7f2ea)}.hanable-mobile-conversation .mobile-conversation-category-art img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hanable-mobile-conversation .mobile-conversation-category-art-empty{background:linear-gradient(145deg,#ffffff73,#f8fafc00),linear-gradient(135deg,#f8fafc,#eef5f7)}.hanable-mobile-conversation .mobile-showcase-hero h1{margin:18px 0 0!important;max-width:100%;overflow:visible!important;color:#101827!important;font-size:36px!important;letter-spacing:0!important;line-height:1.16!important;text-align:center!important;text-overflow:clip!important;white-space:normal!important;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}.hanable-mobile-conversation .mobile-gold-divider{margin-top:18px!important;width:min(100%,210px)!important}.hanable-mobile-conversation .mobile-showcase-hero p{margin:18px auto 0!important;color:#475467!important;font-size:17px!important;font-weight:700!important;line-height:1.55!important;word-break:keep-all;overflow-wrap:anywhere}.hanable-mobile-conversation .conversation-category-dots{display:flex;justify-content:center;gap:11px;margin-top:20px}.hanable-mobile-conversation .conversation-category-dots button{width:10px;height:10px;border-radius:999px;background:#cbd5e1d1}.hanable-mobile-conversation .conversation-category-dots button[aria-pressed=true]{background:#e7a83d}.hanable-mobile-conversation .mobile-showcase-controls{display:flex!important;width:100%!important;max-width:420px!important;flex-direction:column!important;gap:14px!important;margin:0 auto!important;padding:18px 0 0!important}.hanable-mobile-conversation .mobile-role-pills{display:grid!important;width:min(100%,392px)!important;min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-mobile-conversation .mobile-role-pills button{min-height:64px!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:16px!important;background:#ffffffe6!important;color:#667085!important;box-shadow:none!important;padding:0 10px!important}.hanable-mobile-conversation .mobile-role-pills button[aria-pressed=true]{border-color:#d9a43edb!important;background:#fffbf2!important;color:#111827!important;box-shadow:none!important}.hanable-mobile-conversation .mobile-role-pills button[aria-pressed=true]:after,.hanable-mobile-conversation .mobile-difficulty-cards button[aria-pressed=true]:after{content:none!important;display:none!important}.hanable-mobile-conversation .mobile-role-label{color:inherit!important;font-size:18px!important;font-weight:800!important;line-height:1.22!important;white-space:normal!important}.hanable-mobile-conversation .mobile-difficulty-label{display:none!important}.hanable-mobile-conversation .mobile-difficulty-cards{display:grid!important;width:min(100%,392px)!important;max-width:392px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-mobile-conversation .mobile-difficulty-cards button{min-height:72px!important;gap:5px!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:14px!important;background:#ffffffe6!important;color:#667085!important;box-shadow:none!important;padding:10px 4px!important}.hanable-mobile-conversation .mobile-difficulty-cards button+button{box-shadow:none!important}.hanable-mobile-conversation .mobile-difficulty-cards button[aria-pressed=true]{border-color:#d9a43edb!important;background:#fffbf2!important;color:#111827!important;box-shadow:none!important}.hanable-mobile-conversation .mobile-difficulty-cards strong{font-size:14px!important;font-weight:800!important;line-height:1.16!important}.hanable-mobile-conversation .mobile-difficulty-cards span{margin-top:0!important;color:#667085!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}.hanable-mobile-conversation .mobile-showcase-start{width:min(100%,320px)!important;height:66px!important;min-height:66px!important;margin:2px auto 0!important;border-radius:999px!important;font-size:28px!important;font-weight:800!important;line-height:1!important}}@media(max-width:390px){.hanable-mobile-conversation{padding-right:14px!important;padding-left:14px!important}.hanable-mobile-conversation .mobile-showcase-arrow{top:158px!important;width:48px!important;height:48px!important}.hanable-mobile-conversation .mobile-conversation-hero-card{width:min(calc(100% - 46px),360px);padding:22px 18px}.hanable-mobile-conversation .mobile-conversation-category-art{width:min(74%,188px)}.hanable-mobile-conversation .mobile-showcase-hero h1{font-size:32px!important}.hanable-mobile-conversation .mobile-showcase-hero p{font-size:15px!important}.hanable-mobile-conversation .mobile-showcase-controls{gap:12px!important;padding-top:14px!important}.hanable-mobile-conversation .mobile-role-pills{gap:8px!important}.hanable-mobile-conversation .mobile-role-pills button{min-height:58px!important}.hanable-mobile-conversation .mobile-role-label{font-size:15px!important}.hanable-mobile-conversation .mobile-difficulty-cards{gap:6px!important}.hanable-mobile-conversation .mobile-difficulty-cards button{min-height:64px!important}.hanable-mobile-conversation .mobile-difficulty-cards strong{font-size:12px!important}.hanable-mobile-conversation .mobile-difficulty-cards span{font-size:10px!important}}html,body,#root{max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}.hanable-app-main,.hanable-category-page,.hanable-mobile-showcase{overflow-x:hidden!important;overscroll-behavior-x:none}@media(min-width:768px){.hanable-home-app-main{overflow:hidden!important}.home-reference-shell{height:calc(100vh - 56px)!important;min-height:0!important;overflow:hidden!important;padding:28px 56px!important}.home-reference-content{display:flex;height:100%;max-width:1160px;flex-direction:column}.home-reference-hero h1{font-size:38px!important;line-height:1.14!important}.home-reference-hero p{margin-top:10px!important;font-size:17px!important;line-height:1.35!important}.home-reference-section{margin-top:22px!important}.home-reference-section h2,.home-reference-section-head h2{font-size:18px!important}.home-reference-section-head a{font-size:14px!important}.home-reference-recommend-card{min-height:140px!important;margin-top:12px!important;grid-template-columns:112px minmax(0,1fr) auto!important;gap:24px!important;padding:18px 46px 18px 38px!important}.home-reference-sprout{width:100px!important;height:100px!important}.home-reference-sprout svg{width:34px!important;height:34px!important}.home-reference-recommend-copy{gap:10px!important}.home-reference-recommend-copy strong{font-size:23px!important}.home-reference-recommend-copy span{font-size:15px!important}.home-reference-start-button{width:150px!important;height:56px!important;gap:10px!important;font-size:15px!important}.home-reference-summary-section,.home-reference-menu-section{margin-top:22px!important}.home-reference-summary-card.home-summary-card{min-height:126px!important;margin-top:12px!important}.home-reference-summary-item.home-summary-item{min-height:126px!important;gap:10px!important;padding:18px 12px!important}.home-reference-summary-item svg{width:22px!important;height:22px!important}.home-reference-summary-item strong{font-size:30px!important}.home-reference-summary-item span{font-size:14px!important}.home-reference-menu{gap:18px!important;margin-top:12px!important}.home-reference-menu-item.home-main-card{min-height:126px!important;gap:18px!important;padding:20px 18px!important}.home-reference-menu-icon{width:58px!important;height:58px!important}.home-reference-menu-icon svg{width:26px!important;height:26px!important}.home-reference-menu-copy.home-card-copy{gap:8px!important}.home-reference-menu-copy strong{font-size:20px!important}.home-reference-menu-copy span{font-size:14px!important}.hanable-vocab-lock-scroll,.hanable-conversation-lock-scroll{overflow:hidden!important}.hanable-vocab-category.hanable-category-page,.hanable-conversation-category.hanable-category-page{height:calc(100vh - 56px)!important;overflow:hidden!important}.hanable-vocab-category .category-content,.hanable-conversation-category .category-content{height:100%!important;min-height:0!important;max-width:1040px!important;justify-content:center!important;gap:12px!important;padding:20px 56px 18px!important}.hanable-vocab-category .category-hero-copy,.hanable-conversation-category .category-hero-copy{flex:0 0 auto!important;min-height:0!important}.hanable-vocab-category .desktop-vocab-hero-card,.hanable-conversation-category .desktop-conversation-hero-card{width:min(100%,860px)!important;height:280px!important;min-height:0!important;grid-template-columns:280px minmax(0,1fr)!important;border-radius:26px!important}.hanable-vocab-category .desktop-vocab-hero-image-frame,.hanable-conversation-category .desktop-conversation-hero-image-frame{width:280px!important;height:280px!important;min-height:0!important;aspect-ratio:1 / 1!important}.hanable-vocab-category .desktop-vocab-hero-copy,.hanable-conversation-category .desktop-conversation-hero-copy{padding:22px 38px!important}.hanable-vocab-category .desktop-vocab-hero-copy h2,.hanable-conversation-category .desktop-conversation-hero-copy h2{font-size:40px!important;line-height:1.12!important}.hanable-vocab-category .desktop-vocab-gold-divider,.hanable-conversation-category .desktop-conversation-gold-divider{margin-top:14px!important}.hanable-vocab-category .desktop-vocab-hero-description,.hanable-conversation-category .desktop-conversation-hero-description{margin-top:14px!important;font-size:15px!important;line-height:1.45!important}.hanable-conversation-category .conversation-category-dots{gap:9px!important;margin-top:16px!important}.hanable-conversation-category .conversation-category-dots button{width:9px!important;height:9px!important}.hanable-vocab-category .category-subcategory-zone,.hanable-vocab-category .category-action-zone,.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\],.hanable-conversation-category .category-difficulty-grid,.hanable-conversation-category .conversation-role-segment{max-width:760px!important}.hanable-vocab-category .desktop-subcategory-carousel{margin-top:8px!important;margin-bottom:0!important}.hanable-vocab-category .desktop-subcategory-stage{min-height:52px!important;grid-template-columns:36px minmax(0,1fr) 36px!important}.hanable-vocab-category .desktop-subcategory-main{min-height:52px!important;border-radius:16px!important}.hanable-vocab-category .desktop-subcategory-title{font-size:19px!important}.hanable-vocab-category .desktop-subcategory-nav{width:36px!important;height:36px!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:24px!important;height:24px!important}.hanable-vocab-category .desktop-subcategory-dots{gap:9px!important;margin-top:8px!important}.hanable-vocab-category .desktop-subcategory-dot{width:9px!important;height:9px!important}.hanable-conversation-category .conversation-role-segment{gap:12px!important}.hanable-conversation-category .conversation-role-segment button{min-height:52px!important;border-radius:14px!important;font-size:18px!important}.hanable-vocab-category .category-difficulty-grid,.hanable-conversation-category .category-difficulty-grid{gap:12px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card,.hanable-conversation-category .category-difficulty-grid .difficulty-card{min-height:58px!important;padding:8px!important;border-radius:12px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child,.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:15px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child,.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:4px!important;font-size:12px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after,.hanable-conversation-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important;display:none!important}.hanable-vocab-category .category-start,.hanable-conversation-category .category-start{margin-top:12px!important;padding:0!important;background:transparent!important}.hanable-vocab-category .category-start button,.hanable-conversation-category .category-start button{width:min(100%,640px)!important;height:54px!important;font-size:23px!important}.hanable-vocab-category .category-settings-button,.hanable-conversation-category .category-settings-button{top:70px!important;right:24px!important;width:48px!important;height:48px!important}}@media(min-width:768px)and (max-height:760px){.home-reference-shell{padding-top:20px!important;padding-bottom:20px!important}.home-reference-hero h1{font-size:32px!important}.home-reference-section{margin-top:16px!important}.home-reference-recommend-card{min-height:116px!important;padding-top:14px!important;padding-bottom:14px!important}.home-reference-sprout{width:82px!important;height:82px!important}.home-reference-summary-card.home-summary-card,.home-reference-summary-item.home-summary-item,.home-reference-menu-item.home-main-card{min-height:104px!important}.hanable-vocab-category .category-content,.hanable-conversation-category .category-content{gap:8px!important;padding-top:12px!important;padding-bottom:12px!important}.hanable-vocab-category .desktop-vocab-hero-card,.hanable-conversation-category .desktop-conversation-hero-card{height:232px!important;grid-template-columns:232px minmax(0,1fr)!important}.hanable-vocab-category .desktop-vocab-hero-image-frame,.hanable-conversation-category .desktop-conversation-hero-image-frame{width:232px!important;height:232px!important}.hanable-vocab-category .desktop-vocab-hero-copy h2,.hanable-conversation-category .desktop-conversation-hero-copy h2{font-size:34px!important}.hanable-vocab-category .desktop-vocab-hero-description,.hanable-conversation-category .desktop-conversation-hero-description{margin-top:10px!important;font-size:13px!important}.hanable-vocab-category .desktop-subcategory-main,.hanable-conversation-category .conversation-role-segment button{min-height:46px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card,.hanable-conversation-category .category-difficulty-grid .difficulty-card{min-height:50px!important}.hanable-vocab-category .category-start button,.hanable-conversation-category .category-start button{height:48px!important;font-size:21px!important}}@media(max-width:767px){.hanable-home-app-main,.hanable-vocab-lock-scroll,.hanable-conversation-lock-scroll{overflow:hidden!important}.hanable-home-app-main{height:calc(100dvh - 56px)!important}.home-reference-shell{height:calc(100dvh - 134px - env(safe-area-inset-bottom))!important;min-height:0!important;overflow:hidden!important;padding:16px 20px 10px!important}.home-reference-content{display:flex;height:100%;max-width:430px;flex-direction:column;justify-content:flex-start}.home-reference-hero h1{font-size:28px!important;line-height:1.08!important}.home-reference-hero p{margin-top:8px!important;font-size:13px!important;line-height:1.35!important}.home-reference-section{margin-top:12px!important}.home-reference-section h2,.home-reference-section-head h2{font-size:15px!important;line-height:1.2!important}.home-reference-section-head a{gap:4px!important;font-size:12px!important}.home-reference-section-head a svg{width:14px!important;height:14px!important}.home-reference-recommend-card{min-height:94px!important;margin-top:8px!important;grid-template-columns:72px minmax(0,1fr)!important;gap:8px 14px!important;padding:12px 14px!important;border-radius:14px!important}.home-reference-sprout{width:66px!important;height:66px!important}.home-reference-sprout svg{width:26px!important;height:26px!important}.home-reference-recommend-copy{gap:5px!important}.home-reference-recommend-copy strong{font-size:20px!important;line-height:1.1!important}.home-reference-recommend-copy span{font-size:12px!important;line-height:1.25!important}.home-reference-start-button{width:112px!important;height:38px!important;border-radius:10px!important;font-size:13px!important}.home-reference-summary-section,.home-reference-menu-section{margin-top:12px!important}.home-reference-summary-card.home-summary-card{min-height:84px!important;margin-top:8px!important;border-radius:14px!important}.home-reference-summary-item.home-summary-item{min-height:84px!important;gap:6px!important;padding:10px 4px!important}.home-reference-summary-item svg{width:18px!important;height:18px!important}.home-reference-summary-item strong{font-size:24px!important}.home-reference-summary-item span{font-size:11px!important;line-height:1.15!important}.home-reference-menu{margin-top:8px!important;border-radius:14px!important}.home-reference-menu-item.home-main-card{min-height:58px!important;grid-template-columns:48px minmax(0,1fr) 18px!important;gap:10px!important;padding:8px 12px!important}.home-reference-menu-icon{width:38px!important;height:38px!important;border-radius:12px!important}.home-reference-menu-icon svg{width:20px!important;height:20px!important}.home-reference-menu-copy.home-card-copy{gap:3px!important}.home-reference-menu-copy strong{display:none!important}.home-reference-menu-copy span{font-size:14px!important;line-height:1.15!important}.home-reference-menu-arrow{width:18px!important;height:18px!important}.hanable-app-main.hanable-vocab-lock-scroll .hanable-mobile-showcase,.hanable-app-main.hanable-conversation-lock-scroll .hanable-mobile-showcase{height:calc(100dvh - 134px - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 134px - env(safe-area-inset-bottom))!important;overflow:hidden!important}.hanable-mobile-vocab,.hanable-mobile-conversation{display:grid!important;grid-template-rows:auto minmax(0,1fr);align-content:start;padding:10px 12px 8px!important}.hanable-mobile-vocab .hanable-settings-gear,.hanable-mobile-conversation .hanable-settings-gear{top:10px!important;right:12px!important;width:38px!important;height:38px!important;border-radius:12px!important}.hanable-mobile-vocab .mobile-showcase-arrow,.hanable-mobile-conversation .mobile-showcase-arrow{top:112px!important;width:38px!important;height:38px!important;border-radius:999px!important;border:1px solid rgba(226,232,240,.78)!important;background:#ffffffe6!important;box-shadow:0 8px 20px #0f172a14!important}.hanable-mobile-vocab .mobile-showcase-arrow-left,.hanable-mobile-conversation .mobile-showcase-arrow-left{left:4px!important}.hanable-mobile-vocab .mobile-showcase-arrow-right,.hanable-mobile-conversation .mobile-showcase-arrow-right{right:4px!important}.hanable-mobile-vocab .mobile-showcase-arrow svg,.hanable-mobile-conversation .mobile-showcase-arrow svg{width:22px!important;height:22px!important}.hanable-mobile-vocab .mobile-showcase-hero,.hanable-mobile-conversation .mobile-showcase-hero{min-height:0!important;padding:0!important}.hanable-mobile-vocab .mobile-vocab-hero-card,.hanable-mobile-conversation .mobile-conversation-hero-card{width:min(calc(100% - 48px),340px)!important;border-radius:22px!important;padding:14px 14px 12px!important;box-shadow:0 14px 30px #0f172a13!important}.hanable-mobile-vocab .mobile-vocab-category-art,.hanable-mobile-conversation .mobile-conversation-category-art{width:min(54%,136px)!important;border-radius:18px!important}.hanable-mobile-vocab .mobile-showcase-hero h1,.hanable-mobile-conversation .mobile-showcase-hero h1{margin-top:9px!important;font-size:25px!important;line-height:1.12!important}.hanable-mobile-chunk .mobile-showcase-hero h1{max-width:100%!important;font-size:22px!important;white-space:normal!important;text-wrap:balance!important}.hanable-mobile-vocab .mobile-gold-divider,.hanable-mobile-conversation .mobile-gold-divider{width:min(100%,148px)!important;margin-top:8px!important;margin-bottom:0!important}.hanable-mobile-vocab .mobile-vocab-hero-description,.hanable-mobile-conversation .mobile-showcase-hero p{margin-top:8px!important;font-size:12px!important;line-height:1.3!important}.hanable-mobile-conversation .conversation-category-dots{gap:7px!important;margin-top:8px!important}.hanable-mobile-conversation .conversation-category-dots button{width:7px!important;height:7px!important}.hanable-mobile-vocab .mobile-showcase-controls,.hanable-mobile-conversation .mobile-showcase-controls{align-self:start;gap:8px!important;padding:8px 0 0!important}.hanable-mobile-vocab .mobile-showcase-subcard{width:min(100%,340px)!important;min-height:46px!important;grid-template-columns:30px minmax(0,1fr) 30px!important;gap:4px!important;border-radius:16px!important;padding:5px 7px!important}.hanable-mobile-vocab .mobile-subcategory-main{min-height:36px!important}.hanable-mobile-vocab .mobile-showcase-subcard strong{font-size:15px!important;line-height:1.2!important}.hanable-mobile-vocab .mobile-subcategory-nav,.hanable-mobile-vocab .mobile-subcategory-nav-left,.hanable-mobile-vocab .mobile-subcategory-nav-right{width:30px!important;height:30px!important}.hanable-mobile-vocab .mobile-subcategory-nav svg{width:20px!important;height:20px!important}.hanable-mobile-vocab .mobile-showcase-dots{gap:7px!important;margin:0!important}.hanable-mobile-vocab .mobile-showcase-dots button{width:7px!important;height:7px!important}.hanable-mobile-conversation .mobile-role-pills{width:min(100%,340px)!important;gap:6px!important}.hanable-mobile-conversation .mobile-role-pills button{min-height:42px!important;border-radius:13px!important;padding:0 8px!important}.hanable-mobile-conversation .mobile-role-label{font-size:13px!important;line-height:1.15!important}.hanable-mobile-vocab .mobile-difficulty-cards,.hanable-mobile-conversation .mobile-difficulty-cards{width:min(100%,340px)!important;max-width:340px!important;gap:5px!important}.hanable-mobile-vocab .mobile-difficulty-cards button,.hanable-mobile-conversation .mobile-difficulty-cards button{min-height:48px!important;height:48px!important;border-radius:11px!important;padding:5px 2px!important}.hanable-mobile-vocab .mobile-difficulty-cards strong,.hanable-mobile-conversation .mobile-difficulty-cards strong{font-size:11px!important;line-height:1.1!important}.hanable-mobile-vocab .mobile-difficulty-cards span,.hanable-mobile-conversation .mobile-difficulty-cards span{margin-top:2px!important;font-size:9px!important;line-height:1.1!important}.hanable-mobile-vocab .mobile-showcase-start,.hanable-mobile-conversation .mobile-showcase-start{width:min(100%,250px)!important;height:48px!important;min-height:48px!important;margin-top:0!important;font-size:21px!important}}@media(max-width:380px),(max-height:700px)and (max-width:767px){.home-reference-shell{padding:12px 16px 8px!important}.home-reference-hero h1{font-size:24px!important}.home-reference-hero p{display:none!important}.home-reference-section{margin-top:10px!important}.home-reference-recommend-card{min-height:82px!important}.home-reference-sprout{width:56px!important;height:56px!important}.home-reference-summary-card.home-summary-card,.home-reference-summary-item.home-summary-item{min-height:72px!important}.home-reference-menu-item.home-main-card{min-height:52px!important}.hanable-mobile-vocab .mobile-vocab-category-art,.hanable-mobile-conversation .mobile-conversation-category-art{width:min(48%,110px)!important}.hanable-mobile-vocab .mobile-showcase-hero h1,.hanable-mobile-conversation .mobile-showcase-hero h1{font-size:21px!important}.hanable-mobile-vocab .mobile-vocab-hero-description,.hanable-mobile-conversation .mobile-showcase-hero p{display:none!important}.hanable-mobile-vocab .mobile-showcase-start,.hanable-mobile-conversation .mobile-showcase-start{height:44px!important;min-height:44px!important}}@media(min-width:768px){.hanable-vocab-category.hanable-category-page{overflow-y:hidden!important;background:#fbfaf8!important}.hanable-vocab-category .desktop-category-background{opacity:.16!important;filter:saturate(.9) contrast(1.03)!important}.hanable-vocab-category .desktop-category-soft-overlay,.hanable-vocab-category .desktop-category-light-overlay{background:linear-gradient(180deg,#ffffffe0,#fbfaf8f2)!important}.hanable-vocab-category .category-content{box-sizing:border-box!important;width:100%!important;height:calc(100vh - 56px)!important;min-height:0!important;max-width:1088px!important;justify-content:flex-start!important;gap:0!important;padding:clamp(44px,5vh,58px) 24px 42px!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone{display:block!important;flex:0 0 auto!important;min-height:0!important;padding:0!important}.hanable-vocab-category .category-hero-copy{width:100%!important;min-height:0!important;padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{display:grid!important;width:min(100%,860px)!important;height:340px!important;min-height:0!important;grid-template-columns:382px minmax(0,1fr)!important;overflow:hidden!important;isolation:isolate!important;border:1px solid rgba(229,233,239,.92)!important;border-radius:20px!important;background:#fffffff2!important;box-shadow:0 18px 46px #0f172a13!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{position:relative!important;display:block!important;width:382px!important;height:340px!important;min-height:0!important;overflow:hidden!important;aspect-ratio:auto!important;background:#fff!important}.hanable-vocab-category .desktop-vocab-hero-image-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#fff0 62%,#ffffff8a)}.hanable-vocab-category .desktop-vocab-hero-image-frame img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center!important;object-position:center!important;opacity:.78!important;filter:saturate(.96) contrast(1.02)!important}.hanable-vocab-category .desktop-vocab-hero-copy{display:flex!important;min-width:0!important;align-items:center!important;justify-content:center!important;padding:42px 54px 38px!important;text-align:center!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{max-width:100%!important;margin:0!important;color:#0b1424!important;font-size:clamp(40px,2.55vw,52px)!important;font-weight:700!important;letter-spacing:0!important;line-height:1.12!important;text-wrap:balance!important;word-break:keep-all!important;overflow-wrap:anywhere!important;filter:drop-shadow(0 8px 18px rgba(15,23,42,.055))!important}.hanable-vocab-category .desktop-vocab-gold-divider{width:206px!important;max-width:206px!important;margin-top:28px!important;gap:14px!important;color:#c49b52!important}.hanable-vocab-category .desktop-vocab-gold-divider span:first-child,.hanable-vocab-category .desktop-vocab-gold-divider span:last-child{background:linear-gradient(90deg,transparent,rgba(196,155,82,.7),transparent)!important}.hanable-vocab-category .desktop-vocab-gold-divider span:nth-child(2){width:12px!important;height:12px!important;border-color:#c49b52b8!important;background:#ffffff9e!important}.hanable-vocab-category .desktop-vocab-hero-description{display:none!important}.hanable-vocab-category .desktop-category-dots{display:flex!important;justify-content:center!important;gap:22px!important;margin-top:46px!important}.hanable-vocab-category .desktop-category-dot{display:block;width:14px;height:14px;border-radius:999px;background:#e5e7eb}.hanable-vocab-category .desktop-category-dot[data-active=true]{background:#c79b4b}.hanable-vocab-category .category-arrow{top:calc(clamp(44px,5vh,58px) + 170px)!important;display:inline-flex!important;width:72px!important;height:72px!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:999px!important;background:#ffffffeb!important;color:#0d1422!important;box-shadow:0 18px 36px #0f172a18!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.hanable-vocab-category .category-arrow-left{left:max(32px,calc(50% - 540px))!important}.hanable-vocab-category .category-arrow-right{right:max(32px,calc(50% - 540px))!important}.hanable-vocab-category .category-arrow svg{width:32px!important;height:32px!important;stroke-width:1.9!important}.hanable-vocab-category .category-subcategory-zone{width:100%!important;max-width:1040px!important;margin-top:38px!important}.hanable-vocab-category .desktop-subcategory-carousel{display:block!important;width:100%!important;height:134px!important;margin:0!important;padding:0 28px!important;border:1px solid rgba(255,255,255,.94)!important;border-radius:14px!important;background:#ffffffe0!important;box-shadow:inset 0 0 0 1px #e2e8f0c7,0 18px 38px #0f172a0f!important}.hanable-vocab-category .desktop-subcategory-stage{min-height:132px!important;grid-template-columns:72px minmax(0,1fr) 72px!important;-moz-column-gap:26px!important;column-gap:26px!important}.hanable-vocab-category .desktop-subcategory-main{min-height:132px!important;justify-content:flex-start!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;text-align:left!important}.hanable-vocab-category .desktop-subcategory-slide{justify-content:flex-start!important;gap:34px!important}.hanable-vocab-category .desktop-subcategory-icon{display:inline-flex!important;width:78px!important;height:78px!important;flex:0 0 78px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:999px!important;background:linear-gradient(135deg,#f4ede4,#fbf7f0)!important;color:#8a6a36!important;box-shadow:inset 0 0 0 1px #c49b5214!important}.hanable-vocab-category .desktop-subcategory-icon img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:inherit!important}.hanable-vocab-category .desktop-subcategory-fallback-icon{width:38px!important;height:38px!important;stroke-width:1.65!important}.hanable-vocab-category .desktop-subcategory-title{color:#0b1424!important;font-size:32px!important;font-weight:800!important;line-height:1.28!important;text-align:left!important}.hanable-vocab-category .desktop-subcategory-nav,.hanable-vocab-category .desktop-subcategory-nav:hover,.hanable-vocab-category .desktop-subcategory-nav:focus-visible{width:64px!important;height:64px!important;border:0!important;border-radius:999px!important;background:#fffffff5!important;color:#101827!important;box-shadow:0 12px 24px #0f172a14!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:28px!important;height:28px!important;stroke-width:1.9!important}.hanable-vocab-category .desktop-subcategory-dots{display:none!important}.hanable-vocab-category .category-action-zone{width:100%!important;max-width:1040px!important;padding-top:34px!important}.hanable-vocab-category .category-action-zone>div{width:100%!important}.hanable-vocab-category .category-action-zone>div>p{display:none!important}.hanable-vocab-category .category-difficulty-grid{width:100%!important;max-width:1040px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;align-items:center!important;border:0!important;border-radius:18px!important;background:#ffffffe6!important;box-shadow:0 16px 34px #0f172a0e!important;padding:16px 44px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{position:relative!important;min-height:98px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:13px!important;background:#fffffff5!important;box-shadow:none!important;color:#687386!important;padding:16px 8px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#c79b4bb8!important;background:#fffaf0!important;color:#0b1424!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important;display:none!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child{color:inherit!important;font-size:22px!important;font-weight:800!important;line-height:1.16!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:10px!important;color:#687386!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important}.hanable-vocab-category .category-start{margin-top:26px!important;padding:0!important;background:transparent!important}.hanable-vocab-category .category-start button{width:min(100%,1000px)!important;height:94px!important;min-height:94px!important;gap:24px!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#141d2c,#081122)!important;color:#fff!important;font-size:32px!important;font-weight:800!important;line-height:1!important;box-shadow:0 24px 46px #0f172a2e,inset 0 1px #ffffff2e!important}.hanable-vocab-category .desktop-start-sparkle{width:32px!important;height:32px!important;color:#e6c57a!important;stroke-width:1.7!important}.hanable-vocab-category .category-start button span{line-height:1!important}}@media(min-width:768px)and (max-height:940px){.hanable-vocab-category .category-content{padding-top:24px!important;padding-bottom:24px!important}.hanable-vocab-category .desktop-vocab-hero-card{height:300px!important;grid-template-columns:338px minmax(0,1fr)!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{width:338px!important;height:300px!important}.hanable-vocab-category .desktop-category-dots{margin-top:28px!important}.hanable-vocab-category .category-arrow{top:174px!important}.hanable-vocab-category .category-subcategory-zone{margin-top:24px!important}.hanable-vocab-category .desktop-subcategory-carousel{height:112px!important}.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{min-height:110px!important}.hanable-vocab-category .category-action-zone{padding-top:22px!important}.hanable-vocab-category .category-difficulty-grid{padding-top:12px!important;padding-bottom:12px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{min-height:78px!important}.hanable-vocab-category .category-start{margin-top:18px!important}.hanable-vocab-category .category-start button{height:74px!important;min-height:74px!important}}.reference-image-placeholder{position:relative;display:inline-flex;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;color:#c8cbd3;line-height:1}.reference-image-placeholder-icon{display:block;color:currentColor;stroke-width:1.55}.reference-image-placeholder-text{display:block;margin-top:18px;color:#c5c7ce;font-family:var(--font-ui);font-size:20px;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap}.reference-image-placeholder-sparkle,.reference-image-placeholder-dot{position:absolute;display:none;pointer-events:none}.reference-image-placeholder-sparkle{width:24px;height:24px}.reference-image-placeholder-sparkle:before,.reference-image-placeholder-sparkle:after{content:"";position:absolute;left:50%;top:50%;border-radius:999px;background:currentColor;transform:translate(-50%,-50%)}.reference-image-placeholder-sparkle:before{width:2px;height:100%}.reference-image-placeholder-sparkle:after{width:100%;height:2px}.reference-image-placeholder-dot{width:8px;height:8px;border-radius:999px;background:currentColor}@media(min-width:768px){.hanable-vocab-layout-shell .hanable-app-header{height:100px!important;background:#fffffff5!important;border-bottom:1px solid rgba(226,232,240,.9)!important;box-shadow:0 8px 26px #0f172a09!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-vocab-layout-shell .hanable-app-header>div{height:100px!important;max-width:none!important;padding-left:43px!important;padding-right:48px!important}.hanable-vocab-layout-shell .hanable-primary-nav,.hanable-vocab-layout-shell .hanable-upgrade-button{display:none!important}.hanable-vocab-layout-shell .hanable-brand-link{gap:18px!important;margin-right:0!important}.hanable-vocab-layout-shell .hanable-brand-link>div{width:50px!important;height:31px!important;overflow:visible!important;border-radius:0!important;background:transparent!important}.hanable-vocab-layout-shell .hanable-brand-link img{width:50px!important;height:31px!important;-o-object-fit:contain!important;object-fit:contain!important;mix-blend-mode:multiply}.hanable-vocab-layout-shell .hanable-brand-link span{color:#0b1424!important;font-family:var(--font-display)!important;font-size:40px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important}.hanable-vocab-layout-shell .hanable-header-actions{gap:18px!important}.hanable-vocab-layout-shell .hanable-header-actions button{position:relative;flex:0 0 auto;padding:0!important;border-radius:999px!important;background:transparent!important;color:#70758c!important;box-shadow:none!important}.hanable-vocab-layout-shell .hanable-notification-button{width:46px!important;height:46px!important}.hanable-vocab-layout-shell .hanable-notification-button:after{content:"";position:absolute;right:9px;top:5px;width:9px;height:9px;border-radius:999px;background:#f0b45d;box-shadow:0 0 0 3px #fffffff0}.hanable-vocab-layout-shell .hanable-notification-button svg{width:31px!important;height:31px!important;stroke-width:1.7!important}.hanable-vocab-layout-shell .hanable-account-button{width:48px!important;height:48px!important;background:#f1f2f6!important}.hanable-vocab-layout-shell .hanable-account-button>div{width:48px!important;height:48px!important;background:#f1f2f6!important}.hanable-vocab-layout-shell .hanable-account-button svg{width:28px!important;height:28px!important;color:#74798f!important;stroke-width:1.75!important}.hanable-app-main.hanable-vocab-lock-scroll{height:calc(100vh - 100px)!important;max-width:none!important;padding:0!important;overflow:hidden!important;background:#fbfaf8!important}.hanable-vocab-category.hanable-category-page{width:100%!important;height:calc(100vh - 100px)!important;max-width:none!important;margin:0!important;overflow:hidden!important;background:#fbfaf8!important}.hanable-vocab-category .desktop-category-background{top:-28px!important;right:-28px!important;bottom:-28px!important;left:-28px!important;opacity:.24!important;background-size:cover!important;background-position:center!important;filter:saturate(.82) contrast(1.02)!important}.hanable-vocab-category .desktop-category-soft-overlay{background:linear-gradient(90deg,#ffffffb8,#ffffff61 23%,#ffffff47 76%,#ffffffb8),linear-gradient(180deg,#ffffffb8,#fbfaf8d1)!important}.hanable-vocab-category .desktop-category-light-overlay{background:#ffffff57!important}.hanable-vocab-category .category-content{width:100%!important;height:calc(100vh - 100px)!important;max-width:980px!important;padding:48px 24px 54px!important;gap:0!important;justify-content:flex-start!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone{width:100%!important;max-width:none!important;padding:0!important}.hanable-vocab-category .category-hero-copy{padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{width:910px!important;max-width:min(100%,910px)!important;height:372px!important;grid-template-columns:402px minmax(0,1fr)!important;border:0!important;border-radius:20px!important;background:#ffffffe6!important;box-shadow:0 22px 42px #0f172a14!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{width:350px!important;height:308px!important;place-self:center!important;overflow:hidden!important;border:1px solid rgba(213,216,223,.92)!important;border-radius:24px!important;background:#ffffff85!important}.hanable-vocab-category .desktop-vocab-hero-image-frame:after{content:none!important}.reference-image-placeholder-desktop-hero{width:100%;height:100%}.reference-image-placeholder-desktop-hero .reference-image-placeholder-icon{width:92px;height:92px}.hanable-vocab-category .desktop-vocab-hero-copy{padding:44px 54px 36px!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{color:#071225!important;font-family:var(--font-display)!important;font-size:clamp(43px,3.2vw,56px)!important;font-weight:700!important;line-height:1.1!important;letter-spacing:0!important}.hanable-vocab-category .desktop-vocab-gold-divider{width:214px!important;max-width:214px!important;margin-top:36px!important;gap:18px!important}.hanable-vocab-category .desktop-vocab-gold-divider span:first-child,.hanable-vocab-category .desktop-vocab-gold-divider span:last-child{background:linear-gradient(90deg,transparent,rgba(226,167,80,.78),transparent)!important}.hanable-vocab-category .desktop-vocab-gold-divider span:nth-child(2){width:13px!important;height:13px!important;border-color:#e2a750db!important}.hanable-vocab-category .desktop-category-dots{display:flex!important;gap:26px!important;justify-content:center!important;margin-top:50px!important}.hanable-vocab-category .desktop-category-dot,.hanable-vocab-category .reference-carousel-dot{width:14px!important;height:14px!important;border-radius:999px!important;background:#e8e9ef!important}.hanable-vocab-category .desktop-category-dot[data-active=true],.hanable-vocab-category .reference-carousel-dot[data-active=true]{background:#e6ad55!important}.hanable-vocab-category .category-arrow{top:230px!important;width:56px!important;height:56px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .category-arrow-left{left:max(34px,calc(50% - 535px))!important}.hanable-vocab-category .category-arrow-right{right:max(34px,calc(50% - 535px))!important}.hanable-vocab-category .category-arrow svg{width:38px!important;height:38px!important;stroke-width:2.2!important}.hanable-vocab-category .category-subcategory-zone{width:910px!important;max-width:min(100%,910px)!important;margin-top:30px!important}.hanable-vocab-category .desktop-subcategory-carousel{height:133px!important;padding:0 22px!important;border:0!important;border-radius:17px!important;background:#ffffffe0!important;box-shadow:0 18px 36px #0f172a12!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{min-height:133px!important}.hanable-vocab-category .desktop-subcategory-stage{grid-template-columns:48px minmax(0,1fr) 48px!important;-moz-column-gap:18px!important;column-gap:18px!important}.hanable-vocab-category .desktop-subcategory-main{justify-content:flex-start!important}.hanable-vocab-category .desktop-subcategory-slide{gap:38px!important}.hanable-vocab-category .desktop-subcategory-icon{width:126px!important;height:126px!important;flex:0 0 126px!important;background:#f1f1f2f2!important;color:#c5c8cf!important;box-shadow:none!important}.reference-image-placeholder-desktop-subcategory{width:100%;height:100%}.reference-image-placeholder-desktop-subcategory .reference-image-placeholder-icon{width:34px;height:34px}.reference-image-placeholder-desktop-subcategory .reference-image-placeholder-text{max-width:68px;margin-top:5px;font-size:12px;line-height:1.2;white-space:normal}.hanable-vocab-category .desktop-subcategory-title{color:#071225!important;font-family:var(--font-display)!important;font-size:34px!important;font-weight:700!important;line-height:1.25!important}.hanable-vocab-category .desktop-subcategory-nav,.hanable-vocab-category .desktop-subcategory-nav:hover,.hanable-vocab-category .desktop-subcategory-nav:focus-visible{width:48px!important;height:48px!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:34px!important;height:34px!important;stroke-width:2.1!important}.hanable-vocab-category .category-action-zone{width:946px!important;max-width:min(100%,946px)!important;padding-top:28px!important}.hanable-vocab-category .category-difficulty-grid{width:946px!important;max-width:min(100%,946px)!important;height:143px!important;gap:20px!important;padding:17px 21px!important;border-radius:17px!important;background:#ffffffe0!important;box-shadow:0 18px 34px #0f172a0e!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{min-height:106px!important;border-radius:17px!important;background:#ffffffb8!important;padding:19px 8px 14px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#edae55!important;background:#fffaf2db!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:25px!important;font-weight:800!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:12px!important;color:#687086!important;font-size:19px!important;font-weight:800!important}.hanable-vocab-category .category-start{margin-top:25px!important}.hanable-vocab-category .category-start button{width:922px!important;max-width:min(100%,922px)!important;height:90px!important;min-height:90px!important;gap:0!important;background:linear-gradient(180deg,#172234,#091225)!important;font-size:32px!important;font-weight:800!important;letter-spacing:0!important;text-transform:lowercase}.hanable-vocab-category .desktop-start-sparkle{display:none!important}.hanable-vocab-category .category-settings-button{top:118px!important;right:37px!important;width:75px!important;height:75px!important;border-radius:18px!important;color:#687086!important;box-shadow:0 18px 34px #0f172a1b!important}.hanable-vocab-category .category-settings-button .hanable-settings-gear-icon{width:34px!important;height:34px!important;stroke-width:1.85!important}}@media(min-width:768px)and (max-height:900px){.hanable-vocab-category .category-content{padding-top:34px!important;padding-bottom:28px!important}.hanable-vocab-category .desktop-vocab-hero-card{height:330px!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{width:318px!important;height:278px!important}.hanable-vocab-category .desktop-vocab-gold-divider{margin-top:24px!important}.hanable-vocab-category .desktop-category-dots{margin-top:34px!important}.hanable-vocab-category .category-arrow{top:199px!important}.hanable-vocab-category .category-subcategory-zone{margin-top:22px!important}.hanable-vocab-category .desktop-subcategory-carousel{height:114px!important}.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{min-height:114px!important}.hanable-vocab-category .desktop-subcategory-icon{width:108px!important;height:108px!important;flex-basis:108px!important}.hanable-vocab-category .category-action-zone{padding-top:22px!important}.hanable-vocab-category .category-difficulty-grid{height:126px!important;padding-top:14px!important;padding-bottom:14px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{min-height:98px!important}.hanable-vocab-category .category-start{margin-top:18px!important}.hanable-vocab-category .category-start button{height:78px!important;min-height:78px!important}}@media(max-width:767px){.hanable-vocab-layout-shell .hanable-app-header{background:#fffffff5!important}.hanable-vocab-layout-shell .hanable-brand-link{gap:16px!important}.hanable-vocab-layout-shell .hanable-brand-link>div{width:46px!important;height:28px!important;overflow:visible!important;border-radius:0!important;background:transparent!important}.hanable-vocab-layout-shell .hanable-brand-link img{width:46px!important;height:28px!important;-o-object-fit:contain!important;object-fit:contain!important;mix-blend-mode:multiply}.hanable-vocab-layout-shell .hanable-brand-link span{color:#071225!important;font-family:var(--font-display)!important;font-size:31px!important;font-weight:600!important;line-height:1!important}.hanable-vocab-layout-shell .hanable-upgrade-button{display:none!important}.hanable-vocab-layout-shell .hanable-header-actions{gap:15px!important}.hanable-vocab-layout-shell .hanable-notification-button,.hanable-vocab-layout-shell .hanable-account-button{width:40px!important;height:40px!important;padding:0!important;color:#737990!important}.hanable-vocab-layout-shell .hanable-notification-button svg{width:30px!important;height:30px!important;stroke-width:1.7!important}.hanable-vocab-layout-shell .hanable-account-button>div{width:40px!important;height:40px!important;background:transparent!important}.hanable-vocab-layout-shell .hanable-account-button svg{width:30px!important;height:30px!important;color:#737990!important;stroke-width:1.7!important}.hanable-app-main.hanable-vocab-lock-scroll{background:#fbfaf8!important}.hanable-app-main.hanable-vocab-lock-scroll .hanable-mobile-showcase{height:calc(100dvh - 154px - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 154px - env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important}.hanable-mobile-vocab{display:block!important;padding:34px 28px 28px!important;background:#fbfaf8!important}.hanable-mobile-vocab .mobile-showcase-bg{background:var(--mobile-showcase-bg)!important;background-position:center top!important;background-repeat:no-repeat!important;background-size:cover!important;opacity:.58!important;filter:saturate(.82) contrast(1.03)!important}.hanable-mobile-vocab .mobile-showcase-bg:after{background:#ffffff4d!important}.hanable-mobile-vocab .hanable-settings-gear{top:16px!important;right:24px!important;width:44px!important;height:44px!important;border-radius:15px!important;color:#687086!important;box-shadow:0 14px 28px #0f172a14!important}.hanable-mobile-vocab .hanable-settings-gear-icon{width:25px!important;height:25px!important;stroke-width:1.85!important}.hanable-mobile-vocab .mobile-showcase-arrow{top:184px!important;width:40px!important;height:40px!important;border:0!important;border-radius:999px!important;background:#ffffffd1!important;color:#737990!important;box-shadow:0 12px 26px #0f172a13!important}.hanable-mobile-vocab .mobile-showcase-arrow-left{left:24px!important}.hanable-mobile-vocab .mobile-showcase-arrow-right{right:24px!important}.hanable-mobile-vocab .mobile-showcase-arrow svg{width:27px!important;height:27px!important;stroke-width:2!important}.hanable-mobile-vocab .mobile-showcase-hero{padding:56px 0 0!important}.hanable-mobile-vocab .mobile-vocab-hero-card{width:min(calc(100vw - 140px),252px)!important;min-width:0!important;min-height:300px!important;border:0!important;border-radius:18px!important;background:#ffffffdb!important;box-shadow:0 20px 42px #0f172a12!important;padding:50px 22px 29px!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-mobile-vocab .mobile-vocab-category-art{width:132px!important;height:132px!important;border-radius:0!important;background:transparent!important}.reference-image-placeholder-mobile-hero{width:100%;height:100%}.reference-image-placeholder-mobile-hero .reference-image-placeholder-icon{width:106px;height:106px}.reference-image-placeholder-mobile-hero .reference-image-placeholder-sparkle,.reference-image-placeholder-mobile-hero .reference-image-placeholder-dot{display:block}.reference-image-placeholder-mobile-hero .reference-image-placeholder-sparkle-a{left:-22px;top:33px;transform:rotate(45deg)}.reference-image-placeholder-mobile-hero .reference-image-placeholder-sparkle-b{right:-14px;top:-12px;transform:rotate(45deg) scale(.9)}.reference-image-placeholder-mobile-hero .reference-image-placeholder-dot-a{left:11px;top:-16px}.reference-image-placeholder-mobile-hero .reference-image-placeholder-dot-b{right:-9px;top:64px;width:7px;height:7px}.hanable-mobile-vocab .mobile-showcase-hero h1{margin-top:12px!important;color:#071225!important;font-family:var(--font-display)!important;font-size:min(var(--mobile-title-size, 25px),28px)!important;font-weight:700!important;line-height:1.12!important}.hanable-mobile-chunk .mobile-showcase-hero h1{font-size:min(var(--mobile-title-size, 23px),24px)!important}.hanable-mobile-vocab .mobile-gold-divider{width:176px!important;margin-top:23px!important}.hanable-mobile-vocab .mobile-gold-divider i{width:12px!important;height:12px!important;border-color:#e2a750e6!important}.hanable-mobile-vocab .mobile-gold-divider span{background:linear-gradient(90deg,transparent,rgba(226,167,80,.78),transparent)!important}.hanable-mobile-vocab .mobile-category-dots{display:flex!important;gap:21px!important;justify-content:center!important;margin-top:26px!important}.hanable-mobile-vocab .mobile-category-dots .reference-carousel-dot{width:13px!important;height:13px!important;border-radius:999px;background:#e8e9ef}.hanable-mobile-vocab .mobile-category-dots .reference-carousel-dot[data-active=true]{background:#e6ad55}.hanable-mobile-vocab .mobile-vocab-hero-description,.hanable-mobile-vocab .mobile-showcase-dots{display:none!important}.hanable-mobile-vocab .mobile-showcase-controls{width:100%!important;max-width:none!important;gap:0!important;padding:22px 0 0!important}.hanable-mobile-vocab .mobile-showcase-subcard{width:min(100%,334px)!important;min-height:82px!important;grid-template-columns:64px minmax(0,1fr) 34px!important;gap:17px!important;border:6px solid rgba(255,255,255,.78)!important;border-radius:18px!important;background:#ffffffb8!important;box-shadow:0 18px 34px #0f172a0f!important;padding:10px 14px!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-mobile-vocab .mobile-subcategory-nav-left{display:none!important}.hanable-mobile-vocab .mobile-subcategory-nav-right{width:34px!important;height:34px!important;color:#737990!important}.hanable-mobile-vocab .mobile-subcategory-nav-right svg{width:26px!important;height:26px!important;stroke-width:2.1!important}.hanable-mobile-vocab .mobile-subcategory-main{grid-column:1 / 3!important;min-height:58px!important;justify-content:flex-start!important}.hanable-mobile-vocab .mobile-subcategory-slide-content{gap:28px!important;justify-content:flex-start!important}.hanable-mobile-vocab .mobile-subcategory-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;background:#f1f1f2f5!important;color:#c5c8cf!important}.reference-image-placeholder-mobile-subcategory{width:100%;height:100%}.reference-image-placeholder-mobile-subcategory .reference-image-placeholder-icon{width:30px;height:30px}.hanable-mobile-vocab .mobile-showcase-subcard strong{color:#071225!important;font-family:var(--font-display)!important;font-size:26px!important;font-weight:700!important;line-height:1.14!important}.hanable-mobile-vocab .mobile-difficulty-cards{display:grid!important;width:min(100%,336px)!important;max-width:336px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:34px auto 0!important;border-radius:18px!important;background:#ffffffd1!important;box-shadow:0 18px 34px #0f172a0e!important;padding:13px!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-mobile-vocab .mobile-difficulty-cards button{min-height:58px!important;height:58px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:14px!important;background:#ffffffb8!important;color:#687086!important;padding:9px 2px 7px!important}.hanable-mobile-vocab .mobile-difficulty-cards button[aria-pressed=true]{border-color:#edae55!important;background:#fffaf2e0!important;color:#071225!important}.hanable-mobile-vocab .mobile-difficulty-cards strong{font-size:15px!important;font-weight:800!important;line-height:1.1!important}.hanable-mobile-vocab .mobile-difficulty-cards span{margin-top:5px!important;color:#687086!important;font-size:13px!important;font-weight:800!important;line-height:1.1!important}.hanable-mobile-vocab .mobile-showcase-start{width:min(100%,336px)!important;height:56px!important;min-height:56px!important;margin:32px auto 0!important;background:linear-gradient(180deg,#172234,#091225)!important;border-radius:999px!important;font-size:28px!important;font-weight:800!important;line-height:1!important;box-shadow:0 18px 34px #0f172a2e!important}}@media(max-width:390px){.hanable-mobile-vocab{padding-left:22px!important;padding-right:22px!important}.hanable-mobile-vocab .mobile-vocab-hero-card{width:min(calc(100vw - 122px),238px)!important}.hanable-mobile-vocab .mobile-showcase-arrow-left{left:18px!important}.hanable-mobile-vocab .mobile-showcase-arrow-right{right:18px!important}.hanable-mobile-vocab .mobile-showcase-subcard,.hanable-mobile-vocab .mobile-difficulty-cards,.hanable-mobile-vocab .mobile-showcase-start{width:min(100%,326px)!important}.hanable-mobile-vocab .mobile-showcase-subcard strong{font-size:24px!important}.hanable-mobile-vocab .mobile-difficulty-cards{gap:7px!important;padding-left:11px!important;padding-right:11px!important}.hanable-mobile-vocab .mobile-difficulty-cards strong{font-size:14px!important}.hanable-mobile-vocab .mobile-difficulty-cards span{font-size:12px!important}}.hanable-home-layout-shell{background:#fbfaf8;color:#071225}.hanable-home-layout-shell .hanable-primary-nav,.hanable-home-layout-shell .hanable-upgrade-button{display:none!important}.hanable-home-layout-shell .hanable-app-header{background:#fffffff0!important;border-bottom:1px solid rgba(217,220,228,.74)!important;box-shadow:0 3px 14px #0f172a0a!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hanable-home-layout-shell .hanable-app-header>div{max-width:none!important}.hanable-home-layout-shell .hanable-brand-link{gap:16px!important;margin-right:0!important}.hanable-home-layout-shell .hanable-brand-link>div{width:44px!important;height:27px!important;border-radius:0!important;background:transparent!important;overflow:visible!important}.hanable-home-layout-shell .hanable-brand-link img{width:100%!important;height:100%!important;-o-object-fit:contain!important;object-fit:contain!important;mix-blend-mode:multiply}.hanable-home-layout-shell .hanable-brand-link span{color:#071225!important;font-family:var(--font-display)!important;font-size:34px!important;font-weight:700!important;letter-spacing:0!important;line-height:1!important}.hanable-home-layout-shell .hanable-header-actions{align-items:center!important;gap:14px!important}.hanable-home-layout-shell .hanable-notification-button,.hanable-home-layout-shell .hanable-account-button{margin:0!important;color:#6f758e!important}.hanable-home-layout-shell .hanable-notification-button{position:relative}.hanable-home-layout-shell .hanable-notification-button:after{content:"";position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:999px;background:#e7aa54;box-shadow:0 0 0 2px #ffffffeb}.hanable-home-layout-shell .hanable-notification-button svg,.hanable-home-layout-shell .hanable-account-button svg{width:28px!important;height:28px!important;stroke-width:1.9!important}.hanable-home-layout-shell .hanable-account-button>div{background:transparent!important}.hanable-home-app-main{background:radial-gradient(circle at 18% 18%,rgba(246,248,252,.95),transparent 30%),radial-gradient(circle at 86% 22%,rgba(255,250,244,.62),transparent 28%),#fafbfe}.home-reference-shell{background:transparent!important;color:#071225}.home-reference-content{width:100%;margin-inline:auto}.home-reference-section{margin:0!important}.home-reference-section h2,.home-reference-section-head h2{margin:0!important;color:#071225!important;font-family:var(--font-sans)!important;font-weight:850!important;letter-spacing:0!important}.home-reference-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important}.home-reference-section-head a{display:inline-flex!important;align-items:center!important;color:#69718b!important;font-weight:700!important;letter-spacing:0!important}.home-reference-section-head a svg{stroke-width:2.6!important}.home-image-placeholder{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(226,229,237,.82);border-radius:999px;background:radial-gradient(circle at 43% 35%,#fffffff2,#f6f7fac7 52%,#eef0f5c7);color:#c8ccd8}.home-image-placeholder svg{width:44%;height:44%;stroke-width:1.8}.home-reference-recommend-card,.home-reference-summary-card.home-summary-card,.home-reference-menu-item.home-main-card,.home-reference-menu{background:#ffffffdb!important;border:1px solid rgba(226,229,237,.72)!important;box-shadow:0 14px 30px #0f172a0e!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home-reference-recommend-card{color:inherit!important;text-decoration:none!important}.home-reference-recommend-card:hover,.home-reference-menu-item.home-main-card:hover{transform:none!important;box-shadow:0 14px 30px #0f172a0e!important}.home-reference-recommend-copy{display:flex!important;min-width:0;flex-direction:column!important;justify-content:center!important}.home-reference-recommend-copy strong,.home-reference-summary-item strong,.home-reference-menu-copy strong{color:#071225!important;font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:0!important}.home-reference-recommend-copy span,.home-reference-summary-item span,.home-reference-menu-copy span{color:#5f6680!important;font-weight:500!important;letter-spacing:0!important}.home-reference-start-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,#172234,#091225)!important;color:#fff!important;font-weight:700!important;letter-spacing:0!important;box-shadow:0 9px 18px #0f172a24,inset 0 1px #ffffff14!important}.home-reference-start-button svg{flex:0 0 auto;stroke-width:2.4!important}.home-reference-summary-card.home-summary-card{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:0!important}.home-reference-summary-item.home-summary-item{display:flex!important;min-width:0;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;text-align:center!important}.home-reference-summary-item+.home-reference-summary-item{border-left:1px solid rgba(218,222,232,.88)!important}.home-reference-error{margin:16px 0 0!important;color:#9f5a3b!important;font-weight:700!important}.home-reference-menu-copy.home-card-copy{display:flex!important;min-width:0;flex-direction:column!important;gap:0!important}.home-reference-menu-item.home-main-card:before,.home-reference-menu-item.home-main-card:after{display:none!important}@media(min-width:768px){.hanable-home-layout-shell .hanable-app-header{height:100px!important}.hanable-home-layout-shell .hanable-app-header>div{height:100px!important;padding:0 34px!important}.hanable-home-layout-shell .hanable-notification-button,.hanable-home-layout-shell .hanable-account-button{width:48px!important;height:48px!important}.hanable-home-layout-shell .hanable-account-button>div{width:46px!important;height:46px!important}.hanable-home-app-main{width:100%!important;max-width:none!important;height:calc(100vh - 100px)!important;padding:0!important;overflow:hidden!important}.home-reference-shell{min-height:100%!important;padding:66px 90px 54px!important;overflow:hidden!important}.home-reference-content{max-width:1272px!important}.home-reference-section h2,.home-reference-section-head h2{font-size:24px!important;line-height:1.2!important}.home-reference-recommend-card{display:grid!important;min-height:198px!important;grid-template-columns:142px minmax(0,1fr) 170px!important;align-items:center!important;gap:52px!important;margin-top:22px!important;border-radius:10px!important;padding:28px 62px 28px 52px!important}.home-reference-sprout{width:142px!important;height:142px!important}.home-reference-sprout svg{width:68px!important;height:68px!important}.home-reference-recommend-copy{gap:18px!important}.home-reference-recommend-copy strong{font-size:30px!important;line-height:1.12!important}.home-reference-recommend-copy span{font-size:18px!important;line-height:1.35!important}.home-reference-start-button{width:170px!important;height:72px!important;gap:18px!important;border-radius:9px!important;font-size:18px!important;line-height:1!important;justify-self:end!important}.home-reference-start-button svg{width:20px!important;height:20px!important}.home-reference-summary-section{margin-top:44px!important}.home-reference-section-head a{gap:18px!important;font-size:18px!important}.home-reference-section-head a svg{width:20px!important;height:20px!important}.home-reference-summary-card.home-summary-card{min-height:232px!important;margin-top:24px!important;border-radius:10px!important}.home-reference-summary-icon{width:68px!important;height:68px!important;margin-bottom:16px!important}.home-reference-summary-icon svg{width:34px!important;height:34px!important}.home-reference-summary-item strong{margin-bottom:10px!important;font-size:40px!important;line-height:1!important}.home-reference-summary-item span{font-size:18px!important;line-height:1.2!important}.home-reference-menu-section{margin-top:36px!important}.home-reference-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;margin-top:22px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.home-reference-menu-item.home-main-card{display:flex!important;min-height:214px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:20px!important;border-radius:10px!important;padding:24px 30px 28px!important;text-align:center!important}.home-reference-menu-icon{width:68px!important;height:68px!important}.home-reference-menu-icon svg{width:34px!important;height:34px!important}.home-reference-menu-copy strong{font-size:26px!important;line-height:1.12!important}.home-reference-menu-copy span{margin-top:18px!important;font-size:18px!important;line-height:1.25!important}.home-reference-menu-arrow{display:none!important}}@media(min-width:768px){.hanable-vocab-layout-shell{--vocab-picker-header-height: 100px;overflow-x:clip!important;background:#fff!important}.hanable-vocab-layout-shell .hanable-app-header{height:var(--vocab-picker-header-height)!important;min-height:var(--vocab-picker-header-height)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;background:#fffffffa!important;box-shadow:0 10px 26px #0f172a09!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-vocab-layout-shell .hanable-app-header>div{height:var(--vocab-picker-header-height)!important;max-width:none!important;padding:0 42px!important;justify-content:flex-start!important}.hanable-vocab-layout-shell .hanable-primary-nav,.hanable-vocab-layout-shell .hanable-upgrade-button,.hanable-vocab-layout-shell .hanable-header-actions{display:none!important}.hanable-vocab-layout-shell .hanable-brand-link{gap:18px!important;margin-right:0!important}.hanable-vocab-layout-shell .hanable-brand-link>div{width:46px!important;height:30px!important;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hanable-vocab-layout-shell .hanable-brand-link img{-o-object-fit:contain!important;object-fit:contain!important;mix-blend-mode:multiply!important}.hanable-vocab-layout-shell .hanable-brand-link span{color:#071225!important;font-family:var(--font-display)!important;font-size:34px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important}.hanable-app-main.hanable-vocab-lock-scroll{width:100%!important;max-width:none!important;height:calc(100vh - var(--vocab-picker-header-height))!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}.hanable-vocab-category.hanable-category-page{width:100%!important;max-width:none!important;height:calc(100vh - var(--vocab-picker-header-height))!important;margin:0!important;overflow:hidden!important;background:#fff!important}.hanable-vocab-category .desktop-category-background{top:0!important;right:0!important;bottom:0!important;left:0!important;opacity:.62!important;filter:saturate(.92) contrast(.98)!important;background-color:transparent!important;background-image:var(--vocab-reference-decor-image),var(--vocab-reference-decor-image),linear-gradient(180deg,#fff,#fff)!important;background-position:left center,right center,center!important;background-repeat:no-repeat,no-repeat,no-repeat!important;background-size:min(34vw,460px) auto,min(34vw,460px) auto,cover!important}.hanable-vocab-category .desktop-category-soft-overlay{background:linear-gradient(90deg,#ffffff38,#fffffff2 28%,#fffffff5 72%,#ffffff38),radial-gradient(circle at 50% 28%,#ffffffd1,#fff9 46%,#ffffff2e)!important}.hanable-vocab-category .desktop-category-light-overlay{background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.5) 34%,transparent 60%),linear-gradient(180deg,#ffffff5c,#ffffff1f)!important}.hanable-vocab-category .category-content{width:100%!important;max-width:1080px!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:clamp(24px,4vh,48px) 0 30px!important;justify-content:flex-start!important;box-sizing:border-box!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone{width:min(920px,calc(100vw - 280px))!important;max-width:920px!important;margin-left:auto!important;margin-right:auto!important}.hanable-vocab-category .category-hero-copy{min-height:0!important;padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{display:grid!important;width:100%!important;min-height:0!important;height:clamp(320px,38vh,372px)!important;grid-template-columns:minmax(280px,350px) minmax(0,1fr)!important;align-items:center!important;-moz-column-gap:clamp(34px,5vw,70px)!important;column-gap:clamp(34px,5vw,70px)!important;padding:34px clamp(40px,4.2vw,58px)!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:20px!important;background:#ffffffed!important;box-shadow:0 22px 54px #0f172a14!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-sizing:border-box!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{width:100%!important;max-width:350px!important;height:100%!important;max-height:300px!important;min-height:260px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:1px solid rgba(197,202,214,.72)!important;border-radius:24px!important;background:#fafafbc2!important;color:#c3c5cd!important;box-shadow:inset 0 1px #ffffffd1!important}.hanable-vocab-category .desktop-vocab-hero-image-frame img,.hanable-vocab-category .desktop-subcategory-icon img{display:none!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero,.hanable-vocab-category .reference-image-placeholder-desktop-subcategory{display:flex!important;width:100%!important;height:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important;color:#c3c5cd!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero .reference-image-placeholder-icon{width:86px!important;height:86px!important;stroke-width:1.45!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero .reference-image-placeholder-text{font-size:17px!important;font-weight:800!important;letter-spacing:0!important}.hanable-vocab-category .reference-image-placeholder-desktop-subcategory .reference-image-placeholder-icon{width:36px!important;height:36px!important;stroke-width:1.5!important}.hanable-vocab-category .reference-image-placeholder-sparkle,.hanable-vocab-category .reference-image-placeholder-dot{display:none!important}.hanable-vocab-category .desktop-vocab-hero-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0!important;text-align:center!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{margin:0!important;color:#071225!important;font-family:var(--font-display)!important;font-size:clamp(36px,3.4vw,54px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:0!important;overflow-wrap:anywhere!important;text-wrap:balance!important;word-break:keep-all!important}.hanable-vocab-category .desktop-vocab-gold-divider{width:min(240px,76%)!important;max-width:240px!important;margin-top:22px!important;color:#edb466!important}.hanable-vocab-category .desktop-vocab-gold-divider span:first-child,.hanable-vocab-category .desktop-vocab-gold-divider span:last-child{background:linear-gradient(90deg,transparent,rgba(237,180,102,.72),transparent)!important}.hanable-vocab-category .desktop-vocab-gold-divider span:nth-child(2){border-color:#edb466f2!important;background:#ffffffd1!important}.hanable-vocab-category .desktop-vocab-hero-description{max-width:380px!important;margin:16px auto 0!important;color:#4f5669d1!important;font-size:14px!important;font-weight:500!important;line-height:1.7!important;letter-spacing:0!important}.hanable-vocab-category .desktop-category-dots{display:flex!important;justify-content:center!important;gap:18px!important;margin-top:18px!important}.hanable-vocab-category .reference-carousel-dot{width:11px!important;height:11px!important;background:#e6e7ee!important}.hanable-vocab-category .reference-carousel-dot[data-active=true]{background:#edb466!important}.hanable-vocab-category .category-arrow{top:clamp(156px,23vh,230px)!important;width:52px!important;height:52px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important;transform:translateY(-50%)!important}.hanable-vocab-category .category-arrow-left{left:max(26px,calc(50% - 578px))!important}.hanable-vocab-category .category-arrow-right{right:max(26px,calc(50% - 578px))!important}.hanable-vocab-category .category-arrow svg{width:32px!important;height:32px!important;stroke-width:2.2!important}.hanable-vocab-category .category-subcategory-zone{width:min(920px,calc(100vw - 280px))!important;max-width:920px!important;margin-top:30px!important}.hanable-vocab-category .desktop-subcategory-carousel{height:126px!important;min-height:126px!important;margin:0!important;padding:0 28px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:20px!important;background:#ffffffed!important;box-shadow:0 18px 42px #0f172a13!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{min-height:126px!important}.hanable-vocab-category .desktop-subcategory-stage{grid-template-columns:54px minmax(0,1fr) 54px!important;-moz-column-gap:16px!important;column-gap:16px!important}.hanable-vocab-category .desktop-subcategory-main{justify-content:center!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.hanable-vocab-category .desktop-subcategory-slide{display:grid!important;width:min(540px,100%)!important;grid-template-columns:100px minmax(0,1fr)!important;align-items:center!important;justify-content:center!important;gap:30px!important}.hanable-vocab-category .desktop-subcategory-icon{width:100px!important;height:100px!important;flex:0 0 100px!important;overflow:hidden!important;border:0!important;border-radius:999px!important;background:#f1f1f2f2!important;color:#c3c5cd!important;box-shadow:none!important}.hanable-vocab-category .desktop-subcategory-title{color:#071225!important;font-family:var(--font-display)!important;font-size:clamp(26px,2.5vw,34px)!important;font-weight:700!important;line-height:1.14!important;letter-spacing:0!important;text-align:left!important;text-wrap:balance!important}.hanable-vocab-category .desktop-subcategory-nav,.hanable-vocab-category .desktop-subcategory-nav:hover,.hanable-vocab-category .desktop-subcategory-nav:focus-visible{width:54px!important;height:54px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:32px!important;height:32px!important;stroke-width:2.1!important}.hanable-vocab-category .desktop-subcategory-dots{display:none!important}.hanable-vocab-category .category-action-zone{width:min(940px,calc(100vw - 260px))!important;max-width:940px!important;padding-top:28px!important}.hanable-vocab-category .category-action-zone>div>p{display:none!important}.hanable-vocab-category .category-difficulty-grid{width:100%!important;max-width:none!important;height:142px!important;min-height:142px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;padding:18px 22px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:18px!important;background:#ffffffed!important;box-shadow:0 18px 42px #0f172a12!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{height:106px!important;min-height:106px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:16px!important;background:#ffffffbd!important;box-shadow:none!important;color:#687086!important;padding:18px 8px 14px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#edb466!important;background:#fffaf2e6!important;color:#071225!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:24px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:12px!important;color:#687086!important;font-size:17px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-start{margin-top:28px!important}.hanable-vocab-category .category-start button{width:100%!important;max-width:none!important;height:88px!important;min-height:88px!important;gap:0!important;border-radius:999px!important;background:linear-gradient(180deg,#172234,#071225)!important;color:#fff!important;font-size:28px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:lowercase!important}.hanable-vocab-category .desktop-start-sparkle{display:none!important}.hanable-vocab-category .category-settings-button{position:fixed!important;top:calc(var(--vocab-picker-header-height) + 18px)!important;right:36px!important;width:74px!important;height:74px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:18px!important;background:#fffffff5!important;color:#687086!important;box-shadow:0 18px 40px #0f172a1f!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-vocab-category .category-settings-button .hanable-settings-gear-icon{width:32px!important;height:32px!important;stroke-width:1.85!important}}@media(min-width:768px){.hanable-conversation-layout-shell{--conversation-picker-header-height: 80px;overflow-x:clip!important;background:#fff!important}.hanable-conversation-layout-shell .hanable-app-header{height:var(--conversation-picker-header-height)!important;min-height:var(--conversation-picker-header-height)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;background:#fffffffa!important;box-shadow:0 10px 26px #0f172a09!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-layout-shell .hanable-app-header>div{height:var(--conversation-picker-header-height)!important;max-width:none!important;padding:0 42px!important;justify-content:flex-start!important}.hanable-conversation-layout-shell .hanable-primary-nav,.hanable-conversation-layout-shell .hanable-upgrade-button,.hanable-conversation-layout-shell .hanable-header-actions{display:none!important}.hanable-conversation-layout-shell .hanable-brand-link{gap:18px!important;margin-right:0!important}.hanable-conversation-layout-shell .hanable-brand-link>div{width:46px!important;height:30px!important;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hanable-conversation-layout-shell .hanable-brand-link img{width:100%!important;height:100%!important;-o-object-fit:contain!important;object-fit:contain!important;mix-blend-mode:multiply!important}.hanable-conversation-layout-shell .hanable-brand-link span{color:#071225!important;font-family:var(--font-display)!important;font-size:34px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important}.hanable-app-main.hanable-conversation-lock-scroll{width:100%!important;max-width:none!important;height:calc(100vh - var(--conversation-picker-header-height))!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}.hanable-conversation-category.hanable-category-page{width:100%!important;max-width:none!important;height:calc(100vh - var(--conversation-picker-header-height))!important;margin:0!important;overflow:hidden!important;background:#fff!important}.hanable-conversation-category.hanable-category-page:before,.hanable-conversation-category.hanable-category-page:after{content:""!important;position:absolute!important;top:0!important;bottom:0!important;z-index:1!important;width:min(35vw,500px)!important;pointer-events:none!important;opacity:.64!important;filter:saturate(.9) contrast(.98)!important;background-image:var(--conversation-reference-decor-image)!important;background-repeat:no-repeat!important;background-size:auto 100%!important}.hanable-conversation-category.hanable-category-page:before{left:0!important;background-position:left center!important}.hanable-conversation-category.hanable-category-page:after{right:0!important;background-position:right center!important}.hanable-conversation-category .desktop-category-background{display:none!important}.hanable-conversation-category .desktop-category-soft-overlay{display:block!important;background:linear-gradient(90deg,#ffffff29,#fffffff0 25%,#fffffff5 75%,#ffffff2e),radial-gradient(circle at 50% 28%,#ffffffb8,#ffffff8f 46%,#ffffff1f)!important}.hanable-conversation-category .desktop-category-light-overlay{display:block!important;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.5) 36%,transparent 62%),linear-gradient(180deg,#ffffff61,#ffffff1f)!important}.hanable-conversation-category .category-content{width:100%!important;height:100%!important;max-width:940px!important;min-height:0!important;margin:0 auto!important;padding:36px 0 38px!important;justify-content:flex-start!important;gap:0!important;box-sizing:border-box!important}.hanable-conversation-category .category-hero-copy{width:100%!important;min-height:0!important;flex:0 0 auto!important;padding:0!important}.hanable-conversation-category .desktop-conversation-hero-card{display:grid!important;width:min(920px,calc(100vw - 112px))!important;max-width:920px!important;height:530px!important;min-height:530px!important;grid-template-columns:minmax(420px,482px) minmax(0,1fr)!important;align-items:center!important;-moz-column-gap:54px!important;column-gap:54px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:31px!important;background:#ffffffe6!important;box-shadow:0 22px 50px #0f172a12!important;padding:42px 42px 34px!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-sizing:border-box!important}.hanable-conversation-category .desktop-conversation-hero-image-frame{display:flex!important;width:100%!important;height:454px!important;min-height:0!important;aspect-ratio:auto!important;place-self:center!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:2px dashed rgba(191,195,205,.86)!important;border-radius:16px!important;background:#ffffff57!important}.hanable-conversation-category .desktop-conversation-image-placeholder{gap:0!important}.hanable-conversation-category .desktop-conversation-image-placeholder .conversation-image-placeholder-icon{width:150px!important;height:150px!important;margin-bottom:28px!important;color:#c3c5cd!important;stroke-width:1.45!important}.hanable-conversation-category .desktop-conversation-image-placeholder span{color:#a6aab4!important;font-size:23px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important}.hanable-conversation-category .desktop-conversation-hero-copy{display:flex!important;min-width:0!important;height:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:20px 0 8px!important;text-align:center!important}.hanable-conversation-category .desktop-conversation-hero-copy h2{margin:0!important;color:#071225!important;font-family:var(--font-display)!important;font-size:70px!important;font-weight:700!important;line-height:1.05!important;letter-spacing:0!important;text-shadow:0 8px 22px rgba(15,23,42,.06)!important}.hanable-conversation-category .desktop-conversation-gold-divider{width:286px!important;max-width:286px!important;gap:18px!important;margin-top:36px!important;color:#e2a750!important}.hanable-conversation-category .desktop-conversation-gold-divider span:first-child,.hanable-conversation-category .desktop-conversation-gold-divider span:last-child{background:linear-gradient(90deg,transparent,rgba(226,167,80,.78),transparent)!important}.hanable-conversation-category .desktop-conversation-gold-divider span:nth-child(2){width:14px!important;height:14px!important;border-color:#e2a750f2!important;background:#ffffffb8!important}.hanable-conversation-category .desktop-conversation-hero-description{max-width:360px!important;margin:37px auto 0!important;color:#4d5b76!important;font-family:var(--font-sans)!important;font-size:22px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:0!important}.hanable-conversation-category .conversation-category-dots,.hanable-conversation-category .category-arrow,.hanable-conversation-category .category-content>.mt-5.flex.justify-center.gap-3{display:none!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]{width:min(920px,calc(100vw - 112px))!important;max-width:920px!important;margin-top:24px!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]>.mb-4{margin-bottom:29px!important;padding:0!important}.hanable-conversation-category .conversation-role-segment{display:grid!important;width:100%!important;max-width:none!important;min-height:76px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-category .conversation-role-segment button{min-height:76px!important;height:76px!important;gap:16px!important;border:1px solid rgba(226,229,237,.92)!important;border-radius:14px!important;background:#ffffffd1!important;color:#66708a!important;box-shadow:none!important;font-size:24px!important;font-weight:800!important;line-height:1!important;padding:0 22px!important}.hanable-conversation-category .conversation-role-segment button[aria-pressed=true]{border-color:#eca344!important;background:#fffaf2e6!important;color:#071225!important}.hanable-conversation-category .conversation-role-icon{width:27px!important;height:27px!important}.hanable-conversation-category .category-content>.mx-auto>div>p{display:none!important}.hanable-conversation-category .category-difficulty-grid{display:grid!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:23px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card{min-height:99px!important;height:99px!important;border:1px solid rgba(226,229,237,.92)!important;border-radius:13px!important;background:#ffffffd1!important;color:#66708a!important;box-shadow:none!important;padding:20px 8px 16px!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#eca344!important;background:#fffaf2e6!important;color:#071225!important}.hanable-conversation-category .conversation-role-segment button[aria-pressed=true]:after,.hanable-conversation-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important;display:none!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:20px!important;font-weight:800!important;line-height:1.12!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:12px!important;color:#4d5b76!important;font-size:16px!important;font-weight:800!important;line-height:1.1!important}.hanable-conversation-category .category-start{position:static!important;margin-top:28px!important;padding:0!important;background:transparent!important}.hanable-conversation-category .category-start button{width:100%!important;max-width:none!important;height:80px!important;min-height:80px!important;border-radius:999px!important;background:linear-gradient(180deg,#172234,#091225)!important;color:#fff!important;font-size:32px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:lowercase!important;box-shadow:0 18px 34px #0f172a2e!important}.hanable-conversation-category .category-settings-button{position:fixed!important;top:calc(var(--conversation-picker-header-height) + 50px)!important;right:46px!important;width:66px!important;height:66px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:17px!important;background:#fffffff5!important;color:#687086!important;box-shadow:0 18px 34px #0f172a1b!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-conversation-category .category-settings-button .hanable-settings-gear-icon{width:31px!important;height:31px!important;stroke-width:1.85!important}}@media(min-width:768px){.hanable-vocab-layout-shell{--vocab-picker-header-height: 100px;overflow-x:clip!important;background:#fff!important}.hanable-vocab-layout-shell .hanable-app-header{height:var(--vocab-picker-header-height)!important;min-height:var(--vocab-picker-header-height)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;background:#fffffffa!important;box-shadow:0 10px 26px #0f172a09!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-vocab-layout-shell .hanable-app-header>div{height:var(--vocab-picker-header-height)!important;max-width:none!important;padding:0 42px!important;justify-content:flex-start!important}.hanable-vocab-layout-shell .hanable-primary-nav,.hanable-vocab-layout-shell .hanable-upgrade-button,.hanable-vocab-layout-shell .hanable-header-actions{display:none!important}.hanable-vocab-layout-shell .hanable-brand-link{gap:18px!important;margin-right:0!important}.hanable-vocab-layout-shell .hanable-brand-link>div{width:46px!important;height:30px!important;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hanable-vocab-layout-shell .hanable-brand-link img{-o-object-fit:contain!important;object-fit:contain!important;mix-blend-mode:multiply!important}.hanable-vocab-layout-shell .hanable-brand-link span{color:#071225!important;font-family:var(--font-display)!important;font-size:34px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important}.hanable-app-main.hanable-vocab-lock-scroll{width:100%!important;max-width:none!important;height:calc(100vh - var(--vocab-picker-header-height))!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}.hanable-vocab-category.hanable-category-page{width:100%!important;max-width:none!important;height:calc(100vh - var(--vocab-picker-header-height))!important;margin:0!important;overflow:hidden!important;background:#fff!important}.hanable-vocab-category .desktop-category-background{top:0!important;right:0!important;bottom:0!important;left:0!important;opacity:.62!important;filter:saturate(.92) contrast(.98)!important;background-color:transparent!important;background-image:var(--vocab-reference-decor-image),var(--vocab-reference-decor-image),linear-gradient(180deg,#fff,#fff)!important;background-position:left center,right center,center!important;background-repeat:no-repeat,no-repeat,no-repeat!important;background-size:min(34vw,460px) auto,min(34vw,460px) auto,cover!important}.hanable-vocab-category .desktop-category-soft-overlay{background:linear-gradient(90deg,#fff3,#fffffff2 28%,#fffffff5 72%,#fff3),radial-gradient(circle at 50% 28%,#ffffffd1,#fff9 46%,#ffffff2e)!important}.hanable-vocab-category .desktop-category-light-overlay{background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.5) 34%,transparent 60%),linear-gradient(180deg,#ffffff5c,#ffffff1f)!important}.hanable-vocab-category .category-content{width:100%!important;max-width:1080px!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:clamp(24px,4vh,48px) 0 30px!important;justify-content:flex-start!important;box-sizing:border-box!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone{width:min(920px,calc(100vw - 280px))!important;max-width:920px!important;margin-left:auto!important;margin-right:auto!important}.hanable-vocab-category .category-hero-copy{min-height:0!important;padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{display:grid!important;width:100%!important;min-height:0!important;height:clamp(320px,38vh,372px)!important;grid-template-columns:minmax(280px,350px) minmax(0,1fr)!important;align-items:center!important;-moz-column-gap:clamp(34px,5vw,70px)!important;column-gap:clamp(34px,5vw,70px)!important;padding:34px clamp(40px,4.2vw,58px)!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:20px!important;background:#ffffffed!important;box-shadow:0 22px 54px #0f172a14!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-sizing:border-box!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{width:100%!important;max-width:350px!important;height:100%!important;max-height:300px!important;min-height:260px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:1px solid rgba(197,202,214,.72)!important;border-radius:24px!important;background:#fafafbc2!important;color:#c3c5cd!important;box-shadow:inset 0 1px #ffffffd1!important}.hanable-vocab-category .desktop-vocab-hero-image-frame img,.hanable-vocab-category .desktop-subcategory-icon img{display:none!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero,.hanable-vocab-category .reference-image-placeholder-desktop-subcategory{display:flex!important;width:100%!important;height:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important;color:#c3c5cd!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero svg{width:86px!important;height:86px!important;stroke-width:1.45!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero span{font-size:17px!important;font-weight:800!important;letter-spacing:0!important}.hanable-vocab-category .reference-image-placeholder-desktop-subcategory svg{width:36px!important;height:36px!important;stroke-width:1.5!important}.hanable-vocab-category .desktop-vocab-hero-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{margin:0!important;color:#071225!important;font-family:var(--font-display)!important;font-size:clamp(36px,3.4vw,54px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:0!important;text-wrap:balance!important}.hanable-vocab-category .desktop-vocab-gold-divider{width:min(240px,76%)!important;max-width:240px!important;margin-top:22px!important;color:#edb466!important}.hanable-vocab-category .desktop-vocab-gold-divider span:first-child,.hanable-vocab-category .desktop-vocab-gold-divider span:last-child{background:linear-gradient(90deg,transparent,rgba(237,180,102,.72),transparent)!important}.hanable-vocab-category .desktop-vocab-gold-divider span:nth-child(2){border-color:#edb466f2!important;background:#ffffffd1!important}.hanable-vocab-category .desktop-vocab-hero-description{max-width:380px!important;margin:16px auto 0!important;color:#4f5669d1!important;font-size:14px!important;font-weight:500!important;line-height:1.7!important;letter-spacing:0!important}.hanable-vocab-category .desktop-category-dots{margin-top:18px!important;gap:18px!important}.hanable-vocab-category .reference-carousel-dot{width:11px!important;height:11px!important;background:#e6e7ee!important}.hanable-vocab-category .reference-carousel-dot[data-active=true]{background:#edb466!important}.hanable-vocab-category .category-arrow{top:clamp(156px,23vh,230px)!important;width:52px!important;height:52px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important;transform:translateY(-50%)!important}.hanable-vocab-category .category-arrow-left{left:max(26px,calc(50% - 578px))!important}.hanable-vocab-category .category-arrow-right{right:max(26px,calc(50% - 578px))!important}.hanable-vocab-category .category-arrow svg{width:32px!important;height:32px!important;stroke-width:2.2!important}.hanable-vocab-category .category-subcategory-zone{width:min(920px,calc(100vw - 280px))!important;max-width:920px!important;margin-top:30px!important}.hanable-vocab-category .desktop-subcategory-carousel{height:126px!important;min-height:126px!important;margin:0!important;padding:0 28px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:20px!important;background:#ffffffed!important;box-shadow:0 18px 42px #0f172a13!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{min-height:126px!important}.hanable-vocab-category .desktop-subcategory-stage{grid-template-columns:54px minmax(0,1fr) 54px!important;-moz-column-gap:16px!important;column-gap:16px!important}.hanable-vocab-category .desktop-subcategory-main{justify-content:center!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.hanable-vocab-category .desktop-subcategory-slide{display:grid!important;width:min(540px,100%)!important;grid-template-columns:100px minmax(0,1fr)!important;align-items:center!important;justify-content:center!important;gap:30px!important}.hanable-vocab-category .desktop-subcategory-icon{width:100px!important;height:100px!important;flex:0 0 100px!important;overflow:hidden!important;border:0!important;border-radius:999px!important;background:#f1f1f2f2!important;color:#c3c5cd!important;box-shadow:none!important}.hanable-vocab-category .desktop-subcategory-title{color:#071225!important;font-family:var(--font-display)!important;font-size:clamp(26px,2.5vw,34px)!important;font-weight:700!important;line-height:1.14!important;letter-spacing:0!important;text-align:left!important;text-wrap:balance!important}.hanable-vocab-category .desktop-subcategory-nav,.hanable-vocab-category .desktop-subcategory-nav:hover,.hanable-vocab-category .desktop-subcategory-nav:focus-visible{width:54px!important;height:54px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:32px!important;height:32px!important;stroke-width:2.1!important}.hanable-vocab-category .desktop-subcategory-dots{display:none!important}.hanable-vocab-category .category-action-zone{width:min(940px,calc(100vw - 260px))!important;max-width:940px!important;padding-top:28px!important}.hanable-vocab-category .category-action-zone>div>p{display:none!important}.hanable-vocab-category .category-difficulty-grid{width:100%!important;max-width:none!important;height:142px!important;min-height:142px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;padding:18px 22px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:18px!important;background:#ffffffed!important;box-shadow:0 18px 42px #0f172a12!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{height:106px!important;min-height:106px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:16px!important;background:#ffffffbd!important;box-shadow:none!important;color:#687086!important;padding:18px 8px 14px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#edb466!important;background:#fffaf2e6!important;color:#071225!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:24px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:12px!important;color:#687086!important;font-size:17px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-start{margin-top:28px!important}.hanable-vocab-category .category-start button{width:100%!important;max-width:none!important;height:88px!important;min-height:88px!important;gap:0!important;border-radius:999px!important;background:linear-gradient(180deg,#172234,#071225)!important;color:#fff!important;font-size:28px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:lowercase!important}.hanable-vocab-category .desktop-start-sparkle{display:none!important}.hanable-vocab-category .category-settings-button{position:fixed!important;top:calc(var(--vocab-picker-header-height) + 18px)!important;right:36px!important;width:74px!important;height:74px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:18px!important;background:#fffffff5!important;color:#687086!important;box-shadow:0 18px 40px #0f172a1f!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-vocab-category .category-settings-button .hanable-settings-gear-icon{width:32px!important;height:32px!important;stroke-width:1.85!important}}@media(min-width:768px){.hanable-app-main.hanable-vocab-lock-scroll{height:calc(100vh - 56px)!important;max-width:none!important;overflow:hidden!important;background:#fbfaf8!important;padding:0!important}.hanable-vocab-category.hanable-category-page{width:100%!important;height:calc(100vh - 56px)!important;max-width:none!important;margin:0!important;overflow:hidden!important;background:#fbfaf8!important}.hanable-vocab-category .desktop-category-background{display:block!important;top:-34px!important;right:-34px!important;bottom:-34px!important;left:-34px!important;opacity:.34!important;background-size:auto 112%,auto 112%,cover!important;background-position:left center,right center,center!important;background-repeat:no-repeat,no-repeat,no-repeat!important;filter:saturate(.82) contrast(.98)!important}.hanable-vocab-category .desktop-category-soft-overlay{display:block!important;background:radial-gradient(ellipse at center,#fffffffa,#ffffffed 40%,#ffffffb8 66%,#ffffff5c),linear-gradient(90deg,#ffffff38,#fffffff5 22%,#fffffff5 78%,#ffffff38)!important}.hanable-vocab-category .desktop-category-light-overlay{display:block!important;background:linear-gradient(180deg,#ffffff7a,#fbfaf833 42%,#fbfaf880),radial-gradient(circle at 12% 28%,rgba(226,211,245,.12),transparent 25%),radial-gradient(circle at 88% 62%,rgba(247,206,178,.12),transparent 25%)!important}.hanable-vocab-category .category-content{width:100%!important;height:100%!important;max-width:760px!important;justify-content:flex-start!important;gap:0!important;padding:31px 0 34px!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone{width:100%!important;max-width:100%!important;flex:0 0 auto!important;padding-right:0!important;padding-left:0!important}.hanable-vocab-category .category-hero-copy{width:100%!important;min-height:0!important;padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{display:grid!important;width:760px!important;max-width:760px!important;height:238px!important;min-height:238px!important;grid-template-columns:250px minmax(0,1fr)!important;align-items:stretch!important;overflow:hidden!important;border:0!important;border-radius:16px!important;background:#ffffffe6!important;padding:20px 24px!important;box-shadow:0 22px 42px #0f172a14!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{display:block!important;width:218px!important;height:198px!important;place-self:center!important;overflow:hidden!important;border:1px solid rgba(213,216,223,.92)!important;border-radius:16px!important;background:#ffffff85!important}.hanable-vocab-category .desktop-vocab-hero-image-frame img{display:block!important;width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.hanable-vocab-category .desktop-vocab-hero-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:24px 36px!important;text-align:center!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{max-width:100%!important;color:#071225!important;font-family:var(--font-display)!important;font-size:clamp(28px,3vw,37px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:0!important;overflow-wrap:anywhere!important;text-wrap:balance;word-break:keep-all}.hanable-vocab-category .desktop-vocab-gold-divider{width:170px!important;max-width:170px!important;gap:14px!important;margin-top:18px!important}.hanable-vocab-category .desktop-category-dots{display:flex!important;justify-content:center!important;gap:16px!important;margin-top:22px!important}.hanable-vocab-category .reference-carousel-dot{width:10px!important;height:10px!important;border-radius:999px!important;background:#e8e9ef!important}.hanable-vocab-category .reference-carousel-dot[data-active=true]{background:#e6ad55!important}.hanable-vocab-category .category-arrow{top:150px!important;width:42px!important;height:42px!important;transform:translateY(-50%)!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .category-arrow-left{left:max(24px,calc(50% - 430px))!important}.hanable-vocab-category .category-arrow-right{right:max(24px,calc(50% - 430px))!important}.hanable-vocab-category .category-arrow svg{width:30px!important;height:30px!important;stroke-width:2.2!important}.hanable-vocab-category .category-subcategory-zone{width:760px!important;max-width:760px!important;margin-top:20px!important}.hanable-vocab-category .desktop-subcategory-carousel{height:86px!important;min-height:86px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:15px!important;background:#ffffffe0!important;box-shadow:0 18px 36px #0f172a12!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{min-height:86px!important}.hanable-vocab-category .desktop-subcategory-stage{grid-template-columns:38px minmax(0,1fr) 38px!important;-moz-column-gap:14px!important;column-gap:14px!important}.hanable-vocab-category .desktop-subcategory-main{justify-content:flex-start!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.hanable-vocab-category .desktop-subcategory-slide{gap:24px!important}.hanable-vocab-category .desktop-subcategory-icon{width:82px!important;height:82px!important;flex:0 0 82px!important;overflow:hidden!important;border-radius:999px!important;background:#f1f1f2f2!important;color:#c5c8cf!important;box-shadow:none!important}.hanable-vocab-category .desktop-subcategory-icon img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.hanable-vocab-category .desktop-subcategory-title{color:#071225!important;font-family:var(--font-display)!important;font-size:28px!important;font-weight:700!important;line-height:1.18!important}.hanable-vocab-category .desktop-subcategory-nav,.hanable-vocab-category .desktop-subcategory-nav:hover,.hanable-vocab-category .desktop-subcategory-nav:focus-visible{width:38px!important;height:38px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:28px!important;height:28px!important;stroke-width:2.1!important}.hanable-vocab-category .desktop-subcategory-dots{display:none!important}.hanable-vocab-category .category-action-zone{width:790px!important;max-width:min(100vw - 48px,790px)!important;padding-top:18px!important}.hanable-vocab-category .category-action-zone>div>p{display:none!important}.hanable-vocab-category .category-difficulty-grid{width:790px!important;max-width:min(100vw - 48px,790px)!important;height:94px!important;min-height:94px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;padding:11px 13px!important;overflow:hidden!important;border:0!important;border-radius:15px!important;background:#ffffffe0!important;box-shadow:0 18px 34px #0f172a0e!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{height:72px!important;min-height:72px!important;border:1px solid rgba(226,232,240,.92)!important;border-radius:14px!important;background:#ffffffb8!important;box-shadow:none!important;color:#687086!important;padding:12px 6px 9px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#edae55!important;background:#fffaf2db!important;color:#071225!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:20px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:7px!important;color:#687086!important;font-size:15px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-start{margin-top:18px!important}.hanable-vocab-category .category-start button{width:770px!important;max-width:min(100vw - 64px,770px)!important;height:58px!important;min-height:58px!important;gap:0!important;border-radius:999px!important;background:linear-gradient(180deg,#172234,#091225)!important;color:#fff!important;font-size:25px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:lowercase}.hanable-vocab-category .desktop-start-sparkle{display:none!important}.hanable-vocab-category .category-settings-button{top:26px!important;right:37px!important;width:58px!important;height:58px!important;border-radius:16px!important;color:#687086!important;box-shadow:0 18px 34px #0f172a1b!important}.hanable-vocab-category .category-settings-button .hanable-settings-gear-icon{width:29px!important;height:29px!important;stroke-width:1.85!important}}@media(min-width:768px){.hanable-app-main.hanable-vocab-lock-scroll{height:calc(100vh - 56px)!important;max-width:none!important;overflow:hidden!important;background:#fbfaf8!important;padding:0!important}.hanable-vocab-category.hanable-category-page{width:100%!important;height:calc(100vh - 56px)!important;max-width:none!important;margin:0!important;overflow:hidden!important;background:#fbfaf8!important}.hanable-vocab-category .desktop-category-background{display:block!important;top:-34px!important;right:-34px!important;bottom:-34px!important;left:-34px!important;opacity:.34!important;background-size:auto 112%,auto 112%,cover!important;background-position:left center,right center,center!important;background-repeat:no-repeat,no-repeat,no-repeat!important;filter:saturate(.82) contrast(.98)!important}.hanable-vocab-category .desktop-category-soft-overlay{display:block!important;background:radial-gradient(ellipse at center,#fffffffa,#ffffffed 40%,#ffffffb8 66%,#ffffff5c),linear-gradient(90deg,#ffffff38,#fffffff5 22%,#fffffff5 78%,#ffffff38)!important}.hanable-vocab-category .desktop-category-light-overlay{display:block!important;background:linear-gradient(180deg,#ffffff7a,#fbfaf833 42%,#fbfaf880),radial-gradient(circle at 12% 28%,rgba(226,211,245,.12),transparent 25%),radial-gradient(circle at 88% 62%,rgba(247,206,178,.12),transparent 25%)!important}.hanable-vocab-category .category-content{width:100%!important;height:100%!important;max-width:760px!important;justify-content:flex-start!important;gap:0!important;padding:31px 0 34px!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone{width:100%!important;max-width:100%!important;flex:0 0 auto!important;padding-right:0!important;padding-left:0!important}.hanable-vocab-category .category-hero-copy{width:100%!important;min-height:0!important;padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{display:grid!important;width:760px!important;max-width:760px!important;height:238px!important;min-height:238px!important;grid-template-columns:250px minmax(0,1fr)!important;align-items:stretch!important;overflow:hidden!important;border:0!important;border-radius:16px!important;background:#ffffffe6!important;padding:20px 24px!important;box-shadow:0 22px 42px #0f172a14!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{display:block!important;width:218px!important;height:198px!important;place-self:center!important;overflow:hidden!important;border:1px solid rgba(213,216,223,.92)!important;border-radius:16px!important;background:#ffffff85!important}.hanable-vocab-category .desktop-vocab-hero-image-frame img{display:block!important;width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.hanable-vocab-category .desktop-vocab-hero-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:24px 36px!important;text-align:center!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{max-width:100%!important;color:#071225!important;font-family:var(--font-display)!important;font-size:clamp(28px,3vw,37px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:0!important;overflow-wrap:anywhere!important;text-wrap:balance;word-break:keep-all}.hanable-vocab-category .desktop-vocab-gold-divider{width:170px!important;max-width:170px!important;gap:14px!important;margin-top:18px!important}.hanable-vocab-category .desktop-vocab-gold-divider span:nth-child(2){width:10px!important;height:10px!important;border-color:#e2a750db!important}.hanable-vocab-category .desktop-category-dots{display:flex!important;justify-content:center!important;gap:16px!important;margin-top:22px!important}.hanable-vocab-category .reference-carousel-dot{width:10px!important;height:10px!important;border-radius:999px!important;background:#e8e9ef!important}.hanable-vocab-category .reference-carousel-dot[data-active=true]{background:#e6ad55!important}.hanable-vocab-category .category-arrow{top:150px!important;width:42px!important;height:42px!important;transform:translateY(-50%)!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .category-arrow-left{left:max(24px,calc(50% - 430px))!important}.hanable-vocab-category .category-arrow-right{right:max(24px,calc(50% - 430px))!important}.hanable-vocab-category .category-arrow svg{width:30px!important;height:30px!important;stroke-width:2.2!important}.hanable-vocab-category .category-subcategory-zone{width:760px!important;max-width:760px!important;margin-top:20px!important}.hanable-vocab-category .desktop-subcategory-carousel{height:86px!important;min-height:86px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:15px!important;background:#ffffffe0!important;box-shadow:0 18px 36px #0f172a12!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{min-height:86px!important}.hanable-vocab-category .desktop-subcategory-stage{grid-template-columns:38px minmax(0,1fr) 38px!important;-moz-column-gap:14px!important;column-gap:14px!important}.hanable-vocab-category .desktop-subcategory-main{justify-content:flex-start!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.hanable-vocab-category .desktop-subcategory-slide{gap:24px!important}.hanable-vocab-category .desktop-subcategory-icon{width:82px!important;height:82px!important;flex:0 0 82px!important;overflow:hidden!important;border-radius:999px!important;background:#f1f1f2f2!important;color:#c5c8cf!important;box-shadow:none!important}.hanable-vocab-category .desktop-subcategory-icon img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.hanable-vocab-category .desktop-subcategory-title{color:#071225!important;font-family:var(--font-display)!important;font-size:28px!important;font-weight:700!important;line-height:1.18!important}.hanable-vocab-category .desktop-subcategory-nav,.hanable-vocab-category .desktop-subcategory-nav:hover,.hanable-vocab-category .desktop-subcategory-nav:focus-visible{width:38px!important;height:38px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:28px!important;height:28px!important;stroke-width:2.1!important}.hanable-vocab-category .desktop-subcategory-dots{display:none!important}.hanable-vocab-category .category-action-zone{width:790px!important;max-width:min(100vw - 48px,790px)!important;padding-top:18px!important}.hanable-vocab-category .category-action-zone>div>p{display:none!important}.hanable-vocab-category .category-difficulty-grid{width:790px!important;max-width:min(100vw - 48px,790px)!important;height:94px!important;min-height:94px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;padding:11px 13px!important;overflow:hidden!important;border:0!important;border-radius:15px!important;background:#ffffffe0!important;box-shadow:0 18px 34px #0f172a0e!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{height:72px!important;min-height:72px!important;border:1px solid rgba(226,232,240,.92)!important;border-radius:14px!important;background:#ffffffb8!important;box-shadow:none!important;color:#687086!important;padding:12px 6px 9px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#edae55!important;background:#fffaf2db!important;color:#071225!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:20px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:7px!important;color:#687086!important;font-size:15px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-start{margin-top:18px!important}.hanable-vocab-category .category-start button{width:770px!important;max-width:min(100vw - 64px,770px)!important;height:58px!important;min-height:58px!important;gap:0!important;border-radius:999px!important;background:linear-gradient(180deg,#172234,#091225)!important;color:#fff!important;font-size:25px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:lowercase}.hanable-vocab-category .desktop-start-sparkle{display:none!important}.hanable-vocab-category .category-settings-button{top:26px!important;right:37px!important;width:58px!important;height:58px!important;border-radius:16px!important;color:#687086!important;box-shadow:0 18px 34px #0f172a1b!important}.hanable-vocab-category .category-settings-button .hanable-settings-gear-icon{width:29px!important;height:29px!important;stroke-width:1.85!important}}@media(max-width:767px){.hanable-home-layout-shell .hanable-app-header{position:fixed!important;inset:0 0 auto 0!important;z-index:60!important;height:76px!important}.hanable-home-layout-shell .hanable-app-header>div{height:76px!important;padding:0 26px!important}.hanable-home-layout-shell .hanable-brand-link{gap:15px!important}.hanable-home-layout-shell .hanable-brand-link>div{width:45px!important;height:28px!important}.hanable-home-layout-shell .hanable-brand-link span{font-size:33px!important}.hanable-home-layout-shell .hanable-header-actions{gap:16px!important}.hanable-home-layout-shell .hanable-notification-button,.hanable-home-layout-shell .hanable-account-button{width:38px!important;height:38px!important}.hanable-home-layout-shell .hanable-notification-button:after{display:none!important}.hanable-home-layout-shell .hanable-notification-button svg,.hanable-home-layout-shell .hanable-account-button svg{width:27px!important;height:27px!important}.hanable-home-layout-shell .hanable-account-button>div{width:36px!important;height:36px!important}.hanable-home-app-main{width:100%!important;max-width:none!important;min-height:100vh!important;height:100vh!important;padding:76px 0 calc(86px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important}.home-reference-shell{min-height:calc(100vh - 162px - env(safe-area-inset-bottom))!important;padding:40px 20px 42px!important;overflow:visible!important}.home-reference-content{max-width:430px!important}.home-reference-section h2,.home-reference-section-head h2{font-size:20px!important;line-height:1.05!important}.home-reference-recommend-card{display:grid!important;min-height:156px!important;grid-template-columns:104px minmax(0,1fr)!important;align-items:center!important;-moz-column-gap:34px!important;column-gap:34px!important;row-gap:13px!important;margin-top:14px!important;border-radius:18px!important;padding:25px 30px 24px 34px!important}.home-reference-sprout{width:104px!important;height:104px!important;grid-row:1 / 3!important}.home-reference-sprout svg{width:50px!important;height:50px!important}.home-reference-recommend-copy{align-self:end!important;gap:14px!important}.home-reference-recommend-copy strong{font-size:26px!important;line-height:1.06!important}.home-reference-recommend-copy span{font-size:18px!important;line-height:1.18!important}.home-reference-start-button{width:119px!important;height:36px!important;gap:0!important;border-radius:10px!important;font-size:17px!important;line-height:1!important}.home-reference-start-button svg{display:none!important}.home-reference-summary-section{margin-top:30px!important}.home-reference-section-head a{gap:12px!important;font-size:16px!important}.home-reference-section-head a svg{width:21px!important;height:21px!important}.home-reference-summary-card.home-summary-card{min-height:146px!important;margin-top:18px!important;border-radius:18px!important}.home-reference-summary-icon{width:34px!important;height:34px!important;margin-bottom:26px!important}.home-reference-summary-icon svg{width:19px!important;height:19px!important}.home-reference-summary-item strong{margin-bottom:14px!important;font-size:38px!important;line-height:.82!important}.home-reference-summary-item span{font-size:17px!important;line-height:1.1!important;white-space:nowrap}.home-reference-menu-section{margin-top:30px!important}.home-reference-menu{display:block!important;margin-top:14px!important;overflow:hidden!important;border-radius:18px!important}.home-reference-menu-item.home-main-card{display:grid!important;min-height:82px!important;grid-template-columns:56px minmax(0,1fr) 28px!important;align-items:center!important;gap:20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:14px 22px 14px 16px!important}.home-reference-menu-item+.home-reference-menu-item{border-top:1px solid rgba(226,229,237,.78)!important}.home-reference-menu-icon{width:56px!important;height:56px!important}.home-reference-menu-icon svg{width:28px!important;height:28px!important}.home-reference-menu-copy strong{font-size:24px!important;line-height:1.12!important}.home-reference-menu-copy span{margin-top:12px!important;font-size:16px!important;line-height:1.2!important}.home-reference-menu-arrow{width:28px!important;height:28px!important;color:#747b93!important;stroke-width:2.4!important}}@media(max-width:390px){.hanable-home-layout-shell .hanable-app-header>div{padding:0 20px!important}.hanable-home-layout-shell .hanable-brand-link{gap:12px!important}.hanable-home-layout-shell .hanable-brand-link span{font-size:30px!important}.home-reference-shell{padding-left:18px!important;padding-right:18px!important}.home-reference-recommend-card{-moz-column-gap:20px!important;column-gap:20px!important;padding-left:24px!important;padding-right:24px!important}.home-reference-recommend-copy strong{font-size:24px!important}.home-reference-recommend-copy span,.home-reference-section-head a{font-size:16px!important}.home-reference-summary-item strong{font-size:36px!important}.home-reference-summary-item span{font-size:17px!important}.home-reference-menu-copy span{font-size:15px!important}}.hanable-conversation-layout-shell{background:#fbfaf8;color:#071225}.hanable-conversation-layout-shell .hanable-primary-nav,.hanable-conversation-layout-shell .hanable-upgrade-button{display:none!important}.hanable-conversation-layout-shell .hanable-app-header{background:#fffffff2!important;border-bottom:1px solid rgba(213,217,226,.82)!important;box-shadow:0 3px 14px #0f172a09!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hanable-conversation-layout-shell .hanable-app-header>div{max-width:none!important}.hanable-conversation-layout-shell .hanable-brand-link{gap:16px!important;margin-right:0!important}.hanable-conversation-layout-shell .hanable-brand-link>div{width:50px!important;height:31px!important;border-radius:0!important;background:transparent!important;overflow:visible!important}.hanable-conversation-layout-shell .hanable-brand-link img{width:100%!important;height:100%!important;-o-object-fit:contain!important;object-fit:contain!important;mix-blend-mode:multiply}.hanable-conversation-layout-shell .hanable-brand-link span{color:#071225!important;font-family:var(--font-display)!important;font-size:38px!important;font-weight:700!important;letter-spacing:0!important;line-height:1!important}.hanable-conversation-layout-shell .hanable-header-actions{align-items:center!important}.hanable-conversation-layout-shell .hanable-notification-button,.hanable-conversation-layout-shell .hanable-account-button{color:#737990!important}.hanable-conversation-layout-shell .hanable-account-button>div{background:transparent!important}.conversation-image-placeholder{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;color:#aeb2bf;text-align:center}.conversation-image-placeholder-icon{color:#aeb2bf;stroke-width:1.85}.conversation-image-placeholder span{color:#9ea3af;font-family:var(--font-sans);font-weight:800;letter-spacing:0}.conversation-role-icon{flex:0 0 auto;color:currentColor;stroke-width:1.9}@media(min-width:768px){.hanable-conversation-layout-shell .hanable-app-header{height:80px!important}.hanable-conversation-layout-shell .hanable-app-header>div{height:80px!important;padding:0 44px!important}.hanable-conversation-layout-shell .hanable-header-actions{display:none!important}.hanable-app-main.hanable-conversation-lock-scroll{width:100%!important;max-width:none!important;height:calc(100vh - 80px)!important;padding:0!important;overflow:hidden!important;background:#fbfaf8!important}.hanable-conversation-category.hanable-category-page{width:100%!important;height:calc(100vh - 80px)!important;max-width:none!important;margin:0!important;overflow:hidden!important;background:radial-gradient(circle at 9% 24%,rgba(187,178,229,.18),transparent 19%),radial-gradient(circle at 91% 40%,rgba(248,200,174,.2),transparent 19%),linear-gradient(180deg,#fbfaf8,#fbfaf8)!important}.hanable-conversation-category.hanable-category-page:before,.hanable-conversation-category.hanable-category-page:after{content:"";position:absolute;top:16px;bottom:18px;z-index:1;width:230px;pointer-events:none;opacity:.55;filter:saturate(.86)}.hanable-conversation-category.hanable-category-page:before{left:0;background:radial-gradient(ellipse at 34% 16%,rgba(153,137,213,.24),transparent 31%),radial-gradient(ellipse at 17% 63%,rgba(244,188,176,.25),transparent 30%),linear-gradient(115deg,rgba(121,116,171,.12),transparent 56%)}.hanable-conversation-category.hanable-category-page:after{right:0;background:radial-gradient(ellipse at 70% 38%,rgba(244,188,176,.31),transparent 32%),radial-gradient(ellipse at 44% 80%,rgba(153,137,213,.25),transparent 28%),linear-gradient(245deg,rgba(234,164,113,.1),transparent 56%)}.hanable-conversation-category .desktop-category-background,.hanable-conversation-category .desktop-category-soft-overlay,.hanable-conversation-category .desktop-category-light-overlay{display:none!important;background:none!important}.hanable-conversation-category .category-content{width:100%!important;height:100%!important;max-width:920px!important;gap:0!important;justify-content:flex-start!important;padding:34px 0 44px!important}.hanable-conversation-category .category-hero-copy{width:100%!important;min-height:0!important;flex:0 0 auto!important;padding:0!important}.hanable-conversation-category .desktop-conversation-hero-card{display:grid!important;width:916px!important;max-width:100%!important;height:530px!important;min-height:530px!important;grid-template-columns:482px minmax(0,1fr)!important;align-items:center!important;-moz-column-gap:54px!important;column-gap:54px!important;overflow:hidden!important;border:0!important;border-radius:31px!important;background:#ffffffe0!important;box-shadow:0 22px 46px #0f172a0f!important;padding:42px 42px 34px!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-conversation-category .desktop-conversation-hero-image-frame{display:block!important;width:482px!important;height:454px!important;min-height:0!important;aspect-ratio:auto!important;place-self:center!important;overflow:hidden!important;border:2px dashed rgba(191,195,205,.86)!important;border-radius:16px!important;background:#ffffff57!important}.hanable-conversation-category .desktop-conversation-image-placeholder .conversation-image-placeholder-icon{width:150px!important;height:150px!important;margin-bottom:28px!important}.hanable-conversation-category .desktop-conversation-image-placeholder span{font-size:23px!important;line-height:1.2!important}.hanable-conversation-category .desktop-conversation-hero-copy{display:flex!important;min-width:0!important;height:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:20px 0 8px!important;text-align:center!important}.hanable-conversation-category .desktop-conversation-hero-copy h2{margin:0!important;color:#071225!important;font-family:var(--font-display)!important;font-size:70px!important;font-weight:700!important;line-height:1.05!important;letter-spacing:0!important;text-shadow:0 8px 22px rgba(15,23,42,.06)!important}.hanable-conversation-category .desktop-conversation-gold-divider{width:286px!important;max-width:286px!important;gap:18px!important;margin-top:36px!important}.hanable-conversation-category .desktop-conversation-gold-divider span:first-child,.hanable-conversation-category .desktop-conversation-gold-divider span:last-child{background:linear-gradient(90deg,transparent,rgba(226,167,80,.78),transparent)!important}.hanable-conversation-category .desktop-conversation-gold-divider span:nth-child(2){width:14px!important;height:14px!important;border-color:#e2a750f2!important;background:#ffffffb8!important}.hanable-conversation-category .desktop-conversation-hero-description{max-width:360px!important;margin:37px auto 0!important;color:#4d5b76!important;font-family:var(--font-sans)!important;font-size:22px!important;font-weight:800!important;line-height:1.3!important}.hanable-conversation-category .conversation-category-dots,.hanable-conversation-category .category-arrow,.hanable-conversation-category .category-content>.mt-5.flex.justify-center.gap-3{display:none!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]{width:920px!important;max-width:920px!important;margin-top:24px!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]>.mb-4{margin-bottom:29px!important;padding:0!important}.hanable-conversation-category .conversation-role-segment{display:grid!important;width:920px!important;max-width:920px!important;min-height:76px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-category .conversation-role-segment button{min-height:76px!important;height:76px!important;gap:16px!important;border:1px solid rgba(226,229,237,.92)!important;border-radius:14px!important;background:#ffffffd1!important;color:#66708a!important;box-shadow:none!important;font-size:24px!important;font-weight:800!important;line-height:1!important;padding:0 22px!important}.hanable-conversation-category .conversation-role-segment button[aria-pressed=true]{border-color:#eca344!important;background:#fffaf2e6!important;color:#071225!important}.hanable-conversation-category .conversation-role-icon{width:27px!important;height:27px!important}.hanable-conversation-category .category-content>.mx-auto>div>p{display:none!important}.hanable-conversation-category .category-difficulty-grid{display:grid!important;width:920px!important;max-width:920px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:23px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card{min-height:99px!important;height:99px!important;border:1px solid rgba(226,229,237,.92)!important;border-radius:13px!important;background:#ffffffd1!important;color:#66708a!important;box-shadow:none!important;padding:20px 8px 16px!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#eca344!important;background:#fffaf2e6!important;color:#071225!important}.hanable-conversation-category .conversation-role-segment button[aria-pressed=true]:after,.hanable-conversation-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important;display:none!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:20px!important;font-weight:800!important;line-height:1.12!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:12px!important;color:#4d5b76!important;font-size:16px!important;font-weight:800!important;line-height:1.1!important}.hanable-conversation-category .category-start{position:static!important;margin-top:28px!important;padding:0!important;background:transparent!important}.hanable-conversation-category .category-start button{width:910px!important;max-width:910px!important;height:80px!important;min-height:80px!important;border-radius:999px!important;background:linear-gradient(180deg,#172234,#091225)!important;color:#fff!important;font-size:32px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:lowercase!important;box-shadow:0 18px 34px #0f172a2e!important}.hanable-conversation-category .category-settings-button{top:130px!important;right:46px!important;width:66px!important;height:66px!important;border-radius:17px!important;color:#687086!important;box-shadow:0 18px 34px #0f172a1b!important}.hanable-conversation-category .category-settings-button .hanable-settings-gear-icon{width:31px!important;height:31px!important;stroke-width:1.85!important}}@media(max-width:767px){.hanable-conversation-layout-shell .hanable-app-header{position:fixed!important;inset:0 0 auto 0!important;z-index:60!important;height:76px!important}.hanable-conversation-layout-shell .hanable-app-header>div{height:76px!important;padding:0 26px!important}.hanable-conversation-layout-shell .hanable-brand-link{gap:15px!important}.hanable-conversation-layout-shell .hanable-brand-link>div{width:45px!important;height:28px!important}.hanable-conversation-layout-shell .hanable-brand-link span{font-size:33px!important}.hanable-conversation-layout-shell .hanable-header-actions{gap:16px!important}.hanable-conversation-layout-shell .hanable-notification-button,.hanable-conversation-layout-shell .hanable-account-button{width:38px!important;height:38px!important;margin:0!important;color:#737990!important}.hanable-conversation-layout-shell .hanable-notification-button svg,.hanable-conversation-layout-shell .hanable-account-button svg{width:27px!important;height:27px!important;stroke-width:1.75!important}.hanable-conversation-layout-shell .hanable-account-button>div{width:36px!important;height:36px!important}.hanable-app-main.hanable-conversation-lock-scroll{width:100%!important;max-width:none!important;height:100vh!important;padding:76px 0 calc(86px + env(safe-area-inset-bottom))!important;overflow:hidden!important;background:#fbfaf8!important}.hanable-app-main.hanable-conversation-lock-scroll .hanable-mobile-showcase{height:calc(100vh - 162px - env(safe-area-inset-bottom))!important;max-height:calc(100vh - 162px - env(safe-area-inset-bottom))!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}.hanable-mobile-conversation{box-sizing:border-box!important;padding:27px 0 16px!important;background:#fbfaf8!important}.hanable-mobile-conversation .mobile-showcase-bg{background:#fbfaf8!important;opacity:1!important;filter:none!important}.hanable-mobile-conversation .mobile-showcase-bg:after{display:none!important}.hanable-mobile-conversation .hanable-settings-gear{top:18px!important;right:26px!important;width:44px!important;height:44px!important;border-radius:15px!important;border:0!important;background:#ffffffeb!important;box-shadow:0 14px 34px #0f172a17!important;color:#687086!important}.hanable-mobile-conversation .hanable-settings-gear .hanable-settings-gear-icon{width:25px!important;height:25px!important}.hanable-mobile-conversation .mobile-showcase-arrow{top:242px!important;display:inline-flex!important;width:40px!important;height:40px!important;border:0!important;border-radius:999px!important;background:#ffffffeb!important;box-shadow:0 14px 28px #0f172a13!important;color:#071225!important}.hanable-mobile-conversation .mobile-showcase-arrow-left{left:16px!important}.hanable-mobile-conversation .mobile-showcase-arrow-right{right:16px!important}.hanable-mobile-conversation .mobile-showcase-arrow svg{width:27px!important;height:27px!important;stroke-width:2.4!important}.hanable-mobile-conversation .mobile-showcase-hero{width:100%!important;min-height:0!important;padding:0!important}.hanable-mobile-conversation .mobile-conversation-hero-card{display:flex!important;width:min(calc(100% - 116px),324px)!important;min-height:410px!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;margin:0 auto!important;border:0!important;border-radius:33px!important;background:#ffffffe6!important;box-shadow:0 20px 48px #0f172a13!important;padding:42px 28px 28px!important;text-align:center!important}.hanable-mobile-conversation .mobile-conversation-category-art{display:flex!important;width:218px!important;height:218px!important;aspect-ratio:auto!important;overflow:hidden!important;border:1.5px dashed rgba(196,200,211,.86)!important;border-radius:14px!important;background:#ffffff4d!important}.hanable-mobile-conversation .mobile-conversation-category-art .conversation-image-placeholder-icon{width:82px!important;height:82px!important;margin-bottom:23px!important}.hanable-mobile-conversation .mobile-conversation-category-art span{font-size:17px!important;line-height:1.2!important}.hanable-mobile-conversation .mobile-showcase-hero h1{margin:33px 0 0!important;color:#071225!important;font-family:var(--font-display)!important;font-size:43px!important;font-weight:700!important;line-height:1.05!important;letter-spacing:0!important;text-align:center!important;white-space:normal!important}.hanable-mobile-conversation .mobile-gold-divider{width:176px!important;margin-top:24px!important;gap:16px!important}.hanable-mobile-conversation .mobile-gold-divider i{width:12px!important;height:12px!important;border-color:#e2a750f2!important}.hanable-mobile-conversation .mobile-gold-divider span{background:linear-gradient(90deg,transparent,rgba(226,167,80,.78),transparent)!important}.hanable-mobile-conversation .mobile-showcase-hero p{margin:24px auto 0!important;color:#071225!important;font-family:var(--font-sans)!important;font-size:16px!important;font-weight:800!important;line-height:1.25!important}.hanable-mobile-conversation .conversation-category-dots{display:none!important}.hanable-mobile-conversation .mobile-showcase-controls{display:flex!important;width:100%!important;max-width:376px!important;flex-direction:column!important;gap:0!important;margin:0 auto!important;padding:21px 0 0!important}.hanable-mobile-conversation .mobile-role-pills{display:grid!important;width:356px!important;max-width:calc(100vw - 48px)!important;min-height:60px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 auto!important;border:0!important;border-radius:18px!important;background:#ffffffd1!important;box-shadow:0 12px 28px #0f172a0d!important;padding:8px!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-mobile-conversation .mobile-role-pills button{min-height:44px!important;height:44px!important;gap:10px!important;border:1px solid rgba(226,229,237,.92)!important;border-radius:14px!important;background:#ffffffbd!important;color:#687086!important;box-shadow:none!important;padding:0 8px!important}.hanable-mobile-conversation .mobile-role-pills button[aria-pressed=true]{border-color:#eca344!important;background:#fffaf2eb!important;color:#071225!important}.hanable-mobile-conversation .mobile-role-pills button[aria-pressed=true]:after,.hanable-mobile-conversation .mobile-difficulty-cards button[aria-pressed=true]:after{content:none!important;display:none!important}.hanable-mobile-conversation .conversation-role-icon{width:18px!important;height:18px!important}.hanable-mobile-conversation .mobile-role-label{color:inherit!important;font-size:16px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}.hanable-mobile-conversation .mobile-difficulty-label{display:none!important}.hanable-mobile-conversation .mobile-difficulty-cards{display:grid!important;width:376px!important;max-width:calc(100vw - 48px)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;margin:22px auto 0!important;border:0!important;border-radius:18px!important;background:#ffffffd1!important;box-shadow:0 12px 28px #0f172a0d!important;padding:9px!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-mobile-conversation .mobile-difficulty-cards button{min-height:58px!important;height:58px!important;gap:4px!important;border:1px solid rgba(226,229,237,.92)!important;border-radius:13px!important;background:#ffffffbd!important;color:#687086!important;box-shadow:none!important;padding:9px 2px 7px!important}.hanable-mobile-conversation .mobile-difficulty-cards button+button{box-shadow:none!important}.hanable-mobile-conversation .mobile-difficulty-cards button[aria-pressed=true]{border-color:#eca344!important;background:#fffaf2eb!important;color:#071225!important}.hanable-mobile-conversation .mobile-difficulty-cards strong{font-size:15px!important;font-weight:800!important;line-height:1.1!important}.hanable-mobile-conversation .mobile-difficulty-cards span{margin-top:5px!important;color:#687086!important;font-size:13px!important;font-weight:800!important;line-height:1.1!important;white-space:nowrap!important}.hanable-mobile-conversation .mobile-showcase-start{width:356px!important;max-width:calc(100vw - 84px)!important;height:56px!important;min-height:56px!important;margin:25px auto 0!important;border-radius:999px!important;background:linear-gradient(180deg,#172234,#091225)!important;color:#fff!important;font-size:28px!important;font-weight:800!important;line-height:1!important;box-shadow:0 18px 34px #0f172a2e!important}}@media(max-width:390px){.hanable-conversation-layout-shell .hanable-app-header>div{padding:0 20px!important}.hanable-conversation-layout-shell .hanable-brand-link{gap:12px!important}.hanable-conversation-layout-shell .hanable-brand-link span{font-size:30px!important}.hanable-mobile-conversation .mobile-conversation-hero-card{width:min(calc(100% - 104px),306px)!important;min-height:392px!important;padding:36px 22px 25px!important}.hanable-mobile-conversation .mobile-conversation-category-art{width:204px!important;height:204px!important}.hanable-mobile-conversation .mobile-showcase-arrow{top:230px!important}.hanable-mobile-conversation .mobile-showcase-hero h1{font-size:39px!important}.hanable-mobile-conversation .mobile-role-pills,.hanable-mobile-conversation .mobile-difficulty-cards{width:min(100%,348px)!important}.hanable-mobile-conversation .mobile-role-label{font-size:14px!important}.hanable-mobile-conversation .mobile-difficulty-cards{gap:7px!important;padding:8px!important}.hanable-mobile-conversation .mobile-difficulty-cards strong{font-size:14px!important}.hanable-mobile-conversation .mobile-difficulty-cards span{font-size:12px!important}.hanable-mobile-conversation .mobile-showcase-start{width:min(100%,330px)!important}}@media(min-width:768px){.hanable-home-layout-shell .hanable-app-header{height:56px!important;background:#ffffffd1!important;border-bottom:1px solid hsl(var(--border))!important;box-shadow:none!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}.hanable-home-layout-shell .hanable-app-header>div{height:56px!important;max-width:1400px!important;padding-right:1.5rem!important;padding-left:1.5rem!important}.hanable-home-layout-shell .hanable-primary-nav,.hanable-home-layout-shell .hanable-upgrade-button{display:flex!important}.hanable-home-layout-shell .hanable-brand-link{gap:.625rem!important;margin-right:.5rem!important}.hanable-home-layout-shell .hanable-brand-link>div{width:28px!important;height:28px!important;overflow:hidden!important;border-radius:6px!important;background:hsl(var(--primary))!important}.hanable-home-layout-shell .hanable-brand-link img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;mix-blend-mode:normal!important}.hanable-home-layout-shell .hanable-brand-link span{color:hsl(var(--foreground))!important;font-family:var(--font-sans)!important;font-size:15px!important;font-weight:600!important;line-height:1!important}.hanable-home-layout-shell .hanable-header-actions{gap:.25rem!important}.hanable-home-layout-shell .hanable-notification-button,.hanable-home-layout-shell .hanable-account-button{width:32px!important;height:32px!important;color:hsl(var(--muted-foreground))!important}.hanable-home-layout-shell .hanable-notification-button:after{content:none!important;display:none!important}.hanable-home-layout-shell .hanable-notification-button svg{width:16px!important;height:16px!important;stroke-width:2!important}.hanable-home-layout-shell .hanable-account-button>div{width:24px!important;height:24px!important;background:hsl(var(--muted))!important}.hanable-home-layout-shell .hanable-account-button svg{width:14px!important;height:14px!important;color:hsl(var(--muted-foreground))!important;stroke-width:2!important}.hanable-home-app-main{width:100%!important;max-width:none!important;height:calc(100vh - 56px)!important;padding:0!important;overflow:hidden!important;background:#fafbfe!important}.home-reference-shell{display:flex!important;width:100%!important;height:100%!important;min-height:0!important;align-items:center!important;justify-content:center!important;padding:20px 24px!important;overflow:hidden!important}.home-reference-content{display:flex!important;width:min(100%,760px)!important;max-width:760px!important;flex-direction:column!important;gap:16px!important;margin:0 auto!important}.home-reference-section h2,.home-reference-section-head h2{font-size:19px!important;line-height:1.15!important}.home-reference-recommend-card{display:grid!important;min-height:118px!important;grid-template-columns:78px minmax(0,1fr) 130px!important;align-items:center!important;gap:22px!important;margin-top:10px!important;border-radius:10px!important;padding:16px 20px!important}.home-reference-sprout{width:78px!important;height:78px!important}.home-reference-sprout svg{width:38px!important;height:38px!important}.home-reference-recommend-copy{gap:9px!important}.home-reference-recommend-copy strong{font-size:25px!important;line-height:1.08!important}.home-reference-recommend-copy span{font-size:15px!important;line-height:1.25!important}.home-reference-start-button{width:130px!important;height:48px!important;gap:10px!important;border-radius:8px!important;font-size:15px!important}.home-reference-start-button svg{width:17px!important;height:17px!important}.home-reference-summary-section,.home-reference-menu-section{margin-top:0!important}.home-reference-section-head a{gap:8px!important;font-size:14px!important}.home-reference-section-head a svg{width:16px!important;height:16px!important}.home-reference-summary-card.home-summary-card{min-height:118px!important;margin-top:10px!important;border-radius:10px!important}.home-reference-summary-icon{width:42px!important;height:42px!important;margin-bottom:8px!important}.home-reference-summary-icon svg{width:22px!important;height:22px!important}.home-reference-summary-item strong{margin-bottom:6px!important;font-size:31px!important;line-height:.95!important}.home-reference-summary-item span{font-size:13px!important;line-height:1.15!important}.home-reference-menu{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.home-reference-menu-item.home-main-card{display:grid!important;min-height:62px!important;grid-template-columns:44px minmax(0,1fr) 20px!important;align-items:center!important;gap:14px!important;border-radius:10px!important;background:#ffffffdb!important;padding:8px 16px!important;text-align:left!important}.home-reference-menu-icon{width:42px!important;height:42px!important}.home-reference-menu-icon svg{width:22px!important;height:22px!important}.home-reference-menu-copy strong{font-size:21px!important;line-height:1.08!important}.home-reference-menu-copy span{margin-top:6px!important;font-size:13px!important;line-height:1.15!important}.home-reference-menu-arrow{display:block!important;width:20px!important;height:20px!important;color:#747b93!important;stroke-width:2.4!important}}@media(min-width:768px){.hanable-vocab-layout-shell .hanable-app-header,.hanable-conversation-layout-shell .hanable-app-header{height:56px!important;min-height:56px!important;border-bottom:1px solid hsl(var(--border))!important;background:#ffffffd1!important;box-shadow:none!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.hanable-vocab-layout-shell .hanable-app-header>div,.hanable-conversation-layout-shell .hanable-app-header>div{height:56px!important;max-width:1400px!important;padding-right:1.5rem!important;padding-left:1.5rem!important}.hanable-vocab-layout-shell .hanable-primary-nav,.hanable-conversation-layout-shell .hanable-primary-nav,.hanable-vocab-layout-shell .hanable-upgrade-button,.hanable-conversation-layout-shell .hanable-upgrade-button,.hanable-vocab-layout-shell .hanable-header-actions,.hanable-conversation-layout-shell .hanable-header-actions{display:flex!important}.hanable-vocab-layout-shell .hanable-brand-link,.hanable-conversation-layout-shell .hanable-brand-link{gap:.625rem!important;margin-right:.5rem!important}.hanable-vocab-layout-shell .hanable-brand-link>div,.hanable-conversation-layout-shell .hanable-brand-link>div{width:28px!important;height:28px!important;border-radius:6px!important;background:hsl(var(--primary))!important;overflow:hidden!important}.hanable-vocab-layout-shell .hanable-brand-link img,.hanable-conversation-layout-shell .hanable-brand-link img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;mix-blend-mode:normal!important;opacity:1!important}.hanable-vocab-layout-shell .hanable-brand-link span,.hanable-conversation-layout-shell .hanable-brand-link span{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:15px!important;font-weight:600!important;letter-spacing:0!important;color:hsl(var(--foreground))!important}.hanable-vocab-layout-shell .hanable-header-actions,.hanable-conversation-layout-shell .hanable-header-actions{align-items:center!important;gap:.25rem!important}.hanable-vocab-layout-shell .hanable-header-actions button,.hanable-conversation-layout-shell .hanable-header-actions button,.hanable-vocab-layout-shell .hanable-notification-button,.hanable-conversation-layout-shell .hanable-notification-button,.hanable-vocab-layout-shell .hanable-account-button,.hanable-conversation-layout-shell .hanable-account-button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:.375rem!important;padding:0!important}.hanable-vocab-layout-shell .hanable-notification-button:after,.hanable-conversation-layout-shell .hanable-notification-button:after{content:none!important}.hanable-vocab-layout-shell .hanable-notification-button svg,.hanable-conversation-layout-shell .hanable-notification-button svg{width:16px!important;height:16px!important}.hanable-vocab-layout-shell .hanable-account-button>div,.hanable-conversation-layout-shell .hanable-account-button>div{width:24px!important;height:24px!important;border-radius:9999px!important}.hanable-vocab-layout-shell .hanable-account-button svg,.hanable-conversation-layout-shell .hanable-account-button svg{width:14px!important;height:14px!important}.hanable-app-main.hanable-vocab-lock-scroll,.hanable-app-main.hanable-conversation-lock-scroll{height:calc(100vh - 56px)!important;max-width:none!important;overflow:hidden!important;background:#fbfaf8!important;padding:0!important}.hanable-vocab-category.hanable-category-page,.hanable-conversation-category.hanable-category-page{height:calc(100vh - 56px)!important;max-width:none!important;margin:0!important;overflow:hidden!important}.hanable-vocab-category .category-content,.hanable-conversation-category .category-content{height:100%!important;max-width:760px!important;justify-content:flex-start!important;gap:0!important;padding:18px 0 20px!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone,.hanable-conversation-category .category-action-zone{width:100%!important;max-width:760px!important;padding-right:0!important;padding-left:0!important}.hanable-vocab-category .category-hero-copy,.hanable-conversation-category .category-hero-copy{flex:0 0 auto!important;min-height:0!important;padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{width:760px!important;max-width:760px!important;height:238px!important;min-height:238px!important;grid-template-columns:250px minmax(0,1fr)!important;border-radius:16px!important;padding:20px 24px!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{width:218px!important;height:198px!important;border-radius:16px!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero .reference-image-placeholder-icon{width:62px!important;height:62px!important}.hanable-vocab-category .desktop-vocab-hero-copy{padding:24px 36px!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{font-size:clamp(26px,3vw,34px)!important;line-height:1.08!important}.hanable-vocab-category .desktop-vocab-gold-divider{width:170px!important;max-width:170px!important;gap:14px!important;margin-top:18px!important}.hanable-vocab-category .desktop-category-dots{gap:16px!important;margin-top:20px!important}.hanable-vocab-category .desktop-category-dot,.hanable-vocab-category .reference-carousel-dot{width:10px!important;height:10px!important}.hanable-vocab-category .category-arrow{top:128px!important;width:42px!important;height:42px!important;transform:translateY(-50%)!important}.hanable-vocab-category .category-arrow-left{left:calc(50% - 430px)!important}.hanable-vocab-category .category-arrow-right{right:calc(50% - 430px)!important}.hanable-vocab-category .category-arrow svg{width:28px!important;height:28px!important}.hanable-vocab-category .category-subcategory-zone{width:760px!important;max-width:760px!important;margin-top:16px!important}.hanable-vocab-category .desktop-subcategory-carousel{height:78px!important;min-height:78px!important;margin-bottom:0!important;border-radius:13px!important;padding:0 14px!important}.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{min-height:78px!important}.hanable-vocab-category .desktop-subcategory-stage{grid-template-columns:34px minmax(0,1fr) 34px!important;-moz-column-gap:12px!important;column-gap:12px!important}.hanable-vocab-category .desktop-subcategory-slide{gap:20px!important}.hanable-vocab-category .desktop-subcategory-icon{width:70px!important;height:70px!important;flex-basis:70px!important}.hanable-vocab-category .desktop-subcategory-title{font-size:23px!important;line-height:1.08!important}.hanable-vocab-category .desktop-subcategory-nav{width:34px!important;height:34px!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:24px!important;height:24px!important}.hanable-vocab-category .category-action-zone,.hanable-conversation-category .category-action-zone{padding-top:16px!important}.hanable-vocab-category .category-difficulty-grid,.hanable-conversation-category .category-difficulty-grid{width:760px!important;max-width:760px!important;height:82px!important;min-height:82px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;border-radius:13px!important;padding:10px 12px!important}.hanable-vocab-category .difficulty-card,.hanable-conversation-category .difficulty-card{height:62px!important;min-height:62px!important;border-radius:12px!important;padding:10px 4px 8px!important}.hanable-vocab-category .difficulty-card>span:first-child,.hanable-conversation-category .difficulty-card>span:first-child{font-size:16px!important;line-height:1.1!important}.hanable-vocab-category .difficulty-card>span:last-child,.hanable-conversation-category .difficulty-card>span:last-child{margin-top:5px!important;font-size:13px!important;line-height:1.1!important}.hanable-vocab-category .category-start,.hanable-conversation-category .category-start{margin-top:16px!important}.hanable-vocab-category .category-start button,.hanable-conversation-category .category-start button{width:748px!important;height:58px!important;min-height:58px!important;border-radius:9999px!important;font-size:23px!important;line-height:1!important}.hanable-vocab-category .desktop-start-sparkle,.hanable-conversation-category .desktop-start-sparkle{display:none!important}.hanable-vocab-category .category-settings-button,.hanable-conversation-category .category-settings-button{top:72px!important;right:22px!important;width:48px!important;height:48px!important;border-radius:14px!important}.hanable-vocab-category .category-settings-button .hanable-settings-gear-icon,.hanable-conversation-category .category-settings-button .hanable-settings-gear-icon{width:24px!important;height:24px!important}.hanable-conversation-category .desktop-conversation-hero-card{width:760px!important;max-width:760px!important;height:300px!important;min-height:300px!important;grid-template-columns:300px minmax(0,1fr)!important;gap:28px!important;border-radius:18px!important;padding:24px!important}.hanable-conversation-category .desktop-conversation-hero-image-frame{width:280px!important;height:252px!important;border-width:2px!important;border-radius:14px!important}.hanable-conversation-category .desktop-conversation-image-placeholder .conversation-image-placeholder-icon{width:84px!important;height:84px!important;margin-bottom:16px!important}.hanable-conversation-category .desktop-conversation-image-placeholder span{font-size:16px!important}.hanable-conversation-category .desktop-conversation-hero-copy{padding:0!important}.hanable-conversation-category .desktop-conversation-hero-copy h2{font-size:42px!important;line-height:1.08!important}.hanable-conversation-category .desktop-conversation-gold-divider{width:180px!important;max-width:180px!important;gap:14px!important;margin-top:18px!important}.hanable-conversation-category .desktop-conversation-hero-description{margin-top:18px!important;font-size:16px!important;line-height:1.45!important}.hanable-conversation-category .conversation-category-dots,.hanable-conversation-category .category-arrow{display:none!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]{width:760px!important;max-width:760px!important;margin-top:14px!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]>.mb-4{margin-bottom:14px!important;padding:0!important}.hanable-conversation-category .conversation-role-segment{width:760px!important;max-width:760px!important;min-height:52px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;border-radius:13px!important;padding:0!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}.hanable-conversation-category .conversation-role-segment button{height:52px!important;min-height:52px!important;border-radius:11px!important;gap:10px!important;padding:0 14px!important;font-size:18px!important;line-height:1.1!important}.hanable-conversation-category .conversation-role-icon{width:20px!important;height:20px!important}}@media(min-width:768px){.hanable-home-app-main{width:100%!important;max-width:none!important;height:calc(100vh - 56px)!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:radial-gradient(circle at 18% 18%,rgba(246,248,252,.95),transparent 30%),radial-gradient(circle at 86% 22%,rgba(255,250,244,.62),transparent 28%),#fafbfe!important}.home-reference-shell{display:block!important;width:100%!important;height:auto!important;min-height:100%!important;box-sizing:border-box!important;padding:clamp(36px,5.2vh,54px) 24px clamp(38px,5vh,54px)!important;overflow-x:hidden!important;overflow-y:visible!important;background:transparent!important}.home-reference-content{display:flex!important;width:100%!important;max-width:480px!important;height:auto!important;min-height:0!important;flex-direction:column!important;gap:0!important;margin:0 auto!important;box-sizing:border-box!important}.home-reference-section{margin:0!important}.home-reference-section h2,.home-reference-section-head h2{margin:0!important;color:#071225!important;font-family:var(--font-sans)!important;font-size:22px!important;font-weight:850!important;line-height:1.2!important;letter-spacing:0!important}.home-reference-recommend-card{display:grid!important;min-height:0!important;grid-template-columns:88px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;margin-top:16px!important;border:1px solid rgba(226,229,237,.72)!important;border-radius:10px!important;background:#ffffffdb!important;padding:20px!important;box-shadow:0 14px 30px #0f172a0e!important;text-decoration:none!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.home-reference-sprout{width:88px!important;height:88px!important}.home-reference-sprout svg{width:42px!important;height:42px!important}.home-reference-recommend-copy{display:flex!important;min-width:0!important;flex-direction:column!important;justify-content:center!important;gap:10px!important}.home-reference-recommend-copy strong{color:#071225!important;font-family:var(--font-display)!important;font-size:24px!important;font-weight:700!important;line-height:1.12!important;letter-spacing:0!important}.home-reference-recommend-copy span{color:#5f6680!important;font-size:15px!important;font-weight:500!important;line-height:1.35!important}.home-reference-start-button{display:inline-flex!important;width:100%!important;height:52px!important;align-items:center!important;justify-content:center!important;grid-column:1 / -1!important;justify-self:stretch!important;gap:12px!important;border-radius:9px!important;background:linear-gradient(180deg,#172234,#091225)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;box-shadow:0 9px 18px #0f172a24,inset 0 1px #ffffff14!important}.home-reference-start-button svg{width:18px!important;height:18px!important;stroke-width:2.4!important}.home-reference-summary-section{margin-top:34px!important}.home-reference-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important}.home-reference-section-head a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#69718b!important;font-size:14px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-decoration:none!important}.home-reference-section-head a svg{width:18px!important;height:18px!important;stroke-width:2.6!important}.home-reference-summary-card.home-summary-card{display:grid!important;width:100%!important;max-width:none!important;min-height:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:18px!important;overflow:hidden!important;border:1px solid rgba(226,229,237,.72)!important;border-radius:10px!important;background:#ffffffdb!important;padding:0!important;box-shadow:0 14px 30px #0f172a0e!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.home-reference-summary-item.home-summary-item{display:flex!important;min-height:150px!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;border:0!important;background:transparent!important;padding:22px 12px!important;text-align:center!important}.home-reference-summary-item+.home-reference-summary-item{border-left:1px solid rgba(218,222,232,.88)!important}.home-reference-summary-icon{width:48px!important;height:48px!important;margin-bottom:12px!important}.home-reference-summary-icon svg{width:24px!important;height:24px!important}.home-reference-summary-item strong{margin-bottom:8px!important;color:#071225!important;font-family:var(--font-display)!important;font-size:28px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important}.home-reference-summary-item span{color:#5f6680!important;font-size:13px!important;font-weight:500!important;line-height:1.2!important}.home-reference-menu-section{margin-top:32px!important}.home-reference-menu{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:16px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.home-reference-menu-item.home-main-card{display:flex!important;min-height:112px!important;height:auto!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;border:1px solid rgba(226,229,237,.72)!important;border-radius:10px!important;background:#ffffffdb!important;padding:18px 20px!important;box-shadow:0 14px 30px #0f172a0e!important;text-align:left!important;text-decoration:none!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.home-reference-menu-icon{width:56px!important;height:56px!important;flex:0 0 56px!important}.home-reference-menu-icon svg{width:28px!important;height:28px!important}.home-reference-menu-copy.home-card-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;padding:0!important;text-align:left!important}.home-reference-menu-copy strong{color:#071225!important;font-family:var(--font-display)!important;font-size:22px!important;font-weight:700!important;line-height:1.12!important;letter-spacing:0!important}.home-reference-menu-copy span{margin-top:8px!important;color:#5f6680!important;font-size:14px!important;font-weight:500!important;line-height:1.25!important}.home-reference-menu-arrow{display:block!important;width:20px!important;height:20px!important;margin-left:auto!important;flex:0 0 20px!important;color:#69718b!important}}@media(min-width:768px){.hanable-home-app-main{overflow-x:hidden!important;overflow-y:auto!important}.home-reference-shell{box-sizing:border-box!important;height:auto!important;min-height:100%!important;padding:28px clamp(18px,4vw,32px) 36px!important;overflow-x:hidden!important;overflow-y:visible!important}.home-reference-content{width:100%!important;max-width:480px!important;min-width:0!important;height:auto!important;margin:0 auto!important;box-sizing:border-box!important}.home-reference-section h2,.home-reference-section-head h2{font-size:20px!important}.home-reference-recommend-card{min-height:126px!important;grid-template-columns:64px minmax(0,1fr) 112px!important;gap:14px!important;margin-top:12px!important;padding:18px!important}.home-reference-sprout{width:64px!important;height:64px!important}.home-reference-sprout svg{width:32px!important;height:32px!important}.home-reference-recommend-copy{gap:8px!important}.home-reference-recommend-copy strong{font-size:24px!important}.home-reference-recommend-copy span{font-size:14px!important}.home-reference-start-button{width:112px!important;height:44px!important;gap:8px!important;font-size:14px!important}.home-reference-start-button svg{width:16px!important;height:16px!important}.home-reference-summary-section,.home-reference-menu-section{margin-top:28px!important}.home-reference-section-head a{gap:8px!important;font-size:14px!important}.home-reference-summary-card.home-summary-card{min-height:120px!important;margin-top:12px!important}.home-reference-summary-item.home-summary-item{min-height:120px!important;padding:16px 8px!important}.home-reference-summary-icon{width:36px!important;height:36px!important;margin-bottom:8px!important}.home-reference-summary-icon svg{width:20px!important;height:20px!important}.home-reference-summary-item strong{margin-bottom:6px!important;font-size:28px!important}.home-reference-summary-item span{font-size:12px!important;line-height:1.25!important}.home-reference-menu{grid-template-columns:1fr!important;gap:10px!important;margin-top:12px!important}.home-reference-menu-item.home-main-card{display:grid!important;min-height:76px!important;grid-template-columns:44px minmax(0,1fr) 22px!important;align-items:center!important;gap:14px!important;padding:12px 16px!important;text-align:left!important}.home-reference-menu-icon{width:44px!important;height:44px!important}.home-reference-menu-icon svg{width:22px!important;height:22px!important}.home-reference-menu-copy.home-card-copy{align-items:flex-start!important;text-align:left!important}.home-reference-menu-copy strong{font-size:22px!important}.home-reference-menu-copy span{margin-top:6px!important;font-size:13px!important;line-height:1.25!important}.home-reference-menu-arrow{display:block!important;width:22px!important;height:22px!important;color:#747b93!important;stroke-width:2.4!important}}@media(min-width:768px){.hanable-home-layout-shell .hanable-app-main.hanable-home-app-main{width:100%!important;max-width:none!important;height:calc(100vh - 56px)!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:radial-gradient(circle at 18% 18%,rgba(246,248,252,.95),transparent 30%),radial-gradient(circle at 86% 22%,rgba(255,250,244,.62),transparent 28%),#fafbfe!important}.hanable-home-layout-shell .home-reference-shell{display:flex!important;width:100%!important;height:auto!important;min-height:100%!important;align-items:flex-start!important;justify-content:center!important;padding:28px 24px 48px!important;overflow:visible!important;background:transparent!important;box-sizing:border-box!important}.hanable-home-layout-shell .home-reference-content{display:flex!important;width:100%!important;max-width:500px!important;height:auto!important;min-width:0!important;flex-direction:column!important;gap:0!important;margin:0 auto!important;box-sizing:border-box!important}.hanable-home-layout-shell .home-reference-section{width:100%!important;min-width:0!important;margin:0!important}.hanable-home-layout-shell .home-reference-section h2,.hanable-home-layout-shell .home-reference-section-head h2{font-size:20px!important;line-height:1.2!important}.hanable-home-layout-shell .home-reference-recommend-card{display:grid!important;width:100%!important;min-height:132px!important;grid-template-columns:76px minmax(0,1fr) 112px!important;align-items:center!important;gap:14px!important;margin-top:14px!important;border-radius:12px!important;padding:18px!important;box-sizing:border-box!important}.hanable-home-layout-shell .home-reference-sprout{width:76px!important;height:76px!important}.hanable-home-layout-shell .home-reference-sprout svg{width:36px!important;height:36px!important}.hanable-home-layout-shell .home-reference-recommend-copy{gap:8px!important}.hanable-home-layout-shell .home-reference-recommend-copy strong{font-size:24px!important;line-height:1.1!important}.hanable-home-layout-shell .home-reference-recommend-copy span{font-size:14px!important;line-height:1.35!important}.hanable-home-layout-shell .home-reference-start-button{width:112px!important;height:44px!important;justify-self:end!important;gap:8px!important;border-radius:9px!important;font-size:14px!important}.hanable-home-layout-shell .home-reference-start-button svg{width:16px!important;height:16px!important}.hanable-home-layout-shell .home-reference-summary-section,.hanable-home-layout-shell .home-reference-menu-section{margin-top:28px!important}.hanable-home-layout-shell .home-reference-section-head a{gap:8px!important;font-size:14px!important}.hanable-home-layout-shell .home-reference-section-head a svg{width:16px!important;height:16px!important}.hanable-home-layout-shell .home-reference-summary-card.home-summary-card{width:100%!important;max-width:100%!important;min-height:128px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:14px!important;border-radius:12px!important;box-sizing:border-box!important}.hanable-home-layout-shell .home-reference-summary-item.home-summary-item{min-height:128px!important;min-width:0!important;padding:18px 10px!important}.hanable-home-layout-shell .home-reference-summary-icon{width:42px!important;height:42px!important;margin-bottom:10px!important}.hanable-home-layout-shell .home-reference-summary-icon svg{width:22px!important;height:22px!important}.hanable-home-layout-shell .home-reference-summary-item strong{margin-bottom:8px!important;font-size:30px!important;line-height:1!important}.hanable-home-layout-shell .home-reference-summary-item span{font-size:13px!important;line-height:1.2!important;white-space:normal!important}.hanable-home-layout-shell .home-reference-menu{display:grid!important;width:100%!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:14px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-sizing:border-box!important}.hanable-home-layout-shell .home-reference-menu-item.home-main-card{display:grid!important;width:100%!important;min-height:78px!important;height:auto!important;grid-template-columns:50px minmax(0,1fr) 22px!important;align-items:center!important;gap:14px!important;border-radius:12px!important;padding:14px 16px!important;text-align:left!important;box-sizing:border-box!important}.hanable-home-layout-shell .home-reference-menu-icon{width:50px!important;height:50px!important}.hanable-home-layout-shell .home-reference-menu-icon svg{width:26px!important;height:26px!important}.hanable-home-layout-shell .home-reference-menu-copy.home-card-copy{align-items:flex-start!important;padding:0!important;text-align:left!important}.hanable-home-layout-shell .home-reference-menu-copy strong{font-size:22px!important;line-height:1.1!important}.hanable-home-layout-shell .home-reference-menu-copy span{margin-top:6px!important;font-size:13px!important;line-height:1.25!important}.hanable-home-layout-shell .home-reference-menu-arrow{display:block!important;width:22px!important;height:22px!important}}@media(min-width:768px){.hanable-app-main.hanable-vocab-lock-scroll{height:calc(100vh - 56px)!important;max-width:none!important;overflow:hidden!important;background:#fbfaf8!important;padding:0!important}.hanable-vocab-category.hanable-category-page{width:100%!important;height:calc(100vh - 56px)!important;max-width:none!important;margin:0!important;overflow:hidden!important;background:#fbfaf8!important}.hanable-vocab-category .desktop-category-background{display:block!important;top:-34px!important;right:-34px!important;bottom:-34px!important;left:-34px!important;opacity:.34!important;background-size:auto 112%,auto 112%,cover!important;background-position:left center,right center,center!important;background-repeat:no-repeat,no-repeat,no-repeat!important;filter:saturate(.82) contrast(.98)!important}.hanable-vocab-category .desktop-category-soft-overlay{display:block!important;background:radial-gradient(ellipse at center,#fffffffa,#ffffffed 40%,#ffffffb8 66%,#ffffff5c),linear-gradient(90deg,#ffffff38,#fffffff5 22%,#fffffff5 78%,#ffffff38)!important}.hanable-vocab-category .desktop-category-light-overlay{display:block!important;background:linear-gradient(180deg,#ffffff7a,#fbfaf833 42%,#fbfaf880),radial-gradient(circle at 12% 28%,rgba(226,211,245,.12),transparent 25%),radial-gradient(circle at 88% 62%,rgba(247,206,178,.12),transparent 25%)!important}.hanable-vocab-category .category-content{width:100%!important;height:100%!important;max-width:760px!important;justify-content:flex-start!important;gap:0!important;padding:31px 0 34px!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone{width:100%!important;max-width:100%!important;flex:0 0 auto!important;padding-right:0!important;padding-left:0!important}.hanable-vocab-category .category-hero-copy{width:100%!important;min-height:0!important;padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{display:grid!important;width:760px!important;max-width:760px!important;height:238px!important;min-height:238px!important;grid-template-columns:250px minmax(0,1fr)!important;align-items:stretch!important;overflow:hidden!important;border:0!important;border-radius:16px!important;background:#ffffffe6!important;padding:20px 24px!important;box-shadow:0 22px 42px #0f172a14!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{display:block!important;width:218px!important;height:198px!important;place-self:center!important;overflow:hidden!important;border:1px solid rgba(213,216,223,.92)!important;border-radius:16px!important;background:#ffffff85!important}.hanable-vocab-category .desktop-vocab-hero-image-frame img,.hanable-vocab-category .desktop-subcategory-icon img{display:block!important;width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.hanable-vocab-category .desktop-vocab-hero-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:24px 36px!important;text-align:center!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{max-width:100%!important;color:#071225!important;font-family:var(--font-display)!important;font-size:clamp(28px,3vw,37px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:0!important;overflow-wrap:anywhere!important;text-wrap:balance;word-break:keep-all}.hanable-vocab-category .desktop-vocab-gold-divider{width:170px!important;max-width:170px!important;gap:14px!important;margin-top:18px!important}.hanable-vocab-category .desktop-category-dots{display:flex!important;justify-content:center!important;gap:16px!important;margin-top:22px!important}.hanable-vocab-category .reference-carousel-dot{width:10px!important;height:10px!important;border-radius:999px!important;background:#e8e9ef!important}.hanable-vocab-category .reference-carousel-dot[data-active=true]{background:#e6ad55!important}.hanable-vocab-category .category-arrow{top:150px!important;width:42px!important;height:42px!important;transform:translateY(-50%)!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .category-arrow-left{left:max(24px,calc(50% - 430px))!important}.hanable-vocab-category .category-arrow-right{right:max(24px,calc(50% - 430px))!important}.hanable-vocab-category .category-arrow svg{width:30px!important;height:30px!important;stroke-width:2.2!important}.hanable-vocab-category .category-subcategory-zone{width:760px!important;max-width:760px!important;margin-top:20px!important}.hanable-vocab-category .desktop-subcategory-carousel{height:86px!important;min-height:86px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:15px!important;background:#ffffffe0!important;box-shadow:0 18px 36px #0f172a12!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{min-height:86px!important}.hanable-vocab-category .desktop-subcategory-stage{grid-template-columns:38px minmax(0,1fr) 38px!important;-moz-column-gap:14px!important;column-gap:14px!important}.hanable-vocab-category .desktop-subcategory-main{justify-content:flex-start!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.hanable-vocab-category .desktop-subcategory-slide{gap:24px!important}.hanable-vocab-category .desktop-subcategory-icon{width:82px!important;height:82px!important;flex:0 0 82px!important;overflow:hidden!important;border-radius:999px!important;background:#f1f1f2f2!important;color:#c5c8cf!important;box-shadow:none!important}.hanable-vocab-category .desktop-subcategory-title{color:#071225!important;font-family:var(--font-display)!important;font-size:28px!important;font-weight:700!important;line-height:1.18!important}.hanable-vocab-category .desktop-subcategory-nav,.hanable-vocab-category .desktop-subcategory-nav:hover,.hanable-vocab-category .desktop-subcategory-nav:focus-visible{width:38px!important;height:38px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:28px!important;height:28px!important;stroke-width:2.1!important}.hanable-vocab-category .desktop-subcategory-dots{display:none!important}.hanable-vocab-category .category-action-zone{width:790px!important;max-width:min(100vw - 48px,790px)!important;padding-top:18px!important}.hanable-vocab-category .category-action-zone>div>p{display:none!important}.hanable-vocab-category .category-difficulty-grid{width:790px!important;max-width:min(100vw - 48px,790px)!important;height:94px!important;min-height:94px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;padding:11px 13px!important;overflow:hidden!important;border:0!important;border-radius:15px!important;background:#ffffffe0!important;box-shadow:0 18px 34px #0f172a0e!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{height:72px!important;min-height:72px!important;border:1px solid rgba(226,232,240,.92)!important;border-radius:14px!important;background:#ffffffb8!important;box-shadow:none!important;color:#687086!important;padding:12px 6px 9px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#edae55!important;background:#fffaf2db!important;color:#071225!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:20px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:7px!important;color:#687086!important;font-size:15px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-start{margin-top:18px!important}.hanable-vocab-category .category-start button{width:770px!important;max-width:min(100vw - 64px,770px)!important;height:58px!important;min-height:58px!important;gap:0!important;border-radius:999px!important;background:linear-gradient(180deg,#172234,#091225)!important;color:#fff!important;font-size:25px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:lowercase}.hanable-vocab-category .desktop-start-sparkle{display:none!important}.hanable-vocab-category .category-settings-button{top:26px!important;right:37px!important;width:58px!important;height:58px!important;border-radius:16px!important;color:#687086!important;box-shadow:0 18px 34px #0f172a1b!important}.hanable-vocab-category .category-settings-button .hanable-settings-gear-icon{width:29px!important;height:29px!important;stroke-width:1.85!important}}@media(min-width:768px){.hanable-vocab-layout-shell{--vocab-picker-header-height: 100px;overflow-x:clip!important;background:#fff!important}.hanable-vocab-layout-shell .hanable-app-header{height:var(--vocab-picker-header-height)!important;min-height:var(--vocab-picker-header-height)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;background:#fffffffa!important;box-shadow:0 10px 26px #0f172a09!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-vocab-layout-shell .hanable-app-header>div{height:var(--vocab-picker-header-height)!important;max-width:none!important;padding:0 42px!important;justify-content:flex-start!important}.hanable-vocab-layout-shell .hanable-primary-nav,.hanable-vocab-layout-shell .hanable-upgrade-button,.hanable-vocab-layout-shell .hanable-header-actions{display:none!important}.hanable-vocab-layout-shell .hanable-brand-link{gap:18px!important;margin-right:0!important}.hanable-vocab-layout-shell .hanable-brand-link>div{width:46px!important;height:30px!important;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hanable-vocab-layout-shell .hanable-brand-link img{-o-object-fit:contain!important;object-fit:contain!important;mix-blend-mode:multiply!important}.hanable-vocab-layout-shell .hanable-brand-link span{color:#071225!important;font-family:var(--font-display)!important;font-size:34px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important}.hanable-app-main.hanable-vocab-lock-scroll{width:100%!important;max-width:none!important;height:calc(100vh - var(--vocab-picker-header-height))!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}.hanable-vocab-category.hanable-category-page{width:100%!important;max-width:none!important;height:calc(100vh - var(--vocab-picker-header-height))!important;margin:0!important;overflow:hidden!important;background:#fff!important}.hanable-vocab-category .desktop-category-background{top:0!important;right:0!important;bottom:0!important;left:0!important;opacity:.62!important;filter:saturate(.92) contrast(.98)!important;background-color:transparent!important;background-image:var(--vocab-reference-decor-image),var(--vocab-reference-decor-image),linear-gradient(180deg,#fff,#fff)!important;background-position:left center,right center,center!important;background-repeat:no-repeat,no-repeat,no-repeat!important;background-size:min(34vw,460px) auto,min(34vw,460px) auto,cover!important}.hanable-vocab-category .desktop-category-soft-overlay{background:linear-gradient(90deg,#ffffff38,#fffffff2 28%,#fffffff5 72%,#ffffff38),radial-gradient(circle at 50% 28%,#ffffffd1,#fff9 46%,#ffffff2e)!important}.hanable-vocab-category .desktop-category-light-overlay{background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.5) 34%,transparent 60%),linear-gradient(180deg,#ffffff5c,#ffffff1f)!important}.hanable-vocab-category .category-content{width:100%!important;max-width:1080px!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:clamp(24px,4vh,48px) 0 30px!important;justify-content:flex-start!important;gap:0!important;box-sizing:border-box!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone{width:min(920px,calc(100vw - 280px))!important;max-width:920px!important;margin-left:auto!important;margin-right:auto!important;padding-right:0!important;padding-left:0!important}.hanable-vocab-category .category-hero-copy{min-height:0!important;padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{display:grid!important;width:100%!important;max-width:none!important;min-height:0!important;height:clamp(320px,38vh,372px)!important;grid-template-columns:minmax(280px,350px) minmax(0,1fr)!important;align-items:center!important;-moz-column-gap:clamp(34px,5vw,70px)!important;column-gap:clamp(34px,5vw,70px)!important;overflow:hidden!important;padding:34px clamp(40px,4.2vw,58px)!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:20px!important;background:#ffffffed!important;box-shadow:0 22px 54px #0f172a14!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-sizing:border-box!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{display:flex!important;width:100%!important;max-width:350px!important;height:100%!important;max-height:300px!important;min-height:260px!important;place-self:center!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:1px solid rgba(197,202,214,.72)!important;border-radius:24px!important;background:#fafafbc2!important;color:#c3c5cd!important;box-shadow:inset 0 1px #ffffffd1!important}.hanable-vocab-category .desktop-vocab-hero-image-frame img,.hanable-vocab-category .desktop-subcategory-icon img{display:none!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero,.hanable-vocab-category .reference-image-placeholder-desktop-subcategory{display:flex!important;width:100%!important;height:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important;color:#c3c5cd!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero .reference-image-placeholder-icon{width:86px!important;height:86px!important;stroke-width:1.45!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero .reference-image-placeholder-text{font-size:17px!important;font-weight:800!important;letter-spacing:0!important}.hanable-vocab-category .reference-image-placeholder-desktop-subcategory .reference-image-placeholder-icon{width:36px!important;height:36px!important;stroke-width:1.5!important}.hanable-vocab-category .reference-image-placeholder-sparkle,.hanable-vocab-category .reference-image-placeholder-dot{display:none!important}.hanable-vocab-category .desktop-vocab-hero-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0!important;text-align:center!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{margin:0!important;max-width:100%!important;color:#071225!important;font-family:var(--font-display)!important;font-size:clamp(36px,3.4vw,54px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:0!important;overflow-wrap:anywhere!important;text-wrap:balance!important;word-break:keep-all!important}.hanable-vocab-category .desktop-vocab-gold-divider{width:min(240px,76%)!important;max-width:240px!important;gap:14px!important;margin-top:22px!important;color:#edb466!important}.hanable-vocab-category .desktop-vocab-hero-description{max-width:380px!important;margin:16px auto 0!important;color:#4f5669d1!important;font-size:14px!important;font-weight:500!important;line-height:1.7!important;letter-spacing:0!important}.hanable-vocab-category .desktop-category-dots{display:flex!important;justify-content:center!important;gap:18px!important;margin-top:18px!important}.hanable-vocab-category .reference-carousel-dot{width:11px!important;height:11px!important;background:#e6e7ee!important}.hanable-vocab-category .reference-carousel-dot[data-active=true]{background:#edb466!important}.hanable-vocab-category .category-arrow{top:clamp(156px,23vh,230px)!important;width:52px!important;height:52px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important;transform:translateY(-50%)!important}.hanable-vocab-category .category-arrow-left{left:max(26px,calc(50% - 578px))!important}.hanable-vocab-category .category-arrow-right{right:max(26px,calc(50% - 578px))!important}.hanable-vocab-category .category-arrow svg{width:32px!important;height:32px!important;stroke-width:2.2!important}.hanable-vocab-category .category-subcategory-zone{width:min(920px,calc(100vw - 280px))!important;max-width:920px!important;margin-top:30px!important}.hanable-vocab-category .desktop-subcategory-carousel{height:126px!important;min-height:126px!important;margin:0!important;padding:0 28px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:20px!important;background:#ffffffed!important;box-shadow:0 18px 42px #0f172a13!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{min-height:126px!important}.hanable-vocab-category .desktop-subcategory-stage{grid-template-columns:54px minmax(0,1fr) 54px!important;-moz-column-gap:16px!important;column-gap:16px!important}.hanable-vocab-category .desktop-subcategory-main{justify-content:center!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.hanable-vocab-category .desktop-subcategory-slide{display:grid!important;width:min(540px,100%)!important;grid-template-columns:100px minmax(0,1fr)!important;align-items:center!important;justify-content:center!important;gap:30px!important}.hanable-vocab-category .desktop-subcategory-icon{width:100px!important;height:100px!important;flex:0 0 100px!important;overflow:hidden!important;border:0!important;border-radius:999px!important;background:#f1f1f2f2!important;color:#c3c5cd!important;box-shadow:none!important}.hanable-vocab-category .desktop-subcategory-title{color:#071225!important;font-family:var(--font-display)!important;font-size:clamp(26px,2.5vw,34px)!important;font-weight:700!important;line-height:1.14!important;letter-spacing:0!important;text-align:left!important;text-wrap:balance!important}.hanable-vocab-category .desktop-subcategory-nav,.hanable-vocab-category .desktop-subcategory-nav:hover,.hanable-vocab-category .desktop-subcategory-nav:focus-visible{width:54px!important;height:54px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important}.hanable-vocab-category .desktop-subcategory-nav svg{width:32px!important;height:32px!important;stroke-width:2.1!important}.hanable-vocab-category .desktop-subcategory-dots{display:none!important}.hanable-vocab-category .category-action-zone{width:min(940px,calc(100vw - 260px))!important;max-width:940px!important;padding-top:28px!important}.hanable-vocab-category .category-action-zone>div>p{display:none!important}.hanable-vocab-category .category-difficulty-grid{width:100%!important;max-width:none!important;height:142px!important;min-height:142px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;padding:18px 22px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:18px!important;background:#ffffffed!important;box-shadow:0 18px 42px #0f172a12!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{height:106px!important;min-height:106px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:16px!important;background:#ffffffbd!important;box-shadow:none!important;color:#687086!important;padding:18px 8px 14px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#edb466!important;background:#fffaf2e6!important;color:#071225!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:24px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:12px!important;color:#687086!important;font-size:17px!important;font-weight:800!important;line-height:1.08!important}.hanable-vocab-category .category-start{margin-top:28px!important}.hanable-vocab-category .category-start button{width:100%!important;max-width:none!important;height:88px!important;min-height:88px!important;gap:0!important;border-radius:999px!important;background:linear-gradient(180deg,#172234,#071225)!important;color:#fff!important;font-size:28px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:lowercase!important}.hanable-vocab-category .desktop-start-sparkle{display:none!important}.hanable-vocab-category .category-settings-button{position:fixed!important;top:calc(var(--vocab-picker-header-height) + 18px)!important;right:36px!important;width:74px!important;height:74px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:18px!important;background:#fffffff5!important;color:#687086!important;box-shadow:0 18px 40px #0f172a1f!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-vocab-category .category-settings-button .hanable-settings-gear-icon{width:32px!important;height:32px!important;stroke-width:1.85!important}}@media(min-width:768px)and (max-width:1180px){.hanable-vocab-layout-shell{--vocab-picker-header-height: 88px}.hanable-vocab-layout-shell .hanable-app-header>div{padding:0 28px!important}.hanable-vocab-layout-shell .hanable-brand-link span{font-size:30px!important}.hanable-vocab-category .desktop-category-background{background-size:min(31vw,340px) auto,min(31vw,340px) auto,cover!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-subcategory-zone{width:min(820px,calc(100vw - 120px))!important}.hanable-vocab-category .category-action-zone{width:min(840px,calc(100vw - 104px))!important}.hanable-vocab-category .desktop-vocab-hero-card{grid-template-columns:minmax(260px,320px) minmax(0,1fr)!important;-moz-column-gap:34px!important;column-gap:34px!important;padding-left:38px!important;padding-right:38px!important}.hanable-vocab-category .category-arrow-left{left:16px!important}.hanable-vocab-category .category-arrow-right{right:16px!important}.hanable-vocab-category .category-settings-button{top:calc(var(--vocab-picker-header-height) + 14px)!important;right:24px!important;width:64px!important;height:64px!important}}@media(min-width:768px)and (max-height:940px){.hanable-vocab-layout-shell{--vocab-picker-header-height: 82px}.hanable-vocab-layout-shell .hanable-brand-link span{font-size:29px!important}.hanable-vocab-category .category-content{padding-top:20px!important;padding-bottom:22px!important}.hanable-vocab-category .desktop-vocab-hero-card{height:292px!important;padding-top:26px!important;padding-bottom:26px!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{max-height:240px!important;min-height:220px!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{font-size:clamp(32px,3.1vw,44px)!important}.hanable-vocab-category .desktop-vocab-gold-divider{margin-top:16px!important}.hanable-vocab-category .desktop-vocab-hero-description{margin-top:10px!important;font-size:13px!important;line-height:1.55!important}.hanable-vocab-category .desktop-category-dots{margin-top:12px!important}.hanable-vocab-category .category-arrow{top:146px!important}.hanable-vocab-category .category-subcategory-zone{margin-top:20px!important}.hanable-vocab-category .desktop-subcategory-carousel,.hanable-vocab-category .desktop-subcategory-stage,.hanable-vocab-category .desktop-subcategory-main{height:104px!important;min-height:104px!important}.hanable-vocab-category .desktop-subcategory-icon{width:82px!important;height:82px!important;flex-basis:82px!important}.hanable-vocab-category .desktop-subcategory-slide{grid-template-columns:82px minmax(0,1fr)!important;gap:24px!important}.hanable-vocab-category .desktop-subcategory-title{font-size:clamp(24px,2.2vw,30px)!important}.hanable-vocab-category .category-action-zone{padding-top:18px!important}.hanable-vocab-category .category-difficulty-grid{height:112px!important;min-height:112px!important;gap:16px!important;padding:14px 18px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card{height:84px!important;min-height:84px!important;padding:14px 8px 10px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:21px!important}.hanable-vocab-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:8px!important;font-size:15px!important}.hanable-vocab-category .category-start{margin-top:20px!important}.hanable-vocab-category .category-start button{height:68px!important;min-height:68px!important;font-size:25px!important}.hanable-vocab-category .category-settings-button{top:calc(var(--vocab-picker-header-height) + 14px)!important;width:62px!important;height:62px!important}}@media(min-width:768px){.hanable-conversation-layout-shell{--conversation-picker-header-height: 80px;overflow-x:clip!important;background:#fff!important}.hanable-conversation-layout-shell .hanable-app-header{height:var(--conversation-picker-header-height)!important;min-height:var(--conversation-picker-header-height)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;background:#fffffffa!important;box-shadow:0 10px 26px #0f172a09!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-layout-shell .hanable-app-header>div{height:var(--conversation-picker-header-height)!important;max-width:none!important;padding:0 42px!important;justify-content:flex-start!important}.hanable-conversation-layout-shell .hanable-primary-nav,.hanable-conversation-layout-shell .hanable-upgrade-button,.hanable-conversation-layout-shell .hanable-header-actions{display:none!important}.hanable-conversation-layout-shell .hanable-brand-link{gap:18px!important;margin-right:0!important}.hanable-conversation-layout-shell .hanable-brand-link>div{width:46px!important;height:30px!important;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hanable-conversation-layout-shell .hanable-brand-link img{width:100%!important;height:100%!important;-o-object-fit:contain!important;object-fit:contain!important;mix-blend-mode:multiply!important}.hanable-conversation-layout-shell .hanable-brand-link span{color:#071225!important;font-family:var(--font-display)!important;font-size:34px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important}.hanable-app-main.hanable-conversation-lock-scroll{width:100%!important;max-width:none!important;height:calc(100vh - var(--conversation-picker-header-height))!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}.hanable-conversation-category.hanable-category-page{width:100%!important;max-width:none!important;height:calc(100vh - var(--conversation-picker-header-height))!important;margin:0!important;overflow:hidden!important;background:#fff!important}.hanable-conversation-category.hanable-category-page:before,.hanable-conversation-category.hanable-category-page:after{content:""!important;position:absolute!important;top:0!important;bottom:0!important;z-index:1!important;width:min(35vw,500px)!important;pointer-events:none!important;opacity:.64!important;filter:saturate(.9) contrast(.98)!important;background-image:var(--conversation-reference-decor-image)!important;background-repeat:no-repeat!important;background-size:auto 100%!important}.hanable-conversation-category.hanable-category-page:before{left:0!important;background-position:left center!important}.hanable-conversation-category.hanable-category-page:after{right:0!important;background-position:right center!important}.hanable-conversation-category .desktop-category-background{display:none!important}.hanable-conversation-category .desktop-category-soft-overlay{display:block!important;background:linear-gradient(90deg,#ffffff29,#fffffff0 25%,#fffffff5 75%,#ffffff2e),radial-gradient(circle at 50% 28%,#ffffffb8,#ffffff8f 46%,#ffffff1f)!important}.hanable-conversation-category .desktop-category-light-overlay{display:block!important;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.5) 36%,transparent 62%),linear-gradient(180deg,#ffffff61,#ffffff1f)!important}.hanable-conversation-category .category-content{width:100%!important;height:100%!important;max-width:940px!important;min-height:0!important;margin:0 auto!important;padding:34px 0 30px!important;justify-content:flex-start!important;gap:0!important;box-sizing:border-box!important}.hanable-conversation-category .category-hero-copy{width:100%!important;min-height:0!important;flex:0 0 auto!important;padding:0!important}.hanable-conversation-category .desktop-conversation-hero-card{display:grid!important;width:min(920px,calc(100vw - 112px))!important;max-width:920px!important;height:520px!important;min-height:520px!important;grid-template-columns:minmax(420px,482px) minmax(0,1fr)!important;align-items:center!important;-moz-column-gap:54px!important;column-gap:54px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:31px!important;background:#ffffffe6!important;box-shadow:0 22px 50px #0f172a12!important;padding:42px 42px 34px!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-sizing:border-box!important}.hanable-conversation-category .desktop-conversation-hero-image-frame{display:flex!important;width:100%!important;height:444px!important;min-height:0!important;aspect-ratio:auto!important;place-self:center!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:2px dashed rgba(191,195,205,.86)!important;border-radius:16px!important;background:#ffffff57!important}.hanable-conversation-category .desktop-conversation-image-placeholder .conversation-image-placeholder-icon{width:150px!important;height:150px!important;margin-bottom:28px!important;color:#c3c5cd!important;stroke-width:1.45!important}.hanable-conversation-category .desktop-conversation-image-placeholder span{color:#a6aab4!important;font-size:23px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important}.hanable-conversation-category .desktop-conversation-hero-copy{display:flex!important;min-width:0!important;height:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:20px 0 8px!important;text-align:center!important}.hanable-conversation-category .desktop-conversation-hero-copy h2{margin:0!important;color:#071225!important;font-family:var(--font-display)!important;font-size:70px!important;font-weight:700!important;line-height:1.05!important;letter-spacing:0!important;text-shadow:0 8px 22px rgba(15,23,42,.06)!important}.hanable-conversation-category .desktop-conversation-gold-divider{width:286px!important;max-width:286px!important;gap:18px!important;margin-top:36px!important;color:#e2a750!important}.hanable-conversation-category .desktop-conversation-hero-description{max-width:360px!important;margin:37px auto 0!important;color:#4d5b76!important;font-family:var(--font-sans)!important;font-size:22px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:0!important}.hanable-conversation-category .conversation-category-dots,.hanable-conversation-category .category-arrow,.hanable-conversation-category .category-content>.mt-5.flex.justify-center.gap-3{display:none!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]{width:min(920px,calc(100vw - 112px))!important;max-width:920px!important;margin-top:24px!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]>.mb-4{margin-bottom:29px!important;padding:0!important}.hanable-conversation-category .conversation-role-segment{display:grid!important;width:100%!important;max-width:none!important;min-height:76px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-category .conversation-role-segment button{min-height:76px!important;height:76px!important;gap:16px!important;border:1px solid rgba(226,229,237,.92)!important;border-radius:14px!important;background:#ffffffd1!important;color:#66708a!important;box-shadow:none!important;font-size:24px!important;font-weight:800!important;line-height:1!important;padding:0 22px!important}.hanable-conversation-category .conversation-role-segment button[aria-pressed=true],.hanable-conversation-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#eca344!important;background:#fffaf2e6!important;color:#071225!important}.hanable-conversation-category .conversation-role-icon{width:27px!important;height:27px!important}.hanable-conversation-category .category-content>.mx-auto>div>p{display:none!important}.hanable-conversation-category .category-difficulty-grid{display:grid!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:23px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card{min-height:96px!important;height:96px!important;border:1px solid rgba(226,229,237,.92)!important;border-radius:13px!important;background:#ffffffd1!important;color:#66708a!important;box-shadow:none!important;padding:20px 8px 16px!important}.hanable-conversation-category .conversation-role-segment button[aria-pressed=true]:after,.hanable-conversation-category .category-difficulty-grid .difficulty-card[aria-pressed=true]:after{content:none!important;display:none!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:20px!important;font-weight:800!important;line-height:1.12!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:last-child{margin-top:12px!important;color:#4d5b76!important;font-size:16px!important;font-weight:800!important;line-height:1.1!important}.hanable-conversation-category .category-start{position:static!important;margin-top:28px!important;padding:0!important;background:transparent!important}.hanable-conversation-category .category-start button{width:100%!important;max-width:none!important;height:76px!important;min-height:76px!important;border-radius:999px!important;background:linear-gradient(180deg,#172234,#091225)!important;color:#fff!important;font-size:32px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:lowercase!important;box-shadow:0 18px 34px #0f172a2e!important}.hanable-conversation-category .category-settings-button{position:fixed!important;top:calc(var(--conversation-picker-header-height) + 50px)!important;right:46px!important;width:66px!important;height:66px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:17px!important;background:#fffffff5!important;color:#687086!important;box-shadow:0 18px 34px #0f172a1b!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.hanable-conversation-category .category-settings-button .hanable-settings-gear-icon{width:31px!important;height:31px!important;stroke-width:1.85!important}}@media(min-width:768px)and (max-width:1180px){.hanable-conversation-layout-shell{--conversation-picker-header-height: 76px}.hanable-conversation-category .category-content{max-width:840px!important}.hanable-conversation-category .desktop-conversation-hero-card,.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]{width:min(820px,calc(100vw - 96px))!important}.hanable-conversation-category .desktop-conversation-hero-card{grid-template-columns:minmax(340px,420px) minmax(0,1fr)!important;-moz-column-gap:38px!important;column-gap:38px!important;padding-right:38px!important;padding-left:38px!important}}@media(min-width:768px)and (max-height:940px){.hanable-conversation-layout-shell{--conversation-picker-header-height: 76px}.hanable-conversation-layout-shell .hanable-brand-link span{font-size:30px!important}.hanable-conversation-category .category-content{max-width:860px!important;padding-top:24px!important;padding-bottom:24px!important}.hanable-conversation-category .desktop-conversation-hero-card{width:min(840px,calc(100vw - 104px))!important;max-width:840px!important;height:360px!important;min-height:360px!important;grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;-moz-column-gap:38px!important;column-gap:38px!important;border-radius:24px!important;padding:30px 34px!important}.hanable-conversation-category .desktop-conversation-hero-image-frame{height:300px!important}.hanable-conversation-category .desktop-conversation-image-placeholder .conversation-image-placeholder-icon{width:96px!important;height:96px!important;margin-bottom:18px!important}.hanable-conversation-category .desktop-conversation-image-placeholder span{font-size:17px!important}.hanable-conversation-category .desktop-conversation-hero-copy h2{font-size:52px!important}.hanable-conversation-category .desktop-conversation-gold-divider{width:220px!important;max-width:220px!important;margin-top:24px!important}.hanable-conversation-category .desktop-conversation-hero-description{margin-top:24px!important;font-size:18px!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]{width:min(840px,calc(100vw - 104px))!important;max-width:840px!important;margin-top:22px!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]>.mb-4{margin-bottom:22px!important}.hanable-conversation-category .conversation-role-segment{min-height:64px!important;gap:18px!important}.hanable-conversation-category .conversation-role-segment button{height:64px!important;min-height:64px!important;font-size:20px!important}.hanable-conversation-category .category-difficulty-grid{gap:18px!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card{height:86px!important;min-height:86px!important;padding-top:15px!important;padding-bottom:12px!important}.hanable-conversation-category .category-start{margin-top:24px!important}.hanable-conversation-category .category-start button{height:68px!important;min-height:68px!important;font-size:27px!important}.hanable-conversation-category .category-settings-button{top:calc(var(--conversation-picker-header-height) + 34px)!important;width:60px!important;height:60px!important}}@media(min-width:768px){.hanable-conversation-category .category-arrow{display:inline-flex!important;top:294px!important;width:48px!important;height:48px!important;transform:translateY(-50%)!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#071225!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-category .category-arrow-left{left:max(28px,calc(50% - 560px))!important}.hanable-conversation-category .category-arrow-right{right:max(28px,calc(50% - 560px))!important}.hanable-conversation-category .category-arrow svg{width:31px!important;height:31px!important;stroke-width:2.15!important}}@media(min-width:768px)and (max-height:940px){.hanable-conversation-category .category-arrow{top:204px!important}}@media(min-width:1024px){.hanable-home-layout-shell .hanable-app-main.hanable-home-app-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fbfcff!important;box-sizing:border-box!important}.hanable-home-layout-shell .home-reference-shell{width:100%!important;min-height:calc(100vh - 100px)!important;margin:0!important;padding:72px 90px 64px!important;overflow:visible!important;background:#fbfcff!important;box-sizing:border-box!important}.hanable-home-layout-shell .home-reference-content{width:100%!important;max-width:1344px!important;margin:0 auto!important;padding:0!important}.hanable-home-layout-shell .home-reference-section{width:100%!important;margin:0!important}.hanable-home-layout-shell .home-reference-summary-section{margin-top:48px!important}.hanable-home-layout-shell .home-reference-menu-section{margin-top:44px!important}.hanable-home-layout-shell .home-reference-section h2,.hanable-home-layout-shell .home-reference-section-head h2{margin:0!important;color:#071225!important;font-size:23px!important;font-weight:800!important;line-height:1.22!important;letter-spacing:0!important}.hanable-home-layout-shell .home-reference-recommend-card{display:grid!important;grid-template-columns:156px minmax(0,1fr) 186px!important;align-items:center!important;gap:50px!important;width:100%!important;min-height:210px!important;margin:24px 0 0!important;padding:28px 64px 28px 54px!important;border:1px solid rgba(226,229,237,.78)!important;border-radius:13px!important;background:#ffffffeb!important;box-shadow:0 18px 44px #0f172a0e!important;box-sizing:border-box!important}.hanable-home-layout-shell .home-reference-recommend-card:hover{transform:none!important;box-shadow:0 18px 44px #0f172a11!important}.hanable-home-layout-shell .home-reference-sprout{width:150px!important;height:150px!important;margin:0!important;border-radius:50%!important;background:#f4f6fa!important;border:0!important;box-shadow:none!important;flex:0 0 auto!important}.hanable-home-layout-shell .home-reference-sprout svg{width:58px!important;height:58px!important;color:#9aa3b2!important}.hanable-home-layout-shell .home-reference-recommend-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;text-align:left!important}.hanable-home-layout-shell .home-reference-recommend-copy strong{color:#071225!important;font-size:30px!important;font-weight:800!important;line-height:1.18!important;letter-spacing:0!important}.hanable-home-layout-shell .home-reference-recommend-copy span{display:block!important;margin-top:18px!important;color:#5f6a80!important;font-size:17px!important;font-weight:500!important;line-height:1.55!important;letter-spacing:0!important}.hanable-home-layout-shell .home-reference-start-button{justify-self:end!important;display:inline-flex!important;width:184px!important;height:76px!important;min-height:76px!important;margin:0!important;padding:0 26px!important;align-items:center!important;justify-content:center!important;gap:16px!important;border-radius:10px!important;background:#071225!important;color:#fff!important;font-size:18px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;box-shadow:0 14px 26px #07122529!important}.hanable-home-layout-shell .home-reference-start-button svg{width:22px!important;height:22px!important;flex:0 0 auto!important}.hanable-home-layout-shell .home-reference-section-head{display:flex!important;width:100%!important;margin:0 0 24px!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}.hanable-home-layout-shell .home-reference-section-head a{display:inline-flex!important;margin:0!important;align-items:center!important;gap:12px!important;color:#5f6a80!important;font-size:17px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important}.hanable-home-layout-shell .home-reference-section-head a svg{width:20px!important;height:20px!important}.hanable-home-layout-shell .home-reference-summary-card.home-summary-card{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;height:248px!important;min-height:248px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(226,229,237,.78)!important;border-radius:13px!important;background:#ffffffeb!important;box-shadow:0 18px 44px #0f172a0e!important}.hanable-home-layout-shell .home-reference-summary-item.home-summary-item{display:flex!important;min-width:0!important;min-height:248px!important;margin:0!important;padding:34px 32px 30px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hanable-home-layout-shell .home-reference-summary-item+.home-reference-summary-item{border-top:0!important;border-left:1px solid rgba(226,229,237,.92)!important}.hanable-home-layout-shell .home-reference-summary-icon{width:64px!important;height:64px!important;margin:0 0 22px!important;border-radius:50%!important;background:#f5f7fb!important}.hanable-home-layout-shell .home-reference-summary-icon svg{width:30px!important;height:30px!important;color:#9aa3b2!important}.hanable-home-layout-shell .home-reference-summary-item strong{color:#071225!important;font-size:40px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important}.hanable-home-layout-shell .home-reference-summary-item span{display:block!important;margin-top:20px!important;color:#657088!important;font-size:18px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important}.hanable-home-layout-shell .home-reference-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px!important;width:100%!important;margin:24px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.hanable-home-layout-shell .home-reference-menu-item.home-main-card{display:flex!important;width:100%!important;height:228px!important;min-height:228px!important;margin:0!important;padding:30px 36px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;text-align:center!important;border:1px solid rgba(226,229,237,.78)!important;border-radius:13px!important;background:#ffffffeb!important;box-shadow:0 14px 34px #0f172a0e!important;box-sizing:border-box!important}.hanable-home-layout-shell .home-reference-menu-item.home-main-card:hover{transform:none!important;box-shadow:0 14px 34px #0f172a11!important}.hanable-home-layout-shell .home-reference-menu-item+.home-reference-menu-item{margin-top:0!important}.hanable-home-layout-shell .home-reference-menu-icon{width:68px!important;height:68px!important;margin:0 0 28px!important;border-radius:50%!important;background:#f5f7fb!important;border:0!important;box-shadow:none!important}.hanable-home-layout-shell .home-reference-menu-icon svg{width:32px!important;height:32px!important;color:#9aa3b2!important}.hanable-home-layout-shell .home-reference-menu-copy.home-card-copy{display:flex!important;min-width:0!important;flex:0 1 auto!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important}.hanable-home-layout-shell .home-reference-menu-copy strong{color:#071225!important;font-size:24px!important;font-weight:800!important;line-height:1.18!important;letter-spacing:0!important}.hanable-home-layout-shell .home-reference-menu-copy span{display:block!important;max-width:280px!important;margin-top:20px!important;color:#657088!important;font-size:17px!important;font-weight:500!important;line-height:1.45!important;letter-spacing:0!important}.hanable-home-layout-shell .home-reference-menu-arrow{display:none!important}}.home-pc{--home-pc-content-width: 1020px;--home-pc-card-gap: clamp(8px, 1.25dvh, 12px);--home-pc-card-radius: 18px;width:100%;height:100%;min-height:0;overflow:hidden;color:#172033;background:#faf9f7}.home-pc__content{width:min(var(--home-pc-content-width),calc(100% - 64px));height:100%;margin:0 auto;padding:clamp(12px,2dvh,20px) 0;box-sizing:border-box;display:grid;grid-template-rows:auto auto auto auto;align-content:center;gap:var(--home-pc-card-gap)}.home-pc__heading{text-align:center;font-family:var(--font-shippori),"Yu Mincho",serif}.home-pc__heading h1{margin:0;color:#111b30;font-size:clamp(26px,2.1vw,31px);font-weight:500;line-height:1.3;letter-spacing:.07em}.home-pc__heading p{margin:clamp(6px,.9dvh,9px) 0 0;color:#33405a;font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,1.15vw,15px);letter-spacing:.035em}.home-pc__card{border:0;background:#fff;box-shadow:0 11px 33px #1a23340d}.home-pc__overview{height:clamp(128px,20dvh,154px);margin-top:0;padding:clamp(16px,2.5dvh,20px) 40px;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;border-radius:var(--home-pc-card-radius)}.home-pc__overview>i{width:1px;height:clamp(78px,12dvh,94px);background:#e9eaed}.home-pc__time,.home-pc__streak{min-width:0;text-align:center}.home-pc__time p,.home-pc__streak p{margin:0;display:flex;align-items:baseline;justify-content:center;color:#172033;font-family:Georgia,Times New Roman,serif;line-height:1}.home-pc__time p strong{font-size:clamp(48px,6dvh,55px);font-weight:400;letter-spacing:-.04em}.home-pc__time p span{margin-left:8px;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:17px}.home-pc__overview small{display:block;margin-top:clamp(10px,1.8dvh,15px);color:#465064;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:14px;font-weight:500}.home-pc__streak p{align-items:center}.home-pc__streak svg{width:clamp(29px,3.8dvh,33px);height:clamp(29px,3.8dvh,33px);margin-right:7px;color:#dda83d;fill:#e4b24e;stroke-width:1.25}.home-pc__streak p strong{color:#d99f34;font-size:clamp(42px,5.4dvh,48px);font-weight:400}.home-pc__streak p span{margin-left:8px;color:#273247;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:17px}.home-pc__types{height:clamp(176px,25dvh,196px);margin-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--home-pc-card-gap)}.home-pc__type{min-width:0;height:100%;padding:clamp(20px,2.7dvh,24px) 28px clamp(16px,2.2dvh,19px);border-radius:var(--home-pc-card-radius);color:#202a3d;text-align:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.home-pc__type:hover{transform:translateY(-2px);box-shadow:0 15px 36px #1a233412}.home-pc__type:focus-visible{outline:2px solid currentColor;outline-offset:3px}.home-pc__type-title{display:flex;align-items:center;justify-content:center;gap:14px}.home-pc__type-title i{width:clamp(36px,4.6dvh,40px);height:clamp(36px,4.6dvh,40px);display:grid;place-items:center;border-radius:50%}.home-pc__type-title svg{width:clamp(22px,2.8dvh,25px);height:clamp(22px,2.8dvh,25px);stroke-width:1.65}.home-pc__type-title b{font-family:var(--font-shippori),"Yu Mincho",serif;font-size:clamp(18px,2.3dvh,21px);font-weight:600}.home-pc__type>em{width:22px;height:2px;margin:clamp(7px,1.1dvh,9px) auto clamp(9px,1.5dvh,12px);display:block;border-radius:9px;background:currentColor}.home-pc__type p{margin:0;color:#526078;font-family:Georgia,Times New Roman,serif;font-style:normal;line-height:1}.home-pc__type p strong{font-size:clamp(30px,4dvh,34px);font-weight:400}.home-pc__type p span{margin-left:7px;color:#465166;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:12px}.home-pc__type hr{width:100%;margin:clamp(10px,1.6dvh,13px) 0 clamp(8px,1.35dvh,11px);border:0;border-top:1px solid #e9eaed}.home-pc__type .home-pc__type-time strong{color:#526078;font-size:clamp(20px,2.7dvh,23px)}.home-pc__type.tone-blue{color:#3389e6}.home-pc__type.tone-blue .home-pc__type-title i{background:#eef6ff}.home-pc__type.tone-green{color:#4a9b7e}.home-pc__type.tone-green .home-pc__type-title i{background:#f0f8f4}.home-pc__type.tone-violet{color:#8669c3}.home-pc__type.tone-violet .home-pc__type-title i{background:#f5f1fb}.home-pc__memory{height:clamp(150px,22dvh,172px);margin-top:0;padding:clamp(17px,2.2dvh,20px) 29px clamp(13px,1.8dvh,16px);border-radius:var(--home-pc-card-radius)}.home-pc__memory h2{margin:0;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:clamp(15px,2dvh,17px);font-weight:600;letter-spacing:.03em}.home-pc__memory-grid{height:clamp(101px,14.8dvh,116px);display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center}.home-pc__memory-grid:before,.home-pc__memory-grid:after{content:"";width:1px;height:clamp(69px,10dvh,80px);background:#e9eaed}.home-pc__memory-grid:before{grid-column:2;grid-row:1}.home-pc__memory-grid:after{grid-column:4;grid-row:1}.home-pc__memory-stat,.home-pc__memory-total{display:flex;flex-direction:column;align-items:center;text-align:center}.home-pc__memory-stat.is-gain{grid-column:1;grid-row:1}.home-pc__memory-stat.is-loss{grid-column:3;grid-row:1}.home-pc__memory-total{grid-column:5;grid-row:1}.home-pc__memory-stat strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(33px,4.4dvh,37px);font-weight:400;line-height:1}.home-pc__memory-stat.is-gain strong{color:#4a9b7e}.home-pc__memory-stat.is-loss strong{color:#df596c}.home-pc__memory-stat span,.home-pc__memory-total span{margin-top:clamp(8px,1.45dvh,12px);color:#596277;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:12px;white-space:nowrap}.home-pc__memory-total i{width:clamp(35px,4.5dvh,39px);height:clamp(35px,4.5dvh,39px);display:grid;place-items:center;border-radius:50%;background:#f5f5f7;color:#6e7890}.home-pc__memory-total svg{width:clamp(22px,2.8dvh,24px);height:clamp(22px,2.8dvh,24px);stroke-width:1.65}.home-pc__memory-total span{margin-top:6px}.home-pc__memory-total strong{margin-top:6px;color:#172033;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:500;line-height:1}@media(max-width:980px)and (min-width:768px){.home-pc__content{width:min(900px,calc(100% - 36px))}.home-pc__overview{padding-right:24px;padding-left:24px}.home-pc__type{padding-right:19px;padding-left:19px}.home-pc__type-title{gap:9px}.home-pc__type-title b{font-size:18px}}@media(min-width:768px)and (max-height:800px){.home-pc__content{padding-top:10px;padding-bottom:10px}.home-pc__heading h1{font-size:27px}.home-pc__heading p{margin-top:6px;font-size:13px}}@media(min-width:768px)and (max-height:680px){.home-pc{--home-pc-card-gap: 7px}.home-pc__content{width:min(940px,calc(100% - 48px));padding-top:7px;padding-bottom:7px}.home-pc__heading h1{font-size:24px}.home-pc__heading p{margin-top:4px;font-size:12px}.home-pc__overview{height:118px;padding-top:12px;padding-bottom:12px}.home-pc__overview>i{height:70px}.home-pc__types{height:162px}.home-pc__type{padding-top:15px;padding-bottom:13px}.home-pc__memory{height:138px;padding-top:13px;padding-bottom:10px}.home-pc__memory-grid{height:92px}}@media(max-width:767px){.home-pc{display:none}.home-shot{display:block}.home-shot__desktop{display:none!important}.hanable-home-layout-shell{background:#faf9f7!important}.hanable-home-layout-shell .hanable-app-header{border-bottom-color:#1e293b0e!important;background:#fff!important;box-shadow:0 5px 18px #1e293b06!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hanable-home-layout-shell .hanable-brand-link span{font-family:Georgia,Times New Roman,serif!important;font-size:23px!important;font-weight:500!important;letter-spacing:-.015em!important}.hanable-home-layout-shell .hanable-notification-button svg{width:22px!important;height:22px!important}.hanable-home-layout-shell .hanable-account-button>div{width:34px!important;height:34px!important;background:#050505!important;color:#fff!important}.hanable-home-layout-shell .hanable-app-main.hanable-home-app-main{background:#faf9f7!important}.home-shot{width:100%;min-height:100%;height:auto;overflow:visible;color:#172033;background:#faf9f7}.home-shot__content{width:100%;max-width:430px;margin:0 auto;padding:clamp(24px,3.8vh,31px) clamp(16px,4.6vw,20px) 18px}.home-shot__heading{text-align:center;font-family:var(--font-shippori),"Yu Mincho",serif}.home-shot__heading h1{margin:0;font-size:clamp(19px,5.3vw,22px);font-weight:500;line-height:1.35;letter-spacing:.08em}.home-shot__heading p{margin:7px 0 0;color:#475166;font-family:Georgia,Times New Roman,serif;font-size:clamp(12px,3.5vw,14px);line-height:1.3}.home-shot__heading strong{margin-left:5px;color:#347ed5;font-weight:500}.home-shot__overview,.home-shot__type,.home-shot__memory{border:0;background:#fff;box-shadow:0 12px 34px #1a23340b}.home-shot__ad{width:100%;min-height:72px;margin-top:16px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffffb8;color:#8a94a6;font-size:11px;letter-spacing:.08em}.home-shot__overview{height:clamp(130px,17.2vh,145px);margin-top:clamp(19px,2.7vh,24px);padding:20px 13px;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;border-radius:21px}.home-shot__overview>i{width:1px;height:88px;background:#ececef}.home-shot__time,.home-shot__streak{min-width:0;text-align:center}.home-shot__time p,.home-shot__streak p{margin:0;display:flex;align-items:baseline;justify-content:center;color:#172033;font-family:Georgia,Times New Roman,serif;line-height:1}.home-shot__time p strong{font-size:clamp(52px,15vw,64px);font-weight:400;letter-spacing:-.045em}.home-shot__time p span{margin-left:5px;font-size:17px}.home-shot__overview small{display:block;margin-top:13px;color:#465064;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:12px;font-weight:500}.home-shot__streak p{align-items:center}.home-shot__streak svg{width:26px;height:26px;margin-right:4px;color:#dda83d;fill:#e4b24e;stroke-width:1.3}.home-shot__streak p strong{color:#d9a13b;font-size:clamp(38px,11vw,47px);font-weight:400}.home-shot__streak p span{margin-left:6px;color:#273247;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:13px}.home-shot__types{height:clamp(164px,21.5vh,181px);margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,2.3vw,10px)}.home-shot__type{min-width:0;height:100%;padding:18px 12px 13px;border-radius:19px;color:#202a3d;text-align:center}.home-shot__type-title{display:flex;align-items:center;justify-content:center;gap:8px}.home-shot__type-title i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%}.home-shot__type-title svg{width:20px;height:20px;stroke-width:1.65}.home-shot__type-title b{font-family:var(--font-shippori),"Yu Mincho",serif;font-size:15px;font-weight:600}.home-shot__type>em{width:15px;height:2px;margin:7px auto 12px;display:block;border-radius:9px;background:currentColor}.home-shot__type p{margin:0;color:#526078;font-family:Georgia,Times New Roman,serif;font-style:normal;line-height:1}.home-shot__type p strong{font-size:clamp(27px,8vw,34px);font-weight:400}.home-shot__type p span{margin-left:5px;color:#465166;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:11px}.home-shot__type hr{width:100%;margin:12px 0 10px;border:0;border-top:1px solid #ececef}.home-shot__type .home-shot__type-time strong{color:#526078;font-size:21px}.home-shot__type.tone-blue{color:#3389e6}.home-shot__type.tone-blue .home-shot__type-title i{background:#eef6ff}.home-shot__type.tone-green{color:#4a9b7e}.home-shot__type.tone-green .home-shot__type-title i{background:#f0f8f4}.home-shot__type.tone-violet{color:#8669c3}.home-shot__type.tone-violet .home-shot__type-title i{background:#f5f1fb}.home-shot__memory{height:clamp(145px,19vh,160px);margin-top:12px;padding:17px 18px 13px;border-radius:20px}.home-shot__memory h2{margin:0;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:14px;font-weight:600;letter-spacing:.03em}.home-shot__memory-grid{height:104px;display:grid;grid-template-columns:1fr 1px 1fr 1px 1.08fr;align-items:center}.home-shot__memory-grid:before,.home-shot__memory-grid:after{content:"";width:1px;height:63px;background:#ececef}.home-shot__memory-grid:before{grid-column:2;grid-row:1}.home-shot__memory-grid:after{grid-column:4;grid-row:1}.home-shot__memory-stat,.home-shot__memory-total{display:flex;flex-direction:column;align-items:center;text-align:center}.home-shot__memory-stat.is-gain{grid-column:1;grid-row:1}.home-shot__memory-stat.is-loss{grid-column:3;grid-row:1}.home-shot__memory-total{grid-column:5;grid-row:1}.home-shot__memory-stat strong{font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:400;line-height:1}.home-shot__memory-stat.is-gain strong{color:#4a9b7e}.home-shot__memory-stat.is-loss strong{color:#df596c}.home-shot__memory-stat span,.home-shot__memory-total span{margin-top:12px;color:#596277;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:10px;white-space:nowrap}.home-shot__memory-total i{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#f8f8f9;color:#6e7890}.home-shot__memory-total svg{width:22px;height:22px;stroke-width:1.65}.home-shot__memory-total span{margin-top:5px}.home-shot__memory-total strong{margin-top:4px;color:#172033;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500;line-height:1}}@media(min-width:1024px)and (max-width:1260px){.hanable-home-layout-shell .home-reference-shell{padding-right:56px!important;padding-left:56px!important}.hanable-home-layout-shell .home-reference-recommend-card{grid-template-columns:140px minmax(0,1fr) 168px!important;gap:36px!important;padding-right:42px!important;padding-left:42px!important}.hanable-home-layout-shell .home-reference-sprout{width:136px!important;height:136px!important}.hanable-home-layout-shell .home-reference-start-button{width:168px!important}.hanable-home-layout-shell .home-reference-menu{gap:24px!important}}.home-pc,.home-shot{--home-page: var(--hanable-shared-page-background, #fbfaf8);--home-ink: #111b30;--home-body: #33405a;--home-muted: #667085;--home-hairline: #e7eaf0;--home-blue: hsl(var(--primary));--home-gain: #247a61;--home-loss: #c94f62;width:100%;color:var(--home-ink);background:var(--home-page);font-family:var(--font-ui)}.home-shot{display:none}.home-pc{min-height:100%;height:auto;overflow:visible}.home-pc__content{width:min(calc(100% - 64px),1320px);height:auto;min-height:100%;margin:0 auto;padding:32px 0 44px;display:grid;grid-template-rows:none;align-content:start;gap:22px}.home-desktop__heading,.home-mobile__heading{display:flex;align-items:center;flex-wrap:wrap}.home-desktop__heading{min-height:46px;gap:20px;text-align:left}.home-desktop__heading h1,.home-mobile__heading h1{margin:0;color:var(--home-ink);font-family:var(--font-shippori),"Yu Mincho",serif;font-weight:600;letter-spacing:.035em}.home-desktop__heading h1{font-size:clamp(30px,2.6vw,36px);line-height:1.3}.home-desktop__heading .home-date-selector,.home-mobile__heading .home-date-selector{margin-top:0}.home-desktop__heading .home-date-trigger{min-height:44px;font-size:15px}.home-dashboard__surface{border:1px solid rgba(17,27,48,.08);border-radius:24px;background:#fff;box-shadow:0 12px 36px #0f172a0b}.home-pc__daily-surface{overflow:hidden}.home-pc__daily-top{min-height:264px;padding:32px 38px 30px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.65fr) minmax(190px,.75fr);align-items:center;gap:clamp(28px,3vw,52px)}.home-dashboard__study-time{min-width:0}.home-dashboard__eyebrow{display:block;margin-bottom:8px;color:var(--home-muted);font-size:13px;font-weight:600;letter-spacing:.02em}.home-dashboard__study-time>p{margin:0;display:flex;align-items:baseline;color:var(--home-ink);font-variant-numeric:tabular-nums;line-height:.92}.home-dashboard__study-time>p strong{font-size:clamp(80px,7vw,100px);font-weight:420;letter-spacing:-.055em}.home-dashboard__study-time>p span{margin-left:10px;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:21px;font-weight:600}.home-dashboard__goal-line{min-height:44px;margin-top:8px;display:flex;align-items:center;flex-wrap:wrap;color:var(--home-muted);font-size:13px}.home-dashboard__goal-line strong{color:var(--home-blue);font-weight:600}.home-dashboard__goal-line small{width:100%;margin-top:-5px;color:var(--home-loss);font-size:11px}.home-dashboard__goal-edit{width:44px;height:44px;margin-left:1px;display:inline-grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#8490a4;cursor:pointer}.home-dashboard__goal-edit:hover{background:#f4f6f9;color:var(--home-blue)}.home-dashboard__goal-edit svg{width:16px;height:16px;stroke-width:1.7}.home-pc__progress-column{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.home-dashboard__streak{min-width:0}.home-pc__daily-top>.home-dashboard__streak{min-height:150px;padding-left:clamp(24px,2.5vw,40px);display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--home-hairline)}.home-dashboard__streak-value{display:flex;align-items:baseline;white-space:nowrap;font-variant-numeric:tabular-nums}.home-dashboard__streak-value svg{width:35px;height:35px;margin-right:7px;align-self:center;color:#d59a2d;fill:#dfa83d;stroke-width:1.2}.home-dashboard__streak-value strong{color:#d59a2d;font-size:clamp(48px,4.4vw,60px);font-weight:430;line-height:1;letter-spacing:-.035em}.home-dashboard__streak-value span{margin-left:8px;color:var(--home-ink);font-family:var(--font-shippori),"Yu Mincho",serif;font-size:17px;font-weight:600}.home-goal-progress{--home-goat-size: 88px;--home-goal-safe-inset: 48px;position:relative;width:100%;min-width:0;padding-top:0}.home-goal-progress__track-area{padding:0 var(--home-goal-safe-inset)}.home-goal-progress__track{position:relative;height:var(--home-goat-size)}.home-goal-progress__track:before,.home-goal-progress__fill{content:"";position:absolute;top:calc(var(--home-goat-size) - 1px);left:0;height:2px;border-radius:999px}.home-goal-progress__track:before{width:100%;background:#dfe4eb}.home-goal-progress__fill{width:calc(var(--home-goal-ratio) * 100%);background:var(--home-blue);transition:width .24s cubic-bezier(.22,1,.36,1)}.home-goal-progress__dot{position:absolute;top:calc(var(--home-goat-size) - 5px);width:10px;height:10px;border:2px solid var(--home-page);border-radius:50%;background:#cfd6e0;transform:translate(-50%)}.home-goal-progress__dot.is-start{left:0}.home-goal-progress__dot.is-middle{left:50%}.home-goal-progress__dot.is-goal{left:100%}.home-goal-progress.is-achieved .home-goal-progress__dot.is-goal{background:var(--home-blue)}.home-goal-progress__marker{position:absolute;z-index:2;bottom:0;left:calc(var(--home-goal-ratio) * 100%);width:var(--home-goat-size);height:var(--home-goat-size);transform:translate(-50%);transition:left .24s cubic-bezier(.22,1,.36,1)}.home-goal-progress__goat{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;animation:home-goat-state-fade .2s ease both}@keyframes home-goat-state-fade{0%{opacity:0}to{opacity:1}}.home-goal-progress__labels{margin-top:3px;display:grid;grid-template-columns:repeat(3,1fr);color:var(--home-muted);font-size:12px;font-variant-numeric:tabular-nums}.home-goal-progress__labels span:nth-child(2){text-align:center}.home-goal-progress__labels span:last-child{text-align:right}.home-goal-progress.is-unavailable .home-goal-progress__fill{background:transparent}.home-dashboard__memory-period{min-height:20px;display:flex;align-items:center;justify-content:flex-end}.home-dashboard__memory-period>span{color:var(--home-muted);font-size:12px}.home-desktop__breakdown{padding:0 34px 18px;border-top:1px solid var(--home-hairline)}.home-dashboard__learning-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.home-dashboard__learning-row{min-width:0;min-height:94px;padding:18px 22px;display:grid;grid-template-columns:42px minmax(48px,1fr) auto minmax(50px,.55fr) auto 18px;align-items:center;gap:12px;border:0;border-left:1px solid var(--home-hairline);background:transparent;color:var(--home-body);text-align:left;cursor:pointer;transition:background-color .16s ease}.home-dashboard__learning-row:first-child{border-left:0}.home-dashboard__learning-row:hover{background:#f8fafc}.home-dashboard__learning-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%}.home-dashboard__learning-icon svg{width:23px;height:23px;stroke-width:1.65}.home-dashboard__learning-row>strong{color:var(--home-ink);font-family:var(--font-shippori),"Yu Mincho",serif;font-size:17px}.home-dashboard__learning-count,.home-dashboard__learning-time{color:var(--home-body);font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}.home-dashboard__learning-count small,.home-dashboard__learning-time small{margin-left:4px;color:var(--home-muted);font-size:11px}.home-dashboard__learning-row.is-zero .home-dashboard__learning-count,.home-dashboard__learning-row.is-zero .home-dashboard__learning-time{color:var(--home-muted)}.home-dashboard__learning-accent{position:relative;height:2px;overflow:hidden;border-radius:99px;background:#e7eaf0}.home-dashboard__learning-accent i{position:absolute;inset:0 auto 0 0;width:calc(var(--home-learning-ratio, 0) * 100%);border-radius:inherit;background:currentColor}.home-dashboard__learning-chevron{width:17px;height:17px;color:#a4adbb;stroke-width:1.6}.home-dashboard__learning-row.tone-blue{color:#3389e6}.home-dashboard__learning-row.tone-blue .home-dashboard__learning-icon{background:#eef6ff}.home-dashboard__learning-row.tone-green{color:#2f8469}.home-dashboard__learning-row.tone-green .home-dashboard__learning-icon{background:#eff8f4}.home-dashboard__learning-row.tone-violet{color:#7d60b3}.home-dashboard__learning-row.tone-violet .home-dashboard__learning-icon{background:#f4f0fb}.home-desktop__memory{padding:16px 34px 22px}.home-dashboard__memory-grid{min-height:180px;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(220px,.75fr) minmax(420px,1.7fr);align-items:center;gap:28px}.home-dashboard__memory-total>span{color:var(--home-muted);font-family:var(--font-shippori),"Yu Mincho",serif;font-size:13px}.home-dashboard__memory-total>p{margin:8px 0 0;display:flex;align-items:baseline;color:var(--home-ink);font-variant-numeric:tabular-nums;line-height:.92}.home-dashboard__memory-total strong{font-size:clamp(64px,5.4vw,76px);font-weight:430;letter-spacing:-.04em}.home-dashboard__memory-total small{margin-left:9px;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:19px;font-weight:600}.home-dashboard__memory-deltas{min-height:104px;padding:0 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;border-right:1px solid var(--home-hairline);border-left:1px solid var(--home-hairline)}.home-dashboard__memory-deltas>div,.home-dashboard__memory-deltas>button{min-width:0;display:flex;flex-direction:column;align-items:center}.home-dashboard__memory-deltas>button{min-height:82px;justify-content:center;border:0;border-radius:14px;background:transparent;font:inherit;cursor:pointer;transition:background-color .16s ease}.home-dashboard__memory-deltas>button:hover{background:#f8fafc}.home-dashboard__memory-deltas>button:disabled{cursor:default}.home-dashboard__memory-deltas>button:disabled:hover{background:transparent}.home-dashboard__memory-deltas strong{font-size:clamp(30px,2.7vw,36px);font-weight:500;font-variant-numeric:tabular-nums}.home-dashboard__memory-deltas span{margin-top:7px;color:var(--home-muted);font-size:12px}.home-dashboard__memory-deltas button span{display:inline-flex;align-items:center;gap:2px}.home-dashboard__memory-deltas button span svg{width:12px;height:12px;stroke-width:1.6}.home-dashboard__memory-deltas .is-gain strong{color:var(--home-gain)}.home-dashboard__memory-deltas .is-loss strong{color:var(--home-loss)}.home-dashboard__memory-deltas .is-zero strong{color:#8b95a5}.home-forgetting-dialog__overlay{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;background:#111b3057;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.home-forgetting-dialog{position:fixed;z-index:121;top:50%;left:50%;width:calc(100vw - 32px);max-width:480px;max-height:min(76dvh,720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(17,27,48,.11);border-radius:22px;background:#fff;color:#111b30;box-shadow:0 24px 70px #0f172a26;transform:translate(-50%,-50%);outline:none}.home-forgetting-dialog__header{flex:0 0 auto;padding:24px 24px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.home-forgetting-dialog__header h2{margin:0;color:#111b30;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:21px;font-weight:600;letter-spacing:.025em}.home-forgetting-dialog__header p{margin:7px 0 0;color:#667085;font-size:12px;line-height:1.65}.home-forgetting-dialog__header button{width:40px;height:40px;margin:-8px -8px 0 0;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#667085;cursor:pointer}.home-forgetting-dialog__header button:hover{background:#f5f6f8;color:#111b30}.home-forgetting-dialog__header button svg{width:19px;height:19px;stroke-width:1.7}.home-forgetting-dialog__summary{flex:0 0 auto;padding:2px 24px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #e7eaf0}.home-forgetting-dialog__summary>div{display:flex;flex-direction:column;align-items:center;gap:6px}.home-forgetting-dialog__summary>div+div{border-left:1px solid #e7eaf0}.home-forgetting-dialog__summary strong{font-size:42px;font-weight:430;line-height:1;font-variant-numeric:tabular-nums}.home-forgetting-dialog__summary span{color:#667085;font-size:12px}.home-forgetting-dialog__summary .is-gain strong{color:#247a61}.home-forgetting-dialog__summary .is-loss strong{color:#c94f62}.home-forgetting-dialog__scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 24px 22px}.home-forgetting-dialog__state{margin:0;padding:34px 0 28px;color:#667085;font-size:13px;line-height:1.8;text-align:center}.home-forgetting-dialog__change-section{padding-top:20px}.home-forgetting-dialog__change-section+.home-forgetting-dialog__change-section{margin-top:22px;border-top:1px solid #e7eaf0}.home-forgetting-dialog__change-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.home-forgetting-dialog__change-heading h3{margin:0;color:#111b30;font-size:16px;font-weight:650}.home-forgetting-dialog__change-heading strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.home-forgetting-dialog__change-section.is-gain .home-forgetting-dialog__change-heading strong{color:#247a61}.home-forgetting-dialog__change-section.is-loss .home-forgetting-dialog__change-heading strong{color:#c94f62}.home-forgetting-dialog__change-section>.home-forgetting-dialog__state{padding:24px 0 16px}.home-forgetting-dialog__type{padding-top:16px}.home-forgetting-dialog__type+.home-forgetting-dialog__type{margin-top:4px}.home-forgetting-dialog__type>header{padding-bottom:10px;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #dfe3e9}.home-forgetting-dialog__type h4{margin:0;font-size:14px;font-weight:650}.home-forgetting-dialog__type>header strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.home-forgetting-dialog__category{padding:12px 0 0}.home-forgetting-dialog__row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;color:#33405a}.home-forgetting-dialog__row span{min-width:0;font-size:13px;line-height:1.5;white-space:pre-line}.home-forgetting-dialog__row strong{flex:0 0 auto;color:#111b30;font-size:13px;font-weight:520;font-variant-numeric:tabular-nums}.home-forgetting-dialog__subcategories{padding:6px 0 0 16px}.home-forgetting-dialog__row.is-subcategory{position:relative;padding:4px 0 4px 12px;color:#667085}.home-forgetting-dialog__row.is-subcategory:before{content:"";position:absolute;top:13px;left:0;width:5px;height:1px;background:#b5bdc9}.home-forgetting-dialog__footer{flex:0 0 auto;padding:14px 24px 20px;border-top:1px solid #e7eaf0;background:#fff}.home-forgetting-dialog__actions{display:flex;align-items:stretch;gap:10px}.home-forgetting-dialog__footer .home-forgetting-dialog__settings-button{width:44px;height:44px;flex:0 0 44px}.home-forgetting-dialog__footer .home-forgetting-dialog__start-button{width:100%;min-height:44px;border:1px solid #1f2937;border-radius:12px;background:#1f2937;color:#fff;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.home-forgetting-dialog__footer .home-forgetting-dialog__start-button:hover{border-color:#111827;background:#111827}.home-forgetting-dialog__footer .home-forgetting-dialog__start-button:disabled{border-color:#e1e5eb;background:#f3f5f7;color:#8a94a3;cursor:default}.home-forgetting-dialog__footer p{margin:8px 0 0;color:#667085;font-size:11px;line-height:1.5;text-align:center}.home-dashboard__memory-deltas>button:focus-visible,.home-forgetting-dialog__header button:focus-visible{outline:2px solid var(--home-blue, hsl(var(--primary)));outline-offset:2px}.home-forgetting-dialog__footer button:focus-visible{outline:2px solid var(--home-blue, hsl(var(--primary)));outline-offset:2px}.home-forgetting-settings{display:grid;gap:18px;padding:18px 0 4px}.home-forgetting-settings fieldset,.home-forgetting-settings label{display:grid;gap:8px;margin:0;padding:0;border:0}.home-forgetting-settings legend,.home-forgetting-settings label>span{padding:0;color:#33405a;font-size:12px;font-weight:650}.home-forgetting-settings select{width:100%;min-height:42px;padding:0 36px 0 12px;border:1px solid #dfe3e9;border-radius:10px;background:#fff;color:#111b30;font:inherit;font-size:13px}.home-forgetting-settings__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-forgetting-settings__choices.is-count{grid-template-columns:repeat(4,minmax(0,1fr))}.home-forgetting-settings__choices button{min-height:40px;border:1px solid #dfe3e9;border-radius:10px;background:#fff;color:#475467;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.home-forgetting-settings__choices button[aria-pressed=true]{border-color:#1f2937;background:#1f2937;color:#fff}.home-forgetting-settings__choices button:disabled{opacity:.42;cursor:default}.home-forgetting-settings__note{margin:0;color:#667085;font-size:13px}.home-forgetting-settings__toggle{min-height:58px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dfe3e9;border-radius:10px;background:#fff}.home-forgetting-settings__toggle p{margin:0;color:#111b30;font-size:13px;font-weight:500}.home-forgetting-settings__toggle small{display:block;margin-top:2px;color:#667085;font-size:11px;line-height:1.4}.home-dashboard__memory-chart-wrap{min-width:0}.home-dashboard__memory-error{margin:2px 0 0;color:var(--home-loss);font-size:12px;line-height:1.5}.home-memory-chart{width:100%;min-width:0}.home-memory-chart__plot{width:100%;height:124px;display:block;overflow:visible}.home-memory-chart__labels{margin-top:5px;display:grid;grid-template-columns:repeat(var(--home-memory-chart-columns),minmax(0,1fr));color:#8791a2;font-size:10px;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center}.home-memory-chart__baseline{stroke:#e8ecf1;stroke-width:1;stroke-dasharray:3 5}.home-memory-chart__line{fill:none;stroke:var(--home-gain);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.home-memory-chart__dot{fill:var(--home-gain)}.home-memory-chart__last-ring{fill:none;stroke:#247a6133;stroke-width:5}.home-dashboard__load-alert{min-height:42px;padding:8px 12px 8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(201,79,98,.16);border-radius:12px;background:#fff8f8;color:#81404d;font-size:12px}.home-dashboard__load-alert button{min-width:78px;min-height:34px;border:0;border-radius:9px;background:#fff;color:#81404d;font-weight:700;cursor:pointer}.home-dashboard__skeleton{display:grid;gap:22px}.home-dashboard__skeleton-daily,.home-dashboard__skeleton-memory{min-height:280px;padding:40px;display:flex;flex-direction:column;justify-content:center;gap:18px;border:1px solid rgba(17,27,48,.07);border-radius:24px;background:#fff}.home-dashboard__skeleton-list{height:132px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--home-hairline)}.home-dashboard__skeleton-list span{background:#fff}.home-dashboard__skeleton-line,.home-dashboard__skeleton-list span{animation:home-dashboard-pulse 1.5s ease-in-out infinite}.home-dashboard__skeleton-line{display:block;width:40%;height:14px;border-radius:8px;background:#edf0f4}.home-dashboard__skeleton-line.is-number{width:22%;height:70px}.home-dashboard__skeleton-line.is-track{width:72%;height:3px}.home-dashboard__skeleton-line.is-chart{width:80%;height:100px;align-self:flex-end}@keyframes home-dashboard-pulse{0%,to{opacity:.48}50%{opacity:.9}}.home-dashboard__goal-edit:focus-visible,.home-dashboard__learning-row:focus-visible,.home-dashboard__load-alert button:focus-visible{outline:2px solid var(--home-blue);outline-offset:3px}@media(min-width:768px)and (max-width:1023px){.home-goal-progress{--home-goat-size: 80px;--home-goal-safe-inset: 44px}.home-pc__content{width:min(calc(100% - 40px),960px);padding-top:28px}.home-pc__daily-top{grid-template-columns:minmax(0,1fr) minmax(190px,.72fr);grid-template-areas:"time streak" "progress progress";gap:24px 32px}.home-pc__daily-top>.home-dashboard__study-time{grid-area:time}.home-pc__progress-column{grid-area:progress;padding-top:24px;border-top:1px solid var(--home-hairline)}.home-pc__daily-top>.home-dashboard__streak{grid-area:streak}.home-dashboard__learning-row{padding-right:10px;padding-left:10px;grid-template-columns:36px minmax(34px,1fr) auto auto 14px;grid-template-areas:"icon label count time chevron" "icon accent accent accent chevron";-moz-column-gap:6px;column-gap:6px;row-gap:5px}.home-dashboard__learning-icon{grid-area:icon}.home-dashboard__learning-row>strong{grid-area:label}.home-dashboard__learning-count{grid-area:count}.home-dashboard__learning-accent{grid-area:accent}.home-dashboard__learning-time{grid-area:time}.home-dashboard__learning-chevron{grid-area:chevron}.home-dashboard__learning-icon{width:36px;height:36px}.home-dashboard__learning-row>strong{font-size:15px}.home-dashboard__learning-count,.home-dashboard__learning-time{font-size:15px}.home-dashboard__memory-grid{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);grid-template-areas:"total deltas" "chart chart";gap:22px}.home-dashboard__memory-total{grid-area:total}.home-dashboard__memory-deltas{grid-area:deltas;border-right:0}.home-dashboard__memory-chart-wrap{grid-area:chart;border-top:1px solid var(--home-hairline);padding-top:12px}}@media(max-width:767px){.home-pc{display:none}.home-shot{--home-page: #fff;display:block;min-height:100%;height:auto;overflow:visible;background:#fff}.home-shot__content{width:100%;max-width:430px;margin:0 auto;padding:12px clamp(16px,4.4vw,18px) 18px}.home-mobile__heading{min-height:44px;justify-content:space-between;gap:6px 12px;text-align:left}.home-mobile__heading h1{font-size:24px;line-height:1.35}.home-mobile__heading .home-date-trigger{min-height:44px;padding:5px 2px 5px 6px;font-size:clamp(12px,3.3vw,13px)}.home-mobile__heading .home-date-calendar{right:0;left:auto;transform:none}.home-shot__daily{margin-top:8px}.home-shot__hero{min-height:88px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(126px,.9fr);align-items:center;gap:12px}.home-dashboard__study-time>p strong{font-size:clamp(68px,19vw,76px)}.home-dashboard__study-time>p span{margin-left:6px;font-size:18px}.home-dashboard__goal-line{margin-top:0;font-size:12px}.home-shot__hero>.home-dashboard__streak{padding-left:12px}.home-dashboard__streak-value svg{width:27px;height:27px;margin-right:4px}.home-dashboard__streak-value strong{font-size:clamp(34px,10vw,42px)}.home-dashboard__streak-value span{margin-left:5px;font-size:13px}.home-shot__daily>.home-goal-progress{margin-top:8px}.home-goal-progress{--home-goat-size: 72px;--home-goal-safe-inset: 40px}.home-goal-progress__labels{margin-top:2px;font-size:10px}.home-mobile__breakdown{margin-top:6px}.home-dashboard__learning-list{display:block}.home-dashboard__learning-row{width:100%;min-height:52px;height:52px;padding:4px 2px;grid-template-columns:38px minmax(46px,1fr) auto minmax(40px,.55fr) auto 16px;gap:6px;border-left:0;border-top:1px solid var(--home-hairline)}.home-dashboard__learning-row:first-child{border-top:0}.home-dashboard__learning-icon{width:36px;height:36px}.home-dashboard__learning-icon svg{width:21px;height:21px}.home-dashboard__learning-row>strong{font-size:15px}.home-dashboard__learning-count,.home-dashboard__learning-time{font-size:15px}.home-mobile__memory{margin-top:12px;padding:10px 14px 12px;border-radius:18px;box-shadow:none}.home-dashboard__memory-grid{min-height:0;margin-top:2px;grid-template-columns:minmax(112px,.82fr) minmax(0,1.18fr);grid-template-areas:"total deltas" "total chart";gap:4px 10px}.home-dashboard__memory-total{grid-area:total;align-self:center}.home-dashboard__memory-total>span{font-size:12px}.home-dashboard__memory-total>p{margin-top:3px}.home-dashboard__memory-total strong{font-size:clamp(52px,15vw,60px)}.home-dashboard__memory-total small{margin-left:6px;font-size:16px}.home-dashboard__memory-deltas{grid-area:deltas;min-height:52px;padding:0 0 0 12px;border-right:0;border-left:1px solid var(--home-hairline)}.home-dashboard__memory-deltas strong{font-size:clamp(22px,6.5vw,26px)}.home-dashboard__memory-deltas span{margin-top:3px;font-size:10px}.home-dashboard__memory-deltas>button{min-height:48px;border-radius:10px}.home-dashboard__memory-chart-wrap{grid-area:chart;min-width:0}.home-memory-chart__plot{height:68px}.home-forgetting-dialog{top:calc(50% - 34px);max-height:min(76dvh,calc(100dvh - 112px));border-radius:20px}.home-forgetting-dialog__header{padding:21px 20px 15px}.home-forgetting-dialog__header h2{font-size:19px}.home-forgetting-dialog__header button{margin-right:-7px}.home-forgetting-dialog__summary{padding:0 20px 17px}.home-forgetting-dialog__summary strong{font-size:38px}.home-forgetting-dialog__scroll{padding:2px 20px 20px}.home-forgetting-dialog__footer{padding:12px 20px 16px}.home-dashboard__load-alert{margin-top:12px}.home-dashboard__skeleton{margin-top:10px;gap:12px}.home-dashboard__skeleton-daily{min-height:190px;padding:18px 4px;border:0;background:transparent}.home-dashboard__skeleton-list{height:156px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.home-dashboard__skeleton-memory{min-height:190px;padding:18px;border-radius:18px}.home-shot__ad{width:100%;min-height:72px;margin-top:16px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffffb8}}.daily-goal-dialog__overlay{z-index:100!important;background:#111b3070!important}.daily-goal-dialog{z-index:101!important;width:calc(100% - 32px)!important;max-width:520px!important;max-height:calc(100dvh - 32px);padding:32px!important;overflow-y:auto;border:1px solid rgba(17,27,48,.09)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 70px #0f172a2e!important}.daily-goal-dialog__header{text-align:center!important}.daily-goal-dialog__header h2{color:#111b30;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:24px;line-height:1.45}.daily-goal-dialog__header p{margin-top:7px;color:#667085;font-size:14px}.daily-goal-dialog__form{margin-top:10px}.daily-goal-fieldset{min-width:0;margin:0;padding:0;border:0}.daily-goal-picker{width:100%;margin-top:16px}.daily-goal-picker__label{display:block;margin-bottom:7px;color:#667085;font-size:12px;font-weight:600}.daily-goal-picker__control{width:100%;min-height:48px;padding:0 12px;border:1px solid #dfe4eb;border-radius:11px;background:#fff;color:#111b30;font:inherit;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.daily-goal-picker__control:hover{border-color:#b8c6dc}.daily-goal-picker__control:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.daily-goal-picker__control:disabled{cursor:default;opacity:.58}.daily-goal-picker--profile{margin-top:12px}.daily-goal-picker--profile .daily-goal-picker__control{min-height:44px;font-size:13px}.daily-goal-dialog__error{margin:14px 0 0;color:#c94f62;font-size:12px;line-height:1.6}.daily-goal-dialog__submit{width:100%;min-height:48px;margin-top:20px;border-radius:11px!important;font-size:14px!important}@media(max-width:479px){.daily-goal-dialog{padding:26px 20px!important;border-radius:20px!important}}@media(prefers-reduced-motion:reduce){.home-goal-progress__fill,.home-goal-progress__marker,.home-goal-progress__goat,.home-dashboard__skeleton-line,.home-dashboard__skeleton-list span,.daily-goal-dialog,.daily-goal-dialog__overlay,.daily-goal-picker__control{animation:none!important;transition:none!important}}.home-date-selector{position:relative;z-index:80;display:inline-flex;justify-content:center;margin-top:clamp(6px,.9dvh,9px);font-family:var(--font-sans)}.home-date-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:4px 9px;border:0;border-radius:10px;background:transparent;color:#33405a;font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,1.15vw,15px);font-weight:400;line-height:1.2;letter-spacing:.035em;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.home-date-trigger:hover{background:#1720330b;color:#172033}.home-date-trigger:active{transform:scale(.98)}.home-date-trigger:focus-visible{outline:2px solid rgba(52,126,213,.28);outline-offset:2px}.home-date-trigger svg:first-child{width:14px;height:14px;color:#788296;stroke-width:1.7}.home-date-trigger svg:last-child{width:13px;height:13px;color:#8b94a5;stroke-width:1.7;transition:transform .16s ease}.home-date-trigger[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.home-date-calendar{position:absolute;top:calc(100% + 9px);left:50%;z-index:100;width:294px;padding:15px 15px 16px;transform:translate(-50%);border:1px solid rgba(220,224,231,.82);border-radius:19px;background:#fffffffa;box-shadow:0 22px 55px #1a23341f,0 4px 14px #1a23340b;color:#273247;font-family:var(--font-sans);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.home-date-calendar__head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:13px}.home-date-calendar__head strong{color:#1c2638;font-family:var(--font-shippori),"Yu Mincho",serif;font-size:14px;font-weight:600;text-align:center;letter-spacing:.03em}.home-date-calendar__head button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#667187;cursor:pointer}.home-date-calendar__head button:hover:not(:disabled){background:#f4f5f7;color:#172033}.home-date-calendar__head button:disabled{opacity:.25;cursor:default}.home-date-calendar__head svg{width:17px;height:17px;stroke-width:1.8}.home-date-calendar__weekdays,.home-date-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.home-date-calendar__weekdays{margin-bottom:5px}.home-date-calendar__weekdays span{display:grid;place-items:center;height:24px;color:#9aa2af;font-size:10px;font-weight:600}.home-date-calendar__day,.home-date-calendar__empty{width:34px;height:34px}.home-date-calendar__day{position:relative;display:grid;place-items:center;justify-self:center;padding:0;border:0;border-radius:50%;background:transparent;color:#465166;font-family:var(--font-number);font-size:12px;font-weight:600;cursor:pointer;transition:background-color .14s ease,color .14s ease,transform .14s ease}.home-date-calendar__day:hover:not(:disabled):not(.is-selected){background:#f3f5f7;color:#172033}.home-date-calendar__day:active:not(:disabled){transform:scale(.94)}.home-date-calendar__day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px #347ed55c;color:#347ed5}.home-date-calendar__day.is-selected{background:#172033;color:#fff;box-shadow:0 6px 14px #1720332b}.home-date-calendar__day.has-activity:after{content:"";position:absolute;left:50%;bottom:3px;width:3px;height:3px;transform:translate(-50%);border-radius:50%;background:#7a879a}.home-date-calendar__day.has-activity.is-selected:after{background:#ffffffd1}.home-date-calendar__day:disabled{color:#d4d7dd;cursor:default}@media(max-width:767px){.home-date-selector{margin-top:5px}.home-date-trigger{min-height:28px;gap:6px;padding:3px 8px;font-size:clamp(12px,3.5vw,14px)}.home-date-trigger svg:first-child{width:13px;height:13px}.home-date-calendar{top:calc(100% + 7px);width:min(294px,calc(100vw - 44px));padding:14px 13px 15px;border-radius:18px}.home-date-calendar__day,.home-date-calendar__empty{width:33px;height:33px}}@media(min-width:768px){.hanable-vocab-layout-shell,.hanable-conversation-layout-shell{--learning-picker-header-height: 56px;--vocab-picker-header-height: var(--learning-picker-header-height);--conversation-picker-header-height: var(--learning-picker-header-height)}.hanable-vocab-layout-shell .hanable-app-header,.hanable-conversation-layout-shell .hanable-app-header{height:var(--learning-picker-header-height)!important;min-height:var(--learning-picker-header-height)!important;border-bottom:1px solid hsl(var(--border))!important;background:hsl(var(--card) / .82)!important;box-shadow:none!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.hanable-vocab-layout-shell .hanable-app-header>div,.hanable-conversation-layout-shell .hanable-app-header>div{height:var(--learning-picker-header-height)!important;max-width:1400px!important;margin-right:auto!important;margin-left:auto!important;padding-right:1.5rem!important;padding-left:1.5rem!important;justify-content:space-between!important}.hanable-vocab-layout-shell .hanable-primary-nav,.hanable-conversation-layout-shell .hanable-primary-nav,.hanable-vocab-layout-shell .hanable-upgrade-button,.hanable-conversation-layout-shell .hanable-upgrade-button,.hanable-vocab-layout-shell .hanable-header-actions,.hanable-conversation-layout-shell .hanable-header-actions{display:flex!important}.hanable-vocab-layout-shell .hanable-brand-link,.hanable-conversation-layout-shell .hanable-brand-link{gap:.625rem!important;margin-right:.5rem!important}.hanable-vocab-layout-shell .hanable-brand-link>div,.hanable-conversation-layout-shell .hanable-brand-link>div{width:28px!important;height:28px!important;overflow:hidden!important;border-radius:6px!important;background:hsl(var(--primary))!important;box-shadow:none!important}.hanable-vocab-layout-shell .hanable-brand-link img,.hanable-conversation-layout-shell .hanable-brand-link img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;opacity:1!important;mix-blend-mode:normal!important}.hanable-vocab-layout-shell .hanable-brand-link span,.hanable-conversation-layout-shell .hanable-brand-link span{color:hsl(var(--foreground))!important;font-family:var(--font-ui)!important;font-size:15px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important}.hanable-vocab-layout-shell .hanable-header-actions,.hanable-conversation-layout-shell .hanable-header-actions{align-items:center!important;gap:.25rem!important}.hanable-vocab-layout-shell .hanable-upgrade-button,.hanable-conversation-layout-shell .hanable-upgrade-button{width:auto!important;min-width:0!important;height:32px!important;min-height:32px!important;gap:.375rem!important;padding-right:.75rem!important;padding-left:.75rem!important;border-radius:.375rem!important;color:hsl(var(--primary))!important;background:transparent!important;box-shadow:none!important}.hanable-vocab-layout-shell .hanable-notification-button,.hanable-conversation-layout-shell .hanable-notification-button,.hanable-vocab-layout-shell .hanable-account-button,.hanable-conversation-layout-shell .hanable-account-button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:.375rem!important;background:transparent!important;color:hsl(var(--muted-foreground))!important;box-shadow:none!important}.hanable-vocab-layout-shell .hanable-notification-button:after,.hanable-conversation-layout-shell .hanable-notification-button:after{content:none!important}.hanable-vocab-layout-shell .hanable-notification-button svg,.hanable-conversation-layout-shell .hanable-notification-button svg{width:16px!important;height:16px!important}.hanable-vocab-layout-shell .hanable-account-button>div,.hanable-conversation-layout-shell .hanable-account-button>div{width:24px!important;height:24px!important;border-radius:9999px!important;background:hsl(var(--muted))!important}.hanable-vocab-layout-shell .hanable-account-button svg,.hanable-conversation-layout-shell .hanable-account-button svg{width:14px!important;height:14px!important}.hanable-app-main.hanable-vocab-lock-scroll,.hanable-app-main.hanable-conversation-lock-scroll,.hanable-vocab-category.hanable-category-page,.hanable-conversation-category.hanable-category-page{height:calc(100vh - var(--learning-picker-header-height))!important}.hanable-vocab-category .category-settings-button,.hanable-conversation-category .category-settings-button{top:calc(var(--learning-picker-header-height) + 16px)!important;right:24px!important;width:52px!important;height:52px!important;border-radius:14px!important}.hanable-vocab-category .category-settings-button .hanable-settings-gear-icon,.hanable-conversation-category .category-settings-button .hanable-settings-gear-icon{width:22px!important;height:22px!important}}@media(min-width:1024px){.hanable-home-layout-shell .home-reference-shell{padding:42px 90px 34px!important}.hanable-home-layout-shell .home-reference-summary-section,.hanable-home-layout-shell .home-reference-menu-section{margin-top:32px!important}.hanable-home-layout-shell .home-reference-section h2,.hanable-home-layout-shell .home-reference-section-head h2{font-size:21px!important;line-height:1.18!important}.hanable-home-layout-shell .home-reference-recommend-card{grid-template-columns:132px minmax(0,1fr) 174px!important;align-items:start!important;gap:52px!important;height:168px!important;min-height:168px!important;margin-top:18px!important;padding:22px 62px 22px 50px!important;box-shadow:0 12px 28px #0f172a0a!important}.hanable-home-layout-shell .home-reference-recommend-card:hover{box-shadow:0 12px 28px #0f172a0d!important}.hanable-home-layout-shell .home-reference-sprout{align-self:center!important;width:124px!important;height:124px!important}.hanable-home-layout-shell .home-reference-sprout svg{width:48px!important;height:48px!important}.hanable-home-layout-shell .home-reference-recommend-copy{align-self:start!important;padding-top:34px!important}.hanable-home-layout-shell .home-reference-recommend-copy strong{font-size:27px!important;line-height:1.15!important}.hanable-home-layout-shell .home-reference-recommend-copy span{margin-top:11px!important;font-size:16px!important;line-height:1.4!important}.hanable-home-layout-shell .home-reference-start-button{align-self:start!important;width:170px!important;height:70px!important;min-height:70px!important;margin-top:39px!important;font-size:17px!important;box-shadow:0 10px 20px #07122524!important}.hanable-home-layout-shell .home-reference-section-head{margin-bottom:18px!important;align-items:center!important}.hanable-home-layout-shell .home-reference-section-head a{font-size:16px!important}.hanable-home-layout-shell .home-reference-summary-card.home-summary-card{height:198px!important;min-height:198px!important;box-shadow:0 12px 28px #0f172a0a!important}.hanable-home-layout-shell .home-reference-summary-item.home-summary-item{min-height:198px!important;padding:22px 28px 20px!important}.hanable-home-layout-shell .home-reference-summary-icon{width:54px!important;height:54px!important;margin-bottom:12px!important}.hanable-home-layout-shell .home-reference-summary-icon svg{width:25px!important;height:25px!important}.hanable-home-layout-shell .home-reference-summary-item strong{font-size:35px!important}.hanable-home-layout-shell .home-reference-summary-item span{margin-top:12px!important;font-size:16px!important;line-height:1.2!important}.hanable-home-layout-shell .home-reference-menu{gap:30px!important;margin-top:18px!important}.hanable-home-layout-shell .home-reference-menu-item.home-main-card{height:186px!important;min-height:186px!important;padding:24px 30px 22px!important;box-shadow:0 10px 24px #0f172a0a!important}.hanable-home-layout-shell .home-reference-menu-item.home-main-card:hover{box-shadow:0 10px 24px #0f172a0d!important}.hanable-home-layout-shell .home-reference-menu-icon{width:56px!important;height:56px!important;margin-bottom:18px!important}.hanable-home-layout-shell .home-reference-menu-icon svg{width:26px!important;height:26px!important}.hanable-home-layout-shell .home-reference-menu-copy strong{font-size:22px!important;line-height:1.15!important}.hanable-home-layout-shell .home-reference-menu-copy span{margin-top:12px!important;font-size:16px!important;line-height:1.35!important}}@media(min-width:1024px)and (max-width:1260px){.hanable-home-layout-shell .home-reference-shell{padding-right:56px!important;padding-left:56px!important}.hanable-home-layout-shell .home-reference-recommend-card{grid-template-columns:124px minmax(0,1fr) 164px!important;gap:36px!important;padding-right:42px!important;padding-left:42px!important}.hanable-home-layout-shell .home-reference-start-button{width:164px!important}.hanable-home-layout-shell .home-reference-menu{gap:24px!important}}@media(min-width:768px){.hanable-category-page .category-settings-button{top:98px!important;right:18px!important;width:48px!important;height:48px!important;padding:0!important;border-color:#e2e8f0eb!important;border-radius:999px!important;background:#ffffffe6!important;box-shadow:0 12px 30px #0f172a14!important}.hanable-category-page .category-settings-button .hanable-settings-gear-icon{width:18px!important;height:18px!important;stroke-width:1.8!important}}@media(max-width:767px){.hanable-mobile-vocab .hanable-settings-gear{top:24px!important;right:20px!important;width:42px!important;height:42px!important;border-color:#e2e8f075!important;border-radius:12px!important;background:#ffffffb3!important;color:#647084!important;box-shadow:0 10px 24px #0f172a0b,0 1px #ffffffbd inset!important}.hanable-mobile-vocab .hanable-settings-gear-icon{width:17px!important;height:17px!important;stroke-width:1.7!important}.hanable-mobile-conversation .hanable-settings-gear{top:24px!important;right:20px!important;width:38px!important;height:38px!important;border-color:#e2e8f07a!important;border-radius:13px!important;background:#ffffff94!important;color:#9099aa!important;box-shadow:0 10px 24px #0f172a0b,0 1px #ffffffbd inset!important}.hanable-mobile-conversation .hanable-settings-gear-icon{width:17px!important;height:17px!important;stroke-width:1.7!important}}@media(min-width:768px){.hanable-home-app-main{max-width:none!important;padding:0!important;overflow-y:auto!important;background:#f8f9fc!important}.home-reference-shell{width:100%!important;height:calc(100vh - 56px)!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#fbfbfd!important;color:#07132f!important;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,sans-serif!important}.home-reference-content{position:relative!important;left:50%!important;top:var(--pc-home-content-top, 64px)!important;width:1232px!important;max-width:1232px!important;margin:0!important;padding:0!important;transform:translate(-50%) scale(var(--pc-home-scale, 1))!important;transform-origin:top center!important}.home-reference-section+.home-reference-section{margin-top:40px!important}.home-reference-section h2,.home-reference-section-head h2{margin:0 0 18px 2px!important;color:#07132f!important;font-size:20px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important}.home-reference-recommend-card,.home-reference-summary-card,.home-reference-menu-item{border:1px solid #eceef3!important;border-radius:14px!important;background:#fffffff0!important;box-shadow:0 10px 28px #222b4b17!important}.home-reference-recommend-card{display:flex!important;height:194px!important;min-height:194px!important;align-items:center!important;padding:28px 59px 28px 48px!important;text-decoration:none!important}.home-image-placeholder{display:grid!important;flex:none!important;place-items:center!important;border-radius:50%!important;background:#f7f7fa!important;color:#9da1b2!important}.home-image-placeholder svg{width:60%!important;height:60%!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}.home-reference-sprout{width:138px!important;height:138px!important}.home-reference-recommend-copy{display:block!important;margin-left:50px!important}.home-reference-recommend-copy strong{display:block!important;margin:0 0 15px!important;color:#07132f!important;font-family:Georgia,Yu Mincho,serif!important;font-size:30px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important}.home-reference-recommend-copy span{display:block!important;margin:0!important;color:#686c7e!important;font-size:17px!important;font-weight:400!important;line-height:1.45!important}.home-reference-start-button{display:inline-flex!important;width:167px!important;height:70px!important;margin-left:auto!important;align-items:center!important;justify-content:center!important;gap:14px!important;border-radius:11px!important;background:linear-gradient(135deg,#081229,#121b34)!important;color:#fff!important;font-size:18px!important;font-weight:700!important;box-shadow:0 7px 14px #0b142c2e!important}.home-reference-start-button svg{width:28px!important;height:28px!important}.home-reference-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important}.home-reference-section-head a{display:inline-flex!important;margin:0 6px 16px 0!important;align-items:center!important;gap:10px!important;color:#74788a!important;font-size:16px!important;font-weight:400!important;text-decoration:none!important}.home-reference-section-head a svg{width:25px!important;height:25px!important}.home-reference-summary-card{display:grid!important;height:226px!important;min-height:226px!important;grid-template-columns:repeat(3,1fr)!important;padding:46px 0 38px!important}.home-reference-summary-item{position:relative!important;display:flex!important;min-height:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0!important}.home-reference-summary-item:not(:last-child):after{content:""!important;position:absolute!important;top:2px!important;right:0!important;width:1px!important;height:140px!important;background:#e0e2e9!important}.home-reference-summary-icon,.home-reference-menu-icon{width:66px!important;height:66px!important;margin:0!important}.home-reference-summary-item strong{margin:12px 0 14px!important;color:#07132f!important;font-family:Georgia,Times New Roman,serif!important;font-size:38px!important;font-weight:500!important;line-height:1!important}.home-reference-summary-item span{color:#717588!important;font-size:17px!important;font-weight:400!important}.home-reference-menu{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:28px!important;margin-top:0!important}.home-reference-menu-item{display:flex!important;height:208px!important;min-height:208px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:22px 20px!important;text-align:center!important;text-decoration:none!important}.home-reference-menu-copy{display:block!important;padding:0!important;text-align:center!important}.home-reference-menu-copy strong{display:block!important;margin:17px 0 12px!important;color:#07132f!important;font-family:Georgia,Yu Mincho,serif!important;font-size:25px!important;font-weight:600!important;line-height:1.2!important}.home-reference-menu-copy span{display:block!important;margin:0!important;color:#6f7386!important;font-size:17px!important;font-weight:400!important;line-height:1.35!important;white-space:nowrap!important}.home-reference-menu-arrow{display:none!important}.hanable-app-main.hanable-vocab-lock-scroll,.hanable-app-main.hanable-conversation-lock-scroll{overflow:hidden!important;background:#fff!important}.hanable-vocab-category.hanable-category-page,.hanable-conversation-category.hanable-category-page{overflow:hidden!important;background:#fff!important;color:#07122c!important}.hanable-vocab-category .desktop-category-background,.hanable-conversation-category .desktop-category-background,.hanable-vocab-category .desktop-category-soft-overlay,.hanable-conversation-category .desktop-category-soft-overlay,.hanable-vocab-category .desktop-category-light-overlay,.hanable-conversation-category .desktop-category-light-overlay{display:none!important}.hanable-conversation-category.hanable-category-page:before,.hanable-conversation-category.hanable-category-page:after{content:none!important;display:none!important}.pc-reference-floral{position:absolute!important;top:0!important;bottom:0!important;z-index:1!important;width:var(--pc-reference-floral-width, 270px)!important;pointer-events:none!important}.pc-reference-floral svg{width:100%!important;height:100%!important}.pc-reference-floral-left{left:0!important}.pc-reference-floral-right{right:0!important}.pc-reference-floral-vocab{opacity:.9!important}.hanable-vocab-category .category-content{position:relative!important;left:50%!important;z-index:3!important;width:min(930px,calc(100vw - 360px))!important;max-width:930px!important;height:auto!important;min-height:0!important;margin:0!important;padding:50px 0 52px!important;gap:0!important;justify-content:flex-start!important;transform:translate(-50%) scale(var(--pc-reference-scale, 1))!important;transform-origin:top center!important}.hanable-vocab-category .category-selection-zone,.hanable-vocab-category .category-action-zone,.hanable-vocab-category .category-subcategory-zone{width:100%!important;max-width:none!important;margin-right:0!important;margin-left:0!important;padding:0!important}.hanable-vocab-category .desktop-vocab-hero-card{display:grid!important;width:100%!important;max-width:none!important;height:370px!important;min-height:370px!important;grid-template-columns:350px minmax(0,1fr)!important;align-items:center!important;gap:70px!important;overflow:hidden!important;padding:32px 48px!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:23px!important;background:#ffffffe0!important;box-shadow:0 16px 34px #1c244414,0 3px 12px #1c24440d!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.hanable-vocab-category .desktop-vocab-hero-image-frame{display:flex!important;width:100%!important;height:308px!important;max-height:none!important;min-height:308px!important;align-items:center!important;justify-content:center!important;border:1px solid #dedee4!important;border-radius:22px!important;background:linear-gradient(145deg,#fbfbfc,#f7f7f8)!important;color:#c6c6cc!important;box-shadow:none!important}.hanable-vocab-category .reference-image-placeholder-sparkle,.hanable-vocab-category .reference-image-placeholder-dot{display:none!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero,.hanable-vocab-category .reference-image-placeholder-desktop-subcategory{display:flex!important;width:100%!important;height:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:inherit!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero{gap:22px!important;font-size:22px!important;font-weight:700!important}.hanable-vocab-category .reference-image-placeholder-desktop-hero .reference-image-placeholder-icon{width:88px!important;height:88px!important;stroke-width:1.7!important}.hanable-vocab-category .reference-image-placeholder-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:1.25!important;letter-spacing:0!important;text-align:center!important}.hanable-vocab-category .desktop-vocab-hero-copy{display:flex!important;min-width:0!important;height:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0 12px 0 0!important;text-align:center!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{display:flex!important;width:100%!important;height:76px!important;min-height:76px!important;max-height:96px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;margin:0 0 16px!important;padding:0 8px!important;color:#07122c!important;font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif!important;font-size:54px!important;font-weight:700!important;line-height:1.12!important;letter-spacing:.08em!important;text-align:center!important;white-space:nowrap!important}.hanable-vocab-category .desktop-vocab-hero-description{display:none!important}.hanable-vocab-category .desktop-vocab-gold-divider{width:auto!important;max-width:none!important;gap:14px!important;margin:0 0 38px!important;color:#e5b56e!important}.hanable-vocab-category .desktop-vocab-gold-divider span:first-child,.hanable-vocab-category .desktop-vocab-gold-divider span:last-child{width:92px!important;height:1px!important;flex:0 0 auto!important;background:linear-gradient(90deg,transparent,#eec88e)!important}.hanable-vocab-category .desktop-vocab-gold-divider span:last-child{background:linear-gradient(90deg,#eec88e,transparent)!important}.hanable-vocab-category .desktop-vocab-gold-divider span:nth-child(2){width:auto!important;height:auto!important;rotate:none!important;border:0!important;background:transparent!important}.hanable-vocab-category .desktop-vocab-gold-divider span:nth-child(2):before{content:"◇"!important;color:#e5b56e!important;font-size:26px!important;line-height:1!important}.hanable-vocab-category .desktop-category-dots{display:flex!important;max-width:100%!important;justify-content:center!important;gap:18px!important;margin:0!important;padding:0!important;overflow:visible!important}.hanable-vocab-category .desktop-category-dots .reference-carousel-dot{width:15px!important;min-width:15px!important;height:15px!important;border:0!important;border-radius:50%!important;background:#efeff4!important;padding:0!important}.hanable-vocab-category .desktop-category-dots .reference-carousel-dot[data-active=true]{background:#efb866!important}.hanable-vocab-category .category-subcategory-zone{margin:32px 0 26px!important}.hanable-vocab-category .desktop-subcategory-carousel{display:block!important;width:100%!important;height:134px!important;min-height:134px!important;margin:0!important;padding:0 28px 0 24px!important;overflow:hidden!important;border:0!important;border-radius:23px!important;background:#ffffffe0!important;box-shadow:0 16px 34px #1c244414,0 3px 12px #1c24440d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-vocab-category .desktop-subcategory-stage{display:grid!important;min-height:134px!important;grid-template-columns:50px minmax(0,1fr) 50px!important;align-items:center!important;-moz-column-gap:0!important;column-gap:0!important}.hanable-vocab-category .desktop-subcategory-main{display:block!important;min-height:134px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.hanable-vocab-category .subcategory-slide-frame,.hanable-vocab-category .desktop-subcategory-slide{height:134px!important}.hanable-vocab-category .desktop-subcategory-slide{display:grid!important;width:100%!important;grid-template-columns:145px minmax(0,1fr)!important;align-items:center!important;gap:0!important}.hanable-vocab-category .desktop-subcategory-icon{display:flex!important;width:126px!important;height:126px!important;flex:0 0 126px!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:50%!important;background:#f4f4f5!important;color:#c6c6cc!important;box-shadow:none!important}.hanable-vocab-category .reference-image-placeholder-desktop-subcategory{gap:6px!important;font-size:14px!important;font-weight:700!important}.hanable-vocab-category .reference-image-placeholder-desktop-subcategory .reference-image-placeholder-icon{width:40px!important;height:40px!important;stroke-width:1.7!important}.hanable-vocab-category .desktop-subcategory-title{display:block!important;width:100%!important;height:74px!important;min-height:74px!important;max-height:74px!important;overflow:hidden!important;margin:0!important;padding-left:16px!important;padding-right:12px!important;color:#07122c!important;font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif!important;font-size:34px!important;font-weight:700!important;line-height:74px!important;letter-spacing:.06em!important;text-align:left!important;white-space:nowrap!important}.hanable-vocab-category .desktop-subcategory-dots{display:none!important}.hanable-vocab-category .desktop-subcategory-nav{display:grid!important;width:50px!important;height:100%!important;place-items:center!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#07122c!important}.hanable-vocab-category .category-difficulty-grid{display:grid!important;width:100%!important;max-width:none!important;height:144px!important;min-height:144px!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;padding:18px 20px!important;border:0!important;border-radius:22px!important;background:#ffffffe6!important;box-shadow:0 16px 34px #1c244414,0 3px 12px #1c24440d!important}.hanable-vocab-category .difficulty-card,.hanable-vocab-category .category-difficulty-grid .difficulty-card{display:flex!important;min-height:0!important;height:auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid #e4e4ea!important;border-radius:18px!important;background:#ffffffc2!important;color:#6d7187!important;box-shadow:none!important;padding:0!important}.hanable-vocab-category .difficulty-card[aria-pressed=true],.hanable-vocab-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#e6b972!important;color:#07122c!important;background:#ffffffc2!important;box-shadow:inset 0 0 0 1px #e6b97214!important}.hanable-vocab-category .difficulty-card>span:first-child{font-size:24px!important;font-weight:700!important;line-height:1.1!important}.hanable-vocab-category .difficulty-card>span:last-child{margin:0!important;color:inherit!important;font-size:19px!important;font-weight:700!important;line-height:1.1!important}.hanable-vocab-category .category-start{margin-top:24px!important}.hanable-vocab-category .category-start button{width:100%!important;height:92px!important;min-height:92px!important;border-radius:48px!important;background:linear-gradient(115deg,#0d1730,#17233b 55%,#0d1730)!important;color:#fff!important;font-size:30px!important;font-weight:800!important;letter-spacing:.01em!important;box-shadow:0 16px 26px #0f1a362b!important}.hanable-vocab-category .category-arrow{top:var(--pc-vocab-arrow-top, 235px)!important;width:48px!important;height:80px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#07122c!important;transform:translateY(-50%) scale(var(--pc-reference-scale, 1))!important;transform-origin:center!important}.hanable-vocab-category .category-arrow-left{left:max(18px,calc(50% - var(--pc-vocab-arrow-edge, 526px)))!important}.hanable-vocab-category .category-arrow-right{right:max(18px,calc(50% - var(--pc-vocab-arrow-edge, 526px)))!important}.pc-reference-arrow-glyph{display:block!important;font-family:Arial,sans-serif!important;font-size:62px!important;font-weight:300!important;line-height:1!important}.hanable-conversation-category .category-content{position:relative!important;left:50%!important;z-index:3!important;width:922px!important;max-width:min(922px,calc(100vw - 360px))!important;height:auto!important;min-height:0!important;margin:0!important;padding:34px 0 0!important;gap:0!important;justify-content:flex-start!important;transform:translate(-50%) scale(var(--pc-reference-scale, 1))!important;transform-origin:top center!important}.hanable-conversation-category .category-hero-copy{width:100%!important;flex:0 0 auto!important;padding:0!important}.hanable-conversation-category .desktop-conversation-hero-card{display:grid!important;width:100%!important;max-width:none!important;height:500px!important;min-height:500px!important;grid-template-columns:486px minmax(0,1fr)!important;align-items:center!important;gap:56px!important;overflow:hidden!important;padding:47px 45px 32px!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:40px!important;background:#ffffffdb!important;box-shadow:0 16px 34px #1c244414,0 3px 12px #1c24440d!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.hanable-conversation-category .desktop-conversation-hero-image-frame{display:flex!important;width:100%!important;height:424px!important;min-height:424px!important;align-items:center!important;justify-content:center!important;border:2px dashed #d2d2d5!important;border-radius:25px!important;background:linear-gradient(145deg,#fbfbfc,#f8f8f9)!important;color:#c6c6c8!important}.hanable-conversation-category .conversation-image-placeholder{gap:30px!important;color:inherit!important;font-size:22px!important;font-weight:600!important}.hanable-conversation-category .conversation-image-placeholder-icon{width:150px!important;height:150px!important;margin:0!important;stroke-width:1.7!important}.hanable-conversation-category .conversation-image-placeholder span{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:1.25!important;letter-spacing:0!important}.hanable-conversation-category .desktop-conversation-hero-copy{display:flex!important;min-width:0!important;width:100%!important;height:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0!important;text-align:center!important}.hanable-conversation-category .desktop-conversation-hero-copy h2{display:flex!important;width:100%!important;min-height:96px!important;max-height:96px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;margin:0 0 24px!important;padding:0 8px!important;color:#07122c!important;font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif!important;font-size:66px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:.12em!important;text-align:center!important;white-space:nowrap!important}.hanable-conversation-category .desktop-conversation-gold-divider{width:auto!important;max-width:none!important;gap:18px!important;margin:0 0 30px!important;color:#e7b25f!important}.hanable-conversation-category .desktop-conversation-gold-divider span:first-child,.hanable-conversation-category .desktop-conversation-gold-divider span:last-child{width:78px!important;height:1px!important;flex:0 0 auto!important;background:#e7b25f!important}.hanable-conversation-category .desktop-conversation-gold-divider span:nth-child(2){width:auto!important;height:auto!important;rotate:none!important;border:0!important;background:transparent!important}.hanable-conversation-category .desktop-conversation-gold-divider span:nth-child(2):before{content:"◇"!important;color:#e7b25f!important;font-size:27px!important;line-height:1!important}.hanable-conversation-category .desktop-conversation-hero-description{display:flex!important;width:100%!important;max-width:300px!important;min-height:58px!important;max-height:58px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;margin:0!important;padding:0 4px!important;color:#5f6881!important;font-size:22px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:.03em!important;text-align:center!important;white-space:nowrap!important}.hanable-conversation-category .conversation-category-dots{display:none!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]{width:100%!important;max-width:none!important;margin-top:22px!important}.hanable-conversation-category .category-content>.mx-auto.w-full.max-w-\[720px\]>.mb-4{margin-bottom:26px!important;padding:0!important}.hanable-conversation-category .conversation-role-segment{display:grid!important;width:100%!important;max-width:none!important;height:72px!important;min-height:72px!important;grid-template-columns:repeat(2,1fr)!important;gap:22px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-category .conversation-role-segment button{height:72px!important;min-height:72px!important;gap:18px!important;border:1px solid #e6e6eb!important;border-radius:17px!important;background:#ffffffc7!important;color:#606a84!important;box-shadow:none!important;font-size:23px!important;font-weight:700!important;padding:0!important}.hanable-conversation-category .conversation-role-segment button[aria-pressed=true]{border-color:#e3ad4f!important;background:#fffcf7e6!important;color:#07122c!important;box-shadow:inset 0 0 0 1px #e3ad4f14!important}.hanable-conversation-category .conversation-role-icon{width:28px!important;height:28px!important}.hanable-conversation-category .category-content>.mx-auto>div>p{display:none!important}.hanable-conversation-category .category-difficulty-grid{display:grid!important;width:100%!important;max-width:none!important;height:144px!important;min-height:144px!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;padding:18px 20px!important;border:0!important;border-radius:22px!important;background:#ffffffe6!important;box-shadow:0 16px 34px #1c244414,0 3px 12px #1c24440d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card{display:flex!important;min-height:0!important;height:auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid #e4e4ea!important;border-radius:18px!important;background:#ffffffc2!important;color:#6d7187!important;box-shadow:none!important;padding:0!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card[aria-pressed=true]{border-color:#e6b972!important;background:#ffffffc2!important;color:#07122c!important;box-shadow:inset 0 0 0 1px #e6b97214!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:first-child{font-size:24px!important;font-weight:700!important;line-height:1.1!important}.hanable-conversation-category .category-difficulty-grid .difficulty-card>span:last-child{margin:0!important;color:inherit!important;font-size:19px!important;font-weight:700!important;line-height:1.1!important}.hanable-conversation-category .category-start{margin-top:22px!important;padding:0!important;background:transparent!important}.hanable-conversation-category .category-start button{width:100%!important;height:74px!important;min-height:74px!important;border-radius:42px!important;background:linear-gradient(115deg,#101a33,#19253d 55%,#0e1830)!important;color:#fff!important;font-size:31px!important;font-weight:800!important;letter-spacing:.08em!important;box-shadow:0 16px 27px #0f1a362b!important}.hanable-conversation-category .category-arrow{display:inline-flex!important;top:var(--pc-conversation-arrow-top, 284px)!important;width:62px!important;height:92px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#07122c!important;transform:translateY(-50%) scale(var(--pc-reference-scale, 1))!important;transform-origin:center!important}.hanable-conversation-category .category-arrow-left{left:max(18px,calc(50% - var(--pc-conversation-arrow-edge, 569px)))!important}.hanable-conversation-category .category-arrow-right{right:max(18px,calc(50% - var(--pc-conversation-arrow-edge, 569px)))!important}}@media(min-width:768px)and (max-width:1200px){.pc-reference-floral{width:var(--pc-reference-floral-compact-width, 180px)!important;opacity:.45!important}.hanable-vocab-category .category-content,.hanable-conversation-category .category-content{width:min(860px,calc(100vw - 120px))!important;max-width:860px!important}.hanable-vocab-category .desktop-vocab-hero-card{grid-template-columns:310px minmax(0,1fr)!important;gap:40px!important}.hanable-vocab-category .desktop-vocab-hero-copy h2{font-size:48px!important}.hanable-conversation-category .desktop-conversation-hero-card{grid-template-columns:420px minmax(0,1fr)!important;gap:38px!important}.hanable-conversation-category .desktop-conversation-hero-copy h2{font-size:56px!important}}@media(min-width:768px){.hanable-home-layout-shell .hanable-app-header,.hanable-vocab-layout-shell .hanable-app-header,.hanable-conversation-layout-shell .hanable-app-header{display:none!important}.hanable-home-layout-shell .hanable-app-main,.hanable-vocab-layout-shell .hanable-app-main,.hanable-conversation-layout-shell .hanable-app-main{width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}.pc-reference-viewport{position:relative;width:100vw;height:100vh;overflow:hidden;background:#fff;color:#07122c}.pc-reference-viewport button{font:inherit;color:inherit}.pc-home-app,.pc-category-app-stage,.pc-conversation-app-stage{position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%) scale(var(--pc-reference-scale, 1));transform-origin:top center;will-change:transform}.pc-home-reference{background:#f8f9fc;color:#07132f;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}.pc-home-app{width:1408px;height:1056px;border:1px solid #dfe1e8;background:linear-gradient(180deg,#fff 0,#fff 98px,#fbfbfd 98px,#fbfbfd);box-shadow:0 0 0 1px #00000004}.pc-home-topbar{display:flex;height:98px;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e6ec;background:#fffffff5;padding:0 34px}.pc-home-brand{display:flex;align-items:center;gap:16px;font-family:Georgia,Times New Roman,serif;font-size:39px;letter-spacing:-1.2px}.pc-home-brand-mark{width:40px;height:27px;fill:none;stroke:#07132f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pc-home-header-actions{display:flex;align-items:center;gap:22px}.pc-home-icon-btn,.pc-home-profile-btn{display:grid;place-items:center;border:0;background:transparent;padding:0;cursor:pointer}.pc-home-icon-btn svg{width:31px;height:31px;fill:none;stroke:#73788e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pc-home-notification{position:relative}.pc-home-notification i{position:absolute;top:-1px;right:0;width:8px;height:8px;border-radius:50%;background:#efb25b}.pc-home-profile-btn{width:44px;height:44px;border-radius:50%;background:#f3f4f8}.pc-home-profile-btn svg{width:27px;height:27px;fill:none;stroke:#73788e;stroke-width:1.6;stroke-linecap:round}.pc-home-content{width:1232px;margin:64px auto 0}.pc-home-content section+section{margin-top:40px}.pc-home-content h2{margin:0 0 18px 2px;color:#07132f;font-size:20px;font-weight:700;line-height:1;letter-spacing:.01em}.pc-home-card{border:1px solid #eceef3;border-radius:14px;background:#fffffff0;box-shadow:0 10px 28px #222b4b17}.pc-home-recommend-card{display:flex;height:194px;align-items:center;padding:28px 59px 28px 48px}.pc-home-placeholder{display:grid;flex:none;place-items:center;border-radius:50%;background:#f7f7fa;color:#9da1b2}.pc-home-placeholder svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pc-home-placeholder-large{width:138px;height:138px}.pc-home-placeholder-large svg{width:66px;height:66px}.pc-home-placeholder-small{width:66px;height:66px}.pc-home-placeholder-small svg{width:39px;height:39px}.pc-home-recommend-copy{margin-left:50px}.pc-home-recommend-copy h1{margin:0 0 15px;color:#07132f;font-family:Georgia,Yu Mincho,serif;font-size:30px;font-weight:600;letter-spacing:.01em}.pc-home-recommend-copy p{margin:0;color:#686c7e;font-size:17px}.pc-home-primary-btn{width:167px;height:70px;margin-left:auto;border:0;border-radius:11px;background:linear-gradient(135deg,#081229,#121b34);color:#fff;font-size:18px;font-weight:700;box-shadow:0 7px 14px #0b142c2e;cursor:pointer;transition:.25s ease}.pc-home-primary-btn span{margin-left:14px;font-size:28px;font-weight:400}.pc-home-primary-btn:hover{transform:translateY(-2px);box-shadow:0 11px 20px #0b142c38}.pc-home-section-heading-row{display:flex;align-items:center;justify-content:space-between}.pc-home-details-btn{margin:0 6px 16px 0;border:0;background:transparent;color:#74788a;font-size:16px;cursor:pointer}.pc-home-details-btn span{margin-left:10px;font-size:25px;vertical-align:-2px}.pc-home-summary-card{display:grid;height:226px;grid-template-columns:repeat(3,1fr);padding:46px 0 38px}.pc-home-summary-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.pc-home-summary-item:not(:last-child):after{content:"";position:absolute;top:2px;right:0;width:1px;height:140px;background:#e0e2e9}.pc-home-summary-item strong{margin:12px 0 14px;color:#07132f;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:500}.pc-home-summary-item span{color:#717588;font-size:17px}.pc-home-error{margin:18px 0 0;color:#b91c1c;font-size:14px;font-weight:700}.pc-home-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.pc-home-menu-card{display:flex;height:208px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #eceef3;padding:22px 20px;cursor:pointer;transition:.25s ease}.pc-home-menu-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #222b4b1f}.pc-home-menu-card strong{margin:17px 0 12px;color:#07132f;font-family:Georgia,Yu Mincho,serif;font-size:25px;font-weight:600}.pc-home-menu-card span{color:#6f7386;font-size:17px;white-space:nowrap}.pc-category-reference{--ink: #07122c;--gold: #e5b56e;--card: rgba(255, 255, 255, .88);--shadow: 0 16px 34px rgba(28, 36, 68, .08), 0 3px 12px rgba(28, 36, 68, .05);background:#fff;color:var(--ink);font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pc-category-app-stage,.pc-conversation-app-stage{width:1536px;height:1024px}.pc-category-topbar{position:relative;z-index:20;display:flex;height:100px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(12,24,44,.08);background:#fffffff5;padding:0 43px}.pc-category-brand{display:flex;align-items:center;gap:14px;border:0;background:transparent;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:1;text-decoration:none;cursor:pointer}.pc-category-brand-mark{width:54px;height:29px}.pc-category-top-actions{display:flex;align-items:center;gap:28px}.pc-category-icon-button,.pc-category-profile-button,.pc-category-settings{display:grid;place-items:center;border:0;background:none;cursor:pointer}.pc-category-icon-button svg,.pc-category-profile-button svg,.pc-category-settings svg{fill:none;stroke:#69708b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pc-category-icon-button{position:relative;width:42px;height:42px}.pc-category-icon-button svg{width:31px}.pc-category-notify-dot{position:absolute;top:3px;right:5px;width:8px;height:8px;border-radius:50%;background:#efb66f}.pc-category-profile-button{width:48px;height:48px;border-radius:50%;background:#f3f3f7}.pc-category-profile-button svg{width:25px}.pc-category-page-shell{position:relative;height:924px;overflow:hidden;background:linear-gradient(180deg,#fff,#fffdfd);padding:50px 24px 52px}.pc-category-page-shell:before,.pc-conversation-page-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pc-category-page-shell:before{background:radial-gradient(circle at 14% 22%,rgba(221,218,239,.12),transparent 24%),radial-gradient(circle at 86% 28%,rgba(248,222,205,.14),transparent 22%)}.pc-category-reference .pc-reference-floral{position:absolute!important;top:0!important;bottom:0!important;width:270px!important;pointer-events:none!important}.pc-category-reference .pc-reference-floral svg{width:100%!important;height:100%!important}.pc-category-reference .pc-reference-floral-left{left:0!important}.pc-category-reference .pc-reference-floral-right{right:0!important}.pc-category-settings{position:absolute;top:20px;right:38px;z-index:5;width:76px;height:76px;border-radius:18px;background:#fffffff0;box-shadow:0 12px 25px #16203a1f}.pc-category-settings svg{width:31px;stroke-width:1.9}.pc-vocab-content-wrap{position:relative;z-index:3;width:min(930px,calc(100vw - 360px));margin:0 auto}.pc-vocab-category-row{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:18px}.pc-vocab-nav-arrow,.pc-vocab-sub-arrow{border:0;background:transparent;color:var(--ink);font-family:Arial,sans-serif;font-weight:300;line-height:1;cursor:pointer;transition:transform .22s cubic-bezier(.22,.61,.36,1),opacity .22s ease,color .22s ease}.pc-vocab-nav-arrow{padding:0;font-size:62px}.pc-vocab-sub-arrow{padding:0;font-size:56px}.pc-vocab-nav-arrow:hover,.pc-vocab-sub-arrow:hover{transform:scale(1.08);color:#26334e}.pc-vocab-category-card{display:grid;height:370px;min-height:370px;max-height:370px;grid-template-columns:350px minmax(0,1fr);align-items:center;gap:70px;overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:23px;background:var(--card);box-shadow:var(--shadow);padding:32px 48px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pc-vocab-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dedee4;background:linear-gradient(145deg,#fbfbfc,#f7f7f8);color:#c6c6cc}.pc-vocab-image-placeholder svg{fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round}.pc-vocab-large-placeholder{height:308px;border-radius:22px;gap:22px;font-size:22px;font-weight:700}.pc-vocab-large-placeholder svg{width:88px}.pc-vocab-category-copy{min-width:0;overflow:hidden;padding-right:12px;text-align:center}.pc-category-title{display:flex;width:100%;height:76px;min-height:76px;max-height:120px;align-items:center;justify-content:center;overflow:hidden;margin:0 0 30px;padding:0 6px;color:var(--ink);font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif;font-size:54px;font-weight:700;line-height:76px;letter-spacing:.08em;text-align:center;white-space:nowrap}.pc-category-title-two-line{font-size:42px;line-height:1.18;white-space:pre-line}.pc-vocab-ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:38px;color:var(--gold)}.pc-vocab-ornament span{width:92px;height:1px;background:linear-gradient(90deg,transparent,#eec88e)}.pc-vocab-ornament span:last-child{background:linear-gradient(90deg,#eec88e,transparent)}.pc-vocab-ornament i{font-size:26px;font-style:normal}.pc-vocab-dots{display:flex;max-width:100%;flex-wrap:nowrap;justify-content:center;gap:18px}.pc-vocab-dots button{width:15px;height:15px;flex:0 0 auto;border:0;border-radius:50%;background:#efeff4;padding:0;cursor:pointer;transition:width .28s cubic-bezier(.16,1,.3,1),border-radius .28s ease,background-color .25s ease,transform .22s ease}.pc-vocab-dots button:hover{transform:scale(1.12)}.pc-vocab-dots button.active{width:30px;border-radius:999px;background:#efb866}.pc-vocab-subcategory-card{display:grid;height:134px;min-height:134px;max-height:134px;grid-template-columns:50px 145px minmax(0,1fr) 50px;align-items:center;overflow:hidden;margin:32px 0 26px;border-radius:23px;background:var(--card);box-shadow:var(--shadow);padding:0 28px 0 24px}.pc-vocab-circle-placeholder{width:126px;height:126px;border:0;border-radius:50%;background:#f4f4f5;gap:6px;font-size:14px;font-weight:700;text-align:center}.pc-vocab-circle-placeholder svg{width:40px;stroke-width:2.5}.pc-vocab-subcategory-card h2{display:flex;width:100%;max-height:74px;align-items:center;overflow:hidden;margin:0;padding-right:12px;padding-left:16px;color:var(--ink);font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif;font-size:34px;font-weight:700;line-height:1.18;letter-spacing:.06em;white-space:nowrap}.pc-vocab-difficulty-card{display:grid;height:144px;grid-template-columns:repeat(4,1fr);gap:18px;border-radius:22px;background:#ffffffe6;box-shadow:var(--shadow);padding:18px 20px}.pc-vocab-difficulty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #e4e4ea;border-radius:18px;background:#ffffffc2;color:#6d7187;cursor:pointer;transition:.2s ease}.pc-vocab-difficulty strong{font-size:24px}.pc-vocab-difficulty span{font-size:19px;font-weight:700}.pc-vocab-difficulty:hover{transform:translateY(-1px)}.pc-vocab-difficulty.active{border-color:#e6b972;background:#ffffffc2;color:var(--ink);box-shadow:inset 0 0 0 1px #e6b97214}.pc-vocab-start-button{width:100%;height:92px;margin-top:24px;border:0;border-radius:48px;background:linear-gradient(115deg,#0d1730,#17233b 55%,#0d1730);color:#fff;font-size:30px;font-weight:800;letter-spacing:.01em;box-shadow:0 16px 26px #0f1a362b;cursor:pointer;transition:.2s ease}.pc-vocab-start-button:hover{transform:translateY(-2px);box-shadow:0 20px 32px #0f1a3636}.pc-conversation-reference{--ink: #07122c;--gold: #e7b25f;--card: rgba(255, 255, 255, .86);--shadow: 0 16px 34px rgba(28, 36, 68, .08), 0 3px 12px rgba(28, 36, 68, .05)}.pc-conversation-topbar{position:relative;z-index:10;display:flex;height:80px;align-items:center;border:1px solid rgba(12,24,44,.14);border-radius:10px 10px 0 0;background:#fffffff7;padding:0 44px}.pc-conversation-topbar .pc-category-brand{gap:16px}.pc-conversation-topbar .pc-category-brand-mark{width:56px;height:30px}.pc-conversation-page-shell{position:relative;height:944px;overflow:hidden;border:1px solid rgba(12,24,44,.13);border-top:0;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#fff,#fffdfd);padding-top:34px}.pc-conversation-page-shell:before{background:radial-gradient(circle at 23% 15%,rgba(218,213,236,.12),transparent 22%),radial-gradient(circle at 83% 30%,rgba(246,220,205,.14),transparent 22%)}.pc-conversation-settings{top:46px;right:46px;width:64px;height:64px;border-radius:17px;box-shadow:0 11px 24px #16203a1c}.pc-conversation-content-wrap{position:relative;z-index:3;width:922px;margin:0 auto}.pc-conversation-category-stage{position:relative}.pc-conversation-hero-card{display:grid;height:500px;grid-template-columns:486px minmax(0,1fr);align-items:center;gap:56px;border:1px solid rgba(255,255,255,.95);border-radius:40px;background:var(--card);box-shadow:var(--shadow);padding:47px 45px 32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pc-conversation-image-placeholder{display:flex;height:424px;flex-direction:column;align-items:center;justify-content:center;gap:30px;border:2px dashed #d2d2d5;border-radius:25px;background:linear-gradient(145deg,#fbfbfc,#f8f8f9);color:#c6c6c8;font-size:22px;font-weight:600}.pc-conversation-image-placeholder svg{width:150px;fill:none;stroke:currentColor;stroke-width:4;stroke-linejoin:round}.pc-conversation-hero-copy{display:flex;width:100%;height:100%;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:0;text-align:center}.pc-conversation-hero-copy h1{display:flex;width:100%;min-height:96px;max-height:96px;align-items:center;justify-content:center;overflow:hidden;margin:0 0 24px;padding:0 8px;color:var(--ink);font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif;font-size:66px;font-weight:700;line-height:1.15;letter-spacing:.12em;white-space:nowrap}.pc-conversation-ornament{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:30px;color:var(--gold)}.pc-conversation-ornament span{width:78px;height:1px;background:#e7b25f}.pc-conversation-ornament i{font-size:27px;font-style:normal}.pc-conversation-hero-copy p{display:flex;width:100%;min-height:58px;max-height:58px;align-items:center;justify-content:center;overflow:hidden;margin:0;padding:0 8px;color:#5f6881;font-size:22px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.pc-conversation-category-arrow{position:absolute;top:50%;z-index:6;display:grid;width:62px;height:92px;place-items:center;border:0;background:transparent;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:68px;font-weight:400;line-height:1;opacity:.96;cursor:pointer;transform:translateY(-50%);transition:transform .22s cubic-bezier(.22,.61,.36,1),opacity .22s ease,color .22s ease}.pc-conversation-category-arrow-left{left:-108px}.pc-conversation-category-arrow-right{right:-108px}.pc-conversation-category-arrow:hover{transform:translateY(-50%) scale(1.08);color:#26334e}.pc-conversation-role-tabs{display:grid;height:72px;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;overflow:hidden;transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1),margin .28s cubic-bezier(.16,1,.3,1)}.pc-conversation-role-tabs.is-hidden{opacity:0;pointer-events:none}.pc-conversation-role-tab{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #e6e6eb;border-radius:17px;background:#ffffffc7;color:#606a84;font-size:23px;font-weight:700;cursor:pointer;transition:.18s}.pc-conversation-role-tab svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pc-conversation-role-tab span{white-space:nowrap}.pc-conversation-role-tab.active{border-color:#e3ad4f;background:#fffcf7e6;color:var(--ink);box-shadow:inset 0 0 0 1px #e3ad4f14}.pc-conversation-difficulty-row{display:grid;height:144px;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px;border-radius:22px;background:#ffffffe6;box-shadow:var(--shadow);padding:18px 20px}.pc-conversation-difficulty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #e4e4ea;border-radius:18px;background:#ffffffc2;color:#6d7187;cursor:pointer;transition:.2s ease}.pc-conversation-difficulty strong{font-size:24px}.pc-conversation-difficulty span{font-size:19px;font-weight:700}.pc-conversation-difficulty:hover{transform:translateY(-1px)}.pc-conversation-difficulty.active{border-color:#e6b972;background:#ffffffc2;color:var(--ink);box-shadow:inset 0 0 0 1px #e6b97214}.pc-conversation-start-button{width:100%;height:74px;margin-top:22px;border:0;border-radius:42px;background:linear-gradient(115deg,#101a33,#19253d 55%,#0e1830);color:#fff;font-size:31px;font-weight:800;letter-spacing:.08em;box-shadow:0 16px 27px #0f1a362b;cursor:pointer;transition:.18s}.pc-conversation-start-button:hover{transform:translateY(-2px)}.pc-static-reference-frame{position:relative;width:100vw;height:100vh;overflow:hidden;background:#fff}.pc-static-reference-frame__iframe{display:block;width:100%;height:100%;border:0;background:#fff}.pc-static-reference-frame.is-loading .pc-static-reference-frame__iframe{visibility:hidden}.pc-static-reference-frame__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.02em}.pc-static-reference-frame__spinner{width:24px;height:24px;border:2px solid #e8edf4;border-top-color:#64748b;border-radius:9999px;animation:hanable-mobile-frame-spin .8s linear infinite}}@media(min-width:768px){.hanable-home-layout-shell,.hanable-vocab-layout-shell,.hanable-conversation-layout-shell{--pc-common-topbar-height: 56px}.hanable-home-layout-shell .hanable-app-header,.hanable-vocab-layout-shell .hanable-app-header,.hanable-conversation-layout-shell .hanable-app-header{display:block!important;position:sticky!important;top:0!important;right:auto!important;left:auto!important;z-index:40!important;height:var(--pc-common-topbar-height)!important;min-height:var(--pc-common-topbar-height)!important;border-bottom:1px solid hsl(var(--border))!important;background:hsl(var(--card) / .8)!important;box-shadow:none!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}.hanable-home-layout-shell .hanable-app-header>div,.hanable-vocab-layout-shell .hanable-app-header>div,.hanable-conversation-layout-shell .hanable-app-header>div{height:var(--pc-common-topbar-height)!important;max-width:1400px!important;padding-right:1.5rem!important;padding-left:1.5rem!important}.hanable-home-layout-shell .hanable-primary-nav,.hanable-vocab-layout-shell .hanable-primary-nav,.hanable-conversation-layout-shell .hanable-primary-nav,.hanable-home-layout-shell .hanable-upgrade-button,.hanable-vocab-layout-shell .hanable-upgrade-button,.hanable-conversation-layout-shell .hanable-upgrade-button,.hanable-home-layout-shell .hanable-header-actions,.hanable-vocab-layout-shell .hanable-header-actions,.hanable-conversation-layout-shell .hanable-header-actions{display:flex!important}.hanable-home-layout-shell .hanable-app-main,.hanable-vocab-layout-shell .hanable-app-main,.hanable-conversation-layout-shell .hanable-app-main{width:100vw!important;max-width:none!important;height:calc(100vh - var(--pc-common-topbar-height))!important;margin:0!important;padding:0!important;overflow:hidden!important}.pc-static-reference-frame{width:100vw!important;height:100vh!important}}@media(min-width:768px){.hanable-home-layout-shell{width:100%!important;max-width:none!important}.hanable-home-layout-shell .hanable-app-main.hanable-home-app-main{width:100%!important;max-width:none!important;min-width:0!important;margin-right:0!important;margin-left:0!important;padding-right:0!important;padding-left:0!important;overflow-x:visible!important}.hanable-home-layout-shell .pc-static-reference-frame{width:100%!important;max-width:none!important;min-width:0!important;overflow-x:visible!important;overflow-y:hidden!important}.hanable-home-layout-shell .pc-static-reference-frame__iframe{width:100%!important;max-width:none!important}}@media(min-width:768px){.hanable-home-layout-shell .hanable-brand-link,.hanable-vocab-layout-shell .hanable-brand-link,.hanable-conversation-layout-shell .hanable-brand-link{gap:.625rem!important;margin-right:.5rem!important}.hanable-home-layout-shell .hanable-brand-link>div,.hanable-vocab-layout-shell .hanable-brand-link>div,.hanable-conversation-layout-shell .hanable-brand-link>div{display:flex!important;width:1.75rem!important;height:1.75rem!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:.375rem!important;background:hsl(var(--primary))!important;box-shadow:none!important}.hanable-home-layout-shell .hanable-brand-link img,.hanable-vocab-layout-shell .hanable-brand-link img,.hanable-conversation-layout-shell .hanable-brand-link img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;opacity:1!important;mix-blend-mode:normal!important}.hanable-home-layout-shell .hanable-brand-link span,.hanable-vocab-layout-shell .hanable-brand-link span,.hanable-conversation-layout-shell .hanable-brand-link span{color:hsl(var(--foreground))!important;font-family:var(--font-sans)!important;font-size:15px!important;font-weight:600!important;line-height:1!important;letter-spacing:-.025em!important}.hanable-home-layout-shell .hanable-primary-nav,.hanable-vocab-layout-shell .hanable-primary-nav,.hanable-conversation-layout-shell .hanable-primary-nav{display:flex!important;align-items:center!important;gap:.25rem!important}.hanable-home-layout-shell .hanable-primary-nav a,.hanable-vocab-layout-shell .hanable-primary-nav a,.hanable-conversation-layout-shell .hanable-primary-nav a{display:flex!important;align-items:center!important;gap:.375rem!important;padding:.375rem .75rem!important;border:0!important;border-radius:.375rem!important;box-shadow:none!important;font-size:13px!important;font-weight:500!important;line-height:1.25rem!important;outline:none!important}.hanable-home-layout-shell .hanable-primary-nav a svg,.hanable-vocab-layout-shell .hanable-primary-nav a svg,.hanable-conversation-layout-shell .hanable-primary-nav a svg{width:.875rem!important;height:.875rem!important}.hanable-home-layout-shell .hanable-header-actions,.hanable-vocab-layout-shell .hanable-header-actions,.hanable-conversation-layout-shell .hanable-header-actions{display:flex!important;align-items:center!important;gap:.25rem!important}.hanable-home-layout-shell .hanable-upgrade-button,.hanable-vocab-layout-shell .hanable-upgrade-button,.hanable-conversation-layout-shell .hanable-upgrade-button{display:flex!important;width:auto!important;min-width:0!important;height:2rem!important;min-height:2rem!important;gap:.375rem!important;padding-right:.75rem!important;padding-left:.75rem!important;border:0!important;border-radius:.375rem!important;background:transparent!important;box-shadow:none!important;color:hsl(var(--primary))!important;font-size:13px!important;font-weight:500!important;line-height:1.25rem!important;outline:none!important}.hanable-home-layout-shell .hanable-notification-button,.hanable-vocab-layout-shell .hanable-notification-button,.hanable-conversation-layout-shell .hanable-notification-button,.hanable-home-layout-shell .hanable-account-button,.hanable-vocab-layout-shell .hanable-account-button,.hanable-conversation-layout-shell .hanable-account-button{width:2rem!important;min-width:2rem!important;height:2rem!important;min-height:2rem!important;padding:0!important;border:0!important;border-radius:.375rem!important;background:transparent!important;box-shadow:none!important;color:hsl(var(--muted-foreground))!important;outline:none!important}.hanable-home-layout-shell .hanable-notification-button:after,.hanable-vocab-layout-shell .hanable-notification-button:after,.hanable-conversation-layout-shell .hanable-notification-button:after{content:none!important;display:none!important}.hanable-home-layout-shell .hanable-notification-button svg,.hanable-vocab-layout-shell .hanable-notification-button svg,.hanable-conversation-layout-shell .hanable-notification-button svg{width:1rem!important;height:1rem!important}.hanable-home-layout-shell .hanable-account-button>div,.hanable-vocab-layout-shell .hanable-account-button>div,.hanable-conversation-layout-shell .hanable-account-button>div{width:1.5rem!important;height:1.5rem!important;border-radius:9999px!important;background:hsl(var(--muted))!important}.hanable-home-layout-shell .hanable-account-button svg,.hanable-vocab-layout-shell .hanable-account-button svg,.hanable-conversation-layout-shell .hanable-account-button svg{width:.875rem!important;height:.875rem!important}}@media(min-width:768px){.hanable-vocab-layout-shell .hanable-header-actions .hanable-upgrade-button,.hanable-conversation-layout-shell .hanable-header-actions .hanable-upgrade-button{display:inline-flex!important;width:auto!important;min-width:-moz-max-content!important;min-width:max-content!important;height:2rem!important;min-height:2rem!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;gap:.375rem!important;overflow:visible!important;white-space:nowrap!important;padding:0 .75rem!important}.hanable-vocab-layout-shell .hanable-header-actions .hanable-notification-button,.hanable-conversation-layout-shell .hanable-header-actions .hanable-notification-button,.hanable-vocab-layout-shell .hanable-header-actions .hanable-account-button,.hanable-conversation-layout-shell .hanable-header-actions .hanable-account-button{width:2rem!important;min-width:2rem!important;height:2rem!important;min-height:2rem!important;flex:0 0 2rem!important}}@media(min-width:768px){.hanable-home-layout-shell .hanable-app-main,.hanable-vocab-layout-shell .hanable-app-main,.hanable-conversation-layout-shell .hanable-app-main{width:100vw!important;min-width:100vw!important;max-width:none!important;margin-right:0!important;margin-left:0!important;padding-right:0!important;padding-left:0!important;overflow-x:visible!important}.hanable-home-layout-shell .pc-static-reference-frame,.hanable-vocab-layout-shell .pc-static-reference-frame,.hanable-conversation-layout-shell .pc-static-reference-frame,.hanable-home-layout-shell .pc-static-reference-frame__iframe,.hanable-vocab-layout-shell .pc-static-reference-frame__iframe,.hanable-conversation-layout-shell .pc-static-reference-frame__iframe{width:100vw!important;min-width:100vw!important;max-width:none!important}.hanable-home-layout-shell .pc-static-reference-frame,.hanable-vocab-layout-shell .pc-static-reference-frame,.hanable-conversation-layout-shell .pc-static-reference-frame{overflow-x:visible!important}}@media(min-width:768px){.hanable-vocab-layout-shell .hanable-header-actions .hanable-upgrade-button,.hanable-vocab-layout-shell .hanable-header-actions .hanable-upgrade-button:hover,.hanable-vocab-layout-shell .hanable-header-actions .hanable-upgrade-button:focus-visible{color:#3d70d6!important}.hanable-vocab-layout-shell .hanable-header-actions .hanable-upgrade-button svg{color:#3d70d6!important;stroke:currentColor!important}}@media(min-width:768px){.hanable-home-layout-shell,.hanable-home-layout-shell .hanable-app-main,.hanable-home-layout-shell .pc-static-reference-frame,.hanable-home-layout-shell .pc-static-reference-frame__iframe{background:#f8f9fc!important}.hanable-home-layout-shell{height:100vh!important;overflow:hidden!important}.hanable-home-layout-shell .hanable-app-main.hanable-home-app-main,.hanable-home-layout-shell .pc-static-reference-frame,.hanable-home-layout-shell .pc-static-reference-frame__iframe{height:calc(100vh - var(--pc-common-topbar-height))!important;overflow:hidden!important}}@media(min-width:768px){.hanable-vocab-layout-shell .legacy-category-settings-button,.hanable-conversation-layout-shell .legacy-category-settings-button{top:98px!important;right:18px!important;width:48px!important;height:48px!important;padding:0!important;border-color:#e2e8f0eb!important;border-radius:999px!important;background:#ffffffe6!important;box-shadow:0 12px 30px #0f172a14!important}.hanable-vocab-layout-shell .legacy-category-settings-button .hanable-settings-gear-icon,.hanable-conversation-layout-shell .legacy-category-settings-button .hanable-settings-gear-icon{width:18px!important;height:18px!important;stroke-width:1.8!important}}.hanable-conversation-layout-shell .legacy-category-settings-button,.hanable-conversation-layout-shell .category-settings-button,.hanable-conversation-layout-shell .pc-conversation-settings,.hanable-conversation-layout-shell .hanable-settings-gear{display:none!important}@media(max-width:767px){:root{--hanable-mobile-topbar-height: 76px;--hanable-mobile-bottom-nav-height: 74px}.hanable-mobile-reference-layout .hanable-app-header{display:block!important;position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:60!important;height:calc(var(--hanable-mobile-topbar-height) + env(safe-area-inset-top))!important;min-height:calc(var(--hanable-mobile-topbar-height) + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important;border-bottom:1px solid rgba(226,232,240,.82)!important;background:#fffffff5!important;box-shadow:0 8px 28px #0f172a0a!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.hanable-mobile-reference-layout .hanable-app-header>div{height:var(--hanable-mobile-topbar-height)!important;max-width:430px!important;padding-right:20px!important;padding-left:20px!important}.hanable-mobile-reference-layout .hanable-brand-link{gap:10px!important;margin-right:8px!important}.hanable-mobile-reference-layout .hanable-brand-link>div{width:32px!important;height:32px!important;border-radius:9px!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important}.hanable-mobile-reference-layout .hanable-brand-link img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;opacity:1!important;mix-blend-mode:normal!important}.hanable-mobile-reference-layout .hanable-brand-link span{color:#0f172a!important;font-family:var(--font-sans)!important;font-size:20px!important;font-weight:700!important;letter-spacing:0!important;line-height:1!important}.hanable-mobile-reference-layout .hanable-header-actions{align-items:center!important;gap:8px!important}.hanable-mobile-reference-layout .hanable-notification-button,.hanable-mobile-reference-layout .hanable-account-button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;color:#475569!important}.hanable-mobile-reference-layout .hanable-notification-button:after{display:none!important;content:none!important}.hanable-mobile-reference-layout .hanable-notification-button svg,.hanable-mobile-reference-layout .hanable-account-button svg{width:20px!important;height:20px!important;stroke-width:1.9!important}.hanable-mobile-reference-layout .hanable-account-button>div{width:30px!important;height:30px!important;border-radius:9999px!important;background:hsl(var(--muted))!important}.hanable-mobile-reference-layout .hanable-app-main{width:100vw!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:calc(var(--hanable-mobile-topbar-height) + env(safe-area-inset-top)) 0 0!important;overflow:hidden!important;background:#fff!important}.hanable-mobile-reference-layout .hanable-bottom-nav{display:block!important;height:calc(var(--hanable-mobile-bottom-nav-height) + env(safe-area-inset-bottom))!important;border-top:0!important;background:#fffffff7!important;box-shadow:0 -8px 26px #1e293b0a!important}.hanable-mobile-reference-layout .hanable-bottom-nav>div{height:66px!important;max-width:430px!important;padding:7px 14px env(safe-area-inset-bottom)!important}.hanable-mobile-reference-layout .hanable-bottom-nav a{min-height:46px!important;margin:5px 2px 4px!important;gap:3px!important;border-radius:16px!important;font-size:10px!important;font-weight:700!important}.hanable-mobile-reference-layout .hanable-bottom-nav a[class*=bg-blue-50]{background:#eef6ff!important;color:#2f7df6!important}.hanable-mobile-reference-layout .hanable-bottom-nav svg{width:19px!important;height:19px!important;stroke-width:1.8!important}.mobile-static-reference-frame{position:relative;width:100vw;height:calc(100dvh - var(--hanable-mobile-topbar-height) - var(--hanable-mobile-bottom-nav-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;overflow:hidden;background:#fff}.mobile-static-reference-frame__iframe{display:block;width:100%;height:100%;border:0}.mobile-static-reference-frame.is-loading .mobile-static-reference-frame__iframe{visibility:hidden}.mobile-static-reference-frame__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.02em}.mobile-static-reference-frame__spinner{width:24px;height:24px;border:2px solid #e8edf4;border-top-color:#64748b;border-radius:9999px;animation:hanable-mobile-frame-spin .8s linear infinite}}@keyframes hanable-mobile-frame-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mobile-static-reference-frame__spinner{animation:none}}@media(max-width:767px){:root{--hanable-mobile-topbar-height: 76px;--hanable-mobile-bottom-nav-height: 74px}.hanable-app-header{display:block!important;position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:60!important;height:calc(var(--hanable-mobile-topbar-height) + env(safe-area-inset-top))!important;min-height:calc(var(--hanable-mobile-topbar-height) + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important;border-bottom:1px solid rgba(226,232,240,.82)!important;background:#fffffff5!important;box-shadow:0 8px 28px #0f172a0a!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.hanable-app-header>div{height:var(--hanable-mobile-topbar-height)!important;max-width:430px!important;padding-right:20px!important;padding-left:20px!important}.hanable-brand-link{gap:10px!important;margin-right:8px!important}.hanable-brand-link>div{width:32px!important;height:32px!important;border-radius:9px!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important}.hanable-brand-link img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;opacity:1!important;mix-blend-mode:normal!important}.hanable-brand-link span{color:#0f172a!important;font-family:var(--font-sans)!important;font-size:20px!important;font-weight:700!important;letter-spacing:0!important;line-height:1!important}.hanable-header-actions{align-items:center!important;gap:8px!important}.hanable-notification-button,.hanable-account-button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;color:#475569!important}.hanable-notification-button:after{content:none!important;display:none!important}.hanable-notification-button svg,.hanable-account-button svg{width:20px!important;height:20px!important;stroke-width:1.9!important}.hanable-account-button>div{width:30px!important;height:30px!important;border-radius:9999px!important;background:hsl(var(--muted))!important}.hanable-app-main,.hanable-progress-app-main,.hanable-app-main:has(.hanable-progress-page){height:100dvh!important;padding-top:calc(var(--hanable-mobile-topbar-height) + env(safe-area-inset-top))!important}.hanable-mobile-reference-layout .hanable-app-main{width:100vw!important;max-width:none!important;margin:0!important;padding:calc(var(--hanable-mobile-topbar-height) + env(safe-area-inset-top)) 0 0!important;overflow:hidden!important;background:#fff!important}.hanable-mobile-reference-layout .mobile-static-reference-frame{width:100vw!important;height:calc(100dvh - var(--hanable-mobile-topbar-height) - var(--hanable-mobile-bottom-nav-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;min-height:0!important;overflow:hidden!important}}@media(max-width:768px){.hanable-progress-page .progress-growing-card h3:before,.hanable-progress-page .progress-priority-card h3:before{content:none!important;display:none!important}.hanable-progress-page .progress-growing-card,.hanable-progress-page .progress-priority-card{counter-reset:progress-category-rank!important}.hanable-progress-page .progress-growing-card .group,.hanable-progress-page .progress-priority-card .group{counter-increment:progress-category-rank!important;grid-template-columns:28px minmax(0,1fr)!important}.hanable-progress-page .progress-growing-card .group:before,.hanable-progress-page .progress-priority-card .group:before{content:counter(progress-category-rank)!important;display:flex!important;width:24px!important;height:24px!important;flex:0 0 24px!important;align-items:center!important;justify-content:center!important;border:1px solid #e2e8f0!important;border-radius:999px!important;background:#fff!important;color:#94a3b8!important;font-size:12px!important;font-weight:900!important;line-height:1!important;text-align:center!important;box-sizing:border-box!important}.hanable-progress-page .progress-growing-card .h-9.w-9,.hanable-progress-page .progress-priority-card .h-9.w-9{display:none!important}.hanable-progress-page .progress-growing-card>div>div:nth-child(1) .group:before,.hanable-progress-page .progress-priority-card>div>div:nth-child(1) .group:before{border-color:#facc15!important;background:#facc15!important;color:#fff!important}.hanable-progress-page .progress-growing-card>div>div:nth-child(2) .group:before,.hanable-progress-page .progress-priority-card>div>div:nth-child(2) .group:before{border-color:#cbd5e1!important;background:#cbd5e1!important;color:#334155!important}.hanable-progress-page .progress-growing-card>div>div:nth-child(3) .group:before,.hanable-progress-page .progress-priority-card>div>div:nth-child(3) .group:before{border-color:#b87333!important;background:#b87333!important;color:#fff!important}.hanable-progress-page .progress-growing-card>div>div:nth-child(4) .group:before,.hanable-progress-page .progress-growing-card>div>div:nth-child(5) .group:before,.hanable-progress-page .progress-priority-card>div>div:nth-child(4) .group:before,.hanable-progress-page .progress-priority-card>div>div:nth-child(5) .group:before{border-color:#e2e8f0!important;background:#fff!important;color:#94a3b8!important}}@media(max-width:767px){.hanable-bottom-nav{display:block!important;z-index:60!important;height:calc(74px + env(safe-area-inset-bottom))!important;border-top:0!important;background:#fffffff7!important;box-shadow:0 -8px 26px #1e293b0a!important}.hanable-bottom-nav>div{height:66px!important;max-width:430px!important;padding:7px 14px env(safe-area-inset-bottom)!important}.hanable-bottom-nav a{min-height:50px!important;margin:5px 2px 4px!important;gap:3px!important;border-radius:16px!important;font-size:10px!important;font-weight:700!important}.hanable-bottom-nav a[class*=bg-blue-50]{background:#eef6ff!important;color:#2f7df6!important}.hanable-bottom-nav svg{width:25px!important;height:25px!important;stroke-width:1.8!important}}@media(max-width:767px){.hanable-home-layout-shell{background:#fff!important}.hanable-home-layout-shell .hanable-app-main.hanable-home-app-main{position:fixed!important;top:calc(var(--hanable-mobile-topbar-height) + env(safe-area-inset-top))!important;right:0!important;bottom:calc(var(--hanable-mobile-bottom-nav-height) + env(safe-area-inset-bottom))!important;left:0!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important}}@media(min-width:768px){.hanable-home-layout-shell{background:var(--hanable-shared-page-background, #fbfaf8)!important}.hanable-home-layout-shell .hanable-app-main.hanable-home-app-main{height:calc(100dvh - var(--pc-common-topbar-height, 72px))!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--hanable-shared-page-background, #fbfaf8)!important}.ios-home{background-color:#eef0f2!important}}.ios-home{width:100%;height:100%;overflow:hidden;color:#172033;background:radial-gradient(circle at 78% 8%,rgba(245,183,83,.055),transparent 24%),linear-gradient(180deg,#fff,#fdfcf9);background-color:#fff}.ios-home-scale-shell{width:100%;min-height:100%}.ios-home-content{width:min(100%,430px);min-height:100%;margin-inline:auto;padding:clamp(38px,6.8vh,66px) 18px 24px}@media(max-width:767px){.ios-home-scale-shell{position:relative;height:var(--ios-home-scaled-height, 100%);min-height:0}.ios-home-content{position:absolute;top:0;left:50%;width:390px;min-height:0;margin:0;transform:translate(-50%) scale(var(--ios-home-scale, 1));transform-origin:top center;will-change:transform}}.ios-home-greeting{text-align:center}.ios-home-greeting h1{margin:0;font-family:var(--font-shippori);font-size:clamp(19px,5vw,23px);font-weight:500;line-height:1.65;letter-spacing:.09em}.ios-home-title-mobile{display:none}.ios-home-progress{margin-top:clamp(30px,4.5vh,42px);text-align:center}.ios-home-ring{position:relative;width:clamp(220px,58vw,256px);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center;border-radius:50%;background:#fffffffa;box-shadow:none}.ios-home-ring>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;transform:rotate(129.6deg)}.ios-home-ring circle{fill:none;stroke-width:4px}.ios-home-ring-glass-edge,.ios-home-ring-highlight{display:none}.ios-home-ring-track{stroke:#ebeae7}.ios-home-ring-value{stroke:#efb64e;stroke-linecap:round}@media(max-width:767px){.ios-home-greeting h1{color:#303949;font-size:clamp(18px,4.8vw,21px);font-weight:600;line-height:1.5;letter-spacing:.07em}.ios-home-title-mobile{display:inline}.ios-home-title-desktop,.ios-home-ring-label,.ios-home-progress>p{display:none}.ios-home-ring{background:transparent}.ios-home-ring circle{stroke-width:1.65px}.ios-home-ring-glass-edge,.ios-home-ring-highlight{display:initial}.ios-home-ring-glass-edge{stroke:#5b65742e;stroke-width:3.4px;filter:url(#ios-home-glass-shadow)}.ios-home-ring-track{stroke:#ffffff6b;stroke-width:2.1px}.ios-home-ring-highlight{stroke:url(#ios-home-glass-highlight);stroke-width:1.15px;stroke-linecap:round}.ios-home-ring-value{stroke-width:2.4px;filter:drop-shadow(0 1px 1.5px rgba(203,126,27,.18))}.ios-home-ring strong{margin-top:0;color:#303949;font-family:var(--font-sans);font-size:clamp(54px,15vw,68px);font-weight:700;letter-spacing:-.045em}}.ios-home-ring>div{position:relative;display:flex;flex-direction:column;align-items:center}.ios-home-ring-label{color:#435066;font-family:var(--font-shippori);font-size:13px;font-weight:700;letter-spacing:.06em}.ios-home-ring strong{margin-top:10px;font-size:clamp(58px,16vw,72px);font-weight:750;line-height:1;letter-spacing:-.055em}.ios-home-ring strong small{margin-left:2px;font-size:22px;font-weight:700;letter-spacing:-.02em}.ios-home-progress>p{margin:-2px 0 0;color:#7f8797;font-family:var(--font-shippori);font-size:15px;font-weight:600}.ios-home-streak{margin-top:clamp(42px,6vh,58px);padding:21px 20px 23px;border:1px solid rgba(33,42,56,.045);border-radius:18px;background:#ffffffeb;box-shadow:0 14px 38px #1b233011}.ios-home-streak-heading{display:flex;align-items:flex-start;justify-content:space-between}.ios-home-streak-heading h2{margin:0;display:flex;align-items:center;gap:6px;line-height:1}.ios-home-streak-heading h2 svg{width:21px;height:21px;color:#f1a427;fill:none;stroke-width:1.8}.ios-home-streak-heading h2 strong{font-size:23px;font-weight:800}.ios-home-streak-heading h2 span{color:#263247;font-family:var(--font-shippori);font-size:12px;font-weight:600}.ios-home-streak-heading p{margin:6px 0 0;color:#4d5668;font-family:var(--font-shippori);font-size:10px;font-weight:600}.ios-home-week{margin-top:18px;display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.ios-home-week>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px}.ios-home-week span{color:#7c8595;font-family:var(--font-shippori);font-size:10px;font-weight:700}.ios-home-week i{position:relative;width:22px;height:22px;display:block;border:1px solid #e2e3e5;border-radius:50%;background:#f8f8f7}.ios-home-week i.is-complete{border-color:#ebb044;background:#ebb044;box-shadow:none}.ios-home-week i.is-complete:after{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;content:"✓";font-family:var(--font-sans);font-size:11px;font-style:normal;font-weight:800}.ios-home-week i.is-today{border-color:#eba52c;outline:2px solid #eba52c;outline-offset:3px;box-shadow:none}.ios-home-menu{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ios-home-menu button{min-width:0;min-height:120px;padding:16px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(33,42,56,.045);border-radius:18px;color:#303949;background:#fffffff0;box-shadow:0 10px 30px #1b23300e;transition:transform .18s ease,box-shadow .18s ease}.ios-home-menu button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #1b233014}.ios-home-menu button>span{width:37px;height:37px;display:grid;place-items:center;border-radius:0;background:transparent!important}.ios-home-menu button svg{width:32px;height:32px;stroke-width:1.45}.ios-home-menu .tone-blue{color:#4084da;background:#edf5ff}.ios-home-menu .tone-green{color:#4a9c78;background:#edf8f2}.ios-home-menu .tone-violet{color:#8065be;background:#f4f0fb}.ios-home-menu strong{margin:0;font-family:var(--font-shippori);font-size:15px;font-weight:600}.ios-home-menu button:focus-visible{outline:3px solid rgba(47,130,239,.32);outline-offset:3px}@media(min-width:768px){.ios-home{width:min(100%,720px);margin-inline:auto;box-shadow:0 0 70px #1b23300f}.ios-home-content{padding-top:50px}}@media(max-height:740px)and (max-width:767px){.ios-home-content{padding-top:14px;padding-bottom:12px}.ios-home-greeting h1{font-size:17px;line-height:1.55}.ios-home-progress{margin-top:10px}.ios-home-ring{width:170px}.ios-home-ring strong{font-size:42px}.ios-home-streak{margin-top:18px;padding-block:10px}.ios-home-week{margin-top:11px}.ios-home-menu{margin-top:10px}.ios-home-menu button{min-height:84px;padding-block:10px;gap:7px}}@media(prefers-reduced-motion:reduce){.ios-home-menu button{transition-duration:.01ms}}.hanable-conversation-stage-card:hover,.hanable-conversation-stage-card:focus-visible{border-color:#b995557a!important}.hanable-conversation-stage-card:focus-visible{outline:3px solid rgba(185,149,85,.24);outline-offset:2px}.hanable-conversation-stage-number,.hanable-conversation-stage-number span{transition:border-color .16s ease,color .16s ease,background-color .16s ease}.hanable-conversation-stage-card:hover .hanable-conversation-stage-number,.hanable-conversation-stage-card:focus-visible .hanable-conversation-stage-number{border-color:#b9955585!important;background:#b9955514}.hanable-conversation-stage-card:hover .hanable-conversation-stage-number span,.hanable-conversation-stage-card:focus-visible .hanable-conversation-stage-number span{color:#9b783c!important}@media(max-width:767px){.hanable-mobile-conversation .conversation-category-dots button[aria-pressed=true]{background:#b99555!important}}@media(min-width:768px){.pc-conversation-reference .conversation-category-dots button[aria-pressed=true],.hanable-conversation-category .conversation-category-dots button[aria-pressed=true]{background:#b99555!important}}:root{--hanable-shared-page-background: #fbfaf8}.hanable-home-layout-shell,.hanable-vocab-layout-shell,.hanable-conversation-layout-shell,.hanable-progress-layout-shell,.hanable-home-layout-shell .hanable-app-main,.hanable-vocab-layout-shell .hanable-app-main,.hanable-conversation-layout-shell .hanable-app-main,.hanable-progress-layout-shell .hanable-app-main,.ios-home,.hanable-mobile-vocab,.hanable-mobile-conversation,.hanable-vocab-category.hanable-category-page,.hanable-conversation-category.hanable-category-page,.pc-reference-viewport,.pc-home-reference,.pc-category-reference,.pc-conversation-reference,.pc-home-app,.pc-category-page-shell,.pc-conversation-page-shell{background:var(--hanable-shared-page-background)!important;background-color:var(--hanable-shared-page-background)!important}@media(min-width:768px){.hanable-home-layout-shell .hanable-app-main.hanable-home-app-main{height:calc(100dvh - var(--pc-common-topbar-height, 72px))!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important}.ios-home{width:100%;min-height:100%;height:auto;margin:0;overflow:visible;box-shadow:none}.ios-home-scale-shell{min-height:100%}.ios-home-content{width:min(calc(100% - 64px),1180px);min-height:100%;margin-inline:auto;padding:clamp(36px,5vh,58px) 0 clamp(38px,5vh,60px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"greeting" "progress" "streak" "menu";gap:24px}.ios-home-greeting{grid-area:greeting;padding:0 4px 4px;text-align:left}.ios-home-greeting h1{font-size:clamp(32px,3vw,46px);line-height:1.42;letter-spacing:.055em}.ios-home-progress,.ios-home-streak{min-height:318px;margin:0;border:1px solid rgba(33,42,56,.05);border-radius:28px;background:#ffffffeb;box-shadow:0 18px 46px #1b23300e,inset 0 1px #ffffffd1}.ios-home-progress{grid-area:progress;padding:28px 34px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ios-home-ring{width:clamp(220px,20vw,252px);margin:0}.ios-home-ring strong{font-size:clamp(62px,5.4vw,76px)}.ios-home-progress>p{margin-top:-3px;font-size:16px}.ios-home-streak{grid-area:streak;padding:36px clamp(28px,3vw,42px) 34px;display:flex;flex-direction:column;justify-content:center}.ios-home-streak-heading{align-items:center}.ios-home-streak-heading h2{gap:9px}.ios-home-streak-heading h2 svg{width:28px;height:28px}.ios-home-streak-heading h2 strong{font-size:36px}.ios-home-streak-heading h2 span{font-size:15px}.ios-home-streak-heading p{margin-top:0;font-size:12px}.ios-home-week{margin-top:44px;gap:clamp(8px,1.4vw,16px)}.ios-home-week>div{gap:12px}.ios-home-week span{font-size:12px}.ios-home-week i{width:34px;height:34px}.ios-home-week i.is-complete:after{font-size:14px}.ios-home-menu{grid-area:menu;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}.ios-home-menu button{position:relative;min-height:142px;padding:24px 52px 24px 28px;flex-direction:row;justify-content:flex-start;gap:20px;border-radius:24px;text-align:left}.ios-home-menu button:after{content:"›";position:absolute;right:26px;top:50%;color:#9aa1ad;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:400;line-height:1;transform:translateY(-54%)}.ios-home-menu button>span{width:58px;height:58px;flex:0 0 58px}.ios-home-menu button svg{width:42px;height:42px;stroke-width:1.35}.ios-home-menu strong{font-size:21px}}@media(min-width:1024px){.ios-home-content{grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);grid-template-areas:"greeting greeting" "progress streak" "menu menu";-moz-column-gap:clamp(22px,2.4vw,32px);column-gap:clamp(22px,2.4vw,32px);row-gap:26px}}@media(max-width:767px){.hanable-mobile-reference-layout .hanable-app-header{border-bottom-color:#1e293b0e!important;background:#fff!important;box-shadow:0 5px 18px #1e293b06!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hanable-mobile-reference-layout .hanable-brand-link span{font-family:Georgia,Times New Roman,serif!important;font-size:23px!important;font-weight:500!important;letter-spacing:-.015em!important}.hanable-mobile-reference-layout .hanable-account-button>div{width:34px!important;height:34px!important;background:#050505!important;color:#fff!important}.hanable-home-layout-shell.hanable-mobile-reference-layout .hanable-app-main.hanable-home-app-main{background:#faf9f7!important}}.home-shot__time p,.home-shot__streak p,.home-shot__type p,.home-shot__memory-stat strong,.home-shot__memory-total strong,.home-pc__time p,.home-pc__streak p,.home-pc__type p,.home-pc__memory-stat strong,.home-pc__memory-total strong{font-family:var(--font-ui)!important}.hanable-header-ad{flex:1;min-width:120px;max-width:420px;height:34px;margin:0 20px;align-items:center;justify-content:center;border-radius:10px;background:#f8f9fbe6;color:#8a94a6;font-size:11px;letter-spacing:.08em}.mobile-static-reference-frame.is-loading .mobile-static-reference-frame__iframe,.pc-static-reference-frame.is-loading .pc-static-reference-frame__iframe{visibility:visible!important}.mobile-static-reference-frame__loading,.pc-static-reference-frame__loading{pointer-events:none!important;animation:hanable-reference-loading-failsafe .2s ease 3s forwards!important}@keyframes hanable-reference-loading-failsafe{to{opacity:0;visibility:hidden}}.home-shot__ad:has(.adsbygoogle[data-ad-status=unfilled]){display:none!important;width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}@media(min-width:768px){.hanable-header-ad{min-width:320px;max-width:468px;height:50px;max-height:50px;overflow:hidden;align-items:center}.hanable-header-ad .adsbygoogle{height:50px!important;max-height:50px!important}}@media(min-width:768px){.hanable-home-layout-shell,.hanable-vocab-layout-shell,.hanable-conversation-layout-shell,.hanable-progress-layout-shell{--pc-common-topbar-height: 72px}.hanable-home-layout-shell .hanable-app-header,.hanable-vocab-layout-shell .hanable-app-header,.hanable-conversation-layout-shell .hanable-app-header,.hanable-progress-layout-shell .hanable-app-header{display:block!important;height:var(--pc-common-topbar-height)!important;min-height:var(--pc-common-topbar-height)!important;background:#fffffff5!important;border-bottom:1px solid rgba(226,232,240,.9)!important;box-shadow:0 2px 10px #0f172a06!important}.hanable-home-layout-shell .hanable-app-header>div,.hanable-vocab-layout-shell .hanable-app-header>div,.hanable-conversation-layout-shell .hanable-app-header>div,.hanable-progress-layout-shell .hanable-app-header>div{height:var(--pc-common-topbar-height)!important;max-width:1480px!important;padding-left:28px!important;padding-right:28px!important;align-items:center!important}.hanable-brand-link,.hanable-primary-nav,.hanable-header-actions{align-items:center!important}.hanable-header-ad{display:flex!important;flex:1 1 auto!important;width:auto!important;min-width:300px!important;max-width:468px!important;height:50px!important;min-height:50px!important;max-height:50px!important;margin:0 24px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:transparent!important}.hanable-header-ad .adsbygoogle{display:block!important;width:100%!important;height:50px!important;max-height:50px!important}.hanable-header-ad:has(.adsbygoogle[data-ad-status=unfilled]) .adsbygoogle{visibility:hidden!important}}@media(min-width:768px)and (max-width:1100px){.hanable-header-ad{min-width:180px!important;margin-left:12px!important;margin-right:12px!important}}@media(max-width:950px){.hanable-header-ad{display:none!important}}@media(min-width:768px){.hanable-home-layout-shell .hanable-app-header>div,.hanable-vocab-layout-shell .hanable-app-header>div,.hanable-conversation-layout-shell .hanable-app-header>div,.hanable-progress-layout-shell .hanable-app-header>div{min-height:var(--pc-common-topbar-height)!important}}@media(min-width:768px){.hanable-home-layout-shell .hanable-app-header,.hanable-vocab-layout-shell .hanable-app-header,.hanable-conversation-layout-shell .hanable-app-header,.hanable-progress-layout-shell .hanable-app-header{position:sticky!important;top:0!important;height:var(--pc-common-topbar-height)!important;min-height:var(--pc-common-topbar-height)!important;overflow:visible!important}.hanable-home-layout-shell .hanable-app-header>div:first-child,.hanable-vocab-layout-shell .hanable-app-header>div:first-child,.hanable-conversation-layout-shell .hanable-app-header>div:first-child,.hanable-progress-layout-shell .hanable-app-header>div:first-child{position:relative!important;z-index:2!important;width:100%!important;height:var(--pc-common-topbar-height)!important;min-height:var(--pc-common-topbar-height)!important;max-height:var(--pc-common-topbar-height)!important;margin-top:0!important;margin-bottom:0!important;align-items:center!important}.hanable-header-ad-layer{position:absolute!important;z-index:1!important;top:50%!important;left:50%!important;width:min(360px,28vw)!important;height:50px!important;min-height:50px!important;max-height:50px!important;margin:0!important;padding:0!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.hanable-header-ad{position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;height:50px!important;min-height:50px!important;max-height:50px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important}.hanable-header-ad .adsbygoogle{display:block!important;width:100%!important;height:50px!important;max-height:50px!important}.hanable-header-ad:has(.adsbygoogle[data-ad-status=unfilled]){visibility:hidden!important}}@media(min-width:768px)and (max-width:1100px){.hanable-header-ad-layer{display:none!important}}.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}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground\/40::-moz-placeholder{color:hsl(var(--muted-foreground) / .4)}.placeholder\:text-muted-foreground\/40::placeholder{color:hsl(var(--muted-foreground) / .4)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--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))}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.last\:border-b-0:last-child{border-bottom-width:0px}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.focus-within\:border-foreground\/25:focus-within{border-color:hsl(var(--foreground) / .25)}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;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-foreground\/20:hover{border-color:hsl(var(--foreground) / .2)}.hover\:border-foreground\/25:hover{border-color:hsl(var(--foreground) / .25)}.hover\:border-primary\/25:hover{border-color:hsl(var(--primary) / .25)}.hover\:border-slate-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-foreground\/90:hover{background-color:hsl(var(--foreground) / .9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-white\/70:hover{background-color:#ffffffb3}.hover\:bg-white\/80:hover{background-color:#fffc}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-muted-foreground\/70:hover{color:hsl(var(--muted-foreground) / .7)}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hover\:text-slate-700:hover{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.hover\:text-slate-800:hover{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.hover\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored: 0 0 0 1px 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-\[0_14px_40px_rgba\(15\,23\,42\,0\.08\)\]:hover{--tw-shadow: 0 14px 40px rgba(15,23,42,.08);--tw-shadow-colored: 0 14px 40px 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 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 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)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.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-2: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(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\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-slate-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.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-\[\#4e75cf\]\/35:focus-visible{--tw-ring-color: rgb(78 117 207 / .35)}.focus-visible\:ring-\[\#e4ad4c\]\/30:focus-visible{--tw-ring-color: rgb(228 173 76 / .3)}.focus-visible\:ring-blue-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-blue-400\/40:focus-visible{--tw-ring-color: rgb(96 165 250 / .4)}.focus-visible\:ring-primary\/35:focus-visible{--tw-ring-color: hsl(var(--primary) / .35)}.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color: hsl(var(--primary) / .4)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-sidebar-ring:focus-visible{--tw-ring-color: hsl(var(--sidebar-ring))}.focus-visible\:ring-sky-200:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-slate-300:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-slate-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background))}.active\:translate-y-0:active{--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))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;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))}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:bg-slate-950:active{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;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))}.group:hover .group-hover\:text-primary{color:hsl(var(--primary))}.group\/menu-item:hover .group-hover\/menu-item\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted) / .4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity: 1;color:rgb(254 242 242 / var(--tw-text-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color: hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color: #dc2626}.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar-background))}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{padding-right:2rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent) / .5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.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\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.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\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .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],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--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-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);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-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);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 accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[active\]\:bg-accent\/50[data-active]{background-color:hsl(var(--accent) / .5)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.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\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent) / .5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{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-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{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-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale: .9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: 13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: -13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: 13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: -13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--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))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--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\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width) * -1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width) * -1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8{width:2rem!important;height:2rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0px}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\: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))}.group[data-side=right] .group-data-\[side\=right\]\:rotate-180,.group[data-state=open] .group-data-\[state\=open\]\: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))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{background-color:hsl(var(--sidebar-background))}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer[data-variant=inset]~.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]{min-height:calc(100svh - 1rem)}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}@media(prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}@media not all and (min-width:768px){.max-md\:max-h-\[75dvh\]{max-height:75dvh}}@media not all and (min-width:640px){.max-sm\:flex-col-reverse{flex-direction:column-reverse}.max-sm\:rounded-\[18px\]{border-radius:18px}.max-sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.max-sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.max-sm\:pt-6{padding-top:1.5rem}.max-sm\:text-\[18px\]{font-size:18px}.max-sm\:data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.max-sm\:data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}}@media(min-width:640px){.sm\:bottom-0{bottom:0}.sm\:left-1\/2{left:50%}.sm\:right-0{right:0}.sm\:top-1\/2{top:50%}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:mt-12{margin-top:3rem}.sm\:mt-14{margin-top:3.5rem}.sm\:mt-16{margin-top:4rem}.sm\:flex{display:flex}.sm\:max-h-\[620px\]{max-height:620px}.sm\:max-h-\[calc\(100dvh-48px\)\]{max-height:calc(100dvh - 48px)}.sm\:w-\[400px\]{width:400px}.sm\:max-w-\[440px\]{max-width:440px}.sm\:max-w-\[86\%\]{max-width:86%}.sm\:max-w-none{max-width:none}.sm\:max-w-sm{max-width:24rem}.sm\:-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))}.sm\:-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))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:gap-12{gap:3rem}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\: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))}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:border{border-width:1px}.sm\:p-6{padding:1.5rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:px-9{padding-left:2.25rem;padding-right:2.25rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pb-0{padding-bottom:0}.sm\:pb-8{padding-bottom:2rem}.sm\:pt-9{padding-top:2.25rem}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-\[14px\]{font-size:14px}.sm\:opacity-0{opacity:0}.group:hover .sm\:group-hover\:opacity-100{opacity:1}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media(min-width:768px){.md\:absolute{position:absolute}.md\:top-5{top:1.25rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-h-\[calc\(100dvh-64px\)\]{max-height:calc(100dvh - 64px)}.md\:w-\[300px\]{width:300px}.md\:w-\[70\%\]{width:70%}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:items-center{align-items:center}.md\:rounded-\[20px\]{border-radius:20px}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pb-7{padding-bottom:1.75rem}.md\:pt-6{padding-top:1.5rem}.md\:pt-\[12vh\]{padding-top:12vh}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:opacity-0{opacity:0}.after\:md\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:.75rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media(min-width:1024px){.lg\:inline-flex{display:inline-flex}.lg\:max-w-none{max-width:none}.lg\:px-0{padding-left:0;padding-right:0}.lg\:py-0{padding-top:0;padding-bottom:0}}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent) / .5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y: 2px;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))}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y: -3px;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))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate: 90deg;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\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--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))}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border) / .5)}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline:2px solid transparent;outline-offset:2px}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline:2px solid transparent;outline-offset:2px}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}