.association{position:relative;width:150px;height:105px;margin:0 auto 14px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#eef3cd,#d7e4ae);box-shadow:inset 0 0 0 1px rgba(40,92,69,.12);font-size:60px;line-height:1;overflow:hidden}.association img{grid-area:1/1;width:100%;height:100%;object-fit:cover}.association span{grid-area:1/1}.association img:not([src]),.association img.load-error{display:none}.association img[src]:not(.load-error)+span{display:none}.association img.load-error+span{display:block}.association #imageCredit{position:absolute;right:4px;bottom:3px;z-index:2;padding:2px 4px;border-radius:4px;background:rgba(0,0,0,.58);color:#fff;font:9px/1.2 Arial,sans-serif;text-decoration:none}
.language-select{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.language-select select{padding:8px 10px;border:1px solid #c9c4b9;border-radius:999px;background:var(--paper);color:var(--ink);font:700 12px inherit;cursor:pointer}
.card-wrap{height:535px;max-width:860px}.actions,.study-toolbar{max-width:860px}.single-card{cursor:default;transform:none!important}.single-face{position:relative;inset:auto;height:100%;gap:14px}.single-face .word-block h2{font-size:52px}.single-face .association{width:150px;height:96px;font-size:49px;margin-bottom:9px}.single-face .quiz-block{width:100%}.single-face .choices{max-width:780px;margin:auto;grid-template-columns:repeat(3,1fr)}.single-face .quiz-label{color:var(--green);text-align:center;margin-bottom:10px}.single-face .choice{color:var(--ink);background:#f3efe5;border-color:#d1cbbf}.single-face .choice:hover:not(:disabled){background:#e8e2d6}.single-face .choice.correct{color:#173b2a;background:var(--lime);border-color:#c6d451}.single-face .choice.wrong{color:#fff;background:#bd5b4d;border-color:#a94a3d}.single-face .example{color:var(--ink);border-color:var(--line)}.single-face .example span{color:var(--muted)}.single-face .example small{color:var(--muted)}
.top-actions{display:flex;align-items:center;gap:12px}.sound-button{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #c9c4b9;border-radius:999px;background:var(--paper);color:var(--ink);font:700 12px inherit;cursor:pointer;box-shadow:0 2px 8px rgba(30,40,35,.05)}.sound-button:hover{background:#e9e4d9}.sound-button[aria-pressed="true"]{background:#e5e1d8;color:var(--muted)}
.study-toolbar{max-width:680px;margin:0 auto 10px;display:flex;justify-content:flex-end;gap:8px}.card-sound-button{background:var(--green);border-color:var(--green);color:#fff;font-size:13px;padding:10px 16px}.card-sound-button:hover{background:#1f4d39}.card-sound-button[aria-pressed="true"]{background:#5f6863;color:#fff;border-color:#5f6863}.example-sound{background:#486b5a;border-color:#486b5a}
.word-block h2{font-size:clamp(48px,8vw,70px)}.word-block p{margin-top:8px}
.quiz-label{margin:0 0 5px;color:#b8d1c4;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.quiz-block h2{font-size:42px;margin-bottom:18px;color:#fff}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.choice{min-height:52px;padding:10px 14px;border:1px solid #759584;border-radius:12px;background:rgba(255,255,255,.06);color:white;font:650 14px inherit;cursor:pointer;transition:.18s}
.choice{display:flex;align-items:center;gap:10px;text-align:left}.choice-number{flex:0 0 25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(40,92,69,.11);font-size:12px;font-weight:900}.choice.correct .choice-number{background:rgba(23,59,42,.14)}.choice.wrong .choice-number{background:rgba(255,255,255,.18)}
.choice:hover:not(:disabled){background:rgba(255,255,255,.14);transform:translateY(-1px)}.choice.correct{color:#173b2a;background:var(--lime);border-color:var(--lime)}.choice.wrong{background:#bd5b4d;border-color:#d87969}.choice.dim{opacity:.42}
.quiz-block .example{margin-top:16px;padding-top:13px}.quiz-block .example p{font-size:15px;margin:5px 0}
.example .translation-label{display:block;margin-top:10px;color:var(--green)!important;font-size:9px;font-weight:800;letter-spacing:.12em}.example small{display:block;margin-top:4px;font-size:12px;line-height:1.4}
.reset-progress{margin-top:13px;padding:8px 12px;border:1px solid #c9c4b9;border-radius:999px;background:transparent;color:var(--green);font:700 11px inherit;cursor:pointer}.reset-progress:hover{background:#e9e4d9}
.dictionary-head{display:flex;justify-content:space-between;align-items:end;padding-top:18px}.dictionary-head>div{display:flex;flex-direction:column;gap:3px}.dictionary-head b{font:700 15px Georgia,serif}.dictionary-head span{font-size:11px;color:var(--muted)}#selectionSummary{padding:6px 10px;border-radius:999px;background:#e7e2d8;color:var(--green);font-weight:800}.filter{display:inline-flex;align-items:center;gap:7px}.filter .dictionary-count{display:grid;place-items:center;min-width:22px;height:20px;padding:0 5px;border-radius:999px;background:rgba(40,92,69,.1);font-size:10px}.filter.active .dictionary-count{background:rgba(255,255,255,.18)}
.app{display:flex;flex-direction:column}.topbar{order:0}.section-tabs{order:1}.dictionary-head{display:none!important}.dictionary-dropdown{order:2}.study,.summary{order:3}.hero{order:4;grid-template-columns:1fr;max-width:860px;width:100%;margin:0 auto;padding:18px 0 12px}.hero>div:first-child{display:none}.filters{order:4}.header-tagline{display:flex;flex-direction:column;gap:2px;margin:0 auto 0 26px}.header-tagline b{font:600 14px Georgia,serif;color:var(--green)}.header-tagline span{font-size:10px;color:var(--muted)}.study{padding-top:28px}.progress-card{width:100%}
@media(max-width:850px){.language-select{order:3;width:100%;justify-content:flex-end}.top-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:720px){.card-wrap{height:570px}.single-face .choices{grid-template-columns:1fr}}@media(max-width:430px){.card-wrap{height:640px}.association{width:135px;height:85px;font-size:45px}.single-face .word-block h2{font-size:43px}.choice{min-height:42px}.quiz-block h2{font-size:24px;margin-bottom:12px}.sound-button #soundLabel{display:none}.sound-button{padding:8px 10px}.top-actions{gap:7px}.language-select>span{display:none}}
@media(max-width:720px){body{overflow-x:hidden}.app{padding:0 14px 28px}.topbar{height:auto;min-height:92px;padding:10px 0;align-items:flex-start}.brand{margin-top:7px;font-size:19px}.brand span{width:31px;height:31px}.header-tagline{position:absolute;left:0;top:57px;margin:0}.header-tagline b{font-size:11px}.header-tagline span{display:none}.top-actions{width:66%;gap:6px}.top-actions .streak{display:none}.top-actions>.sound-button{padding:7px 9px}.top-actions>.sound-button #soundLabel{display:none}.language-select{width:100%;justify-content:flex-end;gap:5px}.language-select select{min-width:138px;padding:7px 9px}.hero{display:block;padding:14px 0 6px}.progress-card{padding:13px 15px;border-radius:13px}.progress-track{margin:9px 0 7px}.reset-progress{margin-top:8px;padding:7px 10px}.dictionary-head{padding-top:10px;align-items:center}.dictionary-head b{font-size:14px}.filters{flex-wrap:nowrap;overflow-x:auto;padding:10px 0 12px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;padding:9px 13px}.study{padding-top:12px}.study-toolbar{margin-bottom:7px;justify-content:center}.card-sound-button{padding:8px 12px;font-size:12px}.counter{margin-bottom:9px}.card-wrap{height:525px}.single-face{padding:20px;gap:10px}.single-face .association{width:130px;height:78px;margin-bottom:5px}.single-face .word-block h2{font-size:42px}.single-face .word-block p{font-size:14px}.single-face .choices{grid-template-columns:1fr;gap:7px}.choice{min-height:42px}.actions{margin-top:12px}.keyboard{display:none}}
@media(max-width:390px){.brand{font-size:17px}.top-actions{width:68%}.language-select{font-size:0}.language-select select{min-width:132px}.dictionary-head>div span{display:none}.card-wrap{height:510px}.single-face{padding:17px}.single-face .association{height:70px}.single-face .word-block h2{font-size:37px}}
.study-toolbar{max-width:860px;justify-content:center;gap:8px;margin-bottom:7px}.study-toolbar .card-sound-button{justify-content:center}.all-sound{background:#173f2f;border-color:#173f2f}.counter-bottom{margin:10px 0 0}.study>.keyboard{margin-top:7px}
@media(max-width:720px){.study{padding-top:5px}.study-toolbar{gap:5px;margin-bottom:5px}.study-toolbar .card-sound-button{flex:1;padding:8px 6px;font-size:11px}.study-toolbar .card-sound-button span:last-child{white-space:nowrap}.counter-bottom{margin:8px 0 0}.topbar{min-height:86px}}
.phrase-mode .single-face .word-block h2{font-size:clamp(24px,4vw,38px);line-height:1.15;max-width:760px}.phrase-mode .word-block{width:100%}
.sentence-mode .single-face .choices{grid-template-columns:1fr;max-width:760px}.sentence-mode .choice{min-height:56px;padding:12px 16px;line-height:1.35}.sentence-mode .single-face .word-block h2{font-size:clamp(22px,3.5vw,34px)}
.lesson-result[hidden]{display:none}.lesson-result{position:relative;overflow:hidden;max-width:860px;margin:34px auto;padding:46px 34px;text-align:center;border:1px solid #d9c98e;border-radius:28px;background:radial-gradient(circle at 15% 15%,#fff7c7 0 8%,transparent 28%),radial-gradient(circle at 90% 20%,#d8efd8 0 7%,transparent 27%),linear-gradient(145deg,#fffdf5,#f2ead2);box-shadow:0 18px 50px rgba(67,72,44,.14)}.lesson-result::before,.lesson-result::after{content:"✦";position:absolute;color:#d5a936;font-size:46px;opacity:.55}.lesson-result::before{left:8%;top:18%}.lesson-result::after{right:9%;bottom:18%}.lesson-confetti{font-size:72px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.12));animation:lesson-pop .65s ease-out}.lesson-result h2{font:700 clamp(34px,6vw,58px) Georgia,serif;color:var(--green);margin:8px 0 12px}.lesson-result>p:not(.eyebrow){max-width:610px;margin:0 auto 28px;color:var(--muted);font-size:17px;line-height:1.55}.lesson-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:680px;margin:0 auto 28px}.lesson-stats div{display:flex;flex-direction:column;gap:6px;padding:18px 12px;border:1px solid rgba(31,78,58,.14);border-radius:18px;background:rgba(255,255,255,.7)}.lesson-stats strong{font-size:27px;color:var(--green)}.lesson-stats span{font-size:12px;color:var(--muted)}#newLessonBtn{padding:13px 24px;border:0;border-radius:14px;background:var(--green);color:#fff;font:750 15px inherit;cursor:pointer;box-shadow:0 8px 20px rgba(31,78,58,.2)}@keyframes lesson-pop{from{transform:scale(.55) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:620px){.lesson-result{margin:20px auto;padding:32px 16px;border-radius:22px}.lesson-stats{grid-template-columns:1fr}.lesson-stats div{padding:12px}.lesson-confetti{font-size:56px}}
.filter[hidden]{display:none!important}
.pair-only[hidden]{display:none!important}.pairs-game{max-width:860px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:24px;box-shadow:0 12px 35px rgba(28,49,40,.08)}.pairs-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pairs-head div{display:flex;flex-direction:column;gap:3px}.pairs-head b{font:700 24px Georgia,serif}.pairs-head span,.pairs-hint{color:var(--muted);font-size:13px}.pairs-head strong{color:var(--green);font-size:18px}.pairs-board{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pair-column{display:grid;gap:10px}.pair-item{min-height:54px;padding:10px 14px;border:1px solid #cbc6bb;border-radius:14px;background:#f5f1e8;color:var(--ink);font:700 15px inherit;text-align:left;cursor:pointer;transition:.18s}.pair-item:hover:not(:disabled){border-color:var(--green);transform:translateY(-1px)}.pair-item.selected{outline:3px solid #9bb6aa;background:#e8efe9}.pair-item.correct{background:#dceca8;border-color:#a9c34d;color:#173b2a}.pair-item.wrong{background:#c65e50;border-color:#a44439;color:#fff}.pair-item:disabled{cursor:default}.pairs-hint{text-align:center;margin:17px 0 0;min-height:20px}.pairs-mode .card-wrap,.pairs-mode .actions,.pairs-mode .counter-bottom,.pairs-mode .keyboard{display:none}.pairs-mode .example-sound{display:none}.pairs-mode .study{padding-top:8px}
@media(max-width:720px){.pairs-game{padding:15px;border-radius:18px}.pairs-head b{font-size:19px}.pairs-head span{font-size:11px}.pairs-board{gap:8px}.pair-column{gap:8px}.pair-item{min-height:48px;padding:8px;font-size:12px}.pairs-mode .study-toolbar{flex-wrap:wrap}.pairs-mode .study-toolbar .card-sound-button{flex:1 1 30%}}
.section-tabs{width:min(1180px,100%);margin:12px auto 0;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;padding:7px;overflow-x:auto;background:#e8e3d8;border:1px solid var(--line);border-radius:18px;scrollbar-width:thin;scroll-snap-type:x proximity}.section-tab{flex:1 0 auto;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:700 13px inherit;white-space:nowrap;cursor:pointer;scroll-snap-align:start}.section-tab:hover{background:#f4f0e7;color:var(--ink)}.section-tab.active{background:var(--green);color:#fff;box-shadow:0 4px 12px rgba(31,78,58,.18)}.section-tabs::-webkit-scrollbar{height:5px}.section-tabs::-webkit-scrollbar-thumb{border-radius:5px;background:#b8b1a5}
@media(max-width:720px){.section-tabs{margin-top:7px;gap:4px;padding:5px;border-radius:14px;scrollbar-width:none}.section-tabs::-webkit-scrollbar{display:none}.section-tab{flex:0 0 auto;padding:9px 10px;font-size:11px}}
@media(max-width:720px){.topbar{position:relative;min-height:104px}.top-actions{position:absolute;left:0;top:55px;width:100%;flex-wrap:nowrap;justify-content:stretch;gap:5px}.language-select{width:auto;min-width:0;flex:1;font-size:0}.language-select select{width:100%;min-width:0;padding:7px 5px;font-size:11px}.phrase-mode .single-face .word-block h2{font-size:24px}.phrase-mode .card-wrap{height:550px}}
@media(max-width:390px){.study-toolbar .card-sound-button{font-size:10px;padding:7px 4px}.study-toolbar .card-sound-button span:first-child{font-size:13px}}
.coding-mode .single-face .word-block h2{max-width:800px;font:700 clamp(20px,3.2vw,34px)/1.18 Consolas,"Courier New",monospace;overflow-wrap:anywhere}.coding-mode .choice{font-size:14px}.coding-mode .association{height:68px}
.dictionary-dropdown{position:relative;margin:2px 0 12px}.dictionary-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:10px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);font-size:14px;cursor:pointer;list-style:none}.dictionary-dropdown>summary::-webkit-details-marker{display:none}.dictionary-dropdown>summary::after{content:"⌄";margin-left:auto;color:var(--green);font-size:19px;transition:transform .2s}.dictionary-dropdown[open]>summary::after{transform:rotate(180deg)}.dictionary-dropdown>summary strong{max-width:55%;overflow:hidden;color:var(--green);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dictionary-dropdown .filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:none;margin-top:7px;padding:10px;overflow:visible;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 16px 35px rgba(30,45,37,.13)}.dictionary-dropdown .filter{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:9px 10px;border-radius:9px;text-align:left;white-space:normal}.dictionary-dropdown .filter::before{content:"";flex:0 0 17px;width:17px;height:17px;border:1px solid #aaa399;border-radius:4px;background:#fff}.dictionary-dropdown .filter.active{background:#e7eee9;color:var(--ink)}.dictionary-dropdown .filter.active::before{content:"✓";display:grid;place-items:center;border-color:var(--green);background:var(--green);color:#fff;font-weight:900}.dictionary-dropdown .dictionary-count{margin-left:auto}
@media(max-width:980px){.dictionary-dropdown .filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.dictionary-dropdown{margin:7px 0 12px}.dictionary-dropdown .filters{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}.dictionary-dropdown .filter{font-size:12px}.dictionary-dropdown>summary{min-height:44px}}
@media(max-width:430px){.dictionary-dropdown .filters{grid-template-columns:1fr}}
.brand-group{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:2px}.brand-group small{margin-left:44px;color:var(--muted);font-size:10px;line-height:1.15;white-space:nowrap}@media(max-width:720px){.brand-group{margin-top:3px}.brand-group .brand{margin-top:0}.brand-group small{margin-left:41px;font-size:8px}}