@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";@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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-tracking: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-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1}.h-full{height:100%}.max-h-\[500px\]{max-height:500px}.min-h-\[300px\]{min-height:300px}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);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}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[3rem\]{border-top-left-radius:3rem;border-top-right-radius:3rem}.rounded-b-\[3rem\]{border-bottom-right-radius:3rem;border-bottom-left-radius:3rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-none{--tw-border-style:none;border-style:none}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#4db6ac\]{--tw-gradient-from:#4db6ac;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#81c784\]{--tw-gradient-from:#81c784;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ff8c8c\]{--tw-gradient-from:#ff8c8c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ffb74d\]{--tw-gradient-from:#ffb74d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#388e3c\]{--tw-gradient-to:#388e3c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#00796b\]{--tw-gradient-to:#00796b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#d32f2f\]{--tw-gradient-to:#d32f2f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#f57c00\]{--tw-gradient-to:#f57c00;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.text-center{text-align:center}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-60{opacity:.6}.shadow-\[0_-8px_32px_rgba\(255\,107\,53\,0\.06\)\]{--tw-shadow:0 -8px 32px var(--tw-shadow-color,#ff6b350f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_0_0_\#802a00\]{--tw-shadow:0 4px 0 0 var(--tw-shadow-color,#802a00);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_0_0_\#1b5e20\]{--tw-shadow:0 8px 0 0 var(--tw-shadow-color,#1b5e20);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_0_0_\#004d40\]{--tw-shadow:0 8px 0 0 var(--tw-shadow-color,#004d40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_0_0_\#9a0000\]{--tw-shadow:0 8px 0 0 var(--tw-shadow-color,#9a0000);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_0_0_\#b35800\]{--tw-shadow:0 8px 0 0 var(--tw-shadow-color,#b35800);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(255\,107\,53\,0\.06\)\]{--tw-shadow:0 8px 32px var(--tw-shadow-color,#ff6b350f);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}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.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,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.read-only\:cursor-default:read-only{cursor:default}.focus-within\:ring-2:focus-within{--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)}@media (hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:opacity-100:hover{opacity:1}}.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-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}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@layer base{:root{--color-surface:#fbf5f1;--color-surface-container:#ede7e3;--color-surface-container-low:#f6f0eb;--color-surface-container-lowest:#fff;--color-surface-container-high:#e7e1dd;--color-surface-bright:#fbf5f1;--color-primary:#a63300;--color-primary-fixed:#ff7949;--color-primary-container:#ff7949;--color-on-primary:#ffefeb;--color-on-primary-container:#451000;--color-secondary:#a03834;--color-secondary-container:#ffc882;--color-on-secondary:#ffefed;--color-on-secondary-container:#852422;--color-tertiary:#853d97;--color-tertiary-container:#ef9dff;--color-on-tertiary:#ffeefc;--color-on-tertiary-container:#5e1470;--color-error:#b31b25;--color-error-container:#fb5151;--color-on-error:#ffefee;--color-on-error-container:#570008;--color-on-surface:#302e2c;--color-on-surface-variant:#5e5b58;--color-on-background:#302e2c;--color-outline:#7a7673;--color-outline-variant:#b1aca9;--shadow-clay-card:0px 20px 40px -10px #a6330014, inset 4px 4px 8px #fffc, inset -4px -4px 12px #a633000d;--shadow-clay-button:0 4px 12px #a6330033, inset 0 2px 4px #fff6, inset 0 -4px 8px #0000001a;--shadow-clay-input:inset 0 2px 8px #0000000d, 0 1px 2px #fffc;--shadow-ambient:0 8px 12px #302e2c0a;--shadow-fab:0 8px 0 0 #802a00, 0 8px 24px #a6330066;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xl2:2.75rem;--spacing-xl3:4rem;--radius-sm:1rem;--radius-md:1.5rem;--radius-lg:2rem;--radius-xl:3rem;--radius-full:9999px}.dark{--color-surface:#1c1b1a;--color-surface-container:#161614;--color-surface-container-low:#fbf5f1;--color-surface-container-lowest:#fff;--color-on-surface:#e6e1dd;--color-on-surface-variant:#ccc6c1}*{box-sizing:border-box}body{background-color:var(--color-surface,#fbf5f1);color:var(--color-on-surface,#302e2c);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Be Vietnam Pro,sans-serif}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.text-white .material-symbols-outlined,.material-symbols-outlined.text-white{color:#fff!important}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--color-surface-container,#ede7e3);border-radius:9999px}::-webkit-scrollbar-thumb{background-color:#b1aca94d;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:#b1aca980}}.clay-card{box-shadow:var(--shadow-clay-card);background-color:#fff;border-radius:1rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.clay-card:hover{transform:translateY(-2px);box-shadow:0 24px 48px -12px #a633001f,inset 4px 4px 8px #fffc,inset -4px -4px 12px #a6330014}.clay-card:active{box-shadow:var(--shadow-clay-card);transform:translateY(0)}.clay-button-inner{box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -4px 8px #0000001a}.clay-button-primary{color:#fff;background:linear-gradient(135deg, var(--color-primary-fixed), var(--color-primary));box-shadow:var(--shadow-clay-button);cursor:pointer;border:none;border-radius:9999px;padding:.75rem 2rem;font-weight:700;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.clay-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #a633004d,inset 0 2px 4px #ffffff80}.clay-button-primary:active{box-shadow:var(--shadow-clay-button);transform:translateY(0)}.clay-button-secondary{box-shadow:var(--shadow-clay-card);color:var(--color-on-surface-variant,#5e5b58);background-color:var(--color-surface-container-high,#e7e1dd);cursor:pointer;border:none;border-radius:9999px;padding:.75rem 2rem;font-weight:700;transition:all .2s}.clay-button-secondary:hover{background-color:#fff;transform:translateY(-1px)}.clay-input{background-color:var(--color-surface-container-high,#e7e1dd);box-shadow:var(--shadow-clay-input);border:none;border-radius:1rem;width:100%;padding:.75rem 1rem;transition:box-shadow .2s}.clay-input:focus{box-shadow:var(--shadow-clay-input), 0 0 0 3px #a633001a;outline:none}.pill-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;font-weight:700}.progress-pill{background-color:var(--color-surface-container,#ede7e3);border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.progress-pill-fill{background:linear-gradient(90deg, var(--color-primary-fixed), var(--color-primary));border-radius:9999px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.touch-target{min-width:44px;min-height:44px}.touch-target-lg{min-width:56px;min-height:56px}.ghost-border{border:1px solid var(--color-outline-variant,#b1aca9)}.surface-stack{background:linear-gradient(180deg, var(--color-surface-container-low,#f6f0eb) 0%, var(--color-surface-container-lowest,#fff) 100%);box-shadow:var(--shadow-ambient), var(--shadow-clay-card);border-radius:1rem;padding:1.5rem}.interactive{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.interactive:active{transform:scale(.98)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes squish{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.animate-slide-up{animation:.3s ease-out slideUp}.animate-slide-down{animation:.3s ease-out slideDown}.animate-flip{animation:.6s cubic-bezier(.4,0,.2,1) flip}.animate-fade-in{animation:.2s ease-out fadeIn}.animate-scale-in{animation:.3s cubic-bezier(.4,0,.2,1) scaleIn}.perspective-container{perspective:1000px}.flip-card-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden}.card-back{transform:rotateY(180deg)}#root{flex-direction:column;min-height:100vh;display:flex}body{margin:0;padding:0}svg,img{max-width:100%;height:auto}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-tracking{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-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.pronunciation-btn{width:24px;height:24px;color:inherit;cursor:pointer;vertical-align:middle;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:background .15s,color .15s;display:inline-flex}.pronunciation-btn:hover{color:#2563eb;background:#00000014}.pronunciation-btn:active{transform:scale(.92)}.pronunciation-btn.playing{color:#2563eb;animation:1s ease-in-out infinite pulse}.pronunciation-btn.playing .sound-wave{animation:.6s ease-in-out infinite alternate wave}.pronunciation-btn.playing .sound-wave.delay{animation-delay:.2s}@keyframes pulse{0%,to{background:0 0}50%{background:#2563eb1a}}@keyframes wave{0%{opacity:.3}to{opacity:1}}._studyCardContainer_hohsj_10{perspective:1000px;cursor:pointer;width:100%}._cardInner_hohsj_18{width:100%;height:100%;min-height:min(400px,60vh);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}._cardInner_hohsj_18._flipped_hohsj_27{transform:rotateY(180deg)}._cardFront_hohsj_33{border-radius:24px;min-height:min(400px,60vh);padding:24px;overflow:hidden;box-shadow:0 20px 40px -10px #a6330014,inset 4px 4px 8px #fffc,inset -4px -4px 12px #a633000d}._cardWord_hohsj_44{text-align:center;word-break:break-word;margin:0}._phoneticsContainer_hohsj_52{flex-direction:column;align-items:center;gap:12px;display:flex}._phoneticRow_hohsj_59{align-items:center;gap:8px;display:flex}._pronounceButton_hohsj_65{cursor:pointer;background-color:#f6f0eb;border:none;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #a6330033,inset 0 2px 4px #fff6,inset 0 -4px 8px #0000001a}._pronounceButton_hohsj_65:hover{transform:translateY(-1px);box-shadow:0 6px 16px #a6330040,inset 0 2px 4px #ffffff80}._pronounceButton_hohsj_65:active{transform:translateY(0);box-shadow:0 2px 8px #a6330026,inset 0 2px 4px #0000001a}._cardBack_hohsj_94{border-radius:24px;flex-direction:column;min-height:min(400px,60vh);display:flex;overflow:hidden;box-shadow:0 20px 40px -10px #a6330014,inset 4px 4px 8px #fffc,inset -4px -4px 12px #a633000d}._cardContent_hohsj_106{scrollbar-width:thin;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}._cardContent_hohsj_106::-webkit-scrollbar{width:8px}._cardContent_hohsj_106::-webkit-scrollbar-track{background:#ffefeb4d;border-radius:4px}._cardContent_hohsj_106::-webkit-scrollbar-thumb{background:#ffefeb99;border-radius:4px}._cardContent_hohsj_106::-webkit-scrollbar-thumb:hover{background:#ffefebcc}._posBadge_hohsj_136{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-self:flex-start;padding:4px 16px;font-weight:700;display:inline-block}._cardBackContent_hohsj_146{margin:0;line-height:1.3}._cardDefinition_hohsj_151{margin:0;line-height:1.6}._cardExample_hohsj_156{opacity:.95;margin:0;line-height:1.6}._cardImage_hohsj_162{-o-object-fit:cover;object-fit:cover;border-radius:16px;align-self:center;width:100%;max-height:200px;margin-top:8px}@media (width<=640px){._cardFront_hohsj_33{padding:20px}._cardWord_hohsj_44{font-size:1.75rem}._cardBackContent_hohsj_146{font-size:1.5rem}}.app{background-color:var(--color-surface,#fbf5f1);flex-direction:column;min-height:100vh;display:flex;position:relative}.app-top-bar{z-index:50;background-color:var(--color-surface,#fbf5f1);padding:var(--spacing-md,1rem) 0;box-shadow:var(--shadow-ambient);position:fixed;top:0;left:0;right:0}.app-top-bar-content{max-width:48rem;padding:0 var(--spacing-lg,1.5rem);justify-content:space-between;align-items:center;gap:var(--spacing-sm,.75rem);flex-wrap:wrap;margin:0 auto;display:flex}.app-top-bar-left{align-items:center;gap:var(--spacing-sm,.75rem);display:flex}.menu-icon{color:var(--color-primary,#a63300);font-size:1.5rem}.menu-button{padding:var(--spacing-xs,.375rem);cursor:pointer;border-radius:var(--radius-full,9999px);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.menu-button:hover{background:var(--color-surface-container,#ede7e3)}.menu-button:active{transform:scale(.95)}.app-title{color:var(--color-on-surface,#302e2c);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:700}.app-main{padding:5rem var(--spacing-md,1rem) 8rem;flex:1;min-height:calc(100vh - 8rem)}.app-main .container{max-width:48rem;margin:0 auto}.bottom-nav{z-index:50;background:var(--color-surface,#fbf5f1);border-top-left-radius:var(--radius-lg,3rem);border-top-right-radius:var(--radius-lg,3rem);height:5rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);padding-bottom:env(safe-area-inset-bottom,var(--spacing-sm,.75rem));justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #ff6b350f}.nav-item{padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);border-radius:var(--radius-full,9999px);color:var(--color-on-surface-variant,#5e5b58);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:4rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{background:var(--color-surface-container-lowest,#fff8f3);color:var(--color-primary,#a63300)}.nav-item:active{transform:scale(.95)}.nav-item-active{background:linear-gradient(135deg, var(--color-primary-fixed), var(--color-primary));color:var(--color-on-primary-container,#451000);border-radius:var(--radius-full,9999px);padding:var(--spacing-sm,.75rem) var(--spacing-lg,1.5rem);box-shadow:0 4px #802a00}.nav-item-active .nav-icon{color:var(--color-on-primary-container,#451000)}.nav-item-active:hover{color:var(--color-on-primary-container,#451000);background:linear-gradient(135deg, var(--color-primary-fixed), var(--color-primary))}.nav-item-active:hover .nav-icon{color:var(--color-on-primary-container,#451000)}.nav-icon{color:var(--color-primary,#a63300);font-size:1.5rem}.nav-icon-filled{font-variation-settings:"FILL" 1}.nav-label{text-transform:none;letter-spacing:normal;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700}.fab-button{background:linear-gradient(135deg, var(--color-primary-fixed), var(--color-primary));border-radius:var(--radius-full,9999px);width:4rem;height:4rem;color:var(--color-on-primary,#ffefeb);cursor:pointer;z-index:40;border:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:6rem;right:1.5rem;box-shadow:0 8px 16px #a633004d}.fab-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #a6330066}.fab-button:active{transform:scale(.9)}.fab-button .material-symbols-outlined{font-size:2rem}.bottom-nav-spacer{height:6rem}.menu-overlay{z-index:99;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.menu-drawer{background:var(--color-surface-container-lowest,#fff);width:20rem;max-width:80vw;box-shadow:var(--shadow-clay-card);z-index:100;flex-direction:column;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;display:flex;position:fixed;top:0;bottom:0;left:0}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-header{padding:var(--spacing-lg,1.5rem);border-bottom:1px solid var(--color-outline-variant,#b1aca9);justify-content:space-between;align-items:center;display:flex}.menu-title{color:var(--color-on-surface,#302e2c);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:700}.close-button{color:var(--color-primary,#a63300);cursor:pointer;padding:var(--spacing-xs,.375rem);border-radius:var(--radius-full,9999px);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.close-button:hover{background:var(--color-surface-container,#ede7e3)}.close-button:active{transform:scale(.95)}.menu-content{padding:var(--spacing-md,1rem);flex:1;overflow-y:auto}.menu-item{align-items:center;gap:var(--spacing-md,1rem);width:100%;padding:var(--spacing-md,1rem);border-radius:var(--radius-md,1.5rem);cursor:pointer;color:var(--color-on-surface,#302e2c);text-align:left;background:0 0;border:none;font-family:Be Vietnam Pro,sans-serif;font-size:1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.menu-item:hover{background:var(--color-surface-container-low,#f6f0eb);color:var(--color-primary,#a63300);transform:translate(4px)}.menu-item:active{transform:scale(.98)}.menu-item-active{background:linear-gradient(135deg, var(--color-primary-fixed), var(--color-primary));color:var(--color-on-primary,#ffefeb);box-shadow:var(--shadow-clay-button);font-weight:600}.menu-item-active .menu-item-icon{color:var(--color-on-primary,#ffefeb)}.menu-item-icon{color:var(--color-primary,#a63300);font-size:1.5rem}.app-footer{display:none}.review-session{flex-direction:column;align-items:center;max-width:600px;margin:0 auto;display:flex}.progress-container{background-color:var(--color-surface-container,#ede7e3);border-radius:var(--radius-full,9999px);height:.5rem;margin-bottom:var(--spacing-sm,.75rem);overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--color-primary-fixed), var(--color-primary));border-radius:var(--radius-full,9999px);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.card-position{color:var(--color-on-surface-variant,#5e5b58);margin-bottom:var(--spacing-md,1rem);font-family:Be Vietnam Pro,sans-serif;font-size:.875rem}.flashcard{perspective:1000px;cursor:pointer;margin-bottom:var(--spacing-xl,2rem)}.card-inner{width:100%;min-height:280px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:var(--radius-md,1.5rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-clay-card);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-front{background:var(--color-surface-container-lowest,#fff);border:1px solid var(--color-outline-variant,#b1aca9)}.card-front .card-text{color:var(--color-on-surface,#302e2c);font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:700}.card-back{background:linear-gradient(135deg, var(--color-primary-fixed), var(--color-primary));color:var(--color-on-primary,#ffefeb);gap:var(--spacing-sm,.75rem);text-align:left;align-items:flex-start;overflow-y:auto;transform:rotateY(180deg)}.card-back .card-text{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700}.card-back .card-definition{opacity:.95;font-family:Be Vietnam Pro,sans-serif;font-size:.95rem}.card-back .card-example{opacity:.85;font-family:Be Vietnam Pro,sans-serif;font-size:.875rem;font-style:italic}.card-back .card-pos{background:var(--color-surface-container-low,#ffece3);padding:.25rem var(--spacing-sm,.75rem);border-radius:var(--radius-sm,1rem);text-transform:capitalize;font-size:.75rem;font-weight:600}.card-back img{border-radius:var(--radius-sm,1rem);max-width:100%;max-height:140px;margin-top:var(--spacing-sm,.75rem);box-shadow:var(--shadow-ambient)}.card-phonetics{gap:var(--spacing-md,1rem);margin-top:var(--spacing-sm,.75rem);flex-wrap:wrap;justify-content:center;display:flex}.phonetic-us,.phonetic-uk{opacity:.85;align-items:center;gap:.25rem;font-family:Be Vietnam Pro,sans-serif;font-size:.875rem;display:flex}.rating-buttons{gap:var(--spacing-sm,.75rem);margin-bottom:var(--spacing-md,1rem);flex-wrap:wrap;justify-content:center;display:flex}.rating-buttons button{padding:var(--spacing-sm,.75rem) var(--spacing-lg,1.5rem);border-radius:var(--radius-full,9999px);cursor:pointer;box-shadow:var(--shadow-clay-button);border:none;font-family:Be Vietnam Pro,sans-serif;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.rating-buttons button:hover{transform:translateY(-2px)}.rating-buttons button:active{transform:translateY(0)}.rating-buttons button[name=again]{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}.rating-buttons button[name=hard]{color:#fff;background:linear-gradient(135deg,#ffa94d,#ff922b)}.rating-buttons button[name=good]{color:#fff;background:linear-gradient(135deg,#51cf66,#40c057)}.rating-buttons button[name=easy]{color:#fff;background:linear-gradient(135deg,#4dabf7,#339af0)}.keyboard-hint{color:var(--color-on-surface-variant,#5e5b58);margin-top:var(--spacing-sm,.75rem);font-family:Be Vietnam Pro,sans-serif;font-size:.8rem}.complete-message,.session-summary{background:var(--color-surface-container-lowest,#fff);border:1px solid var(--color-outline-variant,#b1aca9);border-radius:var(--radius-md,1.5rem);padding:var(--spacing-xl,2rem);box-shadow:var(--shadow-clay-card)}.session-summary h3{color:var(--color-primary,#a63300);margin-bottom:var(--spacing-md,1rem);font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700}.session-summary .rating-breakdown{gap:var(--spacing-md,1rem);margin:var(--spacing-lg,1.5rem) 0;flex-wrap:wrap;justify-content:center;display:flex}.session-summary .rating-breakdown p{background:var(--color-surface-container-high,#e7e1dd);padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);border-radius:var(--radius-sm,1rem);font-family:Be Vietnam Pro,sans-serif;font-weight:600}.session-summary button{background:linear-gradient(135deg, var(--color-primary-fixed), var(--color-primary));color:var(--color-on-primary,#ffefeb);padding:var(--spacing-sm,.75rem) var(--spacing-xl,2rem);border-radius:var(--radius-full,9999px);cursor:pointer;margin-top:var(--spacing-md,1rem);box-shadow:var(--shadow-clay-button);border:none;font-family:Be Vietnam Pro,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.session-summary button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #a633004d}.error-message{border:1px solid var(--color-error,#b31b25);border-radius:var(--radius-md,1.5rem);padding:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-lg,1.5rem);color:var(--color-error,#b31b25);background:#fee}.error-message button{margin-top:var(--spacing-sm,.75rem);background:var(--color-error,#b31b25);color:var(--color-on-error,#ffefee);padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);border-radius:var(--radius-full,9999px);cursor:pointer;border:none;font-weight:600}.success-message{border-radius:var(--radius-md,1.5rem);padding:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-lg,1.5rem);color:#2b8a3e;background:#def7de;border:1px solid #40c057}.card-library{max-width:1200px;margin:0 auto}.library-header{margin-bottom:var(--spacing-xl,2rem);justify-content:space-between;align-items:center;gap:var(--spacing-md,1rem);flex-wrap:wrap;display:flex}.card-count{background:var(--color-primary-container,#ff7949);color:var(--color-on-primary-container,#451000);padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);border-radius:var(--radius-full,9999px);font-size:.875rem;font-weight:700}.card-list{gap:var(--spacing-lg,1.5rem);padding-top:var(--spacing-lg,1.5rem);display:grid}.card-item{background:var(--color-surface-container-lowest,#fff);border:1px solid var(--color-outline-variant,#b1aca9);border-radius:var(--radius-md,1.5rem);padding:var(--spacing-lg,1.5rem);box-shadow:var(--shadow-clay-card);transition:all .2s cubic-bezier(.4,0,.2,1)}.card-item:hover{transform:translateY(-2px);box-shadow:0 24px 48px -12px #a633001f}.card-main{gap:var(--spacing-sm,.75rem);text-align:center;flex-direction:column;align-items:center;display:flex}.card-image{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm,1rem);width:100%;max-height:200px}.card-front-term{color:var(--color-on-surface,#302e2c);font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700}.card-back-term{color:var(--color-on-surface-variant,#5e5b58);font-family:Be Vietnam Pro,sans-serif;font-size:1.125rem}.card-details{margin-top:var(--spacing-md,1rem);padding-top:var(--spacing-md,1rem);border-top:1px solid var(--color-outline-variant,#b1aca9);gap:var(--spacing-xs,.5rem);color:var(--color-on-surface-variant,#5e5b58);flex-direction:column;font-size:.9rem;display:flex}.card-pos{color:var(--color-primary,#a63300);font-weight:600}.card-definition,.card-example{font-family:Be Vietnam Pro,sans-serif}.card-meta{margin-top:var(--spacing-md,1rem);padding-top:var(--spacing-sm,.75rem);justify-content:space-between;align-items:center;gap:var(--spacing-sm,.75rem);flex-wrap:wrap;display:flex}.card-actions{gap:var(--spacing-sm,.75rem);flex-wrap:wrap;display:flex}.edit-button,.delete-button{padding:var(--spacing-xs,.375rem) var(--spacing-sm,.75rem);border-radius:var(--radius-sm,1rem);cursor:pointer;border:none;font-family:Be Vietnam Pro,sans-serif;font-size:.75rem;font-weight:600;transition:all .2s}.edit-button{background-color:var(--color-secondary,#a03834);color:var(--color-on-secondary,#ffefed)}.edit-button:hover:not(:disabled){background-color:#8a2f2c}.delete-button{background-color:var(--color-error,#b31b25);color:var(--color-on-error,#ffefee);margin-left:auto}.delete-button:hover:not(:disabled){background-color:#961620}.edit-button:disabled,.delete-button:disabled{opacity:.6;cursor:not-allowed}.card-library-empty,.card-library-loading,.card-library-error{text-align:center;padding:var(--spacing-xl3,4rem) var(--spacing-xl,2rem);background:var(--color-surface-container-lowest,#fff);border:1px solid var(--color-outline-variant,#b1aca9);border-radius:var(--radius-lg,2rem);box-shadow:var(--shadow-clay-card)}.card-library-empty h3{color:var(--color-primary,#a63300);margin-bottom:var(--spacing-sm,.75rem);font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700}.card-library-empty p{color:var(--color-on-surface-variant,#5e5b58);margin-bottom:var(--spacing-md,1rem);font-family:Be Vietnam Pro,sans-serif}.card-library-empty button{background:linear-gradient(135deg, var(--color-primary-fixed), var(--color-primary));color:var(--color-on-primary,#ffefeb);padding:var(--spacing-sm,.75rem) var(--spacing-xl,2rem);border-radius:var(--radius-full,9999px);cursor:pointer;border:none;font-weight:700}.card-edit{gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.card-field{gap:var(--spacing-xs,.375rem);flex-direction:column;display:flex}.card-field label{color:var(--color-on-surface,#302e2c);font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:600}.card-field input,.card-field textarea{border-radius:var(--radius-sm,1rem);border:1px solid var(--color-outline-variant,#b1aca9);background-color:var(--color-surface-container-high,#e7e1dd);padding:var(--spacing-sm,.75rem);color:var(--color-on-surface,#302e2c);font-family:Be Vietnam Pro,sans-serif;font-size:.9rem;transition:box-shadow .2s}.card-field input:focus,.card-field textarea:focus{box-shadow:var(--shadow-clay-input), 0 0 0 3px #a633001a;border-color:var(--color-primary,#a63300);outline:none}.card-field textarea{resize:vertical;min-height:80px}.card-generator{max-width:800px;margin:0 auto}.input-section{gap:var(--spacing-xl,2rem);flex-direction:column;display:flex}.image-upload,.text-input{background:var(--color-surface-container-lowest,#fff);border:1px solid var(--color-outline-variant,#b1aca9);border-radius:var(--radius-md,1.5rem);padding:var(--spacing-lg,1.5rem);box-shadow:var(--shadow-clay-card)}.image-upload h3,.text-input h3{color:var(--color-on-surface,#302e2c);margin-bottom:var(--spacing-md,1rem);font-family:Plus Jakarta Sans,sans-serif;font-size:1.125rem;font-weight:600}.drop-zone{border:2px dashed var(--color-outline-variant,#b1aca9);border-radius:var(--radius-md,1.5rem);padding:var(--spacing-xl3,4rem) var(--spacing-lg,1.5rem);text-align:center;cursor:pointer;background:var(--color-surface-container-low,#f6f0eb);transition:all .2s}.drop-zone:hover{border-color:var(--color-primary,#a63300);background:var(--color-surface-container,#ede7e3)}.drop-zone p{color:var(--color-on-surface-variant,#5e5b58);margin:0;font-family:Be Vietnam Pro,sans-serif}.image-preview{gap:var(--spacing-sm,.75rem);flex-direction:column;align-items:center;display:flex}.image-preview img{border-radius:var(--radius-md,1.5rem);max-width:100%;max-height:300px;box-shadow:var(--shadow-clay-card)}.image-preview button{background:var(--color-error,#b31b25);color:var(--color-on-error,#ffefee);padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);border-radius:var(--radius-full,9999px);cursor:pointer;border:none;font-family:Be Vietnam Pro,sans-serif;font-weight:600}.text-input input[type=text]{border-radius:var(--radius-sm,1rem);border:1px solid var(--color-outline-variant,#b1aca9);background-color:var(--color-surface-container-high,#e7e1dd);width:100%;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);color:var(--color-on-surface,#302e2c);box-shadow:var(--shadow-clay-input);font-family:Be Vietnam Pro,sans-serif;font-size:1rem}.text-input input[type=text]:focus{box-shadow:var(--shadow-clay-input), 0 0 0 3px #a633001a;border-color:var(--color-primary,#a63300);outline:none}.generate-button{background:linear-gradient(135deg, var(--color-primary-fixed), var(--color-primary));width:100%;color:var(--color-on-primary,#ffefeb);padding:var(--spacing-md,1rem) var(--spacing-xl,2rem);border-radius:var(--radius-full,9999px);cursor:pointer;box-shadow:var(--shadow-clay-button);border:none;font-family:Be Vietnam Pro,sans-serif;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #a633004d}.generate-button:disabled{opacity:.5;cursor:not-allowed}.card-preview{background:var(--color-surface-container-lowest,#fff);border:1px solid var(--color-outline-variant,#b1aca9);border-radius:var(--radius-md,1.5rem);padding:var(--spacing-lg,1.5rem);box-shadow:var(--shadow-clay-card)}.card-preview h3{color:var(--color-on-surface,#302e2c);margin-bottom:var(--spacing-lg,1.5rem);font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:600}.card-display{gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.card-display .card-field{background:var(--color-surface-container-low,#f6f0eb);padding:var(--spacing-md,1rem);border-radius:var(--radius-sm,1rem)}.card-display .card-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant,#5e5b58);margin-bottom:var(--spacing-xs,.25rem);font-size:.75rem}.card-display .card-field p,.card-display .card-field ul{color:var(--color-on-surface,#302e2c);margin:0;font-family:Be Vietnam Pro,sans-serif}.tags{gap:var(--spacing-xs,.375rem);flex-wrap:wrap;display:flex}.tag{background:var(--color-secondary-container,#ffc882);color:var(--color-on-secondary-container,#852422);padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);border-radius:var(--radius-sm,1rem);font-size:.75rem;font-weight:600}.phonetics{gap:var(--spacing-md,1rem);margin-top:var(--spacing-xs,.25rem);flex-wrap:wrap;display:flex}.phonetic-us,.phonetic-uk{color:var(--color-on-surface-variant,#5e5b58);align-items:center;gap:.25rem;font-size:.875rem;display:flex}@media (width<=640px){.app-main{padding:5rem var(--spacing-sm,.75rem) 8rem}.card-list{grid-template-columns:1fr}.rating-buttons{flex-direction:column;width:100%}.rating-buttons button{width:100%}.library-header{text-align:center;flex-direction:column}.card-meta{flex-direction:column;align-items:flex-start}.delete-button{margin-left:0}.fab-button{width:3.5rem;height:3.5rem;bottom:6.5rem;right:1rem}.fab-button .material-symbols-outlined{font-size:1.75rem}}@media (width>=768px){.app-main .container{max-width:48rem}.bottom-nav{border-bottom-left-radius:var(--radius-lg,3rem);border-bottom-right-radius:var(--radius-lg,3rem);max-width:48rem;left:50%;transform:translate(-50%)}.fab-button{right:calc(50% - 22.5rem)}.app-footer{background:var(--color-surface-container,#ede7e3);border-top:1px solid var(--color-outline-variant,#b1aca9);padding:var(--spacing-md,1rem) 0;text-align:center;color:var(--color-on-surface-variant,#5e5b58);margin-top:auto;font-family:Be Vietnam Pro,sans-serif;font-size:.875rem;display:block}.bottom-nav-spacer{display:none}}