*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font:inherit;color:inherit}h1{margin:0;font-size:24px;line-height:1.2}h2{margin:0;font-size:18px;line-height:1.3}.hint{color:var(--hint-text);margin:4px 0 0;font-size:14px}.error{color:var(--danger);margin:0;font-size:14px}.page{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:20px 16px 32px;display:flex}.page--with-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.card{background:var(--secondary-bg);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.step,.label{color:var(--hint-text);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.label+*{margin-bottom:8px}.btn{background:var(--button);width:100%;color:var(--button-text);text-align:center;cursor:pointer;border:0;border-radius:12px;padding:14px 16px;font-weight:600;text-decoration:none;display:block}.btn:disabled{opacity:.45;cursor:default}.btn--inline{width:auto;padding:10px 20px}.btn-link{color:var(--link);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:15px}.footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);position:fixed;bottom:0;left:0;right:0}.footer .btn{max-width:448px;margin:0 auto}.level-list{gap:10px;display:grid}.level-card{background:var(--secondary-bg);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.level-card--selected{border-color:var(--button)}.level-card__code{min-width:34px;font-size:18px;font-weight:700}.level-card__text{font-size:15px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--secondary-bg);cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:15px;display:inline-flex}.chip--selected{border-color:var(--button);background:color-mix(in srgb, var(--button) 14%, var(--secondary-bg))}.chip:disabled{opacity:.4;cursor:default}.home-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.streak{background:var(--secondary-bg);white-space:nowrap;border-radius:999px;padding:6px 12px;font-weight:600}.badge{background:var(--button);color:var(--button-text);border-radius:8px;padding:2px 10px;font-size:14px;font-weight:700}.placeholder{text-align:center;align-items:center;padding:28px 20px}.placeholder__icon{font-size:36px}.status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.spinner{border:3px solid var(--secondary-bg);border-top-color:var(--button);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.article-meta{color:var(--hint-text);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;display:flex}.skeleton{background:linear-gradient(90deg, var(--bg) 25%, color-mix(in srgb, var(--hint) 18%, var(--bg)) 50%, var(--bg) 75%);background-size:200% 100%;border-radius:7px;height:14px;animation:1.4s ease-in-out infinite shimmer}.skeleton--title{width:80%;height:22px;margin-bottom:4px}.skeleton--short{width:45%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.page--reading{max-width:640px}.reading-header{flex-direction:column;gap:10px;display:flex}.reading-title{font-size:26px;line-height:1.25}.reading-body{font-size:18px;line-height:1.7}.reading-body p{margin:0 0 1em}.kw{background:color-mix(in srgb, var(--button) 12%, transparent);color:inherit;font:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--button) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--button) 70%, transparent);text-underline-offset:3px;cursor:pointer;border:0;border-radius:4px;padding:0 2px;text-decoration-thickness:2px}.kw--static{cursor:default}.sheet-backdrop{z-index:10;background:#0006;justify-content:center;align-items:flex-end;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:640px;max-height:85vh;padding:8px 20px calc(24px + env(safe-area-inset-bottom));background:var(--bg);border-radius:20px 20px 0 0;animation:.2s ease-out slide-up;overflow-y:auto}.sheet__handle{background:color-mix(in srgb, var(--hint) 40%, transparent);border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.sheet__head{align-items:center;gap:8px;display:flex}.sheet__word{font-size:26px}.sheet__close{margin-left:auto}.icon-btn{background:var(--icon-bg);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:inline-flex}.sheet__pos{margin:0 0 12px}.sheet__translation{margin:0 0 16px;font-size:20px;font-weight:600}.sheet__text{margin:0 0 16px;font-size:16px}.sheet__example{border-left:3px solid var(--button);background:var(--secondary-bg);border-radius:0 10px 10px 0;margin:0;padding:10px 14px;font-size:16px;font-style:italic;line-height:1.5}.toast{top:calc(16px + env(safe-area-inset-top));z-index:20;background:var(--text);color:var(--bg);white-space:nowrap;border-radius:999px;padding:12px 20px;font-weight:600;animation:.25s ease-out toast-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}}@media (prefers-reduced-motion:reduce){.skeleton,.sheet,.sheet-backdrop,.toast{animation:none}}:root{--success:#2e9e4f;--hint-text:color-mix(in srgb, var(--hint) 70%, var(--text));--success-text:color-mix(in srgb, var(--success) 75%, var(--text));--icon-bg:color-mix(in srgb, var(--hint) 28%, var(--bg))}.btn--secondary{background:var(--secondary-bg);color:var(--text)}.card .btn--secondary,.sheet .btn--secondary{background:var(--bg)}.sheet .btn--secondary{border:1px solid color-mix(in srgb, var(--hint) 30%, transparent)}.saved-note{color:var(--success-text);text-align:center;margin:4px 0 0;font-weight:600}.icon-btn--small{flex-shrink:0;width:36px;height:36px;font-size:16px}.empty-hint{text-align:center;padding:8px 4px}.page--with-nav{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.bottom-nav{z-index:5;padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb, var(--hint) 22%, transparent);background:var(--bg);justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{max-width:224px;color:var(--hint-text);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:15px;font-weight:600;text-decoration:none;display:flex;position:relative}.bottom-nav__item--active{background:var(--secondary-bg);color:var(--text)}.count-badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:1px 6px;font-size:12px;line-height:18px}.review-card{color:inherit;text-decoration:none}.review-card__title{font-size:17px;font-weight:600}.think-card{border-left:4px solid var(--button);background:color-mix(in srgb, var(--button) 10%, var(--bg));border-radius:0 16px 16px 0;flex-direction:column;gap:6px;padding:16px;display:flex}.think-card__title{color:var(--hint-text);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.think-card__question{margin:0;font-size:18px;line-height:1.5}.sheet__save{margin:0 0 16px}.quiz-header{flex-direction:column;gap:8px;display:flex}.dots{gap:8px;display:flex}.dots__dot{background:var(--secondary-bg);border-radius:3px;width:28px;height:6px}.dots__dot--current{background:var(--button)}.dots__dot--correct{background:var(--success)}.dots__dot--wrong{background:var(--danger)}.quiz-question{font-size:21px;line-height:1.35}.options{gap:10px;display:grid}.option{background:var(--secondary-bg);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:14px;width:100%;padding:14px 16px;font-size:16px;line-height:1.4}.option:disabled{cursor:default}.option--correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 14%, var(--bg))}.option--wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--bg))}.option--muted{color:color-mix(in srgb, var(--text) 70%, var(--secondary-bg))}.feedback{border-radius:14px;padding:14px 16px}.feedback--correct{background:color-mix(in srgb, var(--success) 12%, var(--bg))}.feedback--wrong{background:color-mix(in srgb, var(--danger) 10%, var(--bg))}.feedback__title{margin:0 0 4px;font-weight:700}.feedback__text{margin:0;line-height:1.5}.result-card{text-align:center;align-items:center}.result-card__score{margin:0;font-size:44px;font-weight:800;line-height:1.1}.word-list{margin:0 0 4px;padding:0;list-style:none}.word-row{border-bottom:1px solid color-mix(in srgb, var(--hint) 18%, transparent);align-items:center;gap:12px;padding:10px 0;display:flex}.word-row:last-child{border-bottom:0}.word-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.word-row__word{overflow-wrap:anywhere;font-weight:600}.word-row__translation{overflow-wrap:anywhere;margin:0}.star{background:var(--bg);width:40px;height:40px;color:var(--hint-text);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;font-size:22px}.star--on{color:#f5a623}.tabs{background:var(--secondary-bg);border-radius:12px;gap:4px;padding:4px;display:flex}.tabs__tab{color:var(--hint-text);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 8px;font-weight:600}.tabs__tab--active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #00000014}.review-header{justify-content:space-between;align-items:center;display:flex}.review-header .btn-link{align-self:center}.flashcard{background:var(--secondary-bg);border-radius:20px;flex-direction:column;gap:14px;min-height:260px;padding:24px 20px;display:flex;position:relative}.flashcard__again{background:color-mix(in srgb, var(--danger) 14%, var(--bg));color:var(--danger);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:13px;font-weight:600}.flashcard__head{align-items:center;gap:10px;display:flex}.flashcard__word{overflow-wrap:anywhere;font-size:30px}.flashcard__example{margin:0;font-size:18px;font-style:italic;line-height:1.6}.flashcard__back{border-top:1px solid color-mix(in srgb, var(--hint) 25%, transparent);padding-top:14px}.flashcard__translation{margin:0 0 6px;font-size:22px;font-weight:700}.flashcard__definition{color:var(--hint-text);margin:0;line-height:1.5}.review-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.next-card__title{font-size:20px}.next-card__action{margin-top:8px}.next-card__label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.library-tag{background:var(--icon-bg);color:var(--text);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.next-done{gap:4px}.next-done__article{margin:4px 0 0;font-weight:600}.btn--small{width:auto;padding:9px 16px;font-size:15px}.more-list{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.more-card{background:var(--bg);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.more-card__topic{color:var(--hint-text);font-size:14px}.more-card__title{overflow-wrap:anywhere;margin:0;font-weight:600}.more-card__note{margin:0}.more-card__done{color:var(--success-text);font-weight:600}.level-banner{border:1px solid color-mix(in srgb, var(--button) 45%, transparent);background:color-mix(in srgb, var(--button) 10%, var(--bg));border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.level-banner__text{margin:0;font-weight:600}.level-banner__actions{gap:8px;display:flex}.level-banner .btn--secondary{background:var(--bg)}.profile-card{background:var(--secondary-bg);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.profile-card__topics{flex-wrap:wrap;flex:1;gap:2px 10px;min-width:0;font-size:14px;display:flex}.profile-card__topic{white-space:nowrap}.profile-card__change{color:var(--link);flex-shrink:0;font-size:14px;font-weight:600;text-decoration:none}.like-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.like-row__label{flex:1;margin:0}.like-btn--on{background:color-mix(in srgb, var(--button) 25%, var(--bg));box-shadow:0 0 0 2px var(--button)}.difficulty-title{margin-bottom:12px;font-size:21px}.difficulty-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.difficulty-option{background:var(--secondary-bg);cursor:pointer;border:0;border-radius:14px;padding:14px 4px;font-size:16px;font-weight:600}.difficulty-option:disabled{opacity:.6;cursor:default}.sheet__error{margin-top:10px}.result-card__copy{margin:0;font-weight:600}.settings-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-status{color:var(--success-text);font-size:14px;font-weight:600}.settings-section{flex-direction:column;gap:10px;display:flex}.switch-row{background:var(--secondary-bg);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.switch-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.switch-row__title{font-weight:600}.switch{background:color-mix(in srgb, var(--hint) 45%, var(--secondary-bg));cursor:pointer;appearance:none;border-radius:14px;flex-shrink:0;width:46px;height:28px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--button)}.switch:checked:after{transform:translate(18px)}.review-header__progress{margin-left:auto}