*,: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:Inter,system-ui,sans-serif;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:JetBrains Mono,Consolas,Monaco,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{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 10% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.dark{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%;--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%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-1\/2{left:50%}.right-4{right:1rem}.top-4{top:1rem}.z-50{z-index:50}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-2{height:.5rem}.h-2\/3{height:66.666667%}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.-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-1{--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))}.translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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 spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-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-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-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-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r-0{border-right-width:0px}.border-t{border-top-width:1px}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-white\/20{border-color:#fff3}.border-t-blue-500{--tw-border-opacity: 1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/80{background-color:#fffc}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:JetBrains Mono,Consolas,Monaco,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[120px\]{font-size:120px}.text-\[36px\]{font-size:36px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px 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-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)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@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))}}.fade-out{--tw-exit-opacity: 0}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-xl:hover{--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)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.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-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.dark\:divide-gray-700:is(class *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity, 1))}.dark\:border-gray-600:is(class *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(class *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:bg-blue-900\/20:is(class *){background-color:#1e3a8a33}.dark\:bg-gray-600:is(class *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700:is(class *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(class *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800\/80:is(class *){background-color:#1f2937cc}.dark\:bg-gray-900\/50:is(class *){background-color:#11182780}.dark\:from-gray-900:is(class *){--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-gray-800:is(class *){--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.dark\:text-blue-400:is(class *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-100:is(class *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(class *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(class *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-white:is(class *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-yellow-400:is(class *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.dark\:hover\:border-gray-500:hover:is(class *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.dark\:hover\:bg-gray-600:hover:is(class *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(class *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mt-6{margin-top:1.5rem}}@media (min-width: 768px){.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-9xl{font-size:8rem;line-height:1}.md\:text-\[150px\]{font-size:150px}.md\:text-\[48px\]{font-size:48px}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}:root{--bg-color: #ffffff;--bg-secondary: #f8fafc;--text-color: #1f2937;--text-secondary: #6b7280;--accent-color: #3b82f6;--accent-hover: #2563eb;--border-color: #e5e7eb;--shadow-color: rgba(0, 0, 0, .1)}.dark{--bg-color: #111827;--bg-secondary: #1f2937;--text-color: #f9fafb;--text-secondary: #d1d5db;--accent-color: #f59e0b;--accent-hover: #d97706;--border-color: #374151;--shadow-color: rgba(0, 0, 0, .3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::-moz-selection{background-color:var(--accent-color);color:#fff}::selection{background-color:var(--accent-color);color:#fff}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}*{will-change:auto}.animate-gpu{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (max-width: 640px){html{font-size:14px}}@media (min-width: 1024px){html{font-size:16px}}@media (min-width: 1280px){html{font-size:18px}}.word-list-overlay[data-v-806ccd0a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.word-list-content[data-v-806ccd0a]{background:linear-gradient(145deg,#f0f0f3,#cacace);border-radius:20px;width:95vw;max-width:1200px;height:90vh;max-height:800px;cursor:default;display:flex;flex-direction:column;overflow:hidden}.dark .word-list-content[data-v-806ccd0a]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:25px 25px 50px #0f172a,-25px -25px 50px #4b5563}.word-list-header[data-v-806ccd0a]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.dark .word-list-header[data-v-806ccd0a]{border-bottom-color:#ffffff1a}.word-list-title[data-v-806ccd0a]{font-size:1.25rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.dark .word-list-title[data-v-806ccd0a]{color:#f3f4f6}.word-count[data-v-806ccd0a]{font-size:.875rem;font-weight:400;color:#6b7280}.dark .word-count[data-v-806ccd0a]{color:#9ca3af}.close-btn[data-v-806ccd0a]{padding:8px;border-radius:8px;background:linear-gradient(145deg,#e5e7eb,#d1d5db);border:none;color:#6b7280;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.dark .close-btn[data-v-806ccd0a]{background:linear-gradient(145deg,#4b5563,#374151);color:#d1d5db;box-shadow:4px 4px 8px #0f172a,-4px -4px 8px #6b7280}.close-btn[data-v-806ccd0a]:hover{transform:translateY(-1px);box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.dark .close-btn[data-v-806ccd0a]:hover{box-shadow:6px 6px 12px #0f172a,-6px -6px 12px #6b7280}.search-container[data-v-806ccd0a]{padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.dark .search-container[data-v-806ccd0a]{border-bottom-color:#ffffff1a}.search-input-wrapper[data-v-806ccd0a]{position:relative;display:flex;align-items:center}.search-icon[data-v-806ccd0a]{position:absolute;left:12px;color:#9ca3af;z-index:1}.search-input[data-v-806ccd0a]{width:100%;padding:12px 12px 12px 40px;border-radius:12px;border:none;background:linear-gradient(145deg,#e5e7eb,#d1d5db);color:#374151;font-size:.875rem;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff;transition:all .2s ease}.dark .search-input[data-v-806ccd0a]{background:linear-gradient(145deg,#4b5563,#374151);color:#f3f4f6;box-shadow:inset 4px 4px 8px #0f172a,inset -4px -4px 8px #6b7280}.search-input[data-v-806ccd0a]:focus{outline:none;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff,0 0 0 2px #3b82f64d}.dark .search-input[data-v-806ccd0a]:focus{box-shadow:inset 6px 6px 12px #0f172a,inset -6px -6px 12px #6b7280,0 0 0 2px #3b82f64d}.word-grid-container[data-v-806ccd0a]{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-content:start}.word-card[data-v-806ccd0a]{display:flex;flex-direction:column;padding:16px;border-radius:16px;background:linear-gradient(145deg,#f8fafc,#e2e8f0);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:120px;box-shadow:2px 2px 6px #94a3b866,-2px -2px 6px #fffc,inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #94a3b81a}.dark .word-card[data-v-806ccd0a]{background:linear-gradient(145deg,#475569,#334155);box-shadow:3px 3px 8px #0f172a99,-3px -3px 8px #47556966,inset 1px 1px 2px #4755694d,inset -1px -1px 2px #0f172a33}.word-card[data-v-806ccd0a]:hover{transform:translateY(-1px) scale(1.01);box-shadow:4px 4px 12px #94a3b880,-4px -4px 12px #ffffffe6,inset 2px 2px 4px #fff6,inset -2px -2px 4px #94a3b826}.dark .word-card[data-v-806ccd0a]:hover{box-shadow:6px 6px 16px #0f172ab3,-6px -6px 16px #47556980,inset 2px 2px 4px #47556966,inset -2px -2px 4px #0f172a4d}.word-card.current-word[data-v-806ccd0a]{background:linear-gradient(145deg,#dbeafe,#bfdbfe);transform:scale(1.03);box-shadow:0 0 0 2px #3b82f64d,4px 4px 16px #3b82f666,-4px -4px 16px #ffffffe6,inset 2px 2px 6px #fff9,inset -2px -2px 6px #3b82f633,0 8px 32px #3b82f626}.dark .word-card.current-word[data-v-806ccd0a]{background:linear-gradient(145deg,#1e40af,#1d4ed8);box-shadow:0 0 0 2px #3b82f680,6px 6px 20px #0f172acc,-6px -6px 20px #3b82f64d,inset 2px 2px 6px #3b82f666,inset -2px -2px 6px #0f172a66,0 12px 40px #3b82f633}.word-card-header[data-v-806ccd0a]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.word-text[data-v-806ccd0a]{font-size:1.25rem;font-weight:700;color:#1f2937;flex:1}.dark .word-text[data-v-806ccd0a]{color:#f9fafb}.word-card.current-word .word-text[data-v-806ccd0a]{color:#1e40af}.dark .word-card.current-word .word-text[data-v-806ccd0a]{color:#dbeafe}.word-phonetic[data-v-806ccd0a]{font-size:.875rem;font-family:monospace;color:#6b7280;margin-bottom:8px;font-style:italic}.dark .word-phonetic[data-v-806ccd0a]{color:#9ca3af}.word-meaning[data-v-806ccd0a]{font-size:.875rem;color:#4b5563;line-height:1.4;flex:1}.dark .word-meaning[data-v-806ccd0a]{color:#d1d5db}.word-index[data-v-806ccd0a]{font-size:.75rem;color:#64748b;font-weight:600;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-radius:50%;box-shadow:1px 1px 3px #94a3b84d,-1px -1px 3px #ffffffb3,inset .5px .5px 1px #fff6,inset -.5px -.5px 1px #94a3b81a}.dark .word-index[data-v-806ccd0a]{color:#94a3b8;background:linear-gradient(145deg,#475569,#334155);box-shadow:2px 2px 4px #0f172a80,-2px -2px 4px #4755694d,inset .5px .5px 1px #4755694d,inset -.5px -.5px 1px #0f172a33}.empty-state[data-v-806ccd0a]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#9ca3af}.word-grid-container[data-v-806ccd0a]::-webkit-scrollbar{width:10px}.word-grid-container[data-v-806ccd0a]::-webkit-scrollbar-track{background:linear-gradient(145deg,#e5e7eb,#d1d5db);border-radius:5px}.dark .word-grid-container[data-v-806ccd0a]::-webkit-scrollbar-track{background:linear-gradient(145deg,#374151,#4b5563)}.word-grid-container[data-v-806ccd0a]::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#9ca3af,#6b7280);border-radius:5px}.dark .word-grid-container[data-v-806ccd0a]::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#6b7280,#9ca3af)}.word-grid-container[data-v-806ccd0a]::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#6b7280,#4b5563)}.dark .word-grid-container[data-v-806ccd0a]::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#9ca3af,#d1d5db)}@media (max-width: 1024px){.word-grid-container[data-v-806ccd0a]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:12px}}@media (max-width: 768px){.word-list-content[data-v-806ccd0a]{width:98vw;height:92vh;border-radius:16px}.word-list-header[data-v-806ccd0a]{padding:16px 20px}.word-list-title[data-v-806ccd0a]{font-size:1.125rem}.search-container[data-v-806ccd0a]{padding:12px 20px}.word-grid-container[data-v-806ccd0a]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:10px}.word-card[data-v-806ccd0a]{padding:12px;min-height:100px}.word-text[data-v-806ccd0a]{font-size:1.125rem}.word-index[data-v-806ccd0a]{min-width:24px;height:24px;font-size:.625rem}}@media (max-width: 480px){.word-grid-container[data-v-806ccd0a]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:8px}.word-card[data-v-806ccd0a]{padding:10px;min-height:90px}.word-text[data-v-806ccd0a]{font-size:1rem}.word-phonetic[data-v-806ccd0a],.word-meaning[data-v-806ccd0a]{font-size:.75rem}}.loading-spinner-overlay[data-v-507b1678]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center}.loading-spinner-overlay.with-overlay[data-v-507b1678]{background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5 }.loading-spinner[data-v-507b1678]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@keyframes spin-507b1678{to{transform:rotate(360deg)}}.spinner[data-v-507b1678]{animation:spin-507b1678 1s linear infinite;border-radius:9999px;border-width:4px;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.size-sm .spinner[data-v-507b1678]{height:1.5rem;width:1.5rem}.size-md .spinner[data-v-507b1678]{height:2rem;width:2rem}.size-lg .spinner[data-v-507b1678]{height:3rem;width:3rem}.loading-text[data-v-507b1678]{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark .loading-text[data-v-507b1678]{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark .spinner[data-v-507b1678]{border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.dark button.bg-transparent[data-v-a00a8dfb]{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark button.bg-transparent[data-v-a00a8dfb]:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark button.border-gray-300[data-v-a00a8dfb]{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark button.border-gray-300[data-v-a00a8dfb]:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.rounded-lg[data-v-6cac16c2]{border-radius:.5rem}.transition-all[data-v-6cac16c2]{transition:all .2s}.card-neumorphism[data-v-6cac16c2]{background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:6px 6px 12px #d1d1d1,-6px -6px 12px #fff}.card-glass[data-v-6cac16c2]{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #4a5568}.dark{background:#374151cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.status-bar[data-v-5a1e8e9c]{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(145deg,#f0f0f3,#cacace);box-shadow:0 4px 8px #bebebe4d,0 -2px 4px #fffc,inset 0 1px #ffffff80;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:16px;border-radius:20px;margin-bottom:24px;transition:opacity .3s ease,transform .3s ease}.dark .status-bar[data-v-5a1e8e9c]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:0 6px 12px #0f172a99,0 -3px 6px #4b556366,inset 0 1px #4b55634d}.status-bar.fade-out[data-v-5a1e8e9c]{opacity:0;transform:translateY(-10px)}.pure-mode-status[data-v-5a1e8e9c]{position:fixed;top:1rem;right:1rem;z-index:50;display:flex;align-items:center}.pure-mode-status[data-v-5a1e8e9c]>: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)))}.pure-mode-status[data-v-5a1e8e9c]{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.pure-mode-status[data-v-5a1e8e9c]:is(class *){background-color:#1f2937cc}.pure-mode-status[data-v-5a1e8e9c]{border-radius:var(--radius);padding:.5rem .75rem;opacity:.8;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pure-mode-status[data-v-5a1e8e9c]:hover{opacity:1}.pure-mode-status[data-v-5a1e8e9c]{animation:slideInRight-5a1e8e9c .5s ease-out}@keyframes slideInRight-5a1e8e9c{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.learning-page[data-v-8ab8723f]{position:relative;overflow:hidden;background:linear-gradient(145deg,#f0f0f3,#cacace);transition:all .5s ease}.learning-page.dark[data-v-8ab8723f]{background:linear-gradient(145deg,#2d3748,#1a202c)}.learning-page.pure-mode[data-v-8ab8723f]{background:linear-gradient(145deg,#f8f9fa,#e9ecef);transition:background .5s ease}.learning-page.pure-mode.dark[data-v-8ab8723f]{background:linear-gradient(145deg,#1a1a1a,#0d1117)}.pure-mode-content[data-v-8ab8723f]{display:flex;flex:1 1 0%;align-items:center;justify-content:center;padding:4rem 2rem;animation:fadeInScale .6s ease-out}.pure-mode-word-section[data-v-8ab8723f]{margin-left:auto;margin-right:auto;width:100%;max-width:56rem;text-align:center;display:flex;height:66.666667%;flex-direction:column;align-items:center;justify-content:center;animation:slideInUp .8s ease-out}.pure-mode .word-container[data-v-8ab8723f]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.pure-mode .word-text[data-v-8ab8723f]{font-size:6rem;line-height:1;font-weight:700}@media (min-width: 768px){.pure-mode .word-text[data-v-8ab8723f]{font-size:8rem;line-height:1}}.pure-mode .word-text[data-v-8ab8723f]{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.pure-mode .word-text[data-v-8ab8723f]:is(class *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.pure-mode .word-text[data-v-8ab8723f]{line-height:1;font-size:clamp(120px,12vw,150px)!important;transition:font-size .4s ease,color .3s ease}.pure-mode .phonetic-text[data-v-8ab8723f]{font-size:2.25rem;line-height:2.5rem}@media (min-width: 768px){.pure-mode .phonetic-text[data-v-8ab8723f]{font-size:3rem;line-height:1}}.pure-mode .phonetic-text[data-v-8ab8723f]{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.pure-mode .phonetic-text[data-v-8ab8723f]:is(class *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.pure-mode .phonetic-text[data-v-8ab8723f]{font-size:clamp(36px,4vw,48px)!important;transition:font-size .4s ease,color .3s ease}.fade-enter-active[data-v-8ab8723f],.fade-leave-active[data-v-8ab8723f]{transition:all .3s ease}.fade-enter-from[data-v-8ab8723f],.fade-leave-to[data-v-8ab8723f]{opacity:0;transform:translateY(-10px)}.content-switch-enter-active[data-v-8ab8723f]{transition:all .5s ease}.content-switch-leave-active[data-v-8ab8723f]{transition:all .3s ease}.content-switch-enter-from[data-v-8ab8723f]{opacity:0;transform:scale(.95)}.content-switch-leave-to[data-v-8ab8723f]{opacity:0;transform:scale(1.05)}.learning-container[data-v-8ab8723f]{display:flex;height:100vh;flex-direction:column;padding:1.5rem;background:linear-gradient(145deg,#f0f0f3,#cacace);box-shadow:20px 20px 40px #bebebe,-20px -20px 40px #fff;transition:all .3s ease}.dark .learning-container[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:25px 25px 50px #0f172a,-25px -25px 50px #4b5563}.status-left[data-v-8ab8723f]{display:flex;align-items:center;gap:1rem}.status-right[data-v-8ab8723f]{display:flex;align-items:center;gap:.75rem}.learned-indicator[data-v-8ab8723f]{display:flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;background:linear-gradient(145deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:3px 3px 6px #a7f3d066,-3px -3px 6px #fffc,inset 0 1px #ffffff4d;text-shadow:0 1px 1px rgba(255,255,255,.5)}.dark .learned-indicator[data-v-8ab8723f]{background:linear-gradient(145deg,#064e3b,#065f46);color:#d1fae5;box-shadow:4px 4px 8px #043c2dcc,-4px -4px 8px #08785a80,inset 0 1px #d1fae526;text-shadow:0 1px 2px rgba(0,0,0,.5)}.not-learned-indicator[data-v-8ab8723f]{display:flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;background:linear-gradient(145deg,#e5e7eb,#d1d5db);color:#374151;box-shadow:3px 3px 6px #d1d5db66,-3px -3px 6px #fffc,inset 0 1px #ffffff4d;text-shadow:0 1px 1px rgba(255,255,255,.5)}.dark .not-learned-indicator[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#4b5563);color:#e5e7eb;box-shadow:4px 4px 8px #1f2937cc,-4px -4px 8px #6b728080,inset 0 1px #e5e7eb26;text-shadow:0 1px 2px rgba(0,0,0,.5)}.control-button[data-v-8ab8723f]{border-radius:var(--radius);padding:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;background:linear-gradient(145deg,#f0f0f3,#cacace);color:#6b7280;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;border:none;text-shadow:1px 1px 1px rgba(255,255,255,.6),-1px -1px 1px rgba(190,190,190,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .control-button[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#1f2937);color:#d1d5db;box-shadow:4px 4px 8px #0f172a,-4px -4px 8px #4b5563;text-shadow:1px 1px 2px rgba(15,23,42,.8),-1px -1px 2px rgba(75,85,99,.4)}.control-button[data-v-8ab8723f]:hover{color:#374151;transform:translateY(-1px);box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.dark .control-button[data-v-8ab8723f]:hover{color:#fff;background:linear-gradient(145deg,#4b5563,#374151);box-shadow:8px 8px 16px #0f172a,-8px -8px 16px #6b7280;transform:translateY(-1px)}.control-button[data-v-8ab8723f]:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.dark .control-button[data-v-8ab8723f]:active{background:linear-gradient(145deg,#1f2937,#374151);box-shadow:inset 4px 4px 8px #0f172a,inset -4px -4px 8px #4b5563;transform:translateY(1px)}.main-content[data-v-8ab8723f]{position:relative;display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;transition:all .5s ease;min-height:calc(100vh - 120px);padding:1rem .5rem}@media (min-width: 640px){.main-content[data-v-8ab8723f]{padding:2rem 1rem}}.pure-mode-content[data-v-8ab8723f]{position:relative;display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;padding-left:.5rem;padding-right:.5rem}@media (min-width: 640px){.pure-mode-content[data-v-8ab8723f]{padding-left:1rem;padding-right:1rem}}.pure-mode-content[data-v-8ab8723f]{transition:all .5s ease;min-height:calc(100vh - 120px);padding-top:1rem;padding-bottom:1rem}@media (min-width: 640px){.pure-mode-content[data-v-8ab8723f]{padding-top:2rem;padding-bottom:2rem}}.pure-mode .word-image-container[data-v-8ab8723f]{background:linear-gradient(145deg,#f0f0f3,#cacace);border-radius:16px;padding:6px;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transition:all .3s ease}.pure-mode.dark .word-image-container[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:8px 8px 16px #0f172a,-8px -8px 16px #4b5563}.pure-mode .meaning-card[data-v-8ab8723f]{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:clamp(12px,3vw,20px);padding:clamp(12px,4vw,20px);box-shadow:8px 8px 16px #d0d0d0,-8px -8px 16px #fff}.pure-mode.dark .meaning-card[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:10px 10px 20px #0f172a,-10px -10px 20px #4b5563}.pure-mode .chinese-meaning[data-v-8ab8723f]{margin-bottom:1rem;font-weight:500;font-size:clamp(1rem,4vw,1.25rem);color:#374151;text-shadow:1px 1px 2px rgba(190,190,190,.6),-1px -1px 2px rgba(255,255,255,.6)}.pure-mode.dark .chinese-meaning[data-v-8ab8723f]{color:#f3f4f6;text-shadow:2px 2px 4px rgba(10,15,20,.8),-2px -2px 4px rgba(74,85,104,.4)}.pure-mode .part-of-speech[data-v-8ab8723f]{margin-bottom:.75rem;display:inline-block;border-radius:9999px;font-weight:500;padding:clamp(.25rem,1vw,.375rem) clamp(.5rem,2vw,.75rem);font-size:clamp(.75rem,2.5vw,.875rem);background:linear-gradient(145deg,#e3f2fd,#bbdefb);color:#1565c0;box-shadow:3px 3px 6px #bbdefb99,-3px -3px 6px #fffc}.pure-mode.dark .part-of-speech[data-v-8ab8723f]{background:linear-gradient(145deg,#1e3a8a,#1e40af);color:#dbeafe;box-shadow:4px 4px 8px #142864cc,-4px -4px 8px #2850c866}.pure-mode .example-sentence[data-v-8ab8723f]{padding-top:.75rem;border-top:1px solid rgba(190,190,190,.2);margin-top:16px}.pure-mode.dark .example-sentence[data-v-8ab8723f]{border-top-color:#3a455333}.pure-mode .example-english[data-v-8ab8723f]{margin-bottom:.5rem;font-style:italic;font-size:clamp(.875rem,3vw,1rem);color:#4b5563;text-shadow:1px 1px 2px rgba(190,190,190,.4),-1px -1px 2px rgba(255,255,255,.4)}.pure-mode.dark .example-english[data-v-8ab8723f]{color:#d1d5db;text-shadow:2px 2px 4px rgba(10,15,20,.6),-2px -2px 4px rgba(74,85,104,.3)}.pure-mode .example-chinese[data-v-8ab8723f]{font-size:clamp(.75rem,2.5vw,.875rem);color:#6b7280;text-shadow:1px 1px 2px rgba(190,190,190,.4),-1px -1px 2px rgba(255,255,255,.4)}.pure-mode.dark .example-chinese[data-v-8ab8723f]{color:#cbd5e1;text-shadow:2px 2px 4px rgba(10,15,20,.6),-2px -2px 4px rgba(74,85,104,.3)}.word-image-container[data-v-8ab8723f]{margin-left:auto;margin-right:auto;margin-top:1rem}@media (min-width: 640px){.word-image-container[data-v-8ab8723f]{margin-top:1.5rem}}.word-image-container[data-v-8ab8723f]{width:min(280px,80vw);height:min(210px,60vw);background:linear-gradient(145deg,#f0f0f3,#cacace);border-radius:16px;padding:6px;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transition:all .3s ease}@media (min-width: 640px){.word-image-container[data-v-8ab8723f]{width:min(320px,70vw);height:min(240px,50vw);border-radius:18px;padding:7px}}@media (min-width: 768px){.word-image-container[data-v-8ab8723f]{width:min(384px,60vw);height:min(288px,45vw);border-radius:20px;padding:8px;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}}.dark .word-image-container[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:12px 12px 24px #0f172a,-12px -12px 24px #4b5563}.word-image[data-v-8ab8723f]{height:100%;width:100%;border-radius:1rem;background-size:cover;background-position:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fff9}.dark .word-image[data-v-8ab8723f]{box-shadow:inset 6px 6px 12px #0f172acc,inset -6px -6px 12px #4b556366}.image-placeholder[data-v-8ab8723f]{display:flex;height:100%;width:100%;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(145deg,#e8e8e8,#d0d0d0);box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fff9}.dark .image-placeholder[data-v-8ab8723f]{background:linear-gradient(145deg,#1f2937,#111827);box-shadow:inset 6px 6px 12px #0f172acc,inset -6px -6px 12px #4b556366}.placeholder-icon[data-v-8ab8723f]{font-size:3.75rem;line-height:1;opacity:.5;text-shadow:1px 1px 2px rgba(190,190,190,.8),-1px -1px 2px rgba(255,255,255,.8)}.dark .placeholder-icon[data-v-8ab8723f]{text-shadow:2px 2px 4px rgba(15,23,42,.9),-2px -2px 4px rgba(75,85,99,.4)}.word-display[data-v-8ab8723f]{margin-bottom:1rem;text-align:center}@media (min-width: 640px){.word-display[data-v-8ab8723f]{margin-bottom:1.5rem}}@media (min-width: 1024px){.word-display[data-v-8ab8723f]{margin-bottom:2rem}}.word-display[data-v-8ab8723f]{padding:1rem;transition:all .3s ease}@media (min-width: 640px){.word-display[data-v-8ab8723f]{padding:1.5rem}}@media (min-width: 768px){.word-display[data-v-8ab8723f]{padding:2rem}}.english-word[data-v-8ab8723f]{margin-bottom:.5rem;font-weight:700}@media (min-width: 640px){.english-word[data-v-8ab8723f]{margin-bottom:1rem}}.english-word[data-v-8ab8723f]{font-size:clamp(2.5rem,8vw,6rem);line-height:1.1;text-shadow:2px 2px 4px rgba(190,190,190,.8),-2px -2px 4px rgba(255,255,255,.8);transition:all .3s ease}@media (min-width: 640px){.english-word[data-v-8ab8723f]{font-size:clamp(3rem,7vw,7rem)}}@media (min-width: 768px){.english-word[data-v-8ab8723f]{font-size:clamp(4rem,6vw,8rem)}}.dark .english-word[data-v-8ab8723f]{color:#f3f4f6;text-shadow:3px 3px 6px rgba(15,23,42,.9),-3px -3px 6px rgba(75,85,99,.4),0 0 10px rgba(255,255,255,.1)}.phonetic[data-v-8ab8723f]{margin-bottom:.5rem}@media (min-width: 640px){.phonetic[data-v-8ab8723f]{margin-bottom:1rem}}.phonetic[data-v-8ab8723f]{font-size:clamp(1rem,3vw,1.5rem);line-height:1.2;color:#8e8e93;text-shadow:1px 1px 2px rgba(190,190,190,.6),-1px -1px 2px rgba(255,255,255,.6)}@media (min-width: 640px){.phonetic[data-v-8ab8723f]{font-size:clamp(1.25rem,2.5vw,1.75rem)}}@media (min-width: 768px){.phonetic[data-v-8ab8723f]{font-size:clamp(1.5rem,2vw,2rem)}}.dark .phonetic[data-v-8ab8723f]{color:#cbd5e1;text-shadow:2px 2px 4px rgba(15,23,42,.8),-2px -2px 4px rgba(75,85,99,.4)}.audio-button-container[data-v-8ab8723f]{margin-top:1rem;margin-bottom:.5rem;display:flex;width:100%;align-items:center;justify-content:center}.audio-button[data-v-8ab8723f]{margin-top:.5rem;display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;background:linear-gradient(145deg,#3b82f6,#2563eb);box-shadow:4px 4px 8px #2563eb4d,-4px -4px 8px #3b82f64d,inset 0 0 0 1px #ffffff1a;border:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .audio-button[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:6px 6px 12px #0f172a,-6px -6px 12px #4b5563}.audio-button[data-v-8ab8723f]:hover{transform:translateY(-1px);box-shadow:6px 6px 12px #2563eb66,-6px -6px 12px #3b82f666,inset 0 0 0 1px #fff3}.dark .audio-button[data-v-8ab8723f]:hover{background:linear-gradient(145deg,#4b5563,#374151);box-shadow:10px 10px 20px #0f172a,-10px -10px 20px #6b7280;transform:scale(1.05)}.audio-button[data-v-8ab8723f]:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #2563eb99,inset -2px -2px 4px #3b82f64d}.dark .audio-button[data-v-8ab8723f]:active{background:linear-gradient(145deg,#1f2937,#374151);box-shadow:inset 6px 6px 12px #0f172a,inset -6px -6px 12px #4b5563;transform:scale(.95)}.audio-button.follow-reading-mode[data-v-8ab8723f]{background:linear-gradient(145deg,#f59e0b,#d97706);box-shadow:4px 4px 8px #d977064d,-4px -4px 8px #f59e0b4d,inset 0 0 0 1px #ffffff1a;animation:followReadingPulse-8ab8723f 2s ease-in-out infinite}.dark .audio-button.follow-reading-mode[data-v-8ab8723f]{background:linear-gradient(145deg,#92400e,#78350f);box-shadow:4px 4px 8px #0f172acc,-4px -4px 8px #92400e66}.audio-button.follow-reading-mode[data-v-8ab8723f]:hover{background:linear-gradient(145deg,#fbbf24,#f59e0b);box-shadow:6px 6px 12px #d9770666,-6px -6px 12px #f59e0b66,inset 0 0 0 1px #fff3;transform:translateY(-1px) scale(1.05)}.dark .audio-button.follow-reading-mode[data-v-8ab8723f]:hover{background:linear-gradient(145deg,#a16207,#92400e);box-shadow:6px 6px 12px #0f172ae6,-6px -6px 12px #a1620780}.audio-button.follow-reading-mode[data-v-8ab8723f]:active{background:linear-gradient(145deg,#d97706,#b45309);box-shadow:inset 2px 2px 4px #b4530999,inset -2px -2px 4px #d977064d;transform:translateY(0) scale(.95)}.dark .audio-button.follow-reading-mode[data-v-8ab8723f]:active{background:linear-gradient(145deg,#78350f,#451a03);box-shadow:inset 3px 3px 6px #0f172acc,inset -3px -3px 6px #78350f66}@keyframes followReadingPulse-8ab8723f{0%,to{box-shadow:4px 4px 8px #d977064d,-4px -4px 8px #f59e0b4d,inset 0 0 0 1px #ffffff1a}50%{box-shadow:6px 6px 12px #d9770680,-6px -6px 12px #f59e0b80,inset 0 0 0 1px #fff3,0 0 20px #f59e0b66}}.meaning-card[data-v-8ab8723f]{width:100%;max-width:42rem;background:linear-gradient(145deg,#f0f0f3,#cacace)!important;border-radius:clamp(15px,4vw,25px)!important;padding:clamp(16px,4vw,30px)!important;box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;margin:0 auto}@media (max-width: 640px){.meaning-card[data-v-8ab8723f]{max-width:95vw;padding:16px!important;border-radius:15px!important}}@media (min-width: 641px) and (max-width: 768px){.meaning-card[data-v-8ab8723f]{max-width:85vw;padding:20px!important;border-radius:20px!important}}.dark .meaning-card[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#1f2937)!important;box-shadow:8px 8px 16px #0f172a,-8px -8px 16px #4b5563!important}.meaning-card[data-v-8ab8723f]:hover{transform:translateY(-2px);box-shadow:16px 16px 32px #bebebe,-16px -16px 32px #fff}.dark .meaning-card[data-v-8ab8723f]:hover{box-shadow:10px 10px 20px #0f172a,-10px -10px 20px #4b5563}.meaning-content[data-v-8ab8723f]{text-align:center}.part-of-speech[data-v-8ab8723f]{margin-bottom:.5rem;display:inline-block;border-radius:9999px;font-weight:500}@media (min-width: 640px){.part-of-speech[data-v-8ab8723f]{margin-bottom:.75rem}}@media (min-width: 1024px){.part-of-speech[data-v-8ab8723f]{margin-bottom:1rem}}.part-of-speech[data-v-8ab8723f]{padding:clamp(4px,1vw,8px) clamp(8px,2vw,12px);font-size:clamp(.75rem,2vw,.875rem);background:linear-gradient(145deg,#e3f2fd,#bbdefb);color:#1565c0;box-shadow:4px 4px 8px #bbdefb99,-4px -4px 8px #fffc;border:none}.dark .part-of-speech[data-v-8ab8723f]{background:linear-gradient(145deg,#1e3a8a,#1e40af);color:#dbeafe;box-shadow:5px 5px 10px #142864cc,-5px -5px 10px #2850c866}.chinese-meaning[data-v-8ab8723f]{margin-bottom:.75rem;font-weight:500}@media (min-width: 640px){.chinese-meaning[data-v-8ab8723f]{margin-bottom:1rem}}@media (min-width: 1024px){.chinese-meaning[data-v-8ab8723f]{margin-bottom:1.5rem}}.chinese-meaning[data-v-8ab8723f]{font-size:clamp(1.25rem,4vw,1.5rem);line-height:1.3;color:#374151;text-shadow:1px 1px 2px rgba(190,190,190,.6),-1px -1px 2px rgba(255,255,255,.6)}@media (min-width: 640px){.chinese-meaning[data-v-8ab8723f]{font-size:clamp(1.375rem,3.5vw,1.75rem)}}@media (min-width: 768px){.chinese-meaning[data-v-8ab8723f]{font-size:clamp(1.5rem,3vw,2rem)}}.dark .chinese-meaning[data-v-8ab8723f]{color:#f3f4f6;text-shadow:2px 2px 4px rgba(10,15,20,.8),-2px -2px 4px rgba(74,85,104,.4)}.example-sentence[data-v-8ab8723f]{padding-top:clamp(12px,3vw,16px);border-top:1px solid rgba(190,190,190,.3);margin-top:clamp(12px,3vw,20px);position:relative}.example-sentence[data-v-8ab8723f]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(190,190,190,.6),transparent);box-shadow:0 1px #fff9}.dark .example-sentence[data-v-8ab8723f]{border-top-color:#3a45534d}.dark .example-sentence[data-v-8ab8723f]:before{background:linear-gradient(90deg,transparent,rgba(58,69,83,.6),transparent);box-shadow:0 1px #0f14194d}.example-english[data-v-8ab8723f]{margin-bottom:.25rem;font-style:italic}@media (min-width: 640px){.example-english[data-v-8ab8723f]{margin-bottom:.5rem}}.example-english[data-v-8ab8723f]{font-size:clamp(.875rem,3vw,1.125rem);line-height:1.4;color:#4b5563;text-shadow:1px 1px 2px rgba(190,190,190,.4),-1px -1px 2px rgba(255,255,255,.4)}.dark .example-english[data-v-8ab8723f]{color:#d1d5db;text-shadow:2px 2px 4px rgba(10,15,20,.6),-2px -2px 4px rgba(74,85,104,.3)}.example-chinese[data-v-8ab8723f]{font-size:clamp(.75rem,2.5vw,1rem);line-height:1.4;color:#6b7280;text-shadow:1px 1px 2px rgba(190,190,190,.4),-1px -1px 2px rgba(255,255,255,.4)}.dark .example-chinese[data-v-8ab8723f]{color:#cbd5e1;text-shadow:2px 2px 4px rgba(10,15,20,.6),-2px -2px 4px rgba(74,85,104,.3)}.navigation-controls[data-v-8ab8723f]{position:fixed;left:50%;display:flex;--tw-translate-x: -50%;--tw-translate-y: 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));align-items:center;border-radius:1rem;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;bottom:clamp(12px,3vh,24px);gap:clamp(8px,2vw,24px);padding:clamp(8px,2vw,12px) clamp(12px,3vw,24px);background:linear-gradient(145deg,#f0f0f3,#cacace);box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width: 640px){.navigation-controls[data-v-8ab8723f]{bottom:8px;gap:6px;padding:6px 12px}}.dark .navigation-controls[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:15px 15px 30px #0f172a,-15px -15px 30px #4b5563}.navigation-controls.visible[data-v-8ab8723f]{--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));opacity:1}.learning-actions[data-v-8ab8723f],.navigation-buttons[data-v-8ab8723f]{display:flex;gap:.5rem}.nav-button[data-v-8ab8723f]{border-radius:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;padding:clamp(6px,2vw,12px) clamp(12px,3vw,24px);font-size:clamp(.75rem,2vw,1rem);background:linear-gradient(145deg,#f0f0f3,#cacace);color:#374151;border:none;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;font-weight:500;text-shadow:1px 1px 2px rgba(190,190,190,.6),-1px -1px 2px rgba(255,255,255,.6);transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 640px){.nav-button[data-v-8ab8723f]{padding:4px 8px;font-size:.75rem}}.dark .nav-button[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#1f2937);color:#f3f4f6;box-shadow:8px 8px 16px #0f172a,-8px -8px 16px #4b5563;text-shadow:2px 2px 4px rgba(15,23,42,.8),-2px -2px 4px rgba(75,85,99,.4)}.nav-button[data-v-8ab8723f]:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.dark .nav-button[data-v-8ab8723f]:hover{color:#fff;background:linear-gradient(145deg,#4b5563,#374151);box-shadow:10px 10px 20px #0f172a,-10px -10px 20px #6b7280;transform:translateY(-2px)}.nav-button[data-v-8ab8723f]:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.dark .nav-button[data-v-8ab8723f]:active{background:linear-gradient(145deg,#1f2937,#374151);box-shadow:inset 6px 6px 12px #0f172a,inset -6px -6px 12px #4b5563;transform:translateY(1px)}.nav-button[data-v-8ab8723f]:disabled{cursor:not-allowed;opacity:.5;box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff}.dark .nav-button[data-v-8ab8723f]:disabled{color:#4b5563;background:linear-gradient(145deg,#2d3748,#1f2937);box-shadow:2px 2px 4px #0f172a,-2px -2px 4px #4b5563;opacity:.6}.nav-button[data-v-8ab8723f]:disabled:hover{transform:none;box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff}.dark .nav-button[data-v-8ab8723f]:disabled:hover{background:linear-gradient(145deg,#2d3748,#1f2937);box-shadow:2px 2px 4px #0f172a,-2px -2px 4px #4b5563;transform:none;opacity:.6}.shortcuts-hint[data-v-8ab8723f]{position:fixed;display:flex;--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));flex-direction:column;border-radius:.75rem;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;top:clamp(12px,3vh,24px);left:clamp(12px,3vw,24px);gap:clamp(4px,1vw,8px);padding:clamp(8px,2vw,16px);background:linear-gradient(145deg,#f0f0f3,#cacace);box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;min-width:clamp(150px,25vw,200px)}@media (max-width: 640px){.shortcuts-hint[data-v-8ab8723f]{top:8px;left:8px;gap:3px;padding:6px;min-width:140px}}.dark .shortcuts-hint[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:8px 8px 16px #0f172a,-8px -8px 16px #4b5563}.shortcuts-hint.visible[data-v-8ab8723f]{--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));opacity:1}.shortcut-item[data-v-8ab8723f]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;color:#6b7280;text-shadow:1px 1px 2px rgba(255,255,255,.6),-1px -1px 2px rgba(190,190,190,.3)}.dark .shortcut-item[data-v-8ab8723f]{color:#9ca3af;text-shadow:1px 1px 2px rgba(15,20,25,.6),-1px -1px 2px rgba(58,69,83,.3)}kbd[data-v-8ab8723f]{display:inline-block;border-radius:.25rem;padding:.25rem .5rem;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.75rem;line-height:1rem;background:linear-gradient(145deg,#e5e7eb,#d1d5db);color:#374151;box-shadow:2px 2px 4px #d1d5db99,-2px -2px 4px #fffc,inset 0 1px #ffffff80;text-shadow:0 1px 1px rgba(255,255,255,.5);border:none}.dark kbd[data-v-8ab8723f]{background:linear-gradient(145deg,#374151,#4b5563);color:#d1d5db;box-shadow:2px 2px 4px #37415199,-2px -2px 4px #4b556366,inset 0 1px #d1d5db1a;text-shadow:0 1px 1px rgba(0,0,0,.3)}.letter[data-v-8ab8723f]{display:inline-block;opacity:0;transform:translateY(20px) scale(.8);animation:letterAppear-8ab8723f .4s ease-out forwards}.letter.space-char[data-v-8ab8723f]{min-width:.5em;width:.5em;display:inline-block}@keyframes letterAppear-8ab8723f{0%{opacity:0;transform:translateY(20px) scale(.8)}50%{opacity:.7;transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.image-modal-overlay[data-v-8ab8723f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.image-modal-content[data-v-8ab8723f]{position:relative;max-width:90vw;max-height:90vh;cursor:default}.modal-image[data-v-8ab8723f]{width:80vw;height:60vh;max-width:800px;max-height:600px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;background-color:#ffffff1a}.modal-close-btn[data-v-8ab8723f]{position:absolute;top:-15px;right:-15px;width:40px;height:40px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close-btn[data-v-8ab8723f]:hover{background:#000000e6;transform:scale(1.1)}@media (max-width: 480px){.learning-container[data-v-8ab8723f]{padding:8px;min-height:100vh}.main-content[data-v-8ab8723f]{gap:8px}.pure-mode-content[data-v-8ab8723f]{padding:8px;min-height:calc(100vh - 80px)}.word-display[data-v-8ab8723f]{padding:8px;margin-bottom:8px}.english-word[data-v-8ab8723f]{font-size:clamp(2rem,10vw,3rem);margin-bottom:4px}.phonetic[data-v-8ab8723f]{font-size:clamp(.875rem,4vw,1rem);margin-bottom:4px}.word-image-container[data-v-8ab8723f]{width:clamp(120px,40vw,160px);height:clamp(90px,30vw,120px);margin-top:8px}.meaning-card[data-v-8ab8723f]{max-width:98vw;padding:12px!important;border-radius:12px!important}.pure-mode .meaning-card[data-v-8ab8723f]{padding:10px!important;border-radius:10px!important}.chinese-meaning[data-v-8ab8723f]{font-size:clamp(1rem,5vw,1.25rem);margin-bottom:8px}.pure-mode .chinese-meaning[data-v-8ab8723f]{font-size:clamp(.875rem,4.5vw,1.125rem);margin-bottom:6px}.navigation-controls[data-v-8ab8723f]{flex-direction:column;gap:4px;padding:4px 8px;bottom:4px}.shortcuts-hint[data-v-8ab8723f]{display:none}.modal-image[data-v-8ab8723f]{width:98vw;height:45vh}.modal-close-btn[data-v-8ab8723f]{width:30px;height:30px;font-size:14px}}@media (min-width: 481px) and (max-width: 768px){.learning-container[data-v-8ab8723f]{padding:12px}.main-content[data-v-8ab8723f]{gap:12px}.pure-mode-content[data-v-8ab8723f]{padding:12px;min-height:calc(100vh - 100px)}.word-display[data-v-8ab8723f]{padding:12px;margin-bottom:12px}.english-word[data-v-8ab8723f]{font-size:clamp(3rem,8vw,4.5rem);margin-bottom:8px}.phonetic[data-v-8ab8723f]{font-size:clamp(1rem,3vw,1.25rem);margin-bottom:8px}.word-image-container[data-v-8ab8723f]{width:clamp(160px,35vw,200px);height:clamp(120px,26vw,150px);margin-top:12px}.meaning-card[data-v-8ab8723f]{max-width:90vw;padding:16px!important;border-radius:16px!important}.pure-mode .meaning-card[data-v-8ab8723f]{padding:14px!important;border-radius:14px!important}.chinese-meaning[data-v-8ab8723f]{font-size:clamp(1.25rem,4vw,1.5rem);margin-bottom:12px}.pure-mode .chinese-meaning[data-v-8ab8723f]{font-size:clamp(1.125rem,3.5vw,1.375rem);margin-bottom:10px}.navigation-controls[data-v-8ab8723f]{gap:8px;padding:6px 12px;bottom:8px}.shortcuts-hint[data-v-8ab8723f]{top:8px;left:8px;padding:8px;min-width:160px}.modal-image[data-v-8ab8723f]{width:95vw;height:50vh}.modal-close-btn[data-v-8ab8723f]{width:35px;height:35px;font-size:16px}}@media (min-width: 769px) and (max-width: 1024px){.learning-container[data-v-8ab8723f]{padding:16px}.main-content[data-v-8ab8723f]{gap:16px}.word-display[data-v-8ab8723f]{padding:16px;margin-bottom:16px}.english-word[data-v-8ab8723f]{font-size:clamp(4rem,6vw,6rem);margin-bottom:12px}.phonetic[data-v-8ab8723f]{font-size:clamp(1.25rem,2.5vw,1.5rem);margin-bottom:12px}.word-image-container[data-v-8ab8723f]{width:clamp(200px,30vw,280px);height:clamp(150px,22vw,210px);margin-top:16px}.meaning-card[data-v-8ab8723f]{max-width:80vw;padding:20px!important;border-radius:20px!important}.chinese-meaning[data-v-8ab8723f]{font-size:clamp(1.5rem,3vw,1.75rem);margin-bottom:16px}.navigation-controls[data-v-8ab8723f]{gap:12px;padding:8px 16px;bottom:12px}.shortcuts-hint[data-v-8ab8723f]{top:12px;left:12px;padding:12px;min-width:180px}.modal-image[data-v-8ab8723f]{width:85vw;height:65vh;max-width:700px;max-height:500px}}@media (min-width: 1025px) and (max-width: 1440px){.learning-container[data-v-8ab8723f]{padding:20px;margin:0 auto}.main-content[data-v-8ab8723f]{gap:20px}.word-display[data-v-8ab8723f]{padding:20px;margin-bottom:20px}.english-word[data-v-8ab8723f]{font-size:clamp(5rem,5vw,7rem);margin-bottom:16px}.phonetic[data-v-8ab8723f]{font-size:clamp(1.5rem,2vw,1.75rem);margin-bottom:16px}.word-image-container[data-v-8ab8723f]{width:clamp(280px,25vw,350px);height:clamp(210px,18vw,260px);margin-top:20px}.meaning-card[data-v-8ab8723f]{max-width:70vw;padding:24px!important;border-radius:24px!important}.chinese-meaning[data-v-8ab8723f]{font-size:clamp(1.75rem,2.5vw,2rem);margin-bottom:20px}.navigation-controls[data-v-8ab8723f]{gap:16px;padding:10px 20px;bottom:16px}.shortcuts-hint[data-v-8ab8723f]{top:16px;left:16px;padding:16px;min-width:200px}.modal-image[data-v-8ab8723f]{width:80vw;height:70vh;max-width:800px;max-height:600px}}@media (min-width: 1441px){.learning-container[data-v-8ab8723f]{padding:24px;margin:0 auto}.main-content[data-v-8ab8723f]{gap:24px}.word-display[data-v-8ab8723f]{padding:24px;margin-bottom:24px}.english-word[data-v-8ab8723f]{font-size:clamp(6rem,4vw,8rem);margin-bottom:20px}.phonetic[data-v-8ab8723f]{font-size:clamp(1.75rem,1.5vw,2rem);margin-bottom:20px}.word-image-container[data-v-8ab8723f]{width:clamp(350px,20vw,400px);height:clamp(260px,15vw,300px);margin-top:24px}.meaning-card[data-v-8ab8723f]{max-width:60vw;padding:30px!important;border-radius:25px!important}.chinese-meaning[data-v-8ab8723f]{font-size:clamp(2rem,2vw,2.25rem);margin-bottom:24px}.navigation-controls[data-v-8ab8723f]{gap:20px;padding:12px 24px;bottom:20px}.shortcuts-hint[data-v-8ab8723f]{top:20px;left:20px;padding:20px;min-width:220px}.modal-image[data-v-8ab8723f]{width:75vw;height:75vh;max-width:1000px;max-height:750px}}@font-face{font-family:舒窈衡水体;src:url(/%E8%88%92%E7%AA%88%E8%A1%A1%E6%B0%B4%E4%BD%93.ttf) format("truetype");font-weight:400;font-style:normal}.canvas-four-line-grid[data-v-b330366f]{display:inline-block;border:1px solid #ddd;border-radius:4px;overflow:hidden}.four-line-canvas[data-v-b330366f]{display:block;background:#fff}.print-page[data-v-0224d2f5]{min-height:100vh;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s;background:linear-gradient(135deg,#f0f0f3,#cacace);position:relative;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dark .print-page[data-v-0224d2f5]{background:linear-gradient(135deg,#374151,#1f2937)}.print-page[data-v-0224d2f5]:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(147,197,253,.03) 0%,transparent 50%);pointer-events:none;z-index:0;animation:float-0224d2f5 20s ease-in-out infinite}.dark .print-page[data-v-0224d2f5]:before{background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(147,197,253,.05) 0%,transparent 50%)}.print-page[data-v-0224d2f5]>*{position:relative;z-index:1}@keyframes float-0224d2f5{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(1deg)}66%{transform:translate(-20px,20px) rotate(-1deg)}}.page-header[data-v-0224d2f5]{margin-bottom:0;display:flex;align-items:center;justify-content:space-between;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;padding:clamp(16px,4vw,24px);background:linear-gradient(145deg,#f0f0f3,#cacace);box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.dark .page-header[data-v-0224d2f5]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:8px 8px 16px #0f172a,-8px -8px 16px #4b5563}.page-title[data-v-0224d2f5]{font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;font-size:clamp(1.5rem,4vw,2rem);color:#374151;text-shadow:2px 2px 4px rgba(190,190,190,.8),-2px -2px 4px rgba(255,255,255,.8)}.dark .page-title[data-v-0224d2f5]{color:#f3f4f6;text-shadow:3px 3px 6px rgba(15,23,42,.9),-3px -3px 6px rgba(75,85,99,.4)}.main-layout[data-v-0224d2f5]{display:flex;height:100vh;gap:clamp(16px,3vw,24px);padding:clamp(16px,3vw,24px)}.settings-panel[data-v-0224d2f5]{overflow-y:auto;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;width:clamp(320px,25vw,400px);flex-shrink:0;padding:clamp(16px,3vw,24px);background:linear-gradient(145deg,#f0f0f3,#cacace);border-radius:clamp(15px,3vw,25px);box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff;border:none}.dark .settings-panel[data-v-0224d2f5]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:12px 12px 24px #0f172a,-12px -12px 24px #4b5563}.preview-panel[data-v-0224d2f5]{display:flex;flex:1 1 0%;flex-direction:column;overflow-y:auto;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:linear-gradient(145deg,#f0f0f3,#cacace);border-radius:clamp(15px,3vw,25px);box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff;border:none}.dark .preview-panel[data-v-0224d2f5]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:12px 12px 24px #0f172a,-12px -12px 24px #4b5563}.preview-header[data-v-0224d2f5]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;padding:clamp(16px,4vw,24px);background:linear-gradient(145deg,#e8e8e8,#d0d0d0);border-radius:clamp(15px,3vw,25px) clamp(15px,3vw,25px) 0 0;box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fff9;border:none}.dark .preview-header[data-v-0224d2f5]{background:linear-gradient(145deg,#1f2937,#111827);box-shadow:inset 6px 6px 12px #0f172acc,inset -6px -6px 12px #4b556366}.preview-header h2[data-v-0224d2f5]{margin-bottom:.5rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;font-size:clamp(1.25rem,3vw,1.5rem);color:#374151;text-shadow:1px 1px 2px rgba(190,190,190,.6),-1px -1px 2px rgba(255,255,255,.6)}.dark .preview-header h2[data-v-0224d2f5]{color:#f3f4f6;text-shadow:2px 2px 4px rgba(15,23,42,.8),-2px -2px 4px rgba(75,85,99,.4)}.preview-info[data-v-0224d2f5]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;font-size:clamp(.875rem,2vw,1rem);color:#6b7280;text-shadow:1px 1px 2px rgba(190,190,190,.4),-1px -1px 2px rgba(255,255,255,.4)}.dark .preview-info[data-v-0224d2f5]{color:#9ca3af;text-shadow:1px 1px 2px rgba(15,20,25,.6),-1px -1px 2px rgba(58,69,83,.3)}.preview-content[data-v-0224d2f5]{flex:1 1 0%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;padding:clamp(16px,4vw,24px)}.no-preview[data-v-0224d2f5]{display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;height:200px;color:#6b7280;text-shadow:1px 1px 2px rgba(190,190,190,.6),-1px -1px 2px rgba(255,255,255,.6)}.dark .no-preview[data-v-0224d2f5]{color:#9ca3af;text-shadow:2px 2px 4px rgba(15,23,42,.8),-2px -2px 4px rgba(75,85,99,.4)}.page-header-preview[data-v-0224d2f5]{margin-bottom:1rem;padding-bottom:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;border-bottom:1px solid rgba(190,190,190,.3);position:relative}.page-header-preview[data-v-0224d2f5]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(190,190,190,.6),transparent);box-shadow:0 1px #fff9}.dark .page-header-preview[data-v-0224d2f5]{border-bottom-color:#3a45534d}.dark .page-header-preview[data-v-0224d2f5]:after{background:linear-gradient(90deg,transparent,rgba(58,69,83,.6),transparent);box-shadow:0 1px #0f14194d}.page-header-preview h3[data-v-0224d2f5]{font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;font-size:clamp(1rem,2.5vw,1.125rem);color:#4b5563;text-shadow:1px 1px 2px rgba(190,190,190,.4),-1px -1px 2px rgba(255,255,255,.4)}.dark .page-header-preview h3[data-v-0224d2f5]{color:#d1d5db;text-shadow:2px 2px 4px rgba(10,15,20,.6),-2px -2px 4px rgba(74,85,104,.3)}.section-header[data-v-0224d2f5]{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.section-title[data-v-0224d2f5]{font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;font-size:clamp(1.125rem,3vw,1.25rem);color:#374151;margin-bottom:0;text-shadow:2px 2px 4px rgba(190,190,190,.8),-2px -2px 4px rgba(255,255,255,.8)}.dark .section-title[data-v-0224d2f5]{color:#f3f4f6;text-shadow:3px 3px 6px rgba(15,23,42,.9),-3px -3px 6px rgba(75,85,99,.4)}.word-selection-card[data-v-0224d2f5]{margin-bottom:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:linear-gradient(145deg,#e8e8e8,#d0d0d0)!important;border-radius:clamp(15px,4vw,20px)!important;padding:clamp(16px,4vw,24px)!important;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.dark .word-selection-card[data-v-0224d2f5]{background:linear-gradient(145deg,#1f2937,#111827)!important;box-shadow:8px 8px 16px #0f172a,-8px -8px 16px #4b5563!important}.word-selection-card[data-v-0224d2f5]:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.dark .word-selection-card[data-v-0224d2f5]:hover{box-shadow:10px 10px 20px #0f172a,-10px -10px 20px #4b5563}.no-wordbook[data-v-0224d2f5]{text-align:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;padding:clamp(24px,6vw,32px);color:#6b7280;text-shadow:1px 1px 2px rgba(190,190,190,.6),-1px -1px 2px rgba(255,255,255,.6)}.dark .no-wordbook[data-v-0224d2f5]{color:#9ca3af;text-shadow:2px 2px 4px rgba(15,23,42,.8),-2px -2px 4px rgba(75,85,99,.4)}.wordbook-info[data-v-0224d2f5]{margin-bottom:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;padding:clamp(12px,3vw,16px);background:linear-gradient(145deg,#dbeafe,#bfdbfe);border-radius:clamp(10px,2vw,15px);box-shadow:4px 4px 8px #bfdbfe99,-4px -4px 8px #fffc;border:none}.dark .wordbook-info[data-v-0224d2f5]{background:linear-gradient(145deg,#1e3a8a,#1e40af);box-shadow:5px 5px 10px #142864cc,-5px -5px 10px #2850c866}.wordbook-info h3[data-v-0224d2f5]{font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;font-size:clamp(1rem,2.5vw,1.125rem);color:#1565c0;text-shadow:1px 1px 2px rgba(191,219,254,.8),-1px -1px 2px rgba(255,255,255,.8)}.dark .wordbook-info h3[data-v-0224d2f5]{color:#dbeafe;text-shadow:2px 2px 4px rgba(20,40,100,.9),-2px -2px 4px rgba(40,80,200,.4)}.wordbook-info p[data-v-0224d2f5]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;color:#1d4ed8;font-size:clamp(.875rem,2vw,1rem);text-shadow:1px 1px 2px rgba(191,219,254,.6),-1px -1px 2px rgba(255,255,255,.6)}.dark .wordbook-info p[data-v-0224d2f5]{color:#bfdbfe;text-shadow:1px 1px 2px rgba(20,40,100,.8),-1px -1px 2px rgba(40,80,200,.3)}.quick-select[data-v-0224d2f5]{margin-bottom:1rem;display:flex;gap:.5rem}.word-list[data-v-0224d2f5]{max-height:15rem;overflow-y:auto;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:clamp(10px,2vw,15px);box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fff9;border:none}.dark .word-list[data-v-0224d2f5]{background:linear-gradient(145deg,#1f2937,#111827);box-shadow:inset 6px 6px 12px #0f172acc,inset -6px -6px 12px #4b556366}.word-item[data-v-0224d2f5]{display:flex;cursor:pointer;align-items:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;gap:clamp(8px,2vw,12px);padding:clamp(8px,2vw,12px);border-bottom:1px solid rgba(190,190,190,.2)}.word-item[data-v-0224d2f5]:hover{background:linear-gradient(145deg,#f0f0f3,#e8e8e8);box-shadow:2px 2px 4px #bebebe66,-2px -2px 4px #fff9;transform:translateY(-1px)}.dark .word-item[data-v-0224d2f5]:hover{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:3px 3px 6px #0f172a99,-3px -3px 6px #4b55634d}.word-item.selected[data-v-0224d2f5]{background:linear-gradient(145deg,#dbeafe,#bfdbfe);box-shadow:inset 2px 2px 4px #bfdbfe99,inset -2px -2px 4px #fffc;border-color:#3b82f64d}.dark .word-item.selected[data-v-0224d2f5]{background:linear-gradient(145deg,#1e3a8a,#1e40af);box-shadow:inset 3px 3px 6px #142864cc,inset -3px -3px 6px #2850c866;border-color:#3b82f666}.word-text[data-v-0224d2f5]{min-width:0px;flex:1 1 0%;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;color:#374151;text-shadow:1px 1px 2px rgba(190,190,190,.4),-1px -1px 2px rgba(255,255,255,.4)}.dark .word-text[data-v-0224d2f5]{color:#f3f4f6;text-shadow:2px 2px 4px rgba(15,23,42,.8),-2px -2px 4px rgba(75,85,99,.4)}.word-meaning[data-v-0224d2f5]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;font-size:clamp(.75rem,2vw,.875rem);color:#6b7280;text-shadow:1px 1px 2px rgba(190,190,190,.3),-1px -1px 2px rgba(255,255,255,.3)}.dark .word-meaning[data-v-0224d2f5]{color:#9ca3af;text-shadow:1px 1px 2px rgba(15,20,25,.6),-1px -1px 2px rgba(58,69,83,.3)}.settings-card[data-v-0224d2f5]{margin-bottom:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:linear-gradient(145deg,#e8e8e8,#d0d0d0)!important;border-radius:clamp(15px,4vw,20px)!important;padding:clamp(16px,4vw,24px)!important;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.dark .settings-card[data-v-0224d2f5]{background:linear-gradient(145deg,#1f2937,#111827)!important;box-shadow:8px 8px 16px #0f172a,-8px -8px 16px #4b5563!important}.settings-card[data-v-0224d2f5]:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.dark .settings-card[data-v-0224d2f5]:hover{box-shadow:10px 10px 20px #0f172a,-10px -10px 20px #4b5563}.setting-group[data-v-0224d2f5]{margin-bottom:1rem}.setting-label[data-v-0224d2f5]{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.color-options[data-v-0224d2f5]{display:flex;flex-wrap:wrap;gap:.5rem}.color-option[data-v-0224d2f5]{height:2rem;width:2rem;cursor:pointer;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.color-option.active[data-v-0224d2f5]{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.custom-color-picker[data-v-0224d2f5]{height:2rem;width:2rem;cursor:pointer;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.spacing-slider[data-v-0224d2f5],.font-size-slider[data-v-0224d2f5],.words-per-page-slider[data-v-0224d2f5],.words-per-line-slider[data-v-0224d2f5],.word-repeat-slider[data-v-0224d2f5]{width:100%}.action-buttons[data-v-0224d2f5]{display:flex;gap:1rem}.print-only-area[data-v-0224d2f5]{margin-left:auto;margin-right:auto;max-width:64rem;padding:2rem}.print-pages[data-v-0224d2f5]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;padding:clamp(16px,4vw,24px);background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:clamp(12px,3vw,16px);box-shadow:6px 6px 12px #bebebe4d,-6px -6px 12px #fff9}.dark .print-pages[data-v-0224d2f5]{background:linear-gradient(145deg,#1f2937,#111827);box-shadow:6px 6px 12px #0f172a80,-6px -6px 12px #4b55634d}.print-page-content[data-v-0224d2f5]{margin-bottom:2rem;min-height:100vh;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;width:210mm;margin:0 auto;padding:clamp(24px,6vw,32px);background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:clamp(12px,3vw,16px);box-shadow:8px 8px 16px #bebebe66,-8px -8px 16px #fffc;border:1px solid rgba(190,190,190,.1)}.dark .print-page-content[data-v-0224d2f5]{background:linear-gradient(145deg,#1f2937,#111827);box-shadow:8px 8px 16px #0f172a99,-8px -8px 16px #4b55634d;border:1px solid rgba(75,85,99,.2)}.page-header[data-v-0224d2f5]{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;border-bottom:1px solid rgba(190,190,190,.2);position:relative}.page-header[data-v-0224d2f5]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(190,190,190,.6),transparent);box-shadow:0 1px #fff9}.dark .page-header[data-v-0224d2f5]{border-bottom-color:#4b55634d}.dark .page-header[data-v-0224d2f5]:after{background:linear-gradient(90deg,transparent,rgba(75,85,99,.6),transparent);box-shadow:0 1px #0f172a4d}.page-header h3[data-v-0224d2f5]{font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;font-size:clamp(1.125rem,3vw,1.25rem);color:#1f2937;text-shadow:2px 2px 4px rgba(190,190,190,.4),-2px -2px 4px rgba(255,255,255,.4)}.dark .page-header h3[data-v-0224d2f5]{color:#f9fafb;text-shadow:2px 2px 4px rgba(15,23,42,.6),-2px -2px 4px rgba(75,85,99,.3)}.page-info[data-v-0224d2f5]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;color:#6b7280;font-size:clamp(.875rem,2vw,1rem);text-shadow:1px 1px 2px rgba(190,190,190,.3),-1px -1px 2px rgba(255,255,255,.3)}.dark .page-info[data-v-0224d2f5]{color:#d1d5db;text-shadow:1px 1px 2px rgba(15,20,25,.5),-1px -1px 2px rgba(58,69,83,.2)}.four-line-grid[data-v-0224d2f5]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;gap:clamp(12px,3vw,16px)}.word-line-group[data-v-0224d2f5]{position:relative;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:transparent}.four-lines[data-v-0224d2f5]{position:relative;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;height:clamp(48px,12vw,64px);background:transparent}.line[data-v-0224d2f5]{position:absolute;width:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;border-top:1px solid rgba(107,114,128,.3);box-shadow:0 1px 2px #bebebe1a}.dark .line[data-v-0224d2f5]{border-top:1px solid rgba(156,163,175,.2);box-shadow:0 1px 2px #0f172a33}.top-line[data-v-0224d2f5]{top:0;border-top:2px solid rgba(55,65,81,.6)}.dark .top-line[data-v-0224d2f5]{border-top:2px solid rgba(209,213,219,.4)}.middle-line-1[data-v-0224d2f5]{top:25%;border-top:1px dashed rgba(107,114,128,.4)}.dark .middle-line-1[data-v-0224d2f5]{border-top:1px dashed rgba(156,163,175,.3)}.middle-line-2[data-v-0224d2f5]{top:50%;border-top:1px solid rgba(107,114,128,.5)}.dark .middle-line-2[data-v-0224d2f5]{border-top:1px solid rgba(156,163,175,.3)}.bottom-line[data-v-0224d2f5]{bottom:0;border-top:2px solid rgba(55,65,81,.6)}.dark .bottom-line[data-v-0224d2f5]{border-top:2px solid rgba(209,213,219,.4)}.word-display[data-v-0224d2f5]{position:absolute;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;top:clamp(6px,1.5vw,8px);left:clamp(12px,3vw,16px);font-family:Kalam,Comic Sans MS,cursive;font-size:clamp(1rem,2.5vw,1.125rem);color:#1f2937;text-shadow:1px 1px 2px rgba(190,190,190,.4),-1px -1px 2px rgba(255,255,255,.4)}.dark .word-display[data-v-0224d2f5]{color:#f9fafb;text-shadow:2px 2px 4px rgba(15,23,42,.6),-2px -2px 4px rgba(75,85,99,.3)}.svg-four-lines[data-v-0224d2f5]{width:100%;height:80px;display:block;margin:0 auto;border:none;background:transparent}.svg-word-text[data-v-0224d2f5]{font-weight:400;letter-spacing:.5px;text-rendering:optimizeLegibility}.word-line-group[data-v-0224d2f5]{position:relative;width:100%;margin-bottom:33px}@media print{.svg-four-lines[data-v-0224d2f5]{width:680px;height:80px;page-break-inside:avoid}.svg-word-text[data-v-0224d2f5]{-webkit-print-color-adjust:exact;print-color-adjust:exact}.word-line-group[data-v-0224d2f5]{margin-bottom:33px;page-break-inside:avoid}}.word-line-group[data-v-0224d2f5]{position:relative;margin-bottom:1rem}.svg-four-lines[data-v-0224d2f5]{display:block;width:100%;height:auto}.word-line-group.short-line .line-display[data-v-0224d2f5]{font-size:1.2em;letter-spacing:.1em}.word-line-group.medium-line .line-display[data-v-0224d2f5]{font-size:1em;letter-spacing:.05em}.word-line-group.long-line .line-display[data-v-0224d2f5]{font-size:.9em;letter-spacing:.02em}.checkbox-group[data-v-0224d2f5]>: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))}.checkbox-item[data-v-0224d2f5]{display:flex;cursor:pointer;align-items:center;gap:.5rem}.checkbox-item input[type=checkbox][data-v-0224d2f5]{height:1rem;width:1rem;border-radius:.25rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.checkbox-item span[data-v-0224d2f5]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.radio-group[data-v-0224d2f5]>: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))}.radio-item[data-v-0224d2f5]{display:flex;cursor:pointer;align-items:center;gap:.5rem}.radio-item input[type=radio][data-v-0224d2f5]{height:1rem;width:1rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.radio-item span[data-v-0224d2f5]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.canvas-grid-container[data-v-0224d2f5]{width:100%;overflow-x:auto}.print-canvas[data-v-0224d2f5]{overflow:visible}@media print{.print-canvas[data-v-0224d2f5]{page-break-inside:avoid}.canvas-grid-container canvas[data-v-0224d2f5]{max-width:100%!important;height:auto!important}}@media (max-width: 1024px){.main-layout[data-v-0224d2f5]{flex-direction:column;height:auto}.settings-panel[data-v-0224d2f5]{width:100%;border-right-width:0px;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.preview-panel[data-v-0224d2f5]{min-height:400px}}.btn[data-v-0224d2f5]{cursor:pointer;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;padding:clamp(8px,2vw,12px) clamp(16px,4vw,24px);border-radius:clamp(8px,2vw,12px);background:linear-gradient(145deg,#e8e8e8,#d0d0d0);box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;border:none;color:#374151;text-shadow:1px 1px 2px rgba(190,190,190,.4),-1px -1px 2px rgba(255,255,255,.4)}.dark .btn[data-v-0224d2f5]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:4px 4px 8px #0f172a,-4px -4px 8px #4b5563;color:#f3f4f6;text-shadow:1px 1px 2px rgba(15,23,42,.6),-1px -1px 2px rgba(75,85,99,.3)}.btn[data-v-0224d2f5]:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.dark .btn[data-v-0224d2f5]:hover{box-shadow:6px 6px 12px #0f172a,-6px -6px 12px #4b5563}.btn[data-v-0224d2f5]:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.dark .btn[data-v-0224d2f5]:active{box-shadow:inset 3px 3px 6px #0f172a,inset -3px -3px 6px #4b5563}.btn-primary[data-v-0224d2f5]{background:linear-gradient(145deg,#3b82f6,#2563eb)!important;color:#fff!important;text-shadow:1px 1px 2px rgba(37,99,235,.6),-1px -1px 2px rgba(59,130,246,.4)!important;box-shadow:4px 4px 8px #2563eb66,-4px -4px 8px #93c5fd99!important}.dark .btn-primary[data-v-0224d2f5]{background:linear-gradient(145deg,#1e40af,#1e3a8a)!important;box-shadow:4px 4px 8px #1e3a8a99,-4px -4px 8px #3b82f64d!important}.btn-primary[data-v-0224d2f5]:hover{box-shadow:6px 6px 12px #2563eb66,-6px -6px 12px #93c5fd99!important}.dark .btn-primary[data-v-0224d2f5]:hover{box-shadow:6px 6px 12px #1e3a8a99,-6px -6px 12px #3b82f64d!important}.btn-secondary[data-v-0224d2f5]{background:linear-gradient(145deg,#f3f4f6,#e5e7eb)!important;color:#374151!important;text-shadow:1px 1px 2px rgba(229,231,235,.6),-1px -1px 2px rgba(255,255,255,.4)!important}.dark .btn-secondary[data-v-0224d2f5]{background:linear-gradient(145deg,#4b5563,#374151)!important;color:#d1d5db!important;text-shadow:1px 1px 2px rgba(55,65,81,.6),-1px -1px 2px rgba(107,114,128,.3)!important}.btn-sm[data-v-0224d2f5]{padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px)!important;font-size:clamp(.75rem,2vw,.875rem)!important}.btn-xs[data-v-0224d2f5]{padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px)!important;font-size:clamp(.625rem,1.5vw,.75rem)!important;border-radius:clamp(6px,1.5vw,8px)!important}input[type=range][data-v-0224d2f5]{width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;height:clamp(6px,1.5vw,8px);background:linear-gradient(145deg,#e8e8e8,#d0d0d0);border-radius:clamp(3px,1vw,4px);box-shadow:inset 2px 2px 4px #bebebe99,inset -2px -2px 4px #fff9;outline:none}.dark input[type=range][data-v-0224d2f5]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:inset 3px 3px 6px #0f172acc,inset -3px -3px 6px #4b556366}input[type=range][data-v-0224d2f5]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition-property:all;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px);background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:50%;box-shadow:3px 3px 6px #bebebe99,-3px -3px 6px #fffc;border:none}.dark input[type=range][data-v-0224d2f5]::-webkit-slider-thumb{background:linear-gradient(145deg,#4b5563,#374151);box-shadow:4px 4px 8px #0f172acc,-4px -4px 8px #4b556399}input[type=range][data-v-0224d2f5]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:4px 4px 8px #bebebe99,-4px -4px 8px #fffc}.dark input[type=range][data-v-0224d2f5]::-webkit-slider-thumb:hover{box-shadow:5px 5px 10px #0f172acc,-5px -5px 10px #4b556399}input[type=checkbox][data-v-0224d2f5]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;width:clamp(16px,4vw,18px);height:clamp(16px,4vw,18px);background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:clamp(3px,1vw,4px);box-shadow:inset 2px 2px 4px #bebebe99,inset -2px -2px 4px #fff9;border:none;position:relative}.dark input[type=checkbox][data-v-0224d2f5]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:inset 3px 3px 6px #0f172acc,inset -3px -3px 6px #4b556366}input[type=checkbox][data-v-0224d2f5]:checked{background:linear-gradient(145deg,#3b82f6,#2563eb);box-shadow:inset 2px 2px 4px #2563eb99,inset -2px -2px 4px #93c5fd66}.dark input[type=checkbox][data-v-0224d2f5]:checked{background:linear-gradient(145deg,#1e40af,#1e3a8a);box-shadow:inset 3px 3px 6px #1e3a8acc,inset -3px -3px 6px #3b82f666}input[type=checkbox][data-v-0224d2f5]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:clamp(10px,2.5vw,12px);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}input[type=radio][data-v-0224d2f5]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;width:clamp(16px,4vw,18px);height:clamp(16px,4vw,18px);background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:50%;box-shadow:inset 2px 2px 4px #bebebe99,inset -2px -2px 4px #fff9;border:none;position:relative}.dark input[type=radio][data-v-0224d2f5]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:inset 3px 3px 6px #0f172acc,inset -3px -3px 6px #4b556366}input[type=radio][data-v-0224d2f5]:checked{background:linear-gradient(145deg,#3b82f6,#2563eb);box-shadow:inset 2px 2px 4px #2563eb99,inset -2px -2px 4px #93c5fd66}.dark input[type=radio][data-v-0224d2f5]:checked{background:linear-gradient(145deg,#1e40af,#1e3a8a);box-shadow:inset 3px 3px 6px #1e3a8acc,inset -3px -3px 6px #3b82f666}input[type=radio][data-v-0224d2f5]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(6px,1.5vw,8px);height:clamp(6px,1.5vw,8px);background:#fff;border-radius:50%;box-shadow:1px 1px 2px #0000004d}select[data-v-0224d2f5]{display:block;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px);background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:clamp(6px,1.5vw,8px);box-shadow:inset 2px 2px 4px #bebebe99,inset -2px -2px 4px #fff9;border:none;color:#374151;font-size:clamp(.875rem,2vw,1rem);outline:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right clamp(8px,2vw,12px) center;background-repeat:no-repeat;background-size:clamp(16px,4vw,20px) clamp(16px,4vw,20px);padding-right:clamp(32px,8vw,40px)}.dark select[data-v-0224d2f5]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:inset 3px 3px 6px #0f172acc,inset -3px -3px 6px #4b556366;color:#f3f4f6;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}select[data-v-0224d2f5]:focus{box-shadow:inset 2px 2px 4px #bebebe99,inset -2px -2px 4px #fff9,0 0 0 3px #3b82f61a}.dark select[data-v-0224d2f5]:focus{box-shadow:inset 3px 3px 6px #0f172acc,inset -3px -3px 6px #4b556366,0 0 0 3px #3b82f633}@media print{.print-page[data-v-0224d2f5]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));background:#fff!important;box-shadow:none!important}.page-header[data-v-0224d2f5],.main-layout[data-v-0224d2f5],.settings-panel[data-v-0224d2f5],.preview-panel[data-v-0224d2f5]{display:none}.print-only-area[data-v-0224d2f5]{margin:0;max-width:none;padding:0}.print-pages[data-v-0224d2f5]{background:#fff!important;box-shadow:none!important;padding:0!important}.print-page-content[data-v-0224d2f5]{margin:0;background:#fff!important;box-shadow:none!important;border:none!important;page-break-after:always;width:210mm;min-height:297mm;padding:clamp(16px,4vw,24px)!important}.print-page-content[data-v-0224d2f5]:last-child{page-break-after:avoid}.word-line-group[data-v-0224d2f5]{background:#fff!important;box-shadow:none!important;border:1px solid #e5e7eb!important;margin-bottom:clamp(12px,3vw,16px)!important}.four-lines[data-v-0224d2f5]{background:#fff!important;box-shadow:none!important;border:1px solid #e5e7eb!important}.line[data-v-0224d2f5]{border-color:#000!important;box-shadow:none!important}.middle-line-1[data-v-0224d2f5],.bottom-line[data-v-0224d2f5]{border-color:#9ca3af!important}.word-display[data-v-0224d2f5]{color:#000!important;text-shadow:none!important}.enhanced-four-lines[data-v-0224d2f5]{background:none;border:1px solid #e5e7eb}.enhanced-four-lines .line[data-v-0224d2f5]{border-color:#000}.enhanced-four-lines .middle-line-1[data-v-0224d2f5],.enhanced-four-lines .bottom-line[data-v-0224d2f5]{border-color:#9ca3af}.guide-line[data-v-0224d2f5]{display:none!important}}.print-mode .control-panel[data-v-0224d2f5],.print-mode .preview-header[data-v-0224d2f5]{display:none}.print-area[data-v-0224d2f5]{min-height:600px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;width:210mm;min-height:297mm;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:clamp(12px,3vw,16px);padding:clamp(24px,6vw,32px);box-shadow:8px 8px 16px #bebebe66,-8px -8px 16px #fffc;border:1px solid rgba(190,190,190,.1)}.dark .print-area[data-v-0224d2f5]{background:linear-gradient(145deg,#1f2937,#111827);box-shadow:8px 8px 16px #0f172a99,-8px -8px 16px #4b55634d;border:1px solid rgba(75,85,99,.2)}.word-row-group[data-v-0224d2f5]{margin-bottom:2rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:clamp(8px,2vw,12px);padding:clamp(16px,4vw,20px);box-shadow:4px 4px 8px #bebebe4d,-4px -4px 8px #fff9;margin-bottom:clamp(24px,6vw,32px)}.dark .word-row-group[data-v-0224d2f5]{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:4px 4px 8px #0f172a80,-4px -4px 8px #4b55634d}.word-row[data-v-0224d2f5]{display:flex;align-items:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;margin-bottom:clamp(12px,3vw,16px);font-size:clamp(1rem,2.5vw,1.125rem);padding:clamp(8px,2vw,12px);border-radius:clamp(6px,1.5vw,8px)}.word-row[data-v-0224d2f5]:hover{background:linear-gradient(145deg,#f0f0f3,#e8e8e8);box-shadow:2px 2px 4px #bebebe4d,-2px -2px 4px #ffffff80;transform:translate(2px)}.dark .word-row[data-v-0224d2f5]:hover{background:linear-gradient(145deg,#4b5563,#374151);box-shadow:2px 2px 4px #0f172a66,-2px -2px 4px #4b556333}.word-number[data-v-0224d2f5]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;width:clamp(24px,6vw,32px);font-size:clamp(.75rem,2vw,.875rem);color:#6b7280;text-shadow:1px 1px 2px rgba(190,190,190,.3),-1px -1px 2px rgba(255,255,255,.3)}.dark .word-number[data-v-0224d2f5]{color:#9ca3af;text-shadow:1px 1px 2px rgba(15,20,25,.5),-1px -1px 2px rgba(58,69,83,.2)}.word-english[data-v-0224d2f5]{flex:1 1 0%;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;color:#1f2937;text-shadow:1px 1px 2px rgba(190,190,190,.4),-1px -1px 2px rgba(255,255,255,.4)}.dark .word-english[data-v-0224d2f5]{color:#f9fafb;text-shadow:2px 2px 4px rgba(15,23,42,.6),-2px -2px 4px rgba(75,85,99,.3)}.word-chinese[data-v-0224d2f5]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;margin-left:clamp(12px,3vw,16px);color:#6b7280;text-shadow:1px 1px 2px rgba(190,190,190,.3),-1px -1px 2px rgba(255,255,255,.3)}.dark .word-chinese[data-v-0224d2f5]{color:#d1d5db;text-shadow:1px 1px 2px rgba(15,20,25,.5),-1px -1px 2px rgba(58,69,83,.2)}.grid-line[data-v-0224d2f5]{position:absolute;width:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;border-top:1px solid rgba(107,114,128,.3);box-shadow:0 1px 2px #bebebe1a}.dark .grid-line[data-v-0224d2f5]{border-top:1px solid rgba(156,163,175,.2);box-shadow:0 1px 2px #0f172a33}.grid-line[data-v-0224d2f5]:nth-child(1){top:0}.grid-line[data-v-0224d2f5]:nth-child(2){top:25%}.grid-line[data-v-0224d2f5]:nth-child(3){top:50%}.grid-line[data-v-0224d2f5]:nth-child(4){top:75%}.grid-line[data-v-0224d2f5]:nth-child(5){bottom:0}@media (max-width: 768px){.main-layout[data-v-0224d2f5]{flex-direction:column;height:auto;gap:clamp(12px,3vw,16px);padding:clamp(12px,3vw,16px)}.settings-panel[data-v-0224d2f5]{width:100%;max-height:400px;margin-bottom:clamp(16px,4vw,20px)}.preview-panel[data-v-0224d2f5]{min-height:60vh}.page-header[data-v-0224d2f5]{padding:clamp(12px,3vw,16px)}.page-title[data-v-0224d2f5]{font-size:clamp(1.25rem,5vw,1.5rem)}.print-area[data-v-0224d2f5]{width:100%;min-width:280px;transform:scale(.8);transform-origin:top left}.settings-card[data-v-0224d2f5]{padding:clamp(12px,3vw,16px)!important;margin-bottom:clamp(16px,4vw,20px)}.btn[data-v-0224d2f5]{padding:clamp(6px,2vw,8px) clamp(12px,3vw,16px);font-size:clamp(.75rem,2vw,.875rem)}}@media (max-width: 480px){.print-page[data-v-0224d2f5]:before{animation:none}.main-layout[data-v-0224d2f5]{padding:clamp(8px,2vw,12px);gap:clamp(8px,2vw,12px)}.page-header[data-v-0224d2f5]{padding:clamp(8px,2vw,12px)}.settings-panel[data-v-0224d2f5],.preview-panel[data-v-0224d2f5]{border-radius:clamp(8px,2vw,12px);box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.dark .settings-panel[data-v-0224d2f5],.dark .preview-panel[data-v-0224d2f5]{box-shadow:6px 6px 12px #0f172a,-6px -6px 12px #4b5563}.print-area[data-v-0224d2f5]{transform:scale(.6);margin:-20% 0}}@media (min-width: 1200px){.main-layout[data-v-0224d2f5]{max-width:1400px;margin:0 auto}.settings-panel[data-v-0224d2f5]{width:clamp(350px,20vw,450px)}.page-header[data-v-0224d2f5]{padding:clamp(20px,3vw,32px)}.settings-card[data-v-0224d2f5]{padding:clamp(20px,3vw,28px)!important}}@media (min-width: 1600px){.main-layout[data-v-0224d2f5]{max-width:1600px}.settings-panel[data-v-0224d2f5]{width:clamp(400px,18vw,500px)}.print-area[data-v-0224d2f5]{transform:scale(1.1);transform-origin:center top}}@media (prefers-color-scheme: dark){.print-page[data-v-0224d2f5]{background:linear-gradient(135deg,#374151,#1f2937)}.print-page[data-v-0224d2f5]:before{background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(147,197,253,.05) 0%,transparent 50%)}}@media (prefers-contrast: high){.settings-card[data-v-0224d2f5],.preview-panel[data-v-0224d2f5],.settings-panel[data-v-0224d2f5]{border:2px solid currentColor!important}.btn[data-v-0224d2f5]{border:1px solid currentColor!important}.word-item[data-v-0224d2f5]:hover{outline:2px solid currentColor}}@media (prefers-reduced-motion: reduce){[data-v-0224d2f5],[data-v-0224d2f5]:before,[data-v-0224d2f5]:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.print-page[data-v-0224d2f5]:before{animation:none!important}}