@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-20{margin-top:calc(var(--spacing)*20)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-14{height:calc(var(--spacing)*14)}.h-15{height:calc(var(--spacing)*15)}.h-px{height:1px}.min-h-full{min-height:100%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-14{width:calc(var(--spacing)*14)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[var\(--border-secondary\)\]{border-color:var(--border-secondary)}.border-\[var\(--text-accent\)\]{border-color:var(--text-accent)}.border-amber-500\/25{border-color:#f99c0040}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/25{border-color:color-mix(in oklab,var(--color-amber-500)25%,transparent)}}.border-emerald-500\/25{border-color:#00bb7f40}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/25{border-color:color-mix(in oklab,var(--color-emerald-500)25%,transparent)}}.border-red-500\/25{border-color:#fb2c3640}@supports (color:color-mix(in lab,red,red)){.border-red-500\/25{border-color:color-mix(in oklab,var(--color-red-500)25%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--text-accent\)_18\%\,transparent\)\]{background-color:var(--text-accent)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--text-accent\)_18\%\,transparent\)\]{background-color:color-mix(in srgb,var(--text-accent)18%,transparent)}}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}.bg-\[var\(--border-secondary\)\]{background-color:var(--border-secondary)}.bg-\[var\(--text-accent\)\]{background-color:var(--text-accent)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing)*0)}.p-3{padding:calc(var(--spacing)*3)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-28{padding-top:calc(var(--spacing)*28)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.\!text-white{color:var(--color-white)!important}.text-\[var\(--text-accent\)\]{color:var(--text-accent)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-amber-200{color:var(--color-amber-200)}.text-emerald-200{color:var(--color-emerald-200)}.text-green-500{color:var(--color-green-500)}.text-red-200{color:var(--color-red-200)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.invert{--tw-invert:invert(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(var(--blur-sm));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.placeholder\:text-\[var\(--text-secondary\)\]\/70::-moz-placeholder{color:var(--text-secondary)}.placeholder\:text-\[var\(--text-secondary\)\]\/70::placeholder{color:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-\[var\(--text-secondary\)\]\/70::-moz-placeholder{color:color-mix(in oklab,var(--text-secondary)70%,transparent)}.placeholder\:text-\[var\(--text-secondary\)\]\/70::placeholder{color:color-mix(in oklab,var(--text-secondary)70%,transparent)}}@media (hover:hover){.hover\:text-\[var\(--text-accent\)\]:hover{color:var(--text-accent)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--text-accent\)\]:focus{--tw-ring-color:var(--text-accent)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:block{display:block}.md\:w-1\/2{width:50%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:pt-36{padding-top:calc(var(--spacing)*36)}.md\:pb-28{padding-bottom:calc(var(--spacing)*28)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}@layer base{:where(#landing-root) *,:where(#landing-root) :before,:where(#landing-root) :after{box-sizing:border-box;border:0 solid #e5e7eb}:where(#landing-root),:where(#landing-root) :before,:where(#landing-root) :after,#auth-modal-content,#auth-modal-content :before,#auth-modal-content :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-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--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: ;border-width:0}:where(#landing-root) button{cursor:pointer;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;text-transform:none}:where(#landing-root) input,:where(#landing-root) textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit}}#landing-root img{max-width:100%;height:auto;display:block}#landing-root h1,#landing-root h2,#landing-root h3,#landing-root h4,#landing-root h5,#landing-root h6,#landing-root p,#landing-root ul,#landing-root ol,#landing-root dl,#landing-root figure,#landing-root blockquote{margin:0;padding:0}#landing-root ul{list-style:none}#landing-root{scrollbar-width:thin;scrollbar-color:var(--text-secondary)transparent;background:radial-gradient(1100px circle at 50% 0%,#3a3a3a73 0%,transparent 55%),radial-gradient(900px circle at 12% 0%,#2d2d2d59 0%,transparent 50%),var(--bg-primary);color:var(--text-primary);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden auto}#landing-root::-webkit-scrollbar{width:10px}#landing-root::-webkit-scrollbar-track{background:0 0}#landing-root::-webkit-scrollbar-thumb{background-color:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){#landing-root::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--text-secondary)70%,transparent)}}#landing-root::-webkit-scrollbar-thumb{background-clip:padding-box;border:2px solid #0000;border-radius:9999px}@supports not (color:color-mix(in srgb,red,transparent)){#landing-root::-webkit-scrollbar-thumb{background-color:var(--text-secondary)}}@supports (color:color-mix(in srgb,red,transparent)){#landing-root{background:radial-gradient(1100px circle at 50% 0%,var(--text-accent)0%,transparent 55%),radial-gradient(900px circle at 12% 0%,var(--bg-tertiary)0%,transparent 50%),var(--bg-primary)}@supports (color:color-mix(in lab,red,red)){#landing-root{background:radial-gradient(1100px circle at 50% 0%,color-mix(in srgb,var(--text-accent)10%,transparent)0%,transparent 55%),radial-gradient(900px circle at 12% 0%,color-mix(in srgb,var(--bg-tertiary)40%,transparent)0%,transparent 50%),var(--bg-primary)}}}#landing-root a{color:inherit}.fade-in{animation:.5s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#auth-modal-content button[aria-label=Close]{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;background:0 0;border:none}#auth-modal-content input:-webkit-autofill{caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important}#auth-modal-content input:-webkit-autofill:hover{caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important}#auth-modal-content input:-webkit-autofill:focus{caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important}#auth-modal-content textarea:-webkit-autofill{caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important}#auth-modal-content textarea:-webkit-autofill:hover{caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important}#auth-modal-content textarea:-webkit-autofill:focus{caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important}#auth-modal-content select:-webkit-autofill{caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important}#auth-modal-content select:-webkit-autofill:hover{caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important}#auth-modal-content select:-webkit-autofill:focus{caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.deck-page{max-width:960px;margin:0 auto;padding:0 20px 60px}.deck-hero-section{position:relative;border-radius:0;padding:24px 0 28px;margin-bottom:0;overflow:hidden;background:transparent;border:none}.deck-hero-glow{position:absolute;top:-40%;right:-30%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);pointer-events:none;animation:deck-glow-drift 12s ease-in-out infinite alternate}@keyframes deck-glow-drift{0%{transform:translate(0) scale(1);opacity:.6}to{transform:translate(-40px,30px) scale(1.1);opacity:1}}.deck-hero-inner{position:relative;display:flex;flex-direction:column;gap:0}.deck-hero-content{position:relative;z-index:1}.deck-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:999px;font-size:.73rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#10b981;background:#10b98114;border:1px solid rgba(16,185,129,.2)}.deck-pill-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:deck-dot-pulse 2s ease-in-out infinite}@keyframes deck-dot-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.deck-hero-title{margin:14px 0 10px;font-size:clamp(1.55rem,4.5vw,2.6rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;color:var(--text-primary)}.deck-hero-lead{margin:0 0 14px;font-size:.95rem;line-height:1.6;color:var(--text-secondary);max-width:56ch}.deck-hero-lead strong{color:var(--text-primary);font-weight:600}.deck-stats-ribbon{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.deck-ribbon-stat{font-size:.82rem;color:var(--text-secondary);font-weight:500}.deck-ribbon-stat strong{color:var(--text-primary);font-weight:700}.deck-ribbon-sep{color:var(--text-muted);font-size:.7rem}.deck-hero-price-block{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.deck-hero-price{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.deck-hero-price-note{font-size:.88rem;color:var(--text-muted);font-weight:500}.deck-hero-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.deck-buy-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb59,0 1px 3px #0000001a}.deck-buy-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73,0 2px 6px #0000001f}.deck-buy-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.deck-buy-btn i,.deck-buy-btn svg{width:18px;height:18px}.deck-download-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98159,0 1px 3px #0000001a}.deck-download-btn:hover{box-shadow:0 6px 20px #10b98173,0 2px 6px #0000001f}.deck-signin-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.deck-signin-btn:hover{background:var(--bg-hover);border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.deck-status-msg{margin-top:10px;min-height:1.2em;font-size:.88rem;color:var(--text-secondary)}.deck-status-msg[data-state=success]{color:var(--success)}.deck-status-msg[data-state=error]{color:var(--error)}.deck-update-label{margin-top:4px;font-size:.82rem;color:var(--text-muted);font-weight:600}.deck-trust-row{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.deck-trust-item{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--text-muted);font-weight:500}.deck-trust-item i,.deck-trust-item svg{width:14px;height:14px;color:#10b981}.deck-hero-visual{display:none;align-items:center;justify-content:center}.deck-card-stack{position:relative;width:240px;height:290px;perspective:800px}.deck-card-mock{position:absolute;width:220px;border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);transition:transform .4s ease,box-shadow .4s ease}.deck-card-mock--back{top:0;left:50%;transform:translate(-50%) rotate(-6deg) scale(.88);z-index:1;height:160px;opacity:.6}.deck-card-mock--mid{top:20px;left:50%;transform:translate(-50%) rotate(-2deg) scale(.94);z-index:2;height:160px;opacity:.8}.deck-card-mock--front{top:45px;left:50%;transform:translate(-50%) rotate(1deg);z-index:3;height:190px;gap:6px;box-shadow:0 12px 30px #0000001f,0 4px 8px #0000000f}.deck-card-stack:hover .deck-card-mock--front{transform:translate(-50%) rotate(0) translateY(-4px);box-shadow:0 16px 40px #00000026,0 6px 12px #00000014}.deck-card-stack:hover .deck-card-mock--mid{transform:translate(-50%) rotate(-3deg) scale(.94) translateY(-2px)}.deck-mock-level{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:2px 10px;border-radius:999px}.deck-mock-label{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.deck-mock-sub{font-size:.85rem;color:var(--text-muted);font-weight:500}.deck-mock-audio{font-size:1.1rem;opacity:.5}.deck-stats-bar{display:none;align-items:center;justify-content:center;gap:0;margin:32px 0;padding:22px 28px;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);flex-wrap:wrap}.deck-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 28px;flex:1 1 auto;min-width:110px}.deck-stat-num{font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.deck-stat-label{font-size:.78rem;color:var(--text-muted);text-align:center;font-weight:500;white-space:nowrap}.deck-stat-divider{width:1px;height:36px;background:var(--border-primary);flex-shrink:0}.deck-section-title{font-size:1.35rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary);margin:0 0 6px}.deck-section-sub{margin:0 0 16px;color:var(--text-secondary);font-size:.92rem}.deck-about-anki{margin-bottom:32px}.deck-about-anki-inner{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:14px;background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.deck-about-anki-icon{width:40px;height:40px;min-width:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.deck-about-anki-icon i,.deck-about-anki-icon svg{width:20px;height:20px}.deck-about-anki-body h3{margin:0 0 4px;font-size:1.02rem;font-weight:700;color:var(--text-primary)}.deck-about-anki-body p{margin:0;font-size:.88rem;line-height:1.6;color:var(--text-secondary)}.deck-about-anki-body a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent);transition:border-color .2s ease}.deck-about-anki-body a:hover{border-color:var(--accent)}.deck-about-anki-body strong{color:var(--text-primary);font-weight:600}.deck-editions{margin-bottom:36px}.deck-editions-grid{display:grid;grid-template-columns:1fr;gap:10px}.deck-edition-card{padding:16px 18px;border-radius:14px;background:var(--bg-secondary);border:1px solid var(--border-primary);display:flex;align-items:center;gap:14px;transition:all .25s ease;box-shadow:var(--shadow-sm)}.deck-edition-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 4px 20px #2563eb14;transform:translateY(-1px)}.deck-edition-icon{width:40px;height:40px;min-width:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0}.deck-edition-icon span{font-size:.75rem;font-weight:800;letter-spacing:.04em;color:#fff}.deck-edition-icon i,.deck-edition-icon svg{width:20px;height:20px;color:#fff}.deck-edition-icon--en{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 3px 10px #2563eb4d}.deck-edition-icon--ar{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 3px 10px #0596694d}.deck-edition-icon--bi{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 3px 10px #7c3aed4d}.deck-edition-card h4{margin:0;font-size:.92rem;font-weight:700;color:var(--text-primary)}.deck-edition-card p{margin:2px 0 0;font-size:.82rem;color:var(--text-secondary);line-height:1.4}.deck-features{margin-bottom:36px}.deck-features-grid{display:grid;grid-template-columns:1fr;gap:10px}.deck-feature{display:flex;gap:12px;padding:14px 16px;border-radius:12px;background:transparent;border:none;transition:background .2s ease}.deck-feature:hover{background:var(--bg-secondary)}.deck-feature-icon{width:36px;height:36px;min-width:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}.deck-feature-icon i,.deck-feature-icon svg{width:18px;height:18px}.deck-feature h4{margin:0 0 2px;font-size:.9rem;font-weight:700;color:var(--text-primary)}.deck-feature p{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.deck-audience{margin-bottom:36px}.deck-audience-list{display:grid;gap:6px}.deck-audience-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:transparent;border:none;font-size:.9rem;color:var(--text-secondary);transition:background .2s ease}.deck-audience-item:hover{background:var(--bg-secondary)}.deck-audience-item strong{color:var(--text-primary)}.deck-check{width:24px;height:24px;min-width:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b98140}.deck-bottom-cta{border-radius:18px;padding:36px 24px;text-align:center;background:linear-gradient(135deg,#2563eb12,#10b9810d),var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.deck-bottom-cta-inner h3{margin:0 0 6px;font-size:1.35rem;font-weight:800;color:var(--text-primary)}.deck-bottom-cta-inner p{margin:0 0 14px;color:var(--text-secondary);font-size:.98rem}.deck-bottom-cta .deck-hero-price-block{justify-content:center;margin-bottom:4px}.deck-bottom-cta .deck-hero-actions{justify-content:center}.deck-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:900;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.deck-sticky-bar.is-visible{transform:translateY(0);pointer-events:auto}.deck-sticky-bar-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;padding-bottom:calc(10px + var(--app-safe-area-bottom, env(safe-area-inset-bottom, 0px)));background:var(--bg-secondary);border-top:1px solid var(--border-primary);box-shadow:0 -4px 20px #0000001a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.deck-sticky-bar-info{display:flex;flex-direction:column;gap:1px}.deck-sticky-bar-title{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.deck-sticky-bar-price{font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.deck-sticky-bar-btn{padding:10px 24px;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 3px 12px #2563eb59;transition:all .2s ease}.deck-sticky-bar-btn:hover{box-shadow:0 5px 18px #2563eb73;transform:translateY(-1px)}@media (min-width:801px){.deck-hero-section{border-radius:22px;padding:44px 36px 48px;background:linear-gradient(135deg,rgba(37,99,235,.06) 0%,transparent 50%),linear-gradient(225deg,rgba(16,185,129,.05) 0%,transparent 50%),var(--bg-secondary);border:1px solid var(--border-primary)}.deck-hero-inner{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:center}.deck-hero-visual{display:flex}.deck-stats-ribbon{display:none}.deck-stats-bar{display:flex}.deck-sticky-bar{display:none}.deck-hero-title{font-size:clamp(1.8rem,3.5vw,2.6rem)}.deck-features-grid{grid-template-columns:repeat(2,1fr);gap:14px}.deck-feature{padding:18px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px}.deck-editions-grid{grid-template-columns:repeat(3,1fr);gap:14px}.deck-edition-card{flex-direction:column;text-align:center;padding:24px 20px}.deck-edition-icon{margin-bottom:8px}.deck-bottom-cta{padding:44px 36px}}@media (max-width:480px){.deck-page{padding:0 14px 40px}.deck-hero-title{font-size:1.45rem}.deck-hero-price{font-size:1.8rem}.deck-buy-btn{width:100%;justify-content:center}}:root{--routine-accent: #d97706;--routine-accent-rgb: 217, 119, 6;--routine-accent-hover: #b45309;--routine-accent-soft: #fef3c7;--routine-accent-softer: #fffbeb;--routine-accent-glow: rgba(217, 119, 6, .25);--routine-bg: #fdfaf5;--routine-surface: #ffffff;--routine-surface-alt: #faf7f2;--routine-border: #ede5d4;--routine-border-light: #f5efe3;--routine-text: #1c1917;--routine-text-secondary: #78716c;--routine-text-muted: #a8a29e;--routine-success: #16a34a;--routine-success-soft: #dcfce7;--routine-danger: #ef4444;--routine-easy: #748f32;--routine-easy-soft: #f4f9e5;--routine-font-display: "Fraunces", Georgia, "Times New Roman", serif;--routine-radius: 16px;--routine-radius-sm: 10px;--routine-radius-xs: 6px;--routine-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--routine-shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--routine-shadow-lg: 0 10px 30px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--routine-transition: .3s cubic-bezier(.4, 0, .2, 1);--routine-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--routine-transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}html[data-theme-effective=dark],[data-theme=dark]{--routine-accent: #f59e0b;--routine-accent-rgb: 245, 158, 11;--routine-accent-hover: #d97706;--routine-accent-soft: #451a03;--routine-accent-softer: #1c1917;--routine-accent-glow: rgba(245, 158, 11, .2);--routine-bg: #0f0e0d;--routine-surface: #1c1917;--routine-surface-alt: #231f1c;--routine-border: #3d3530;--routine-border-light: #2d2622;--routine-text: #fafaf9;--routine-text-secondary: #a8a29e;--routine-text-muted: #78716c;--routine-success: #22c55e;--routine-success-soft: #052e16;--routine-easy: #d3e77c;--routine-easy-soft: #293014;--routine-shadow: 0 1px 3px rgba(0, 0, 0, .3);--routine-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--routine-shadow-lg: 0 10px 30px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--routine-accent: #f59e0b;--routine-accent-rgb: 245, 158, 11;--routine-accent-hover: #d97706;--routine-accent-soft: #451a03;--routine-accent-softer: #1c1917;--routine-accent-glow: rgba(245, 158, 11, .2);--routine-bg: #0f0e0d;--routine-surface: #1c1917;--routine-surface-alt: #231f1c;--routine-border: #3d3530;--routine-border-light: #2d2622;--routine-text: #fafaf9;--routine-text-secondary: #a8a29e;--routine-text-muted: #78716c;--routine-success: #22c55e;--routine-success-soft: #052e16;--routine-easy: #d3e77c;--routine-easy-soft: #293014;--routine-shadow: 0 1px 3px rgba(0, 0, 0, .3);--routine-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--routine-shadow-lg: 0 10px 30px rgba(0, 0, 0, .5)}}.routine-cta{margin:0 0 20px;border-radius:var(--routine-radius);overflow:hidden;position:relative}.routine-cta-card{display:flex;align-items:center;gap:20px;padding:24px 28px;background:linear-gradient(135deg,rgba(245,158,11,.12) 0%,var(--bg-secondary) 55%,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:var(--routine-radius);cursor:pointer;transition:transform var(--routine-transition),box-shadow var(--routine-transition);position:relative;overflow:hidden}.routine-cta-card:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(245,158,11,.18) 0%,transparent 70%);pointer-events:none}.routine-cta-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0f172a1f}.routine-cta-card:active{transform:translateY(0)}.routine-cta-icon{flex-shrink:0;width:56px;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f59e0b40,#f59e0b0d);border:1px solid rgba(245,158,11,.35);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 12px #0f172a1f;position:relative;border-radius:10px}.routine-cta-icon:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:17px;background:linear-gradient(135deg,rgba(245,158,11,.2),transparent);z-index:-1;animation:routine-cta-glow 2s ease-in-out infinite}.routine-cta-flag{width:30px;height:20px;border-radius:4px;background:linear-gradient(to bottom,#000,#000 33.33%,#d00 33.33%,#d00 66.66%,#ffce00 66.66%,#ffce00);box-shadow:0 2px 6px #0003}.routine-cta-body{flex:1;min-width:0}.routine-cta-title{font-family:var(--routine-font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.routine-cta-desc{font-size:.875rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.4}.routine-cta-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--text-secondary)}.routine-cta-streak{display:inline-flex;align-items:center;gap:4px;font-weight:600;background:#f59e0b1f;padding:2px 10px;border-radius:100px}.routine-cta-streak .fire{animation:routine-fire-pulse 1s ease-in-out infinite}.routine-cta-btn{flex-shrink:0;padding:10px 22px;background:linear-gradient(135deg,#f59e0b,#e08b00);color:#1f2937;border:1px solid rgba(245,158,11,.45);border-radius:999px;font-weight:600;font-size:.9rem;letter-spacing:.01em;cursor:pointer;transition:all var(--routine-transition);white-space:nowrap;box-shadow:0 2px 8px #0f172a1f}.routine-cta-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #0f172a29;transform:translateY(-1px)}.routine-cta-actions{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.routine-cta-btn-secondary{background:var(--routine-surface);color:var(--routine-text-secondary);border:1px solid var(--routine-border);box-shadow:none}.routine-cta-btn-secondary:hover{background:var(--routine-surface-alt);color:var(--routine-text);border-color:var(--routine-border)}html[data-theme-effective=dark] .routine-cta-card,[data-theme=dark] .routine-cta-card{background:linear-gradient(135deg,rgba(245,158,11,.18) 0%,var(--bg-secondary) 55%,var(--bg-tertiary) 100%);border-color:var(--border-primary)}html[data-theme-effective=dark] .routine-cta-card:before,[data-theme=dark] .routine-cta-card:before{background:radial-gradient(circle,rgba(245,158,11,.08) 0%,transparent 70%)}html[data-theme-effective=dark] .routine-cta-title,[data-theme=dark] .routine-cta-title{color:var(--text-primary)}html[data-theme-effective=dark] .routine-cta-desc,[data-theme=dark] .routine-cta-desc,html[data-theme-effective=dark] .routine-cta-meta,[data-theme=dark] .routine-cta-meta{color:var(--text-secondary)}html[data-theme-effective=dark] .routine-cta-streak,[data-theme=dark] .routine-cta-streak{background:#f59e0b2e}html[data-theme-effective=dark] .routine-cta-btn-secondary,[data-theme=dark] .routine-cta-btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .routine-cta-title{color:var(--text-primary)}:root:not([data-theme=light]) .routine-cta-desc{color:var(--text-secondary)}:root:not([data-theme=light]) .routine-cta-meta{color:var(--text-secondary)}:root:not([data-theme=light]) .routine-cta-streak{background:#f59e0b2e}}.routine-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;background:var(--routine-bg);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;overflow:hidden}.routine-overlay.active{opacity:1;visibility:visible}.routine-topbar{display:flex;align-items:center;padding:12px 20px;gap:16px;border-bottom:1px solid var(--routine-border);background:var(--routine-surface);flex-shrink:0;z-index:10;position:relative}.routine-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--routine-border);background:var(--routine-surface);color:var(--routine-text-secondary);cursor:pointer;transition:all var(--routine-transition-fast);flex-shrink:0}.routine-close-btn:hover{background:var(--routine-accent-soft);color:var(--routine-accent);border-color:var(--routine-accent)}.routine-topbar-title{font-family:var(--routine-font-display);font-size:1.05rem;font-weight:600;color:var(--routine-text);flex-shrink:0;display:none}.routine-progress{display:flex;align-items:center;gap:6px;flex:1;max-width:600px;margin:0 auto}.routine-progress-segment{flex:1;height:6px;border-radius:3px;background:var(--routine-border);position:relative;overflow:hidden;transition:background var(--routine-transition);cursor:pointer}.routine-progress-segment.completed{background:var(--routine-accent)}.routine-progress-segment.current{background:var(--routine-border)}.routine-progress-segment.current:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--routine-accent),var(--routine-accent-hover));border-radius:3px;width:50%;animation:routine-progress-pulse 2s ease-in-out infinite}.routine-progress-segment.skipped{background:var(--routine-border);opacity:.5}.routine-progress-segment.current.skipped,.routine-progress-segment.current.completed{opacity:1}.routine-progress-labels{display:flex;align-items:center;gap:6px;flex-shrink:0;max-width:600px;margin:4px auto 0;padding:0 20px;width:100%;box-sizing:border-box}.routine-progress-label{flex:1;text-align:center;font-size:.65rem;font-weight:500;color:var(--routine-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--routine-transition)}.routine-progress-label.current{color:var(--routine-accent);font-weight:600}.routine-progress-label.completed{color:var(--routine-success)}.routine-progress-label.current.completed{color:var(--routine-accent)}.routine-streak-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;background:var(--routine-accent-soft);color:var(--routine-accent);font-weight:700;font-size:.85rem;flex-shrink:0;border:1px solid rgba(var(--routine-accent-rgb),.2)}.routine-streak-badge .fire{font-size:1.1rem;animation:routine-fire-pulse 1s ease-in-out infinite}.routine-settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--routine-border);background:var(--routine-surface);color:var(--routine-text-secondary);cursor:pointer;transition:all var(--routine-transition-fast);flex-shrink:0}.routine-settings-btn:hover{background:var(--routine-accent-soft);color:var(--routine-accent)}.routine-steps-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.routine-step{display:none;padding:0}.routine-step.active{display:block}.routine-step-forward{animation:routine-step-enter .4s ease-out}.routine-step-reverse{animation:routine-step-enter-reverse .4s ease-out}.routine-step-header{padding:32px 24px 24px;text-align:center;flex-shrink:0}.routine-step-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover));color:#fff;font-weight:700;font-size:1rem;margin:0 auto 12px;box-shadow:0 2px 8px var(--routine-accent-glow)}.routine-step-title{font-family:var(--routine-font-display);font-size:1.5rem;font-weight:600;color:var(--routine-text);margin:0 0 8px;line-height:1.3}.routine-step-guidance{font-size:.9rem;color:var(--routine-text-secondary);max-width:560px;margin:0 auto;line-height:1.5}.routine-step-content{flex:1;padding:0 24px 24px;max-width:1320px;margin:0 auto;width:100%;box-sizing:border-box}#routine-vocab-content.routine-step-content,#routine-story-content.routine-step-content,#routine-practice-content.routine-step-content{max-width:1400px;padding-left:14px;padding-right:14px}.routine-setup{max-width:640px;margin:0 auto;width:100%}.routine-setup-section{margin-bottom:32px}.routine-setup-section-title{font-family:var(--routine-font-display);font-size:1.1rem;font-weight:500;color:var(--routine-text);margin:0 0 16px;text-align:center}.routine-level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.routine-level-card{display:flex;flex-direction:column;align-items:center;padding:16px 8px;border-radius:var(--routine-radius-sm);border:2px solid var(--routine-border);background:var(--routine-surface);cursor:pointer;transition:all var(--routine-transition);text-align:center}.routine-level-card:hover{border-color:var(--routine-accent);background:var(--routine-accent-softer);transform:translateY(-2px);box-shadow:var(--routine-shadow-md)}.routine-level-card.selected{border-color:var(--routine-accent);background:var(--routine-accent-soft);box-shadow:0 0 0 3px var(--routine-accent-glow)}.routine-level-card-name{font-weight:700;font-size:1.1rem;color:var(--routine-text);margin-bottom:2px}.routine-level-card-label{font-size:.7rem;color:var(--routine-text-secondary);margin-bottom:6px}.routine-level-card-count{font-size:.68rem;color:var(--routine-text-muted);background:var(--routine-border-light);padding:2px 8px;border-radius:100px}.routine-level-card.selected .routine-level-card-name{color:var(--routine-accent-hover)}.routine-level-card.selected .routine-level-card-count{background:rgba(var(--routine-accent-rgb),.15);color:var(--routine-accent)}.routine-wordcount-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.routine-wordcount-card{display:flex;flex-direction:column;align-items:center;padding:16px 8px 14px;border-radius:var(--routine-radius-sm);border:2px solid var(--routine-border);background:var(--routine-surface);cursor:pointer;transition:all var(--routine-transition);text-align:center}.routine-wordcount-card:hover{border-color:var(--routine-accent);background:var(--routine-accent-softer);transform:translateY(-2px);box-shadow:var(--routine-shadow-md)}.routine-wordcount-card.selected{border-color:var(--routine-accent);background:var(--routine-accent-soft);box-shadow:0 0 0 3px var(--routine-accent-glow)}.routine-wordcount-emoji{font-size:1.5rem;margin-bottom:6px}.routine-wordcount-number{font-weight:700;font-size:1.3rem;color:var(--routine-text);margin-bottom:2px}.routine-wordcount-label{font-size:.72rem;font-weight:500;color:var(--routine-text-secondary);margin-bottom:4px}.routine-wordcount-time{font-size:.65rem;color:var(--routine-text-muted)}.routine-wordcount-card.selected .routine-wordcount-number{color:var(--routine-accent-hover)}.routine-estimate{text-align:center;padding:16px 20px;border-radius:var(--routine-radius-sm);background:var(--routine-accent-softer);border:1px solid var(--routine-border-light);margin-top:8px}.routine-estimate-text{font-size:.9rem;color:var(--routine-text-secondary);margin:0;line-height:1.5}.routine-estimate-text strong{color:var(--routine-accent);font-weight:600}.routine-setup-continue{display:block;width:100%;max-width:320px;margin:32px auto 0;padding:16px 32px;background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover));color:#fff;border:none;border-radius:var(--routine-radius-sm);font-family:var(--routine-font-display);font-weight:600;font-size:1.1rem;cursor:pointer;transition:all var(--routine-transition);box-shadow:0 4px 16px var(--routine-accent-glow)}.routine-setup-continue:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--routine-accent-glow)}.routine-setup-continue:active{transform:translateY(0)}.routine-setup-continue:disabled{opacity:.5;cursor:not-allowed;transform:none}.routine-resume-info{text-align:center;margin-top:16px;padding:12px 16px;border-radius:var(--routine-radius-xs);background:var(--routine-success-soft);border:1px solid var(--routine-success);color:var(--routine-success);font-size:.85rem;font-weight:500}.routine-bottombar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--routine-border);background:var(--routine-surface);flex-shrink:0;gap:12px;z-index:10}.routine-finish-banner{display:none;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;border-top:1px solid var(--routine-border);border-bottom:1px solid var(--routine-border);background:var(--routine-accent-softer);color:var(--routine-text-secondary);font-size:.78rem;line-height:1.35}.routine-finish-banner-text{min-width:0}.routine-finish-banner-close{border:1px solid var(--routine-border);background:transparent;color:var(--routine-text-muted);width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;font-size:.95rem;flex-shrink:0}.routine-finish-banner-close:hover{color:var(--routine-text);border-color:rgba(var(--routine-accent-rgb),.35);background:var(--routine-surface)}.routine-bottombar-left,.routine-bottombar-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.routine-bottombar-center{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0}.routine-bottom-dot{width:8px;height:8px;border-radius:50%;background:var(--routine-border);transition:all var(--routine-transition)}.routine-bottom-dot.completed{background:var(--routine-accent)}.routine-bottom-dot.current{background:var(--routine-accent);box-shadow:0 0 0 3px var(--routine-accent-glow);transform:scale(1.2)}.routine-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--routine-radius-xs);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--routine-transition-fast);border:1px solid transparent}.routine-btn-secondary{background:var(--routine-surface);color:var(--routine-text-secondary);border-color:var(--routine-border)}.routine-btn-secondary:hover{background:var(--routine-surface-alt);color:var(--routine-text)}.routine-btn-primary{background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover));color:#fff;border-color:transparent;box-shadow:0 2px 8px var(--routine-accent-glow)}.routine-btn-primary:hover{box-shadow:0 4px 16px var(--routine-accent-glow);transform:translateY(-1px)}.routine-btn-skip{background:transparent;color:var(--routine-text-muted);border:none;padding:10px 14px;font-size:.8rem}.routine-btn-skip:hover{color:var(--routine-text-secondary)}.routine-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.routine-bottom-complete-btn{width:100%;max-width:360px;justify-content:center;white-space:normal;overflow:hidden;text-overflow:ellipsis;background:var(--routine-success-soft);color:var(--routine-success);border:1px solid var(--routine-success);box-shadow:none;display:inline-flex;flex-direction:column;gap:2px;line-height:1.2;padding:10px 12px}.routine-bottom-complete-label{font-weight:700}.routine-bottom-complete-hint{font-size:.72rem;font-weight:500;opacity:.92}.routine-bottom-complete-btn:hover,.routine-bottom-complete-btn.completed{background:var(--routine-success);color:#fff;border-color:var(--routine-success)}.routine-bottom-complete-btn.completed:disabled{opacity:1}.routine-bottom-complete-btn:disabled:not(.completed){opacity:.62}.routine-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;min-height:60vh}.routine-complete-streak{position:relative;margin-bottom:24px}.routine-complete-streak-number{font-family:var(--routine-font-display);font-size:4rem;font-weight:700;color:var(--routine-accent);line-height:1;position:relative}.routine-complete-streak-fire{font-size:3rem;display:block;margin-bottom:8px;animation:routine-fire-bounce .6s ease-out}.routine-complete-streak-label{font-size:.9rem;color:var(--routine-text-secondary);font-weight:500}.routine-complete-title{font-family:var(--routine-font-display);font-size:1.8rem;font-weight:600;color:var(--routine-text);margin:0 0 8px}.routine-complete-subtitle{font-size:1rem;color:var(--routine-text-secondary);margin:0 0 32px}.routine-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:420px;width:100%;margin-bottom:32px}.routine-stat-card{padding:16px;border-radius:var(--routine-radius-sm);background:var(--routine-surface);border:1px solid var(--routine-border)}.routine-stat-value{font-family:var(--routine-font-display);font-size:1.5rem;font-weight:700;color:var(--routine-accent);margin-bottom:4px}.routine-stat-label{font-size:.75rem;color:var(--routine-text-muted);text-transform:uppercase;letter-spacing:.05em}.routine-calendar{display:flex;align-items:center;gap:4px;margin-bottom:32px}.routine-calendar-day{width:28px;height:28px;border-radius:6px;background:var(--routine-border-light);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:500;color:var(--routine-text-muted);transition:all var(--routine-transition)}.routine-calendar-day.active{background:var(--routine-accent);color:#fff;font-weight:700}.routine-calendar-day.today{border:2px solid var(--routine-accent)}.routine-complete-done-btn{padding:14px 40px;background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover));color:#fff;border:none;border-radius:var(--routine-radius-sm);font-family:var(--routine-font-display);font-weight:600;font-size:1.05rem;cursor:pointer;transition:all var(--routine-transition);box-shadow:0 4px 16px var(--routine-accent-glow)}.routine-complete-done-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--routine-accent-glow)}.routine-settings-panel{position:fixed;top:0;right:0;width:min(400px,90vw);height:100%;background:var(--routine-surface);border-left:1px solid var(--routine-border);z-index:9600;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;box-shadow:-8px 0 24px #0000001a;scrollbar-width:thin}html[data-theme-effective=dark] .routine-settings-panel,[data-theme=dark] .routine-settings-panel{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.06)}.routine-settings-panel.open{transform:translate(0)}.routine-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9590;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.routine-settings-backdrop.open{opacity:1;visibility:visible}.routine-settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--routine-border)}.routine-settings-title{font-family:var(--routine-font-display);font-size:1.2rem;font-weight:600;color:var(--routine-text)}.routine-settings-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--routine-border);background:var(--routine-surface);color:var(--routine-text-secondary);cursor:pointer}.routine-settings-body{padding:20px}.routine-step-list{list-style:none;padding:0;margin:0}.routine-step-list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--routine-radius-xs);border:1px solid var(--routine-border);margin-bottom:8px;background:var(--routine-surface);transition:all var(--routine-transition-fast);cursor:grab}.routine-step-list-item:hover{background:var(--routine-surface-alt)}.routine-step-list-item.dragging{opacity:.5;background:var(--routine-accent-soft)}.routine-step-list-drag{color:var(--routine-text-muted);cursor:grab}.routine-step-list-name{flex:1;font-size:.9rem;font-weight:500;color:var(--routine-text)}.routine-step-list-toggle{position:relative;width:40px;height:22px;border-radius:11px;background:var(--routine-border);border:none;cursor:pointer;transition:background var(--routine-transition-fast)}.routine-step-list-toggle.on{background:var(--routine-accent)}.routine-step-list-toggle.disabled,.routine-step-list-toggle:disabled{opacity:.55;cursor:not-allowed;background:var(--routine-border)}.routine-step-list-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--routine-transition-fast);box-shadow:0 1px 3px #0003}.routine-step-list-toggle.on:after{transform:translate(18px)}.routine-confetti-piece{position:fixed;width:8px;height:12px;pointer-events:none;z-index:10001;border-radius:2px;opacity:0;animation:routine-confetti-fall 3.5s ease-in forwards;animation-delay:var(--delay, 0s)}.routine-step-content .level-selector-container{display:none}.routine-step-content .navigation{margin-top:16px}.routine-step-content .navigation-tip,.routine-step-content .interaction-tip{display:none}.routine-step-content .vocab-actions{margin-bottom:16px}.routine-story-container{background:var(--routine-surface);border:1px solid var(--routine-border);border-radius:var(--routine-radius);overflow:hidden}.routine-story-container .stories-controls{border-bottom:1px solid var(--routine-border)}.routine-story-container .page-title{display:none}.routine-step-content .study-header{margin-bottom:8px}.routine-step-content #exit-study{display:none}.routine-step-content .study-complete{margin-top:20px}.routine-practice-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.routine-practice-card{padding:24px;border-radius:var(--routine-radius);border:2px solid var(--routine-border);background:var(--routine-surface);cursor:pointer;transition:all var(--routine-transition);text-align:center}.routine-practice-card:hover{border-color:var(--routine-accent);background:var(--routine-accent-softer);transform:translateY(-2px);box-shadow:var(--routine-shadow-md)}.routine-practice-card-icon{font-size:2rem;margin-bottom:12px}.routine-practice-card-title{font-family:var(--routine-font-display);font-size:1.05rem;font-weight:600;color:var(--routine-text);margin-bottom:6px}.routine-practice-card-desc{font-size:.8rem;color:var(--routine-text-secondary);line-height:1.4}.routine-list-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:24px}.routine-list-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--routine-radius-sm);border:2px solid var(--routine-border);background:var(--routine-surface);cursor:pointer;transition:all var(--routine-transition)}.routine-list-card:hover{border-color:var(--routine-accent);background:var(--routine-accent-softer)}.routine-list-card.selected{border-color:var(--routine-accent);background:var(--routine-accent-soft)}.routine-list-card-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--routine-border);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:transparent;transition:all var(--routine-transition-fast);flex-shrink:0}.routine-list-card.selected .routine-list-card-check{border-color:var(--routine-accent);background:var(--routine-accent);color:#fff}.routine-list-card-name{font-weight:500;font-size:.9rem;color:var(--routine-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.routine-list-card-count{font-size:.75rem;color:var(--routine-text-muted)}.routine-review-start-btn{display:block;margin:0 auto;padding:12px 32px;background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover));color:#fff;border:none;border-radius:var(--routine-radius-xs);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--routine-transition);box-shadow:0 2px 8px var(--routine-accent-glow)}.routine-review-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--routine-accent-glow)}.routine-review-start-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.routine-empty-state{text-align:center;padding:48px 24px;color:var(--routine-text-muted)}.routine-empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.routine-empty-state-text{font-size:.95rem;margin-bottom:16px;color:var(--routine-text-secondary)}.routine-mark-complete{display:none!important}.routine-mark-complete-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:var(--routine-radius-xs);background:var(--routine-success-soft);color:var(--routine-success);border:1px solid var(--routine-success);font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--routine-transition-fast)}.routine-mark-complete-btn:hover{background:var(--routine-success);color:#fff}.routine-mark-complete-btn.completed{background:var(--routine-success);color:#fff;pointer-events:none}.routine-step-timer{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--routine-text-muted);margin-top:8px}@keyframes routine-cta-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes routine-fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes routine-fire-bounce{0%{transform:scale(.3) translateY(20px);opacity:0}50%{transform:scale(1.2) translateY(-5px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes routine-step-enter{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes routine-step-enter-reverse{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes routine-progress-pulse{0%,to{width:40%;opacity:.7}50%{width:70%;opacity:1}}@keyframes routine-confetti-fall{0%{transform:translateY(-20px) rotate(0) scale(1);opacity:1}25%{opacity:1}to{transform:translateY(100vh) rotate(var(--rotation, 720deg)) scale(.5);opacity:0}}@keyframes routine-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes routine-fade-in{0%{opacity:0}to{opacity:1}}@keyframes routine-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}body.routine-open #typing-test-modal,body.routine-open #article-quiz-modal,body.routine-open #auth-modal,body.routine-open #confirm-modal,body.routine-open #pricing-view.pricing-overlay,body.routine-open .modal,body.routine-open #typing-test-modal .modal-overlay,body.routine-open #article-quiz-modal .modal-overlay,body.routine-open #typing-test-modal .modal-content,body.routine-open #article-quiz-modal .modal-content,body.routine-open #auth-modal .modal-content,body.routine-open #confirm-modal .modal-content,body.routine-open #pricing-view.pricing-overlay .pricing-shell,body.routine-open .modal .modal-content{z-index:12000!important}.routine-fc{max-width:520px;margin:0 auto;text-align:center}.routine-fc-progress{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px;font-size:.85rem;color:var(--routine-text-secondary)}.routine-fc-counter{font-weight:700;font-size:1.1rem;color:var(--routine-text)}.routine-fc-complete{text-align:center;padding:32px 16px}.routine-fc-complete h3{font-family:var(--routine-font-display);font-size:1.5rem;color:var(--routine-text);margin:0 0 8px}.routine-fc-complete p{color:var(--routine-text-secondary);margin:0 0 16px}.routine-fc-complete-icon{font-size:3rem;margin-bottom:12px}.routine-fc-card-wrapper{perspective:1000px;cursor:pointer;margin-bottom:24px}.routine-fc-card{position:relative;width:100%;min-height:240px;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.routine-fc-card.flipped{transform:rotateY(180deg)}.routine-fc-front,.routine-fc-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;border-radius:var(--routine-radius);border:2px solid var(--routine-border);background:var(--routine-surface);box-shadow:var(--routine-shadow-md)}.routine-fc-back{transform:rotateY(180deg)}.routine-fc-lang-label{position:absolute;top:12px;left:16px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--routine-text-muted);background:var(--routine-border-light);padding:2px 8px;border-radius:4px}.routine-fc-text{font-family:var(--routine-font-display);font-size:1.8rem;font-weight:600;color:var(--routine-text);margin-bottom:8px;word-break:break-word;text-align:center}.routine-fc-example{font-size:.85rem;color:var(--routine-text-secondary);line-height:1.4;text-align:center;font-style:italic;margin-top:8px}.routine-fc-tap-hint{font-size:.75rem;color:var(--routine-text-muted);margin-top:12px}.routine-fc-ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;transition:opacity .3s ease}.routine-fc-rate-btn{padding:14px 8px;border-radius:var(--routine-radius-xs);border:1px solid var(--routine-border);background:var(--routine-surface);cursor:pointer;transition:all var(--routine-transition-fast);text-align:center;font-size:.9rem;font-weight:600;color:var(--routine-text)}.routine-fc-rate-btn:hover{transform:translateY(-2px)}.routine-fc-rate-again{border-color:#ef4444}.routine-fc-rate-again:hover{background:#fef2f2}.routine-fc-rate-hard{border-color:#f97316}.routine-fc-rate-hard:hover{background:#fff7ed}.routine-fc-rate-good{border-color:#22c55e}.routine-fc-rate-good:hover{background:#f0fdf4}.routine-fc-rate-easy{border-color:var(--routine-easy)}.routine-fc-rate-easy:hover{background:var(--routine-easy-soft)}html[data-theme-effective=dark] .routine-fc-rate-again:hover,html[data-theme-effective=dark] .routine-fc-rate-hard:hover,html[data-theme-effective=dark] .routine-fc-rate-good:hover,html[data-theme-effective=dark] .routine-fc-rate-easy:hover,[data-theme=dark] .routine-fc-rate-again:hover,[data-theme=dark] .routine-fc-rate-hard:hover,[data-theme=dark] .routine-fc-rate-good:hover,[data-theme=dark] .routine-fc-rate-easy:hover{background:var(--routine-surface-alt)}.routine-fc-stats-pills{display:flex;gap:6px}.routine-fc-pill{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:100px;font-size:.75rem;font-weight:700}.routine-fc-pill-again{background:#fef2f2;color:#dc2626}.routine-fc-pill-hard{background:#fff7ed;color:#ea580c}.routine-fc-pill-good{background:#f0fdf4;color:#16a34a}.routine-fc-pill-easy{background:var(--routine-easy-soft);color:var(--routine-easy)}html[data-theme-effective=dark] .routine-fc-pill-again,[data-theme=dark] .routine-fc-pill-again{background:#451a1a;color:#f87171}html[data-theme-effective=dark] .routine-fc-pill-hard,[data-theme=dark] .routine-fc-pill-hard{background:#431407;color:#fb923c}html[data-theme-effective=dark] .routine-fc-pill-good,[data-theme=dark] .routine-fc-pill-good{background:#052e16;color:#4ade80}html[data-theme-effective=dark] .routine-fc-pill-easy,[data-theme=dark] .routine-fc-pill-easy{background:var(--routine-easy-soft);color:var(--routine-easy)}.routine-fc-final-stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px}.routine-fc-final-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.routine-fc-final-stat-num{font-size:1.5rem;font-weight:700;font-family:var(--routine-font-display);color:var(--routine-text)}.routine-fc-final-stat-label{font-size:.75rem;color:var(--routine-text-muted);text-transform:uppercase;letter-spacing:.05em}.routine-story-reader{background:var(--routine-surface);border:1px solid var(--routine-border);border-radius:var(--routine-radius);overflow:hidden;margin-top:16px}.routine-story-reader-header{padding:16px 20px;border-bottom:1px solid var(--routine-border);background:var(--routine-surface-alt)}.routine-story-reader-header h3{font-family:var(--routine-font-display);font-size:1.15rem;font-weight:600;color:var(--routine-text);margin:0 0 4px}.routine-story-reader-header .story-level{font-size:.75rem;color:var(--routine-accent);font-weight:600}.routine-story-body{padding:20px;line-height:1.8;font-size:1rem;color:var(--routine-text)}.routine-story-body p{margin:0 0 16px}.routine-story-body vocab{color:var(--routine-accent);font-weight:600;cursor:pointer;border-bottom:1px dashed var(--routine-accent)}.routine-story-translation{padding:20px;border-top:1px solid var(--routine-border);background:var(--routine-surface-alt);line-height:1.7;font-size:.9rem;color:var(--routine-text-secondary)}.routine-story-translation p{margin:0 0 12px}.routine-story-grammar{padding:16px 20px;border-top:1px solid var(--routine-border)}.routine-story-grammar h4{font-family:var(--routine-font-display);font-size:.95rem;font-weight:600;color:var(--routine-text);margin:0 0 12px}.routine-story-grammar-point{margin-bottom:10px;font-size:.85rem;color:var(--routine-text-secondary);line-height:1.5}.routine-story-grammar-point strong{color:var(--routine-text)}.routine-story-streaming{padding:20px;line-height:1.8;font-size:1rem;color:var(--routine-text);white-space:pre-wrap}.routine-story-streaming:after{content:"▌";animation:routine-cursor-blink .8s ease-in-out infinite;color:var(--routine-accent)}@keyframes routine-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.routine-practice-content{background:var(--routine-surface);border:1px solid var(--routine-border);border-radius:var(--routine-radius);overflow:hidden}.routine-practice-content-header{padding:16px 20px;border-bottom:1px solid var(--routine-border);background:var(--routine-surface-alt);display:flex;align-items:center;gap:12px}.routine-practice-content-header h3{font-family:var(--routine-font-display);font-size:1.1rem;font-weight:600;color:var(--routine-text);margin:0;flex:1}.routine-practice-body{padding:20px;line-height:1.8;font-size:1rem;color:var(--routine-text)}.routine-practice-body p{margin:0 0 16px}.routine-practice-body h3,.routine-practice-body h4{font-family:var(--routine-font-display);color:var(--routine-text);margin:24px 0 8px}.routine-practice-body h3:first-child,.routine-practice-body h4:first-child{margin-top:0}.routine-generating{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center}.routine-generating-spinner{width:40px;height:40px;border:3px solid var(--routine-border);border-top-color:var(--routine-accent);border-radius:50%;animation:routine-spin .8s linear infinite}@keyframes routine-spin{to{transform:rotate(360deg)}}.routine-generating-text{font-size:.9rem;color:var(--routine-text-secondary)}body.routine-open .routine-embedded-view#flashcard-view{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;min-height:360px;padding:12px;z-index:auto;background:transparent!important;display:flex!important;gap:12px}body.routine-open .routine-embedded-view#flashcard-view #flashcard-container{min-height:260px;flex-grow:0}body.routine-open .routine-embedded-view#flashcard-view .flashcard{height:260px;max-height:280px}body.routine-open .routine-embedded-view#flashcard-view .study-header{grid-template-columns:90px 1fr auto;gap:8px}body.routine-open .routine-embedded-view#flashcard-view .study-stats{gap:6px}body.routine-open .routine-embedded-view#flashcard-view .anki-buttons{gap:8px;margin-top:6px;max-width:720px}body.routine-open .routine-embedded-view#flashcard-view .anki-buttons button{padding:12px;font-size:1rem}body.routine-open .routine-embedded-view#flashcard-view .study-header,body.routine-open .routine-embedded-view#flashcard-view .study-stats,body.routine-open .routine-embedded-view#flashcard-view .flashcard-navigation,body.routine-open .routine-embedded-view#flashcard-view .anki-buttons{max-width:960px;width:100%}body.routine-open .routine-embedded-view#flashcard-view #flashcard-container{width:100%;max-width:960px}body.routine-open #stories-view .page-title,body.routine-open #practice-view .page-title,body.routine-open #stories-view .stories-controls{display:none}body.routine-open #practice-view .practice-section{display:block}body.routine-open #practice-view .tabs{display:flex}.routine-embedded-view{width:100%}body.routine-open .routine-embedded-view.view{opacity:1!important;transform:none!important;transition:none!important}body.routine-open #practice-view .practice-controls{display:grid!important;gap:12px}body.routine-open #practice-view .practice-layout{display:grid!important}body.routine-open #practice-view[data-mobile-view=list] .story-viewer-container{display:block!important}@media (max-width: 900px){body.routine-open #practice-view[data-mobile-view=list] .story-viewer-container,body.routine-open #practice-view[data-mobile-view=detail] .practice-controls,body.routine-open #practice-view[data-mobile-view=detail] .audio-presets{display:none!important}}@media (min-width: 901px){body.routine-open #practice-view[data-mobile-view=detail] .practice-controls{display:grid!important;gap:12px}}.routine-embedded-actions{text-align:center;margin-bottom:16px}.routine-embedded-actions p{margin:8px 0 0}.routine-auth-notice{border:1px solid var(--routine-border);background:var(--routine-surface);border-radius:var(--routine-radius);padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.routine-auth-notice-text{font-size:.9rem;color:var(--routine-text-secondary)}.routine-auth-notice-actions{display:flex;gap:10px;flex-wrap:wrap}.routine-reorder-mobile{display:none}@media (max-width: 900px){.routine-reorder-desktop{display:none}.routine-reorder-mobile{display:inline}}html[data-theme-effective=dark] body.routine-open .routine-steps-wrapper,[data-theme=dark] body.routine-open .routine-steps-wrapper{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.06)}body.routine-open .routine-steps-wrapper{scrollbar-width:thin}body.routine-open .routine-steps-wrapper::-webkit-scrollbar{width:10px}body.routine-open .routine-steps-wrapper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}body.routine-open .routine-steps-wrapper::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}body.routine-open .routine-steps-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff59}@media (max-width: 900px){.routine-topbar{padding:10px 14px;gap:10px}.routine-topbar-title{display:none}.routine-step-header{padding:24px 16px 16px}.routine-step-title{font-size:1.25rem}.routine-step-content{padding:0 16px 16px}#routine-vocab-content.routine-step-content,#routine-story-content.routine-step-content,#routine-practice-content.routine-step-content{padding-left:10px;padding-right:10px}.routine-level-grid{grid-template-columns:repeat(5,1fr);gap:6px}.routine-level-card{padding:12px 4px}.routine-level-card-label{display:none}.routine-wordcount-grid{grid-template-columns:repeat(5,1fr);gap:6px}.routine-wordcount-card{padding:12px 4px}.routine-wordcount-label{font-size:.6rem}.routine-wordcount-time{display:none}.routine-bottombar{padding:10px 12px;gap:8px}.routine-finish-banner{padding:6px 10px;font-size:.72rem}.routine-bottom-complete-btn{max-width:100%;padding:9px 10px;font-size:.78rem}.routine-progress-labels{display:none}.routine-cta-card{flex-direction:column;text-align:center;padding:20px;gap:16px}.routine-cta-btn{width:100%}.routine-cta-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.routine-cta-meta{justify-content:center}}@media (max-width: 480px){.routine-level-grid{grid-template-columns:repeat(5,1fr);gap:4px}.routine-level-card{padding:10px 2px}.routine-level-card-count{display:none}.routine-wordcount-grid{grid-template-columns:repeat(3,1fr);gap:8px}.routine-complete-streak-number{font-size:3rem}.routine-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.routine-stat-value{font-size:1.2rem}.routine-practice-options{grid-template-columns:1fr}}body.routine-open .routine-step-content .vocabulary-container{display:grid!important;gap:10px}body.routine-open .routine-step-content .word-item{background:var(--routine-surface);border:1px solid var(--routine-border);border-radius:var(--routine-radius-sm);padding:16px 72px 22px 20px;box-shadow:none;transition:all var(--routine-transition);position:relative;overflow:visible}body.routine-open .routine-step-content .word-item:before{width:3px;background:var(--routine-border-light);border-radius:3px 0 0 3px;transition:background var(--routine-transition)}body.routine-open .routine-step-content .word-item:hover{border-color:rgba(var(--routine-accent-rgb),.4);box-shadow:var(--routine-shadow);transform:translateY(-1px)}body.routine-open .routine-step-content .word-item:hover:before{background:var(--routine-accent)}body.routine-open .routine-step-content .word-item.word-item-active{z-index:100}body.routine-open .routine-step-content .word-info h3{font-family:var(--routine-font-display);font-size:1.15rem;font-weight:600;color:var(--routine-text);margin:0 0 4px}body.routine-open .routine-step-content .word-info .translation{color:var(--routine-text-secondary);font-size:.92rem;font-weight:400}body.routine-open .routine-step-content .word-info .example{color:var(--routine-text-muted);font-size:.82rem;margin-top:6px;border-left:2px solid rgba(var(--routine-accent-rgb),.3);padding-left:10px;font-style:italic}body.routine-open .routine-step-content .play-button{background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover));color:#fff;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border-radius:10px;border:none;box-shadow:0 2px 6px var(--routine-accent-glow);transition:all var(--routine-transition-fast);margin:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;right:8px;bottom:8px;z-index:2}body.routine-open .routine-step-content .play-button i,body.routine-open .routine-step-content .play-button svg{width:18px;height:18px;display:block;margin:0}body.routine-open .routine-step-content .play-button:hover{transform:scale(1.08);box-shadow:0 4px 12px var(--routine-accent-glow)}body.routine-open .routine-step-content .play-button.premium-tts{background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover))}body.routine-open .routine-step-content .save-icon-container{position:absolute;top:10px;right:10px;z-index:2}body.routine-open .routine-step-content .save-icon{color:var(--routine-text-muted);cursor:pointer;transition:color var(--routine-transition-fast);width:20px;height:20px}body.routine-open .routine-step-content .save-icon:hover{color:var(--routine-accent)}body.routine-open .routine-step-content .save-icon.saved{color:var(--routine-accent);fill:var(--routine-accent)}body.routine-open .routine-step-content .lists-popup{background:var(--routine-surface);border:1px solid var(--routine-border);border-radius:var(--routine-radius-sm);box-shadow:var(--routine-shadow-lg);padding:12px;min-width:200px;z-index:200}body.routine-open .routine-step-content .lists-popup h4{font-family:var(--routine-font-display);font-size:.85rem;font-weight:600;color:var(--routine-text);margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--routine-border-light)}body.routine-open .routine-step-content .lists-popup ul{list-style:none;margin:0;padding:0}body.routine-open .routine-step-content .lists-popup li{padding:8px 10px;border-radius:var(--routine-radius-xs);cursor:pointer;font-size:.85rem;color:var(--routine-text-secondary);transition:all var(--routine-transition-fast)}body.routine-open .routine-step-content .lists-popup li:hover{background:var(--routine-accent-softer);color:var(--routine-text)}body.routine-open .routine-step-content .lists-popup li.saved{color:var(--routine-accent);font-weight:600}body.routine-open .routine-step-content .lists-popup li.saved:before{content:"✓ "}body.routine-open .routine-step-content .lists-popup .new-list-input{width:100%;margin-top:8px;padding:8px 10px;border:1px solid var(--routine-border);border-radius:var(--routine-radius-xs);background:var(--routine-surface-alt);color:var(--routine-text);font-size:.82rem;outline:none;transition:border-color var(--routine-transition-fast);box-sizing:border-box}body.routine-open .routine-step-content .lists-popup .new-list-input:focus{border-color:var(--routine-accent)}body.routine-open .routine-step-content .lists-popup .premium-upsell{font-size:.78rem;color:var(--routine-text-muted)}body.routine-open .routine-step-content .lists-popup .premium-upsell a{color:var(--routine-accent);text-decoration:none;font-weight:600}body.routine-open .routine-step-content .vocab-actions{display:flex;gap:10px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}body.routine-open .routine-step-content .vocab-actions .btn{background:var(--routine-surface);color:var(--routine-text-secondary);border:1px solid var(--routine-border);border-radius:var(--routine-radius-xs);padding:10px 18px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--routine-transition-fast);display:inline-flex;align-items:center;gap:6px}body.routine-open .routine-step-content .vocab-actions .btn:hover{background:var(--routine-accent-softer);border-color:rgba(var(--routine-accent-rgb),.3);color:var(--routine-accent)}body.routine-open .routine-embedded-view#stories-view{border-radius:var(--routine-radius);overflow:hidden}body.routine-open #stories-view .stories-section{margin:0;padding:0}body.routine-open #stories-view .stories-layout{border:none;box-shadow:none}body.routine-open #stories-view .stories-sidebar{background:var(--routine-surface);border-color:var(--routine-border);border-radius:var(--routine-radius-sm)}body.routine-open #stories-view .stories-sidebar-header{padding:14px 16px;border-bottom:1px solid var(--routine-border-light)}body.routine-open #stories-view .stories-sidebar-header h3{font-family:var(--routine-font-display);font-size:.95rem;font-weight:600;color:var(--routine-text)}body.routine-open #stories-view .stories-sidebar-header .muted{color:var(--routine-text-muted);font-size:.78rem}body.routine-open #stories-view .stories-list{padding:6px}body.routine-open #stories-view .stories-list .story-card{border-radius:var(--routine-radius-xs);border:1px solid transparent;padding:10px 12px;margin-bottom:4px;transition:all var(--routine-transition-fast);background:transparent;cursor:pointer}body.routine-open #stories-view .stories-list .story-card:hover{background:var(--routine-accent-softer);border-color:rgba(var(--routine-accent-rgb),.2)}body.routine-open #stories-view .stories-list .story-card.active{background:var(--routine-accent-soft);border-color:rgba(var(--routine-accent-rgb),.3)}body.routine-open #stories-view .stories-list .story-card .story-card-title{font-family:var(--routine-font-display);font-size:.88rem;font-weight:600;color:var(--routine-text)}body.routine-open #stories-view .stories-list .story-card .story-card-meta{font-size:.72rem;color:var(--routine-text-muted)}body.routine-open #stories-view .story-viewer-container{background:var(--routine-surface);border-radius:var(--routine-radius-sm);overflow:visible;min-width:0}body.routine-open #stories-view .story-viewer{background:transparent;min-width:0}body.routine-open #stories-view .story-header{padding:16px 20px;border-bottom:1px solid var(--routine-border-light);background:var(--routine-surface-alt)}body.routine-open #stories-view .story-header h3{font-family:var(--routine-font-display);font-size:1.15rem;font-weight:600;color:var(--routine-text)}body.routine-open #stories-view .story-level-tag{background:var(--routine-accent-soft);color:var(--routine-accent);border-radius:100px;padding:2px 10px;font-size:.72rem;font-weight:600}body.routine-open #stories-view .story-timestamp{font-size:.72rem;color:var(--routine-text-muted)}body.routine-open #stories-view .story-body{padding:14px 16px;box-sizing:border-box;width:100%;max-width:100%;line-height:1.85;font-size:1rem;color:var(--routine-text);overflow-wrap:anywhere;word-break:break-word}body.routine-open #stories-view .story-body p,body.routine-open #stories-view .story-body li,body.routine-open #stories-view .story-body .story-vocab,body.routine-open #stories-view .story-section{max-width:100%;overflow-wrap:anywhere;word-break:break-word}body.routine-open #stories-view .story-body h3,body.routine-open #stories-view .story-body h4{font-family:var(--routine-font-display);color:var(--routine-text)}body.routine-open .word-tooltip,body.routine-open .story-word-tooltip{background:var(--routine-surface)!important;border:1px solid var(--routine-border)!important;border-radius:var(--routine-radius-sm)!important;box-shadow:var(--routine-shadow-lg)!important;color:var(--routine-text)!important;font-size:.88rem!important;padding:12px 14px!important}body.routine-open .word-tooltip .tooltip-word,body.routine-open .story-word-tooltip strong{font-family:var(--routine-font-display)!important;color:var(--routine-accent)!important;font-weight:600!important}body.routine-open .word-tooltip .tooltip-save-btn,body.routine-open .story-word-tooltip button{background:var(--routine-accent-soft)!important;color:var(--routine-accent)!important;border:1px solid rgba(var(--routine-accent-rgb),.3)!important;border-radius:var(--routine-radius-xs)!important;padding:4px 10px!important;font-size:.78rem!important;font-weight:600!important;cursor:pointer!important;transition:all var(--routine-transition-fast)!important}body.routine-open .word-tooltip .tooltip-save-btn:hover,body.routine-open .story-word-tooltip button:hover{background:var(--routine-accent)!important;color:#fff!important}body.routine-open #stories-view .story-actions .btn,body.routine-open #stories-view .btn{background:var(--routine-surface);color:var(--routine-text-secondary);border:1px solid var(--routine-border);border-radius:var(--routine-radius-xs);font-size:.82rem;padding:8px 14px;transition:all var(--routine-transition-fast)}body.routine-open #stories-view .story-actions .btn:hover,body.routine-open #stories-view .btn:hover{background:var(--routine-accent-softer);border-color:rgba(var(--routine-accent-rgb),.3);color:var(--routine-accent)}body.routine-open #stories-view .btn.btn-primary{background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover));color:#fff;border-color:transparent;box-shadow:0 2px 8px var(--routine-accent-glow)}body.routine-open #stories-view .btn.btn-danger{background:transparent;color:var(--routine-danger);border-color:var(--routine-danger)}body.routine-open #stories-view .story-empty{color:var(--routine-text-muted);padding:40px 20px}body.routine-open #stories-view .story-empty i,body.routine-open #stories-view .story-empty svg{color:var(--routine-text-muted);opacity:.5}body.routine-open #stories-view .story-generation{background:var(--routine-surface-alt);border-radius:var(--routine-radius-sm);padding:20px;border:1px solid var(--routine-border-light)}body.routine-open #stories-view .story-generation .spinner{border-color:var(--routine-border);border-top-color:var(--routine-accent)}body.routine-open #stories-view .story-generation strong{color:var(--routine-text);font-family:var(--routine-font-display)}body.routine-open #stories-view .story-generation span{color:var(--routine-text-muted)}body.routine-open #stories-view .mobile-detail-header{background:var(--routine-surface);border-bottom:1px solid var(--routine-border-light)}body.routine-open #stories-view .mobile-detail-header .mobile-detail-title{font-family:var(--routine-font-display);color:var(--routine-text);font-weight:600}body.routine-open #stories-view .btn.btn-icon,body.routine-open #practice-view .btn.btn-icon{background:transparent;border:1px solid var(--routine-border);border-radius:var(--routine-radius-xs);color:var(--routine-text-muted);width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}body.routine-open #stories-view .btn.btn-icon:hover,body.routine-open #practice-view .btn.btn-icon:hover{background:var(--routine-accent-softer);color:var(--routine-accent);border-color:rgba(var(--routine-accent-rgb),.3)}body.routine-open .routine-embedded-view#practice-view{border-radius:var(--routine-radius);overflow:visible}body.routine-open #stories-view .btn.btn-icon i,body.routine-open #stories-view .btn.btn-icon svg,body.routine-open #practice-view .btn.btn-icon i,body.routine-open #practice-view .btn.btn-icon svg{width:18px;height:18px;display:block}body.routine-open #practice-view #audio-loop{width:46px!important;height:46px!important;min-width:46px!important;padding:0!important}body.routine-open #practice-view #audio-loop i,body.routine-open #practice-view #audio-loop svg{width:26px!important;height:26px!important;stroke-width:2.5px!important}body.routine-open #practice-view .practice-section{margin:0;padding:0}body.routine-open #practice-view .tabs{background:var(--routine-surface);border-bottom:1px solid var(--routine-border);padding:0 16px;gap:0;display:flex}body.routine-open #practice-view .tabs .tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:12px 16px;font-size:.85rem;font-weight:500;color:var(--routine-text-muted);cursor:pointer;transition:all var(--routine-transition-fast);white-space:nowrap}body.routine-open #practice-view .tabs .tab:hover{color:var(--routine-text-secondary)}body.routine-open #practice-view .tabs .tab.active{color:var(--routine-accent);border-bottom-color:var(--routine-accent);font-weight:600}body.routine-open #practice-view .practice-controls{background:var(--routine-surface);padding:16px;border-bottom:1px solid var(--routine-border-light);border-radius:0}body.routine-open #practice-view .practice-controls .control-group label{font-size:.78rem;font-weight:500;color:var(--routine-text-secondary);margin-bottom:4px}body.routine-open #practice-view .practice-controls .control-group select,body.routine-open #practice-view .practice-controls .control-group input{background:var(--routine-surface-alt);border:1px solid var(--routine-border);border-radius:var(--routine-radius-xs);color:var(--routine-text);padding:8px 12px;font-size:.85rem;transition:border-color var(--routine-transition-fast)}body.routine-open #practice-view .practice-controls .control-group select:focus,body.routine-open #practice-view .practice-controls .control-group input:focus{border-color:var(--routine-accent);outline:none}body.routine-open #practice-view .btn.btn-primary,body.routine-open #practice-view .sticky-actions .btn.btn-primary{background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover));color:#fff;border:none;border-radius:var(--routine-radius-xs);padding:10px 20px;font-weight:600;font-size:.88rem;box-shadow:0 2px 8px var(--routine-accent-glow);cursor:pointer;transition:all var(--routine-transition-fast)}body.routine-open #practice-view .btn.btn-primary:hover,body.routine-open #practice-view .sticky-actions .btn.btn-primary:hover{box-shadow:0 4px 16px var(--routine-accent-glow);transform:translateY(-1px)}body.routine-open #practice-view .stories-sidebar{background:var(--routine-surface);border-color:var(--routine-border);border-radius:var(--routine-radius-sm)}body.routine-open #practice-view .stories-sidebar-header{padding:14px 16px;border-bottom:1px solid var(--routine-border-light)}body.routine-open #practice-view .stories-sidebar-header h3{font-family:var(--routine-font-display);font-size:.95rem;font-weight:600;color:var(--routine-text)}body.routine-open #practice-view .stories-sidebar-header .muted{color:var(--routine-text-muted);font-size:.78rem}body.routine-open #practice-view .stories-list{padding:6px}body.routine-open #practice-view .stories-list .story-card{border-radius:var(--routine-radius-xs);border:1px solid transparent;padding:10px 12px;margin-bottom:4px;background:transparent;transition:all var(--routine-transition-fast);cursor:pointer}body.routine-open #practice-view .stories-list .story-card:hover{background:var(--routine-accent-softer);border-color:rgba(var(--routine-accent-rgb),.2)}body.routine-open #practice-view .stories-list .story-card.active{background:var(--routine-accent-soft);border-color:rgba(var(--routine-accent-rgb),.3)}body.routine-open #practice-view .stories-list .story-card .story-card-title{font-family:var(--routine-font-display);font-size:.88rem;font-weight:600;color:var(--routine-text)}body.routine-open #practice-view .story-viewer-container{background:var(--routine-surface);border-radius:var(--routine-radius-sm);overflow:visible;min-width:0}body.routine-open #practice-view .story-viewer{background:transparent;min-width:0}body.routine-open #practice-view .story-header{padding:16px 20px;border-bottom:1px solid var(--routine-border-light);background:var(--routine-surface-alt)}body.routine-open #practice-view .story-header h3{font-family:var(--routine-font-display);font-size:1.15rem;font-weight:600;color:var(--routine-text)}body.routine-open #practice-view .story-level-tag{background:var(--routine-accent-soft);color:var(--routine-accent);border-radius:100px;padding:2px 10px;font-size:.72rem;font-weight:600}body.routine-open #practice-view .story-body{padding:14px 16px;box-sizing:border-box;width:100%;max-width:100%;line-height:1.85;font-size:1rem;color:var(--routine-text);overflow-wrap:anywhere;word-break:break-word}body.routine-open #practice-view .story-body p,body.routine-open #practice-view .story-body li,body.routine-open #practice-view .story-body .story-vocab,body.routine-open #practice-view .story-section{max-width:100%;overflow-wrap:anywhere;word-break:break-word}body.routine-open #practice-view .story-body h3,body.routine-open #practice-view .story-body h4{font-family:var(--routine-font-display);color:var(--routine-text)}body.routine-open #practice-view .story-actions .btn,body.routine-open #practice-view .btn.btn-secondary{background:var(--routine-surface);color:var(--routine-text-secondary);border:1px solid var(--routine-border);border-radius:var(--routine-radius-xs);font-size:.82rem;padding:8px 14px;transition:all var(--routine-transition-fast)}body.routine-open #practice-view .story-actions .btn:hover,body.routine-open #practice-view .btn.btn-secondary:hover{background:var(--routine-accent-softer);border-color:rgba(var(--routine-accent-rgb),.3);color:var(--routine-accent)}body.routine-open #practice-view .btn.btn-danger{background:transparent;color:var(--routine-danger);border-color:var(--routine-danger)}body.routine-open #practice-view .story-empty{color:var(--routine-text-muted);padding:40px 20px}body.routine-open #practice-view .story-generation{background:var(--routine-surface-alt);border-radius:var(--routine-radius-sm);padding:20px;border:1px solid var(--routine-border-light)}body.routine-open #practice-view .story-generation .spinner{border-color:var(--routine-border);border-top-color:var(--routine-accent)}body.routine-open #practice-view .story-generation strong{color:var(--routine-text);font-family:var(--routine-font-display)}body.routine-open #practice-view .mobile-detail-header{background:var(--routine-surface);border-bottom:1px solid var(--routine-border-light)}body.routine-open #practice-view .mobile-detail-header .mobile-detail-title{font-family:var(--routine-font-display);color:var(--routine-text);font-weight:600}body.routine-open .routine-embedded-view#flashcard-view .study-header{background:transparent;border:none;padding:0 0 12px}body.routine-open .routine-embedded-view#flashcard-view .study-progress{font-family:var(--routine-font-display);font-size:1.1rem;font-weight:700;color:var(--routine-text)}body.routine-open .routine-embedded-view#flashcard-view .study-help{font-size:.75rem;color:var(--routine-text-muted)}body.routine-open .routine-embedded-view#flashcard-view .study-stats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 0 12px}body.routine-open .routine-embedded-view#flashcard-view .stat-pill{background:var(--routine-surface);border:1px solid var(--routine-border);border-radius:100px;padding:4px 12px;font-size:.78rem;color:var(--routine-text-secondary);display:inline-flex;align-items:center;gap:6px}body.routine-open .routine-embedded-view#flashcard-view .stat-pill strong{color:var(--routine-text);font-weight:700}body.routine-open .routine-embedded-view#flashcard-view .stat-pill.again strong{color:#ef4444}body.routine-open .routine-embedded-view#flashcard-view .stat-pill.hard strong{color:#f97316}body.routine-open .routine-embedded-view#flashcard-view .stat-pill.good strong{color:#22c55e}body.routine-open .routine-embedded-view#flashcard-view .stat-pill.easy strong{color:var(--routine-easy)}body.routine-open .routine-embedded-view#flashcard-view .flashcard{background:var(--routine-surface);border:2px solid var(--routine-border);border-radius:var(--routine-radius);box-shadow:var(--routine-shadow-md);transition:all var(--routine-transition);cursor:pointer}body.routine-open .routine-embedded-view#flashcard-view .flashcard:hover{box-shadow:var(--routine-shadow-lg)}body.routine-open .routine-embedded-view#flashcard-view .flashcard-inner{font-family:var(--routine-font-display);color:var(--routine-text)}body.routine-open .routine-embedded-view#flashcard-view .flashcard-front,body.routine-open .routine-embedded-view#flashcard-view .flashcard-back{background:var(--routine-surface);display:flex;align-items:center;justify-content:center;padding:24px}body.routine-open .routine-embedded-view#flashcard-view .flashcard-front .word-text,body.routine-open .routine-embedded-view#flashcard-view .flashcard-front h2,body.routine-open .routine-embedded-view#flashcard-view .flashcard-front .fc-word{font-family:var(--routine-font-display);font-size:1.8rem;font-weight:600;color:var(--routine-text)}body.routine-open .routine-embedded-view#flashcard-view .flashcard-back .word-text,body.routine-open .routine-embedded-view#flashcard-view .flashcard-back h2,body.routine-open .routine-embedded-view#flashcard-view .flashcard-back .fc-word{font-family:var(--routine-font-display);font-size:1.8rem;font-weight:600;color:var(--routine-accent)}body.routine-open .routine-embedded-view#flashcard-view .flashcard-navigation{display:none!important}body.routine-open .routine-embedded-view#flashcard-view .flashcard-navigation button,body.routine-open .routine-embedded-view#flashcard-view .btn-secondary{background:var(--routine-surface);color:var(--routine-text-secondary);border:1px solid var(--routine-border);border-radius:var(--routine-radius-xs);padding:10px 20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--routine-transition-fast)}body.routine-open .routine-embedded-view#flashcard-view .flashcard-navigation button:hover,body.routine-open .routine-embedded-view#flashcard-view .btn-secondary:hover{background:var(--routine-accent-softer);border-color:rgba(var(--routine-accent-rgb),.3);color:var(--routine-accent)}body.routine-open .routine-embedded-view#flashcard-view .btn-primary,body.routine-open .routine-embedded-view#flashcard-view #show-answer{background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover));color:#fff;border:none;border-radius:var(--routine-radius-xs);padding:10px 24px;font-weight:600;font-size:.88rem;cursor:pointer;box-shadow:0 2px 8px var(--routine-accent-glow);transition:all var(--routine-transition-fast)}body.routine-open .routine-embedded-view#flashcard-view #show-answer{display:none!important}body.routine-open .routine-embedded-view#flashcard-view .btn-primary:hover,body.routine-open .routine-embedded-view#flashcard-view #show-answer:hover{box-shadow:0 4px 16px var(--routine-accent-glow);transform:translateY(-1px)}body.routine-open .routine-embedded-view#flashcard-view .anki-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}body.routine-open .routine-embedded-view#flashcard-view .anki-buttons button,body.routine-open .routine-embedded-view#flashcard-view .btn-anki{background:var(--routine-surface);border:1px solid var(--routine-border);border-radius:var(--routine-radius-xs);padding:12px 8px;font-size:.88rem;font-weight:600;color:var(--routine-text);cursor:pointer;transition:all var(--routine-transition-fast);text-align:center}body.routine-open .routine-embedded-view#flashcard-view .btn-anki:hover{transform:translateY(-2px)}body.routine-open .routine-embedded-view#flashcard-view .btn-anki-again{border-color:#ef4444}body.routine-open .routine-embedded-view#flashcard-view .btn-anki-again:hover{background:#fef2f2;color:#dc2626}body.routine-open .routine-embedded-view#flashcard-view .btn-anki-hard{border-color:#f97316}body.routine-open .routine-embedded-view#flashcard-view .btn-anki-hard:hover{background:#fff7ed;color:#ea580c}body.routine-open .routine-embedded-view#flashcard-view .btn-anki-good{border-color:#22c55e}body.routine-open .routine-embedded-view#flashcard-view .btn-anki-good:hover{background:#f0fdf4;color:#16a34a}body.routine-open .routine-embedded-view#flashcard-view .btn-anki-easy{border-color:var(--routine-easy)}body.routine-open .routine-embedded-view#flashcard-view .btn-anki-easy:hover{background:var(--routine-easy-soft);color:var(--routine-easy)}html[data-theme-effective=dark] body.routine-open .routine-embedded-view#flashcard-view .btn-anki-again:hover,html[data-theme-effective=dark] body.routine-open .routine-embedded-view#flashcard-view .btn-anki-hard:hover,html[data-theme-effective=dark] body.routine-open .routine-embedded-view#flashcard-view .btn-anki-good:hover,html[data-theme-effective=dark] body.routine-open .routine-embedded-view#flashcard-view .btn-anki-easy:hover,[data-theme=dark] body.routine-open .routine-embedded-view#flashcard-view .btn-anki-again:hover,[data-theme=dark] body.routine-open .routine-embedded-view#flashcard-view .btn-anki-hard:hover,[data-theme=dark] body.routine-open .routine-embedded-view#flashcard-view .btn-anki-good:hover,[data-theme=dark] body.routine-open .routine-embedded-view#flashcard-view .btn-anki-easy:hover{background:var(--routine-surface-alt)}body.routine-open .routine-embedded-view#flashcard-view .btn-anki .hotkey{font-size:.65rem;color:var(--routine-text-muted);display:block;margin-top:2px}@media (max-width: 900px),(hover: none) and (pointer: coarse){body.routine-open .routine-embedded-view#flashcard-view .btn-anki .hotkey,body.routine-open .routine-embedded-view#flashcard-view .anki-buttons .hotkey{display:none!important}}@media (max-width: 1024px){body.routine-open .routine-embedded-view#flashcard-view .btn-anki .hotkey,body.routine-open .routine-embedded-view#flashcard-view .anki-buttons .hotkey{display:none!important}}.routine-flashcards-tip{margin:0 0 12px;text-align:center;font-size:.82rem;color:var(--routine-text-muted)}body.routine-open .routine-embedded-view#flashcard-view .btn-anki:disabled{opacity:.4;cursor:not-allowed;transform:none!important}body.routine-open .routine-embedded-view#flashcard-view .study-complete{text-align:center;padding:32px 16px}body.routine-open .routine-embedded-view#flashcard-view .study-complete h3{font-family:var(--routine-font-display);font-size:1.4rem;font-weight:600;color:var(--routine-text);margin-bottom:12px}body.routine-open .routine-embedded-view#flashcard-view .final-stats{color:var(--routine-text-secondary);font-size:.9rem;margin-bottom:16px}body.routine-open .routine-embedded-view#flashcard-view .final-stats strong{color:var(--routine-text);font-weight:700}body.routine-open .routine-embedded-view#flashcard-view .quiz-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}body.routine-open .routine-embedded-view#flashcard-view .quiz-actions .btn{background:var(--routine-surface);color:var(--routine-text-secondary);border:1px solid var(--routine-border);border-radius:var(--routine-radius-xs);padding:10px 20px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--routine-transition-fast)}body.routine-open .routine-embedded-view#flashcard-view .quiz-actions .btn:hover{background:var(--routine-accent-softer);color:var(--routine-accent)}body.routine-open .routine-embedded-view#flashcard-view .quiz-actions .btn.btn-primary{background:linear-gradient(135deg,var(--routine-accent),var(--routine-accent-hover));color:#fff;border:none;box-shadow:0 2px 8px var(--routine-accent-glow)}body.routine-open #practice-view .audio-presets{background:var(--routine-surface);border:1px solid var(--routine-border);border-radius:var(--routine-radius-sm);padding:16px}body.routine-open #practice-view .audio-presets h3,body.routine-open #practice-view .audio-presets label{font-family:var(--routine-font-display);color:var(--routine-text)}body.routine-open #practice-view .audio-presets select,body.routine-open #practice-view .audio-presets input{background:var(--routine-surface-alt);border:1px solid var(--routine-border);border-radius:var(--routine-radius-xs);color:var(--routine-text);padding:8px 12px;font-size:.85rem}body.routine-open .routine-embedded-view::-webkit-scrollbar{width:6px}body.routine-open .routine-embedded-view::-webkit-scrollbar-track{background:transparent}body.routine-open .routine-embedded-view::-webkit-scrollbar-thumb{background:var(--routine-border);border-radius:3px}body.routine-open .spinner{border:3px solid var(--routine-border);border-top-color:var(--routine-accent)}body.routine-open .routine-step-content .muted{color:var(--routine-text-muted)}body.routine-open .routine-step-content .level-selector-container,body.routine-open .routine-step-content .navigation-tip,body.routine-open .routine-step-content .interaction-tip{display:none!important}.routine-auto-gen-status{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--routine-accent-softer);border:1px solid rgba(var(--routine-accent-rgb),.2);border-radius:var(--routine-radius-sm);margin-bottom:16px;font-size:.88rem;color:var(--routine-text-secondary);animation:routine-fade-in .4s ease}.routine-auto-gen-status .routine-generating-spinner{width:20px;height:20px;border-width:2px;flex-shrink:0}.routine-practice-options.hidden-by-auto-gen{display:none!important}