:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#203849;background:#e8eff1;font-synthesis:none;font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;background:#fff;border:1.5px solid #9eb4bd;border-radius:10px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2d8292;outline-offset:1px}h1,h2,h3,p{margin:0}h1{font-size:1.42rem}h2{font-size:1.24rem}h3{font-size:1.05rem}p{line-height:1.4}.muted{color:#536b77}.small{font-size:.82rem}.brand{color:#23586e;font-weight:850;letter-spacing:.08em}.app{margin:auto;width:100%;max-width:445px;height:100dvh;height:100svh;display:flex;flex-direction:column;background:#f9fbfb;overflow:hidden;box-shadow:0 6px 32px #192e4133}.header{height:52px;min-height:52px;padding:7px 13px;display:flex;justify-content:space-between;gap:8px;align-items:center;background:#fff;border-bottom:1px solid #d8e3e7}.header button{min-height:36px;padding:2px 9px;font-size:.9rem}.header-left{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.header-left small{display:block;font-size:.72rem;font-weight:400;color:#537080}.header-right{display:flex;gap:5px}.view{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;padding:12px 14px;overflow:hidden}.scroll{overflow-y:auto;overscroll-behavior:contain}.home{background:#f5f8f7}.home .bottom-pile{margin-top:auto;display:grid;gap:7px}.navigation{height:49px;min-height:49px;padding:3px 9px 4px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #d5e0e5;background:#fff}.navigation button{font-size:.92rem;font-weight:680;background:#e6eff3;border-radius:6px}.navigation button:nth-child(2){background:#fbf2dd}.navigation button:nth-child(3){background:#e9f2e4}.navigation button.active{border:2px solid #235d75;box-shadow:inset 0 -2px #235d75}.primary{background:#205b72!important;border-color:#205b72!important;color:white!important;font-weight:700}.muted-button{background:#eef1f2;border:2px solid #91a6b0;font-weight:700}.danger{border-color:#ae6b66;color:#94413b}.panel{background:#fff;border:1px solid #d4e0e4;border-radius:12px;padding:11px;display:grid;gap:8px}.panel.due{background:#eef4ed;border-color:#b6cbb6}.panel.warning{background:#fff0e6;border-color:#dfc5ae}.summary-button{width:100%;text-align:left;background:#f1f6eb;border-color:#afc1ae;display:grid;gap:2px;padding:9px 11px;min-height:63px}.summary-button strong{font-size:1rem}.summary-button span{font-size:.85rem}.stage{min-height:61px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.stage span{display:grid;gap:2px;min-width:0}.stage strong{font-size:clamp(1.27rem,3vh,1.55rem);line-height:1.05;white-space:nowrap}.stage small{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#506979}.stage em{font-style:normal;font-size:.8rem;white-space:nowrap;color:#345969}.stage.intro{background:#f9eee8}.stage.recall{background:#edf2f9}.stage.strengthen{background:#e9f1f0}.stage.review{background:#f5ecdc}.stage.difficult{background:#e9ecf7}.wide{width:100%;min-height:43px;padding:7px 10px}.toolbar{display:flex;gap:7px}.toolbar button{flex:1;min-height:40px;padding:4px 7px}.bottom-controls{margin-top:auto;display:grid;gap:7px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.two{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.three button,.two button{min-height:45px;padding:3px 4px;font-size:.93rem}.tiny-buttons button{min-height:37px;font-size:.84rem}.label{font-size:.82rem;font-weight:700;color:#466272}.number{font-size:.86rem;color:#3c6172;text-align:center}.card-title{display:flex;align-items:center;justify-content:space-between;gap:7px}.card-title strong{font-size:1.2rem}.card-title span{font-size:.87rem;color:#405e6e}.card-center{flex:1;display:flex;flex-direction:column;gap:9px;justify-content:center;min-height:0}.card-zone{background:#fff;border:1px solid #d2e0e3;border-radius:12px;padding:10px;display:grid;gap:6px}.card-zone h3{font-size:.85rem;color:#4a6874}.plaque{position:relative;border-radius:12px;padding:10px 12px;min-height:58px;display:grid;gap:2px;align-content:center}.plaque small{font-size:.75rem;font-weight:700;letter-spacing:.05em;color:#566672}.plaque strong{font-size:clamp(1.28rem,3.5vh,1.76rem);line-height:1.15;overflow-wrap:anywhere}.plaque.ru{background:#ecebfa}.plaque.et{background:#faeaed}.plaque .cover{position:absolute;inset:0;border-radius:11px;background:#e6eef2;border:1.5px solid #9db6c0;font-weight:700;font-size:1rem}.hint{min-height:32px;position:relative;border-radius:9px;padding:6px 9px;background:#f5f7f5;color:#385560;font-size:.84rem}.hint button{position:absolute;inset:0;width:100%;border-color:#aebfc4;background:#edf2ef;font-weight:650}.picture{width:100%;max-height:min(21dvh,144px);min-height:55px;object-fit:contain;border-radius:10px;background:#f2f4f0}.picture-box{position:relative;min-height:60px;display:grid;place-items:center}.picture-box button{position:absolute;inset:0;width:100%;background:#e9f0ef;font-weight:650}.audio-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.audio-tools button{min-height:38px;padding:2px;font-size:.82rem}.progress{font-size:.85rem;text-align:center;color:#496778}.field{display:grid;gap:5px;font-size:.9rem;font-weight:600}.field input,.field select{height:44px;min-width:0;padding:6px 9px;border:1.5px solid #9cb1bc;background:#fff;border-radius:8px;color:inherit}.field input[type=range]{padding:0}.options{display:grid;gap:9px}.option{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.91rem;min-height:37px}.option input:not([type=checkbox]),.option select{width:87px;min-height:37px;background:#fff;border:1px solid #acbfc5;border-radius:7px;padding:5px;color:inherit}.option.wide-input input{width:134px}.option input[type=checkbox]{width:23px;height:23px}.list-row{display:grid;gap:5px;padding:9px 0;border-bottom:1px solid #dfe8e9}.list-row strong{font-size:1.06rem}.list-row .row-buttons{display:flex;flex-wrap:wrap;gap:5px}.list-row .row-buttons button{min-height:33px;padding:2px 9px;font-size:.82rem}.pill{border:1px solid #afbec5;border-radius:20px;padding:3px 8px;background:#f1f6f7;white-space:nowrap}.profile-list{display:grid;gap:7px}.profile-list button{min-height:52px;padding:9px;text-align:left;background:#f4f9f6}.profile-list button strong,.profile-list button small{display:block}.profile-list button small{font-size:.78rem}.login{padding-top:20px;gap:13px}.login-brand{display:flex;align-items:center;gap:12px}.login-brand .mark{font-size:1.4rem;font-weight:850;letter-spacing:.05em;border-radius:12px;border:2px solid #367887;background:#d9ece7;padding:11px 7px}.login-brand small{display:block;color:#5c7482}.banner{min-height:29px;padding:7px 10px;border-radius:8px;background:#eef3e8;font-size:.84rem}.banner.error{background:#faeae5;color:#812d24}.modal-shade{position:fixed;inset:0;z-index:5;background:#1a2e3caa;display:grid;place-items:center;padding:15px}.modal{width:min(100%,390px);max-height:85dvh;overflow:auto;border-radius:15px;padding:17px;display:grid;gap:13px;background:#fff;box-shadow:0 10px 30px #15233155}.modal h2{font-size:1.25rem}.game-options{display:grid;gap:8px;margin-top:auto}.game-options button{min-height:51px;text-align:left;padding:8px 11px;font-size:1.02rem}.game-options button strong{font-size:1.08rem}.token-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-height:19dvh;overflow:auto}.token-bank button{min-height:37px;min-width:36px;font-size:1rem;padding:3px 6px}.assembled{min-height:50px;display:flex;flex-wrap:wrap;gap:4px;padding:7px;border-radius:10px;background:#e5efec}.assembled span{padding:4px 7px;background:#fff;border-radius:5px}.game-feedback{padding:9px;border-radius:8px;background:#eaf2ea}.game-feedback.bad{background:#f9e9e6}.choices{display:grid;gap:8px;flex:1;align-content:end}.choices button{min-height:52px;padding:6px 10px;font-size:1rem;text-align:left}.pairs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.pairs>div{display:grid;gap:6px}.pairs button{min-height:43px;padding:5px;overflow-wrap:anywhere}.pairs button.picked{border:3px solid #166681}.pairs button.done{opacity:.3;pointer-events:none}.player-words{margin:auto 0;display:grid;gap:11px;text-align:center}.duration{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.duration button{min-height:41px}.source-badge{font-size:.85rem;color:#3e6878}.loading{margin:auto;padding:22px}.space{flex:1;min-height:6px}
@media(min-width:700px){.app{height:min(850px,calc(100dvh - 25px));margin:12px auto;border:1px solid #d0dfe4;border-radius:15px}}
.dictionary-thumb{width:72px;height:72px;object-fit:contain;border:1px solid #dae4df;border-radius:8px;background:#f6f8f5}
@media(max-height:720px){.view{gap:5px;padding:8px 11px}.header{height:44px;min-height:44px}.stage{min-height:52px;padding:4px 9px}.stage strong{font-size:1.21rem}.summary-button{min-height:51px;padding:6px}.plaque{min-height:46px;padding:6px 9px}.plaque strong{font-size:1.2rem}.picture{max-height:13dvh}.picture-box{min-height:45px}.card-center{gap:5px}.card-zone{padding:6px}.bottom-controls{gap:4px}.three button,.two button{min-height:39px}.navigation{height:46px;min-height:46px}}
@media(max-height:580px){.picture{max-height:9dvh;min-height:34px}.audio-tools button{min-height:30px}.hint{min-height:27px;padding:4px}.card-zone{gap:3px}.plaque{min-height:40px}.stage{min-height:46px}.stage strong{font-size:1.1rem}.panel{padding:7px}.summary-button{min-height:43px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* v3.1: one-screen study controls and user-adjustable study layout. */
.navigation{height:37px;min-height:37px;padding:2px 9px 3px}
.navigation button{font-size:.79rem}
.home .summary-button{min-height:75px;margin-bottom:3px;background:transparent;border:2px solid #bdced4}
.home .summary-button.cards{border-color:#b5cbbb}.home .summary-button.games{border-color:#d9c9a5}.home .summary-button.audio{border-color:#c1d1bb}
.learning-view .card-center{justify-content:space-evenly;gap:clamp(4px,1vh,10px)}
.learning-view .plaque strong{font-size:clamp(1.48rem,4.2vh,2.05rem)}
.learning-view .hint{font-size:clamp(.91rem,2.25vh,1.08rem)}
.learning-view .picture{height:100%;max-height:100%;min-height:0}
.learning-view .picture-box{min-height:0;flex:0 1 var(--picture-height);height:var(--picture-height);max-height:var(--picture-height);overflow:hidden}
.learning-view .picture{object-fit:contain}
.audio-marker{font-size:.79rem;color:#235d75;text-align:center;min-height:16px}
.audio-tools button.active{background:#cfe3e6;border:2px solid #276277}
.study-card .plaque strong{font-size:clamp(1.52rem,4.2vh,2.35rem);overflow-wrap:anywhere}
.study-card .card-center{justify-content:space-evenly}
.study-card .card-title span{font-weight:700;font-size:clamp(.89rem,2.15vh,1.05rem)}
.study-card .bottom-controls{gap:9px}
.study-card.side-ratings .card-center{margin-right:47px}
.rating-rail{position:absolute;right:10px;top:50%;bottom:53px;width:43px;display:flex;flex-direction:column;gap:5px}
.rating-rail button{flex:1;min-height:0;width:100%;padding:3px;writing-mode:vertical-rl;transform:none;font-size:.85rem;font-weight:700}
.study-card{position:relative}
@media(max-height:720px){
  .navigation{height:37px;min-height:37px}
  .home .summary-button{min-height:62px}
  .home .stage{min-height:48px}
  .home .stage strong{font-size:1.25rem}
  .learning-view .plaque strong{font-size:clamp(1.4rem,3.5vh,1.76rem)}
  .study-card .plaque strong{font-size:clamp(1.4rem,3.8vh,2rem)}
  .study-card .card-center{gap:6px}
}
@media(max-height:580px){.navigation{height:37px;min-height:37px}.home .stage{min-height:42px}.home .summary-button{min-height:48px}.rating-rail{top:47%;bottom:48px}}

/* v3.2: answers sit by audio controls; list actions stay below the title. */
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.four button{min-width:0;min-height:45px;padding:4px 2px;font-size:clamp(.75rem,2.35vw,.91rem);line-height:1.12}
.card-actions{display:grid;gap:5px}
.card-actions .two button{min-height:38px}
.study-card .card-center{justify-content:flex-end;flex:1;gap:10px}
.study-card .bottom-controls{margin-top:0;gap:8px}
.study-card.side-ratings .card-center{margin-right:47px}
.study-card .rating-rail{z-index:2;bottom:49px}
@media(max-height:720px){.study-card .card-center{gap:6px}.study-card .bottom-controls{gap:5px}.four button{min-height:40px}.study-card .rating-rail{bottom:48px}}

/* v3.3: form and pronunciation rows take priority over the adjustable picture. */
.header-right{flex:none}
.header .skip-stage{font-size:.73rem;padding:2px 6px;min-height:33px;white-space:nowrap}
.learning-view .card-center{justify-content:space-between;overflow:hidden}
.learning-view .card-center > :not(.picture-box){flex-shrink:0}
.learning-view .picture-box{width:100%}
.learning-view .learning-et strong{display:grid;gap:2px}
.learning-view .form-line{display:block}
.learning-view .transcript-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px;position:relative}
.learning-view .transcript-head,.learning-view .transcript-cell{min-width:0;padding:2px 7px;background:#f5f7f5;overflow-wrap:anywhere}
.learning-view .transcript-head{padding-top:5px;border-radius:9px 9px 0 0;font-size:.73rem;font-weight:700;color:#4e6570}
.learning-view .transcript-cell{font-size:clamp(.94rem,2.4vh,1.08rem);line-height:1.18}
.learning-view .transcript-cell.last{padding-bottom:5px;border-radius:0 0 9px 9px}
.learning-view .transcript-cover{position:absolute;inset:0;width:100%;height:100%;background:#edf2ef;border-color:#aebfc4;font-weight:650}
.learning-view .bottom-controls{flex:none}
.learning-pager button{min-height:34px;padding:2px 4px}
.learning-pager .progress{min-width:0;display:flex;gap:4px;align-items:center;justify-content:center;white-space:nowrap}
.learning-pager .progress button{min-height:30px;padding:2px 5px;font-size:.79rem}
.study-card .card-center{min-height:0;flex:1 1 0;overflow:hidden}
.study-card .bottom-controls{position:relative;z-index:3;flex:none;margin-top:auto;background:#f9fbfb}
.study-card .bottom-controls .two button{min-height:40px}
@media(max-width:380px){.header{padding-inline:8px}.header-right{gap:3px}.header-right button{padding-inline:5px}.header .skip-stage{font-size:.68rem}}

/* v3.4: reserve a full-width audio row in both rating layouts. */
.study-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto}
.study-card .card-center{grid-row:4;min-height:0;overflow:hidden}
.study-card .bottom-controls{grid-row:5;align-self:end;min-height:40px;z-index:5}
.study-card .rating-rail{z-index:4;bottom:65px;top:50%;width:43px}
.study-card .ratings button,.study-card .rating-rail button{border-width:1px;color:#fff;font-weight:750;line-height:1.12}
.study-card .rating-again{background:#c84139;border-color:#ab302b}
.study-card .rating-hard{background:#485b69;border-color:#354651}
.study-card .rating-good{background:#4a963b;border-color:#36722d}
.study-card .rating-easy{background:#087fae;border-color:#05648b}
.study-card .rating-time{display:block;font-size:clamp(.59rem,1.7vw,.73rem);font-weight:650;white-space:nowrap}
.study-card .ratings button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.study-card .rating-rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;writing-mode:horizontal-tb;overflow:hidden}
.study-card .rating-rail .rating-name{writing-mode:vertical-rl;text-orientation:mixed;font-size:.81rem}
.study-card .rating-rail .rating-time{font-size:.61rem;letter-spacing:-.025em}
@media(max-height:720px){.study-card .rating-rail{bottom:60px;top:47%}}
@media(max-height:580px){.study-card .rating-rail{top:43%;bottom:56px}.study-card .bottom-controls .two button{min-height:35px}}

/* v3.5: one small, switchable transcription beside the mnemonic area. */
.learning-view .plaque{position:relative}
.learning-view .plaque small{position:absolute;top:6px;right:9px;font-size:.72rem}
.learning-view .plaque strong{padding-top:4px;padding-right:27px}
.learning-support{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:7px;min-height:95px}
.mnemonic-area{min-width:0;min-height:95px;padding:9px;background:#f4f7f5;border-radius:11px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.mnemonic-placeholder{font-size:.83rem;color:#536b77;text-align:center}
.mnemonic-area .hint{padding:4px;background:transparent}
.transcript-pane{min-width:0;min-height:95px;position:relative}
.transcript-toggle{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:5px 7px;text-align:left;background:#f4f7f5;border:1px solid #dce8e5;border-radius:11px}
.transcript-toggle:disabled{opacity:1;cursor:default}
.transcript-switch{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:.68rem;color:#627984;white-space:nowrap}
.transcript-switch .selected{font-weight:850;color:#204d63}
.transcript-lines{display:grid;align-content:center;gap:3px;flex:1;min-height:0}
.transcript-line{font-size:clamp(.8rem,1.9vh,.99rem);line-height:1.14;overflow-wrap:anywhere}
.transcript-cover{position:absolute;inset:0;width:100%;height:100%;background:#edf2ef;border:1.5px solid #aebfc4;font-weight:650;font-size:.79rem}
.dictionary-entry{display:grid;gap:3px;width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid #e0e9ec;padding:10px 5px;background:transparent;min-height:66px}
.dictionary-entry:hover,.dictionary-entry:focus-visible{background:#f1f6f5}
.dictionary-entry strong{font-size:1.08rem}
.dictionary-entry span{font-size:1rem}

/* Keep the audio controls visible on a phone after adding the second pause. */
.audio-config{gap:6px}
.audio-config .field{gap:2px}
.audio-config .field input[type=range]{height:27px}
.audio-config .option{min-height:29px}
.audio-config .panel{gap:6px}
@media(max-height:650px){
  .audio-config{gap:4px;padding-top:8px;padding-bottom:8px}
  .audio-config .panel{padding:8px;gap:4px}
  .audio-config .panel .wide,.audio-config .panel .two button{min-height:35px}
  .audio-config .field input[type=range]{height:22px}
  .audio-config .option{min-height:25px}
  .audio-config .bottom-controls{gap:4px}
  .audio-config .duration button{min-height:34px}
}
.dictionary-detail .card-center{justify-content:center;gap:14px}
@media(max-height:720px){.learning-support,.mnemonic-area,.transcript-pane{min-height:78px}.transcript-line{font-size:.78rem}}

/* v3.8: the mnemonic itself toggles to a short real-life usage example. */
.mnemonic-area{position:relative;text-align:left;border:1.5px solid #c5d9d2;align-items:stretch;max-height:clamp(82px,20dvh,160px);overflow:hidden}
.mnemonic-area .support-switch{position:absolute;right:6px;top:2px;font-size:.87rem;color:#326477}
.mnemonic-key{display:block;padding-right:19px;font-weight:780;font-size:clamp(.8rem,1.9vh,.99rem);line-height:1.15;white-space:pre-wrap}
.mnemonic-phrase{display:block;min-height:0;overflow:hidden;font-size:clamp(.76rem,1.85vh,.94rem);line-height:1.22;white-space:pre-wrap;overflow-wrap:anywhere}
.mnemonic-phrase strong{font-weight:850;color:#172e46}
.usage-et{display:block;padding-right:18px;font-size:clamp(.81rem,2vh,.99rem);font-weight:700;line-height:1.18}
.usage-ru{display:block;min-height:0;overflow-y:auto;font-size:clamp(.77rem,1.8vh,.9rem);line-height:1.18}
.demo-image-badge{position:absolute;right:5px;top:5px;padding:1px 5px;border-radius:6px;background:#f7f1dddf;color:#465661;font-size:.66rem}
.audio-config .audio-options{gap:5px}
.audio-config .audio-options .option{font-size:.77rem;line-height:1.12;min-height:32px;padding:1px 4px;border:1px solid #d8e4e4;border-radius:7px;background:#fff}
.audio-config .audio-options input{flex:none}

/* Learning picture and two pencil overlay. */
.learning-view .card-center{min-height:0;justify-content:space-between}
.learning-view .picture-box{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 1 var(--picture-height);height:var(--picture-height);max-height:50%;min-height:0;overflow:hidden}
.learning-view .picture-box{max-height:none}
.learning-view .picture-frame{position:relative;aspect-ratio:1;max-width:calc(100% - 35px);height:100%;max-height:100%;min-height:0}
.learning-view .picture{display:block;width:100%;height:100%;max-height:none;min-height:0;object-fit:contain}
.drawing-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.drawing-canvas.enabled{pointer-events:auto;touch-action:none;cursor:crosshair}
.drawing-tools{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:3px;align-self:stretch;width:29px;min-height:0}
.drawing-tools button{position:static;width:100%;min-height:0;height:100%;padding:0;border-radius:4px;background:#fff;font-size:1rem}
.drawing-tools button.selected,.drawing-tools button[aria-pressed=true]{border:3px solid #142f43}
.picture-box .picture-cover{position:absolute;inset:0;z-index:3;width:100%}
.learning-view .learning-support{min-height:clamp(114px,19dvh,180px)}
.learning-view .mnemonic-area,.learning-view .transcript-pane{min-height:clamp(114px,19dvh,180px);max-height:clamp(114px,19dvh,180px)}
.learning-view .mnemonic-key{font-size:clamp(.94rem,2.25vh,1.13rem)}
.learning-view .mnemonic-phrase,.learning-view .usage-ru{font-size:clamp(.9rem,2.14vh,1.07rem);line-height:1.28}
.learning-view .usage-et,.learning-view .transcript-line{font-size:clamp(.95rem,2.3vh,1.13rem)}
.options input[type=color]{padding:2px;width:55px;height:37px}
@media(max-height:650px){
 .learning-view .learning-support,.learning-view .mnemonic-area,.learning-view .transcript-pane{min-height:94px;max-height:112px}
}

/* Learning card: fixed controls and word layer; the context takes remaining space. */
.learning-view{gap:5px;min-height:0}
.learning-view .card-title{flex:none}
.learning-info{font-size:.75rem;min-height:28px;padding:2px 6px;margin-right:6px}
.learning-view .card-center{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:initial;gap:5px;overflow:hidden}
.learning-view .learning-upper{flex:1 1 0;min-height:0;position:relative;display:flex;justify-content:center;align-items:stretch;overflow:hidden}
.learning-view .learning-lower{flex:0 0 var(--lower-size);height:var(--lower-size);min-height:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}
.learning-view .learning-lower .plaque{flex:1 1 0;min-height:0;padding:5px 10px;overflow:hidden}
.learning-view .learning-lower .plaque strong{font-size:clamp(1.05rem,3.2vh,1.8rem);line-height:1.1;overflow:hidden}
.learning-view .learning-lower .learning-et{flex:1.05 1 0}
.learning-view .learning-lower .transcript-pane{flex:1 1 0;min-height:0;max-height:none;overflow:hidden}
.learning-view .learning-lower .transcript-toggle{min-height:0;overflow:hidden;padding:3px 7px}
.learning-view .learning-lower .transcript-lines{gap:1px;overflow:hidden}
.learning-view .learning-lower .transcript-lines{font-size:clamp(.85rem,2.2vh,1.12rem)}
.learning-view .learning-lower .transcript-line{font-size:inherit;line-height:1.08}
.plaque em{font-weight:400;font-style:italic;font-size:.78em;color:#455768}
.learning-view .picture-box{height:100%;max-height:none;flex:1;min-height:0;position:relative;width:100%;padding-right:34px}
.learning-view .picture-frame{max-width:100%}
.learning-view .drawing-tools{position:absolute;right:0;top:0;bottom:0;width:29px}
.learning-view .mnemonic-upper{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;position:relative}
.learning-view .mnemonic-upper .picture-box{flex:1 1 0;height:auto}
.learning-view .mnemonic-panel{flex:0 1 auto;max-height:45%;min-height:0;overflow:hidden;background:#f4f7f5;border:1px solid #c5d9d2;border-radius:9px;padding:5px 9px;display:flex;flex-direction:column;justify-content:center}
.learning-view .mnemonic-panel .mnemonic-key{font-size:clamp(.8rem,2vh,1rem)}
.learning-view .mnemonic-panel .mnemonic-phrase{overflow:hidden;font-size:clamp(.76rem,1.9vh,.98rem);line-height:1.13}
.learning-upper-cover{position:absolute;inset:0;z-index:4;width:100%;height:100%;background:#edf2ef;font-weight:700}
.usage-panel{position:relative;width:100%;height:100%;min-height:0;background:#f4f7f5;border-radius:11px;padding:8px;display:flex;gap:8px;align-items:center;overflow:hidden}
.usage-play{display:flex;flex-direction:column;gap:5px;align-self:flex-end;flex:none;width:29px;max-height:100%}
.usage-play button{width:29px;min-height:0;flex:1;height:40px;padding:2px;border-radius:4px}
.usage-copy{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;justify-content:center;overflow:hidden}
.usage-original{font-size:clamp(1.18rem,3.7vh,1.8rem);font-weight:700;line-height:1.14;overflow:hidden;overflow-wrap:anywhere}
.usage-translation{font-size:clamp(.95rem,2.5vh,1.2rem);line-height:1.17;overflow:hidden;overflow-wrap:anywhere}
.usage-display{font-size:clamp(1rem,3vh,1.55rem);line-height:1.18;overflow:hidden;overflow-wrap:anywhere}
.usage-display em{font-size:.84em;font-weight:400;color:#455768}
.learning-controls{display:grid;grid-template-columns:43px minmax(0,1fr) 43px;gap:5px;align-items:stretch;flex:none;margin-top:0}
.learning-arrow{width:100%;height:100%;min-height:80px;padding:0;font-size:1.5rem}
.learning-actions{min-width:0;display:grid;gap:5px}
.learning-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.learning-modes button{min-width:0;min-height:39px;padding:2px;font-size:clamp(.64rem,2vw,.85rem);overflow:hidden}
.learning-modes button.selected{border:2px solid #205b72;background:#dce9ed;font-weight:700}
.learning-actions .audio-tools button{min-height:38px;font-size:.82rem}
.learning-view .learning-lower .plaque strong{font-size:clamp(1.58rem,4.8vh,2.7rem)}
.learning-view .learning-lower .transcript-lines{font-size:clamp(1.28rem,3.3vh,1.68rem)}
.learning-view .learning-lower .plaque strong,.learning-view .learning-lower .transcript-lines{line-height:1.08}
.game-unknown{background:#f9e9e6;border-color:#dfb8b4;color:#823e3a}
.player-view .player-words{margin:8px 0 auto}
.player-view .player-words>.panel{margin-bottom:10px}
.player-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;font-variant-numeric:tabular-nums;font-size:.83rem}
.player-progress input{width:100%;accent-color:#286c84}
@media(max-height:650px){.learning-view .learning-lower .plaque strong{font-size:clamp(1.42rem,4.05vh,2.16rem)}.learning-view .learning-lower .transcript-lines{font-size:clamp(1.15rem,2.9vh,1.45rem)}}
@media(max-height:650px){.learning-view .learning-lower{gap:2px}.learning-view .learning-lower .plaque{padding:3px 8px}.learning-view .learning-lower .plaque strong{font-size:clamp(.95rem,2.7vh,1.3rem)}.learning-arrow{min-height:70px}.learning-modes button{min-height:32px}.learning-actions .audio-tools button{min-height:32px}}
/* EVA 0.1 display adjustment; configured sizes are common across learning modes. */
.learning-view .learning-lower .plaque strong{display:block;width:100%;font-size:var(--font-ru,24px);line-height:1.12;overflow-wrap:anywhere}
.learning-view .learning-lower .plaque.et strong{font-size:var(--font-et,24px)}
.learning-view .learning-lower .transcript-lines{font-size:var(--font-ipa,24px)}
.learning-view .drawing-tools button.pencil-color{background-color:var(--pencil-color)!important;background-image:none!important}
.learning-view .usage-panel{padding-right:0}
.learning-view .usage-play{width:31px;margin-right:0;align-self:flex-end;gap:4px}
.learning-view .usage-play button{width:31px;height:48px;min-height:48px;max-height:48px;flex:none;border-radius:5px 0 0 5px}
.player-view .player-status{text-align:center;flex:none}
.player-view .player-words{margin:auto 0 0}
.player-view .bottom-controls{margin-top:0}
.player-view .player-progress{font-size:1.25rem}