:root{--green:#48ad4e;--dark:#1b5e20;--light:#d8f0d8;--text:#333;--muted:#777;--line:#e5e5e5;}
*{box-sizing:border-box} html,body,#app{height:100%;margin:0} body{font-family:Arial,Helvetica,sans-serif;background:#eee;color:var(--text)}
#app{max-width:480px;margin:0 auto;background:white;min-height:100vh;box-shadow:0 0 20px rgba(0,0,0,.12);overflow-y:auto;overflow-x:hidden;}
.top{background:var(--green);color:white}.bar{height:82px;padding:16px;display:flex;justify-content:space-between;align-items:center}.app-title{font-size:26px}.sub{font-size:20px;opacity:.9}.icons{font-size:25px;display:flex;gap:20px}.tabs{height:55px;display:flex;align-items:end;justify-content:space-around}.tab{width:33%;height:55px;display:flex;align-items:center;justify-content:center;font-size:26px}.tab.active{border-bottom:4px solid white;background:rgba(255,255,255,.08)}
.dev{padding:8px 14px;color:#444;background:#fafafa;border-bottom:1px solid var(--line);font-size:13px}.list{padding-bottom:0}.lesson-row{display:flex;gap:18px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);cursor:pointer}.lesson-row.locked{opacity:.45}.status{width:46px;height:46px;border-radius:50%;background:var(--green);color:white;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:bold;flex:0 0 46px}.locked .status{background:#999}.ltitle{font-size:25px}.ldesc{font-size:20px;color:#666;margin-top:4px;line-height:1.25}.bottom-actions{position:static;width:100%;background:var(--green);color:white;margin-top:0}.action{display:flex;gap:18px;align-items:center;padding:13px 24px;border-top:1px solid rgba(255,255,255,.35);cursor:pointer}.ico{font-size:32px;width:50px;text-align:center}.action-title{font-size:25px}.action-sub{font-size:19px;opacity:.85}
.menu-card{padding:22px}.menu-btn{width:100%;min-height:62px;margin:10px 0;border:0;border-radius:4px;background:#efefef;color:#333;font-size:22px;text-align:left;padding:15px 20px;cursor:pointer}.menu-btn:nth-child(2){background:var(--green);color:white}.smallnote{color:#777;font-size:16px;padding:12px 2px;line-height:1.35}
.screen{min-height:100vh;display:flex;flex-direction:column;background:white}.training-top{height:56px;flex:0 0 56px;background:var(--green);color:white;display:flex;align-items:center;gap:18px;padding:0 14px;font-size:22px}.back{font-size:42px;line-height:1;cursor:pointer}.stats{margin-left:auto;font-size:17px;display:flex;gap:8px;align-items:center}.ru{flex:0 0 78px;display:flex;align-items:center;padding:0 16px;font-size:26px;border-bottom:1px solid #eee}.answer{flex:0 0 58px;background:var(--light);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:25px;color:#009b12}.placeholder{color:#666}.speaker{font-size:28px;cursor:pointer;color:white;filter:drop-shadow(0 0 0 #fff)}
.choices{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);column-gap:40px;row-gap:6px;padding:14px 34px 20px}.choice{border:0;background:white;color:#666;font-size:30px;cursor:pointer;border-radius:12px;transition:.12s}.choice:hover,.choice:focus{background:#f3f3f3;color:#111}.choice:active{transform:scale(.96);background:#e9f7e9}.progress-strip{height:15px;flex:0 0 15px;background:repeating-linear-gradient(90deg,#43b052 0 22px,#fff 22px 24px,#43b052 24px 46px,#fff 46px 48px);border-top:2px solid #43b052}
.result{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.bigYes{font-size:58px;color:var(--green);margin-bottom:34px}.tapNext{font-size:25px;color:#aaa;max-width:380px;line-height:1.25}.spell{padding:24px}.spell input{width:100%;height:55px;font-size:24px;margin:12px 0;padding:8px 12px;border:1px solid #ccc;border-radius:6px}#spellResult{font-size:22px;margin-top:12px}
@media (min-width:700px){#app{height:100vh;min-height:620px}.screen{height:100vh}.choices{padding-left:45px;padding-right:45px}.choice{font-size:30px}.ru{font-size:28px}.answer{font-size:27px}}
@media (max-height:650px){.training-top{height:48px;flex-basis:48px}.ru{flex-basis:62px;font-size:22px}.answer{flex-basis:48px;font-size:22px}.choices{padding-top:6px;padding-bottom:10px;row-gap:2px}.choice{font-size:25px}.progress-strip{height:10px;flex-basis:10px}}
@media (max-width:380px){.choices{column-gap:22px;padding-left:22px;padding-right:22px}.choice{font-size:26px}.ltitle{font-size:22px}.ldesc{font-size:18px}.ru{font-size:23px}.answer{font-size:22px}}

.choice.right { color: #0a8f18 !important; font-weight: 700; }
.choice.wrong { color: #d32f2f !important; text-decoration: line-through; opacity: 0.55; }
.hint { height: 24px; text-align: center; color: #d32f2f; font-size: 18px; margin-top: 4px; }

.exam-screen{min-height:100vh;display:flex;flex-direction:column;background:white;}
.exam-scroll{flex:1 1 auto;overflow-y:auto;}
@media (min-width:700px){.exam-screen{min-height:100vh}}

.menu-card{max-height:calc(100vh - 150px);overflow-y:auto;}

.verb-row .menu-btn{line-height:1.25}

.progress-page{padding-bottom:30px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 14px}.summary-box{background:#f3faf3;border:1px solid #cfe8cf;border-radius:10px;padding:12px;font-size:18px;line-height:1.35}.summary-box small{color:#666}.progress-card{background:#fff;border:1px solid #e2e2e2;border-radius:12px;margin:12px 0;padding:14px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.04)}.progress-card.locked{opacity:.55}.progress-head{display:flex;justify-content:space-between;align-items:center;font-size:22px}.progress-head span{color:#168a25;font-weight:bold}.progress-title{font-size:17px;color:#555;margin:5px 0 8px}.meter{height:11px;background:#eee;border-radius:99px;overflow:hidden}.meter div{height:100%;background:#48ad4e}.progress-meta{font-size:15px;color:#666;margin-top:8px}.progress-rec{font-size:15px;color:#1b5e20;margin-top:6px;background:#eef8ee;border-radius:7px;padding:7px}.menu-btn.danger{background:#fff1f1;color:#b42318;border:1px solid #f0c7c3}

.mastery-question{font-weight:700;line-height:1.25;}
.mastery-grid .choice{font-size:22px;line-height:1.15;padding:6px;}
@media (max-height:650px){.mastery-grid .choice{font-size:19px;padding:4px}.mastery-question{font-size:21px}}

.learn-card{border:1px solid #e5e5e5;border-radius:12px;margin:10px 0;background:#fff;overflow:hidden}.menu-btn.compact{margin:0;border-radius:0;background:#fff}.memory-actions{display:flex;gap:6px;padding:8px;background:#f7f7f7;border-top:1px solid #eee}.memory-actions button{flex:1;border:0;border-radius:8px;background:#e8f5e9;color:#1b5e20;font-size:14px;padding:8px;cursor:pointer}.memory-actions button:nth-child(2){background:#fff7e6;color:#8a5a00}.memory-actions button:nth-child(3){background:#eef2ff;color:#283593}.queue-actions{position:relative;margin:0 18px 8px}.card-note{text-align:center;color:#666;font-size:15px;padding:7px 10px;background:#fafafa;border-bottom:1px solid #eee}.mastery-choice{font-size:20px;line-height:1.1;padding:5px}.choice.right{color:#0a8f18!important;font-weight:700}.choice.wrong{color:#d32f2f!important;text-decoration:line-through;opacity:.55}