:root{--motion-fast: .14s;--motion-medium: .18s;--ease-standard: cubic-bezier(.22, .61, .36, 1);--page-top: #f7f1e6;--page-bottom: #eef2f6;--card-surface: rgba(255, 251, 245, .96);--card-border: rgba(214, 220, 228, .92);--text-strong: #16304b;--text-body: #3f556a;--text-muted: #6b8196;--accent: #1d5f8f;--accent-soft: #e6eff7;--line-soft: #dde4eb;--control-radius: 11px;--control-border: #d6dee6;--control-border-strong: #c7d2dc;--control-shadow: 0 6px 14px rgba(20, 39, 63, .05);--control-shadow-hover: 0 8px 18px rgba(20, 39, 63, .08)}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(224,232,240,.62),transparent 42%),linear-gradient(180deg,var(--page-top) 0%,var(--page-bottom) 100%);padding:max(1rem,env(safe-area-inset-top)) max(.9rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.9rem,env(safe-area-inset-left))}.app-frame{width:min(520px,100%)}.app-footer{margin-top:.6rem;text-align:center}.footer-links{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.4rem;color:var(--text-muted);font-size:.8rem;font-weight:500}.footer-link{color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 .18rem;transition:color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.footer-link:hover{color:var(--text-body);border-bottom-color:#3f556a61}.footer-link.is-active{color:var(--text-body);font-weight:600}.footer-link:focus-visible{outline:3px solid #9ec4e6;outline-offset:3px;border-radius:5px}.footer-separator{color:#8ca0b5}.confirm-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#08182b73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog{width:min(388px,100%);border-radius:14px;border:1px solid var(--card-border);background:#fffdf9;padding:.82rem .86rem;box-shadow:0 16px 36px #0a1f3640}.confirm-dialog h2{margin:0;font-size:1.08rem;color:var(--text-strong)}.confirm-dialog p{margin:.46rem 0 0;color:var(--text-body);font-size:.91rem;line-height:1.4}.confirm-actions{margin-top:.72rem;display:flex;gap:.5rem}.confirm-actions .action-btn{min-height:42px;padding:.56rem .8rem}.confirm-actions .action-btn:not(.danger){background:#fcfdfe;border-color:#d9e2ea;color:#4e647b;box-shadow:0 4px 10px #14273f08}.quiz-card{border-radius:24px;background:var(--card-surface);padding:1.02rem 1.15rem .92rem;text-align:center;border:1px solid var(--card-border);box-shadow:0 20px 44px #15213017,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card-content-frame{width:100%;animation:view-enter var(--motion-medium) var(--ease-standard)}.settings-panel{width:100%;padding:.08rem 0 0;text-align:left;animation:view-enter var(--motion-medium) var(--ease-standard)}.settings-group{margin-top:.58rem;border-radius:14px;border:1px solid #e0e7ed;background:#fbfcfd;box-shadow:inset 0 1px #ffffffb8;padding:.6rem .76rem}.settings-label{margin:0;font-size:.8rem;color:var(--text-body);font-weight:700;letter-spacing:.02em}.settings-lengths{margin-top:.42rem;display:flex;gap:.45rem}.length-btn{border:1px solid var(--control-border);background:#fff;color:var(--text-body);border-radius:var(--control-radius);min-width:42px;padding:.35rem .5rem;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:var(--control-shadow);transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.length-btn.active{border-color:var(--accent);background:#f1f6fb;color:var(--accent);box-shadow:0 8px 18px #1d5f8f14}.length-btn:hover{border-color:var(--control-border-strong);box-shadow:var(--control-shadow-hover)}.length-btn:active{transform:translateY(1px)}.settings-actions{margin-top:.7rem;padding-top:.1rem;display:block}@keyframes view-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.progress-strip{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.progress-meta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.32rem;margin:0;border-radius:12px;background:transparent;color:var(--text-muted);font-size:.74rem;font-weight:500;padding:.28rem .34rem}.progress-logo{width:34px;height:34px;flex:0 0 auto;opacity:.84}.progress-center{justify-self:center;text-align:center}.progress-inline-count{color:#31475f;font-size:.8rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.progress-toggle{border:1px solid var(--control-border);border-radius:var(--control-radius);background:#ffffff6b;color:#51667c;display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;padding:0;font-size:1.08rem;line-height:1;cursor:pointer;box-shadow:0 4px 10px #14273f09;transition:transform var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.progress-toggle:hover{border-color:var(--control-border-strong);background:#ffffffb8;box-shadow:0 6px 12px #14273f0d}.progress-toggle:active{transform:translateY(1px)}.control-icon{width:19px;height:19px;display:block}.word{margin:.82rem 0 .56rem;font-size:clamp(2.2rem,8vw,3.05rem);font-weight:700;letter-spacing:0;color:var(--text-strong);line-height:1.05;max-width:100%;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance}.word-long{font-size:clamp(1.55rem,6vw,2.2rem);line-height:1.12}.word-translation{margin:-.04rem 0 .68rem;color:var(--text-muted);font-size:.91rem;font-weight:500;line-height:1.45}.buttons{display:flex;justify-content:center;gap:.5rem}.buttons button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:92px;border:1px solid #bccbd8;background:#fff;color:#2f4963;font-weight:700;font-size:1rem;border-radius:999px;padding:.62rem 1.08rem;cursor:pointer;box-shadow:0 6px 14px #14273f0d,inset 0 1px #ffffffc7;transition:transform var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),filter var(--motion-fast) var(--ease-standard)}.buttons button:hover{transform:translateY(-1px);border-color:#aebfce;background:#f7fafc;box-shadow:0 8px 16px #14273f12}.buttons button:active{transform:translateY(0);filter:brightness(.98)}.buttons button:disabled{cursor:default;opacity:1;transform:none}.buttons .article-btn.article-btn-correct{border-color:#5f9c78;background:#edf7f0;color:#214e36;box-shadow:0 6px 14px #24543a0e,inset 0 0 0 1px #5288652e}.buttons .article-btn.article-btn-wrong{border-color:#d8b4bb;background:#fcf4f6;color:#884654;box-shadow:0 3px 8px #7e3b4805,inset 0 0 0 1px #b5707b1a}.buttons .article-btn.article-btn-accepted{border-color:#bfd4c8;background:#f6faf7;color:#4b6857}.buttons .article-btn.article-btn-muted{border-color:#dde4eb;background:#f8fafc;color:#738495}.article-indicator{font-size:.72rem;font-weight:800;line-height:1}.result{min-height:2.2em;margin:1rem 0 0;font-size:.98rem;font-weight:600;border-radius:10px;padding:.5rem .55rem;display:flex;align-items:center;justify-content:center;transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.result-wrong{color:#7a4050;background:#fbf1f3}.session-summary{margin-top:1rem;border-radius:16px;padding:.92rem .92rem .88rem;text-align:left;background:#f9fbfc;color:var(--text-body);border:1px solid #e4ebf1;box-shadow:inset 0 1px #ffffffb3;animation:view-enter var(--motion-medium) var(--ease-standard)}.static-page-card{text-align:left}.static-page-card h1{margin:0;font-size:1.35rem;color:var(--text-strong)}.static-page-intro{margin:.3rem 0 0;color:var(--text-muted);font-size:.88rem}.static-page-content{margin-top:.75rem;color:var(--text-body);max-width:68ch}.static-page-content h2{margin:.95rem 0 0;font-size:.95rem;color:var(--text-strong)}.static-page-content p{margin:.35rem 0 0;font-size:.9rem;line-height:1.5}.static-list{margin:.45rem 0 0;padding-left:1.15rem;display:grid;gap:.45rem}.static-list li{line-height:1.45;font-size:.9rem}.source-grid{margin-top:.48rem;display:grid;gap:.62rem}.source-row{border:1px solid #e8edf2;border-radius:10px;background:#fbfdff;padding:.56rem .62rem}.source-row p{margin:0}.source-row p+p{margin-top:.26rem}.static-meta{margin-top:.68rem;color:var(--text-muted);font-size:.82rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.faq-item{border-top:1px solid #e8edf2;padding:.68rem 0 .72rem}.faq-item:last-child{border-bottom:1px solid #e8edf2}.faq-item summary{cursor:pointer;color:var(--text-strong);font-size:1.02rem;font-weight:700;line-height:1.35;list-style:none;display:flex;align-items:center;gap:.5rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";display:inline-grid;place-items:center;width:1.05rem;color:var(--text-muted);font-weight:600}.faq-item[open] summary:before{content:"−"}.faq-item summary:focus-visible{outline:3px solid #9ec4e6;outline-offset:2px;border-radius:6px}.faq-item p{margin:.42rem 0 0 1.55rem}.static-page-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(29,95,143,.38)}.static-page-content a:hover{border-bottom-color:#1d5f8fb8}.static-page-content a:focus-visible{outline:3px solid #9ec4e6;outline-offset:2px;border-radius:4px}.session-summary h2{margin:0;font-size:1.14rem;color:var(--text-strong)}.session-summary p{margin:.38rem 0 0;font-size:.93rem;line-height:1.5}.summary-stat-line{color:#41586e;font-size:.96rem;line-height:1.35}.summary-stat-line strong{color:var(--text-strong)}.mistakes-empty{margin-top:.55rem;border-radius:9px;background:#f6faf7;color:#39624b;padding:.48rem .6rem}.mistakes-panel{margin-top:.9rem;border-top:1px solid var(--line-soft);padding-top:.8rem}.mistakes-panel h3{margin:0;font-size:.98rem;color:var(--text-strong)}.mistakes-list{list-style:none;margin:.65rem 0 0;padding:0;display:grid;gap:.55rem}.mistake-row{border-radius:12px;background:#fcfdfe;border:1px solid #e1e8ef;padding:.62rem .7rem;box-shadow:inset 0 1px #ffffffb8}.mistake-row p{margin:0;font-size:.84rem;line-height:1.45}.mistake-row p+p{margin-top:.25rem}.summary-actions{margin-top:.68rem;display:grid;gap:.55rem}.summary-actions .next-btn,.summary-actions .action-btn{margin-top:0}.summary-actions .action-btn{border-radius:14px;padding:.8rem 1.25rem;font-size:.98rem;letter-spacing:.01em}.summary-actions .action-btn:not(.summary-primary){background:#fcfdfe;border-color:#d9e2ea;color:#486078;box-shadow:0 5px 12px #14273f09}.action-btn.summary-primary{border:none;background:linear-gradient(130deg,#1a5c8a,#2b78ab);color:#fff}.next-btn{margin-top:.72rem;width:100%;border:none;border-radius:14px;padding:.8rem 1.25rem;font-size:.98rem;letter-spacing:.01em;font-weight:700;background:linear-gradient(130deg,#1a5c8a,#2b78ab);color:#fff;cursor:pointer;box-shadow:0 12px 24px #1d5f8f2e;transition:transform var(--motion-fast) var(--ease-standard),filter var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.next-btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 28px #1d5f8f38}.next-btn:active{transform:translateY(0);filter:brightness(.98)}.next-btn:disabled{background:#e5e9ee;color:#a0acb8;border:1px solid #d5dde5;box-shadow:none;opacity:1;cursor:default;transform:none;filter:none}.action-btn{border:1px solid var(--control-border);background:#fbfcfd;color:var(--text-body);border-radius:14px;padding:.52rem .7rem;font-size:.86rem;font-weight:700;cursor:pointer;width:100%;box-shadow:var(--control-shadow);transition:transform var(--motion-fast) var(--ease-standard),filter var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.action-btn:hover:not(:disabled){border-color:var(--control-border-strong);background:#fff;box-shadow:var(--control-shadow-hover)}.action-btn:active{transform:translateY(0);filter:brightness(.98)}.action-btn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.15)}.settings-actions .action-btn:disabled{min-height:40px;padding:.48rem .7rem}.action-btn.danger{border-color:#e4d2d6;color:#91515c;background:#fcf7f8;box-shadow:0 4px 10px #7e3b4805}.action-btn.danger:hover:not(:disabled){border-color:#d8b8bf;background:#fbf2f4;box-shadow:0 6px 12px #7e3b4809}.action-btn.summary-primary:hover:not(:disabled){border-color:transparent;background:linear-gradient(130deg,#1f6698,#3484ba);color:#fff;box-shadow:0 14px 28px #1d5f8f33}.action-btn.summary-primary:active{filter:brightness(.98)}button:focus-visible{outline:3px solid #9ec4e6;outline-offset:2px}@media(max-width:480px){.app-shell{padding-top:max(.75rem,env(safe-area-inset-top));padding-right:max(.75rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom));padding-left:max(.75rem,env(safe-area-inset-left));align-items:center}.progress-logo{width:32px;height:32px}.progress-toggle{width:30px;height:28px;font-size:1.08rem}.quiz-card{border-radius:18px;padding:.72rem .78rem .68rem}.app-footer{margin-top:.52rem}.footer-links{font-size:.76rem}.footer-link{min-height:42px;padding:0 .3rem}.card-content-frame{margin-top:0}.progress-strip{gap:.4rem}.progress-meta{padding:.2rem;font-size:.69rem}.progress-inline-count{font-size:.74rem}.word{margin:.54rem 0 .38rem;font-size:clamp(1.72rem,8.4vw,2.2rem);line-height:1.08}.word-long{font-size:clamp(1.35rem,7vw,1.85rem);line-height:1.16}.word-translation{margin:0 0 .48rem;font-size:.84rem}.buttons{gap:.38rem}.buttons button{min-width:0;min-height:44px;flex:1;font-size:1rem;padding:.44rem .66rem}.result{min-height:2.4em;margin-top:.75rem;font-size:.92rem;padding:.48rem .5rem}.next-btn{min-height:46px;margin-top:.58rem;padding:.72rem 1rem;font-size:.94rem}.settings-lengths{gap:.35rem}.length-btn{min-height:44px;min-width:48px;padding:.35rem .6rem}.settings-actions{margin-top:.58rem;padding-top:.08rem}.action-btn{min-height:44px;padding:.5rem .65rem}.session-summary{margin-top:.8rem;padding:.72rem .72rem .68rem}.summary-actions{margin-top:.6rem;gap:.45rem}.summary-actions .action-btn{min-height:46px;padding:.72rem 1rem;font-size:.94rem}.session-summary p{font-size:.9rem}.static-page-card h1{font-size:1.2rem}.static-page-intro{font-size:.84rem}.static-page-content p,.static-list li{font-size:.87rem}.source-row{padding:.5rem .54rem}.static-meta{font-size:.79rem}.faq-item summary{font-size:.94rem}.faq-content{max-height:min(58vh,460px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:.22rem}.summary-stat-line{font-size:.92rem}.mistake-row p{font-size:.82rem}}@media(max-width:380px){.quiz-card{padding:.66rem .72rem .64rem;border-radius:16px}.progress-logo{width:30px;height:30px}.progress-toggle{width:28px;height:26px;font-size:1rem}.progress-strip{gap:.32rem}.progress-meta{font-size:.66rem;padding:.16rem}.progress-inline-count{font-size:.71rem}.word{margin:.46rem 0 .34rem;font-size:clamp(1.46rem,8vw,1.86rem)}.word-long{font-size:clamp(1.2rem,6.6vw,1.55rem)}.word-translation{margin:0 0 .42rem;font-size:.8rem}.buttons{gap:.28rem}.buttons button{font-size:.96rem;padding:.42rem;border-radius:999px}.article-indicator{font-size:.78rem}.result{min-height:2.5em;font-size:.86rem}.settings-group{margin-top:.5rem;padding:.5rem}.summary-stat-line{font-size:.88rem}.footer-links{font-size:.73rem;gap:.28rem}.footer-link{min-height:40px;padding:0 .22rem}.footer-separator{display:none}.action-btn{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root{font-family:Avenir Next,Nunito Sans,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:#18212f;background:linear-gradient(160deg,#e2edf8,#f4efe7 48%,#e9f2eb)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:999px;filter:blur(36px);z-index:-1}body:before{width:260px;height:260px;background:#4892cd57;top:-50px;right:-20px}body:after{width:220px;height:220px;background:#ffac6f47;left:-40px;bottom:-70px}