:root{--color-lavender:#f0e6ff;--color-lavender-dark:#c4b5fd;--color-primary-bg:#7c3aed;--color-mint:#e0f5e9;--color-mint-dark:#86efac;--color-peach:#fde8d8;--color-peach-dark:#fdba74;--color-sky:#dbeafe;--color-sky-dark:#93c5fd;--color-yellow:#fef9c3;--color-yellow-dark:#fde047;--color-white:#fff;--color-text:#2d2d2d;--color-text-light:#6b7280;--color-success:#86efac;--color-error:#fca5a5;--color-bg:#faf8ff;--color-overlay:#0006;--color-mint-dark-rgb:134, 239, 172;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:50%;--font-xs:12px;--font-sm:14px;--font-md:18px;--font-lg:24px;--font-xl:36px;--font-2xl:48px;--font-sight-word:72px;--touch-min:64px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--max-width:600px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:var(--font-md);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:100dvh;font-family:Nunito,Quicksand,system-ui,-apple-system,sans-serif;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}h1,h2,h3{text-wrap:balance;line-height:1.2}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{max-width:var(--max-width);padding:var(--space-md);padding-top:max(var(--space-md), env(safe-area-inset-top,0px));padding-bottom:max(var(--space-md), env(safe-area-inset-bottom,0px));padding-left:max(var(--space-md), env(safe-area-inset-left,0px));padding-right:max(var(--space-md), env(safe-area-inset-right,0px));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.app>main{flex-direction:column;flex:1;display:flex}.btn{min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-md);padding:var(--space-sm) var(--space-lg);border:none;justify-content:center;align-items:center;font-weight:600;transition:none;display:inline-flex}.btn--primary{background:var(--color-primary-bg);color:var(--color-white)}.btn--icon{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);background:var(--color-white);box-shadow:var(--shadow-sm);font-size:var(--font-lg);padding:0}:focus-visible,button:focus-visible{outline:3px solid var(--color-primary-bg);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.splash-screen{z-index:1000;background:var(--color-bg);justify-content:center;align-items:center;transition:opacity .5s ease-out;display:flex;position:fixed;inset:0}.splash-screen--fading{opacity:0}.splash-screen__image{object-fit:cover;width:100%;height:100%}@media (width<=400px){:root{--font-sight-word:56px;--font-2xl:40px;--font-xl:30px}}@media (width>=768px){:root{--font-sight-word:96px;--space-md:24px}.app{padding:var(--space-xl);padding-top:max(var(--space-xl), env(safe-area-inset-top,0px));padding-bottom:max(var(--space-xl), env(safe-area-inset-bottom,0px))}}.profile-select{align-items:center;gap:var(--space-xl);padding:var(--space-xl) 0;flex-direction:column;flex:1;display:flex}.profile-select__title{font-size:var(--font-xl);color:var(--color-text);text-align:center;font-weight:700}.profile-select__grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);justify-items:center;width:100%;display:grid}@media (width>=768px){.profile-select__grid{grid-template-columns:repeat(4,1fr)}}@media (width>=500px) and (width<=767px){.profile-select__grid{grid-template-columns:repeat(3,1fr)}}.profile-select__avatar-wrapper{position:relative}.profile-select__avatar{justify-content:center;align-items:center;gap:var(--space-sm);width:100px;min-height:var(--touch-min);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-md);cursor:pointer;border:3px solid #0000;flex-direction:column;display:flex;position:relative}.profile-select__avatar:focus-visible{outline:3px solid var(--color-primary-bg);outline-offset:2px}.profile-select__emoji{font-size:var(--font-2xl);line-height:1}.profile-select__name{font-size:var(--font-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:80px;font-weight:600;overflow:hidden}.profile-select__add{justify-content:center;align-items:center;gap:var(--space-sm);width:100px;min-height:var(--touch-min);padding:var(--space-md);border:3px dashed var(--color-lavender-dark);border-radius:var(--radius-lg);background:var(--color-lavender);cursor:pointer;color:var(--color-primary-bg);font-size:var(--font-xl);flex-direction:column;font-weight:700;display:flex}.profile-select__add:focus-visible{outline:3px solid var(--color-primary-bg);outline-offset:2px}.profile-select__add-label{font-size:var(--font-xs);color:var(--color-text);font-weight:600}.profile-select__delete{border-radius:var(--radius-full);border:2px solid var(--color-white);background:var(--color-error);width:40px;height:40px;color:var(--color-white);font-size:var(--font-sm);cursor:pointer;justify-content:center;align-items:center;padding:8px;font-weight:700;line-height:1;display:flex;position:absolute;top:-12px;right:-12px}.profile-select__delete:after{content:"";width:var(--touch-min);height:var(--touch-min);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-select__overlay{background:var(--color-overlay);z-index:100;padding:var(--space-md);padding-top:max(var(--space-md), env(safe-area-inset-top,0px));padding-bottom:max(var(--space-md), env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-select__modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:400px;max-height:90dvh;box-shadow:var(--shadow-lg);gap:var(--space-lg);flex-direction:column;display:flex;position:relative;overflow-y:auto}.profile-select__modal-close{top:var(--space-sm);right:var(--space-sm);min-width:var(--touch-min);min-height:var(--touch-min);font-size:var(--font-lg);color:var(--color-text-light);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.profile-select__modal-title{font-size:var(--font-lg);color:var(--color-text);text-align:center;font-weight:700}.profile-select__input{width:100%;min-height:var(--touch-min);padding:var(--space-sm) var(--space-md);border:3px solid var(--color-lavender);border-radius:var(--radius-md);font-size:var(--font-lg);text-align:center;background:var(--color-bg);color:var(--color-text)}.profile-select__input:focus{border-color:var(--color-lavender-dark);outline:none}.profile-select__input::placeholder{color:var(--color-text-light)}.profile-select__emoji-grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.profile-select__emoji-option{aspect-ratio:1;width:100%;min-height:var(--touch-min);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;font-size:var(--font-lg);border:3px solid #0000;justify-content:center;align-items:center;display:flex}.profile-select__emoji-option--selected{border-color:var(--color-lavender-dark);background:var(--color-lavender)}.profile-select__emoji-option:focus-visible{outline:3px solid var(--color-primary-bg);outline-offset:2px}.profile-select__confirm{width:100%;min-height:var(--touch-min);border-radius:var(--radius-md);background:var(--color-mint-dark);color:var(--color-text);font-size:var(--font-lg);cursor:pointer;padding:var(--space-sm) var(--space-lg);border:none;font-weight:700}.profile-select__confirm:disabled{opacity:.5;cursor:not-allowed}.profile-select__error{font-size:var(--font-sm);color:var(--color-error);text-align:center;margin:0;font-weight:600}.profile-select__confirm-dialog{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:320px;box-shadow:var(--shadow-lg);gap:var(--space-lg);text-align:center;flex-direction:column;display:flex}.profile-select__confirm-text{font-size:var(--font-md);color:var(--color-text);font-weight:600}.profile-select__confirm-actions{gap:var(--space-md);justify-content:center;display:flex}.profile-select__confirm-yes{min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-md);background:var(--color-error);color:var(--color-white);font-size:var(--font-md);cursor:pointer;padding:var(--space-sm) var(--space-lg);border:none;font-weight:700}.profile-select__confirm-no{min-width:var(--touch-min);min-height:var(--touch-min);border:2px solid var(--color-text-light);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);font-size:var(--font-md);cursor:pointer;padding:var(--space-sm) var(--space-lg);font-weight:700}.nav-button{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);background:var(--color-white);box-shadow:var(--shadow-sm);font-size:var(--font-lg);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.progress-bar{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.progress-bar__track{border-radius:var(--radius-sm);background:var(--progress-new,#e5e7eb);height:12px;display:flex;overflow:hidden}.progress-bar__segment--mastered{background:var(--progress-mastered,#fbbf24)}.progress-bar__segment--practicing{background:var(--progress-practicing,#fdba74)}.progress-bar__label{font-size:var(--font-xs);color:var(--color-text);text-align:center;font-weight:600}.parental-gate__overlay{background:var(--color-overlay);z-index:100;padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.parental-gate__dialog{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xl) var(--space-lg);align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;width:100%;max-width:320px;display:flex}.parental-gate__icon{font-size:var(--font-2xl)}.parental-gate__prompt{font-size:var(--font-sm);color:var(--color-text-light);margin:0;font-weight:600}.parental-gate__form{align-items:center;gap:var(--space-md);flex-direction:column;width:100%;display:flex}.parental-gate__question{font-size:var(--font-xl);color:var(--color-text);font-weight:700}.parental-gate__input{width:100px;height:var(--touch-min);border:2px solid var(--color-lavender-dark);border-radius:var(--radius-md);font-size:var(--font-xl);text-align:center;color:var(--color-text);background:var(--color-bg);outline:none;font-family:inherit;font-weight:700}.parental-gate__input:focus{border-color:var(--color-primary-bg);box-shadow:0 0 0 3px #7c3aed26}.parental-gate__input--error{border-color:var(--color-error);animation:.4s ease-in-out gate-shake}@keyframes gate-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.parental-gate__actions{gap:var(--space-md);width:100%;display:flex}.parental-gate__btn{min-height:var(--touch-min);border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer;border:none;flex:1;font-family:inherit;font-weight:600}.parental-gate__btn--cancel{background:var(--color-lavender);color:var(--color-text)}.parental-gate__btn--submit{background:var(--color-primary-bg);color:var(--color-white)}.parental-gate__btn--submit:disabled{opacity:.5;cursor:not-allowed}.parental-gate__error{font-size:var(--font-sm);color:var(--color-text);margin:0;font-weight:600}.term-select{gap:var(--space-lg);padding:var(--space-md) 0;flex-direction:column;flex:1;display:flex}.term-select__header{align-items:center;gap:var(--space-md);display:flex}.term-select__greeting{font-size:var(--font-lg);color:var(--color-text);font-weight:700}.term-select__emoji{font-size:var(--font-xl);line-height:1}.term-select__title{font-size:var(--font-xl);text-align:center;color:var(--color-text);font-weight:700}.term-select__grid{gap:var(--space-md);flex:1;grid-template-columns:repeat(2,1fr);display:grid}@media (width<=360px){.term-select__grid{grid-template-columns:1fr}}.term-select__card{align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;min-height:140px;min-width:var(--touch-min);border:none;flex-direction:column;font-family:inherit;display:flex}.term-select__card--term1{background:var(--color-lavender)}.term-select__card--term2{background:var(--color-mint)}.term-select__card--term3{background:var(--color-peach)}.term-select__card--term4{background:var(--color-sky)}.term-select__card-name{font-size:var(--font-lg);color:var(--color-text);font-weight:700}.term-select__card-count{font-size:var(--font-sm);color:var(--color-text);font-weight:600}.term-select__stars{font-size:var(--font-sm);flex-wrap:wrap;justify-content:center;gap:2px;line-height:1;display:flex}.term-select__footer{justify-content:center;gap:var(--space-xl);padding-top:var(--space-md);display:flex}.term-select__icon-btn{align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-sm);min-width:var(--touch-min);min-height:var(--touch-min);font-size:var(--font-xl);background:0 0;border:none;flex-direction:column;font-family:inherit;display:flex}.term-select__icon-label{font-size:var(--font-xs);color:var(--color-text-light);font-weight:600}.term-select__version{text-align:center;font-size:var(--font-xs);color:var(--color-text-light);opacity:.6;margin:0}.word-card{justify-content:center;align-items:center;gap:var(--space-md);min-height:220px;padding:var(--space-lg) var(--space-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:3px solid #0000;flex-direction:column;width:100%;max-width:100%;display:flex;position:relative}.word-card--new{border-color:var(--color-sky)}.word-card--practicing{border-color:var(--color-peach-dark)}.word-card--mastered{border-color:var(--color-yellow-dark)}.word-card__word{font-size:var(--font-sight-word);color:var(--color-text);text-align:center;padding:var(--space-md) 0;overflow-wrap:break-word;word-break:break-word;max-width:100%;font-weight:700;line-height:1.1}.word-card__actions{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.word-card__action-btn{background:var(--color-bg);border:2px solid #0000;position:relative}.word-card__action-btn--speaking{background:var(--color-sky);border-color:var(--color-sky-dark)}.word-card__action-btn--listening{background:var(--color-mint);border-color:var(--color-mint-dark);animation:1.5s ease-in-out infinite pulse-listening}@keyframes pulse-listening{0%,to{box-shadow:0 0 0 0 rgba(var(--color-mint-dark-rgb), .5)}50%{box-shadow:0 0 0 10px rgba(var(--color-mint-dark-rgb), 0)}}.word-card__status{top:var(--space-sm);right:var(--space-sm);font-size:var(--font-lg);line-height:1;position:absolute}.word-card__status--practicing{color:var(--color-peach-dark);font-size:var(--font-md)}.word-card__status--mastered{font-size:var(--font-xl)}.word-card__experimental{font-size:var(--font-xs);color:var(--color-text-light);white-space:nowrap;pointer-events:none;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.progress-dots{padding:var(--space-xs) var(--space-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;max-width:100%;display:flex}.progress-dots__dot{box-sizing:content-box;border-radius:var(--radius-full);border:2px solid var(--color-lavender-dark);cursor:pointer;background:padding-box content-box;flex-shrink:0;width:10px;height:10px;padding:6px}.progress-dots__dot--current{background:var(--color-lavender-dark);border-color:var(--color-lavender-dark);width:14px;height:14px}.progress-dots__dot--mastered{background:var(--color-yellow-dark);border-color:var(--color-yellow-dark)}.progress-dots__dot--practicing{background:var(--color-peach);border-color:var(--color-peach-dark)}.word-carousel{justify-content:center;align-items:center;gap:var(--space-md);width:100%;display:flex}.word-carousel__nav-btn{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);border:2px solid var(--color-lavender-dark);background:var(--color-white);box-shadow:var(--shadow-sm);font-size:var(--font-xl);cursor:pointer;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.word-carousel__nav-btn--hidden{visibility:hidden;pointer-events:none}.word-carousel__card-container{touch-action:pan-y;flex:1;min-width:0;position:relative;overflow:hidden}.word-carousel__dots{margin-top:var(--space-sm);justify-content:center;display:flex}@media (width<=400px){.word-carousel__nav-btn{width:48px;height:48px;font-size:var(--font-lg);position:relative}.word-carousel__nav-btn:after{content:"";width:var(--touch-min);height:var(--touch-min);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.word-carousel{gap:var(--space-sm)}}.story-mode{background:var(--color-mint);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-top:var(--space-md);box-shadow:var(--shadow-sm);text-align:center}.story-mode__label{font-size:var(--font-sm);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:700;display:block}.story-mode__sentence{font-size:var(--font-lg);color:var(--color-text);font-weight:500;line-height:1.6}.story-mode__highlight{background:var(--color-yellow-dark);border-radius:var(--radius-sm);padding:2px 6px;font-weight:700}.star-reward{pointer-events:none;z-index:20;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.star-reward__star{filter:drop-shadow(0 0 12px var(--color-yellow-dark));font-size:96px;display:block}.star-reward__particles{width:0;height:0;position:absolute;top:50%;left:50%}.star-reward__particle{border-radius:var(--radius-full);background:var(--color-yellow-dark);width:8px;height:8px;position:absolute}.star-reward__particle:nth-child(2){background:var(--color-peach-dark)}.star-reward__particle:nth-child(3){background:var(--color-lavender-dark)}.star-reward__particle:nth-child(4){background:var(--color-mint-dark)}.star-reward__particle:nth-child(5){background:var(--color-sky-dark)}.star-reward__particle:nth-child(6){background:var(--color-yellow-dark)}.star-reward__particle:nth-child(7){background:var(--color-peach-dark)}.star-reward__particle:nth-child(8){background:var(--color-lavender-dark)}.celebration-overlay{background:var(--color-overlay);z-index:30;padding:var(--space-md);padding-top:max(var(--space-md), env(safe-area-inset-top,0px));padding-bottom:max(var(--space-md), env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration-overlay__card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2xl) var(--space-lg);text-align:center;width:100%;max-width:400px;max-height:90dvh;overflow-y:auto}.celebration-overlay__heading{font-size:var(--font-2xl);margin-bottom:var(--space-sm);font-weight:700}.celebration-overlay__subtext{font-size:var(--font-lg);color:var(--color-text);margin-bottom:var(--space-lg);font-weight:600}.celebration-overlay__stars{justify-content:center;gap:var(--space-md);font-size:var(--font-xl);margin-bottom:var(--space-xl);display:flex}.celebration-overlay__btn{min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-md);padding:var(--space-sm) var(--space-xl);background:var(--color-primary-bg);color:var(--color-white);border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.celebration-overlay__btn--reset{background:var(--color-lavender);color:var(--color-text);margin-top:var(--space-md)}.practice-page{gap:var(--space-sm);flex:1;grid-template-rows:auto auto 1fr;padding-bottom:80px;display:grid}.practice-page__header{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.practice-page__title{font-size:var(--font-lg);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.practice-page__settings-btn{font-size:var(--font-lg);cursor:pointer;padding:var(--space-xs);-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-shrink:0;line-height:1}.practice-page__carousel{flex-direction:column;justify-content:center;min-height:0;display:flex}.practice-page__sentence{text-align:center;font-size:var(--font-md);color:var(--color-text);background:var(--color-lavender);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-top:var(--space-md)}.practice-page__actions{justify-content:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);padding-bottom:max(var(--space-sm), env(safe-area-inset-bottom,0px));background:var(--color-bg);display:flex;position:fixed;bottom:0;left:0;right:0}.practice-page__mastery-burst{pointer-events:none;z-index:20;font-size:96px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.practice-page__overlay{background:var(--color-overlay);z-index:30;padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.practice-page__complete{text-align:center;padding:var(--space-2xl) var(--space-md)}.practice-page__feedback{text-align:center;font-size:var(--font-md);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);max-width:24rem;margin:0 auto;font-weight:600}.practice-page__feedback--success{color:var(--color-correct,#16a34a);background:var(--color-correct-bg,#dcfce7)}.practice-page__feedback--retry{color:var(--color-text);background:var(--color-lavender)}.practice-page__feedback--error{color:var(--color-incorrect,#dc2626);background:var(--color-incorrect-bg,#fef2f2)}.practice-page__complete-emoji{font-size:var(--font-2xl);margin-bottom:var(--space-md);display:block}.practice-page__complete-text{font-size:var(--font-xl);color:var(--color-text);font-weight:700}.progress-page{gap:var(--space-lg);padding:var(--space-md) 0;flex-direction:column;flex:1;display:flex}.progress-page__header{align-items:center;gap:var(--space-md);display:flex}.progress-page__header-title{font-size:var(--font-lg);color:var(--color-text);font-weight:700}.progress-page__stats{text-align:center;padding:var(--space-md) var(--space-lg);background:var(--color-yellow);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.progress-page__stats-count{font-size:var(--font-lg);color:var(--color-text);font-weight:700;display:block}.progress-page__stats-label{font-size:var(--font-sm);color:var(--color-text);font-weight:600}.progress-page__term{gap:var(--space-sm);flex-direction:column;display:flex}.progress-page__term-header{gap:var(--space-xs);flex-direction:column;display:flex}.progress-page__term-name{font-size:var(--font-md);color:var(--color-text);font-weight:700}.progress-page__words{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=360px){.progress-page__words{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.progress-page__words{grid-template-columns:repeat(4,1fr)}}.progress-page__word{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--touch-min);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-md);text-align:center;font-weight:700;line-height:1.2;display:flex}.progress-page__word--mastered{background:var(--color-yellow);color:var(--color-text);box-shadow:0 0 12px #fde04780, var(--shadow-sm)}.progress-page__word-star{font-size:var(--font-sm);line-height:1}.progress-page__word--practicing{background:var(--color-peach);color:var(--color-text);box-shadow:var(--shadow-sm)}.progress-page__word-indicator{font-size:var(--font-sm);line-height:1}.progress-page__word--new{color:var(--color-text-light);border:2px dashed var(--color-text-light);background:0 0}.progress-page__email-btn{min-height:var(--touch-min);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);border:2px solid var(--color-lavender-dark);background:var(--color-white);box-shadow:var(--shadow-sm);font-size:var(--font-md);color:var(--color-text);cursor:pointer;align-self:center;font-family:inherit;font-weight:600}.settings-page{gap:var(--space-lg);flex-direction:column;display:flex}.settings-page__header{align-items:center;gap:var(--space-md);display:flex}.settings-page__title{font-size:var(--font-xl);color:var(--color-text);flex:1;margin:0;font-weight:700}.settings-page__subtitle{font-size:var(--font-md);color:var(--color-text-light);margin:0}.settings-page__section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);gap:var(--space-md);flex-direction:column;display:flex}.settings-page__section--danger{border:2px solid var(--color-peach)}.settings-page__section-title{font-size:var(--font-md);color:var(--color-text);margin:0;font-weight:700}.settings-page__toggle-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;display:flex}.settings-page__toggle-row+.settings-page__toggle-row{border-top:1px solid var(--color-lavender);padding-top:var(--space-md)}.settings-page__toggle-info{align-items:center;gap:var(--space-md);flex:1;display:flex}.settings-page__toggle-icon{font-size:var(--font-lg)}.settings-page__toggle-label{font-size:var(--font-md);color:var(--color-text);cursor:pointer;font-weight:600}.settings-page__toggle-desc{font-size:var(--font-sm);color:var(--color-text-light);margin:2px 0 0}.settings-page__toggle{border:2px solid var(--color-lavender-dark);background:var(--color-lavender);cursor:pointer;border-radius:16px;flex-shrink:0;width:56px;height:32px;padding:0;transition:background .2s,border-color .2s;position:relative}.settings-page__toggle--on{background:var(--color-mint-dark);border-color:var(--color-mint-dark)}.settings-page__toggle-thumb{border-radius:var(--radius-full);background:var(--color-white);width:24px;height:24px;box-shadow:var(--shadow-sm);transition:transform .2s;position:absolute;top:2px;left:2px}.settings-page__toggle--on .settings-page__toggle-thumb{transform:translate(24px)}.settings-page__action-btn{min-height:var(--touch-min);border:2px solid var(--color-lavender-dark);border-radius:var(--radius-md);background:var(--color-lavender);color:var(--color-text);font-size:var(--font-md);cursor:pointer;padding:var(--space-sm) var(--space-lg);font-family:inherit;font-weight:600}.settings-page__reset-btn{min-height:var(--touch-min);border:2px solid var(--color-peach-dark);border-radius:var(--radius-md);background:var(--color-peach);color:var(--color-text);font-size:var(--font-md);cursor:pointer;padding:var(--space-sm) var(--space-lg);font-weight:600}.settings-page__reset-confirm{gap:var(--space-md);flex-direction:column;display:flex}.settings-page__reset-warning{font-size:var(--font-md);color:var(--color-text);margin:0;font-weight:600}.settings-page__reset-actions{gap:var(--space-md);display:flex}.settings-page__reset-no,.settings-page__reset-yes{min-height:var(--touch-min);border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer;border:none;flex:1;font-weight:600}.settings-page__reset-no{background:var(--color-lavender);color:var(--color-text)}.settings-page__reset-yes{background:var(--color-error);color:var(--color-white)}.help-page{gap:var(--space-lg);flex-direction:column;display:flex}.help-page__header{align-items:center;gap:var(--space-md);display:flex}.help-page__title{font-size:var(--font-xl);color:var(--color-text);margin:0;font-weight:700}.help-page__section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);gap:var(--space-sm);flex-direction:column;display:flex}.help-page__section-title{font-size:var(--font-md);color:var(--color-text);margin:0;font-weight:700}.help-page__section-icon{font-size:var(--font-lg);margin-right:var(--space-xs)}.help-page__text{font-size:var(--font-sm);color:var(--color-text-light);margin:0;line-height:1.6}.help-page__list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.help-page__list-item{font-size:var(--font-sm);color:var(--color-text);padding-left:var(--space-lg);line-height:1.5;position:relative}.help-page__list-item:before{position:absolute;left:0}.help-page__tip{background:var(--color-yellow);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-size:var(--font-sm);color:var(--color-text);margin:0;line-height:1.6}.help-page__about{text-align:center}.help-page__link{color:var(--color-primary-bg);font-weight:600;text-decoration:underline}.word-list-page{gap:var(--space-lg);flex-direction:column;display:flex}.word-list-page__header{align-items:center;gap:var(--space-md);display:flex}.word-list-page__title{font-size:var(--font-xl);color:var(--color-text);margin:0;font-weight:700}.word-list-page__term{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);gap:var(--space-md);flex-direction:column;display:flex}.word-list-page__term-title{font-size:var(--font-md);color:var(--color-text);margin:0;font-weight:700}.word-list-page__words{gap:var(--space-sm);flex-wrap:wrap;display:flex}.word-list-page__word{padding:var(--space-xs) var(--space-md);background:var(--color-lavender);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--color-text);justify-content:center;align-items:center;font-weight:700;display:inline-flex}