@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#20242b;font-family:Arial,Helvetica,sans-serif;font-size:18px}.wrap{max-width:1500px;margin:0 auto;padding:24px 32px 48px}header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}h1{font-size:30px;margin:0 0 6px}.sub{color:#5d7088;font-size:19px}nav{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}button{font:inherit;border:1px solid #d9dee7;background:#fff;border-radius:14px;padding:12px 18px;cursor:pointer;color:#171b21}button:hover{background:#f7f8fa}button.primary{background:#3560f5;color:#fff;border-color:#3560f5}button.danger{color:#e03d3d}.panel{background:#fff;border:1px solid #dfe3ea;border-radius:20px;padding:26px;box-shadow:0 6px 24px rgba(20,35,60,.04)}.hero{margin-bottom:14px}.big{font-size:27px;font-weight:700}.muted{color:#61748c}.badge{display:inline-flex;align-items:center;background:#eef1f5;color:#5c718a;border-radius:999px;padding:7px 13px;margin-right:8px;font-size:16px}.progress{height:12px;background:#e7e9ee;border-radius:99px;overflow:hidden;margin:14px 0}.bar{height:100%;background:#3560f5}.bar.good{background:#21a366}.hero-actions,.actions,.block-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.stat{background:#fff;border:1px solid #dfe3ea;border-radius:16px;padding:16px;color:#63758b}.stat b{display:block;color:#20242b;font-size:25px;margin-top:5px}.section-note{background:#f6f8fa;border:1px solid #e1e5eb;border-radius:14px;padding:13px 16px;color:#243447}.block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.block-card{background:#fff;border:1px solid #dfe3ea;border-radius:16px;overflow:hidden}.block-card.selected{outline:2px solid #b9c8ff}.block-card summary{cursor:pointer;padding:16px}.block-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.block-title{font-weight:700;font-size:19px}.block-meta{color:#60738a;margin-top:3px}.block-list{border-top:1px solid #e1e5eb;padding:0 14px}.verb-row{display:grid;grid-template-columns:34px 1.1fr 1fr 1fr 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #e7e9ed;align-items:center}#quiz .ipa{display:none}.ipa{color:#5c718a;font-size:.9em;margin-top:3px}.center{text-align:center}.session-info{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mode-title{font-size:25px;color:#61748c;margin:18px 0 10px}.verb{font-size:48px;font-weight:800;line-height:1.1}.ru{font-size:24px;margin:8px 0 20px}.forms-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.form-card{border:1px solid #dfe3ea;border-radius:14px;padding:15px;text-align:left}.form-card small{display:block;color:#60738a;margin-bottom:8px}.form-card b{font-size:28px}.hidden-form b{letter-spacing:3px}.input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:18px auto}.input-grid label,.single-answer label{display:block;text-align:left;color:#60738a}.input-grid input,.single-answer input,.modal input{display:block;width:100%;margin-top:7px;border:1px solid #d5dbe4;border-radius:12px;padding:14px 16px;font:inherit;outline:none}.input-grid input:focus,.single-answer input:focus,.modal input:focus{border-color:#7d9cff}.input-grid input.correct,.single-answer input.correct{background:#e9f8ef;border-color:#27a567}.built{min-height:60px;border:1px dashed #cfd6e1;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;max-width:900px;margin:18px auto 10px}.built span,.built-letter{background:#eef1f5;border-radius:8px;padding:6px 9px;cursor:pointer}.letters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px auto}.letter{min-width:48px;padding:10px 13px}.letter:disabled{opacity:.35;cursor:default}.option-list{display:grid;gap:10px;max-width:900px;margin:20px auto}.option{text-align:left;padding:16px 18px}.option.selected{outline:2px solid #8ea7ff}.option.correct{background:#e8f8ef;border-color:#32a66b}.option.wrong{background:#fff0f0;border-color:#e35b5b}.translation-word{font-size:32px;margin:18px 0}.feedback{min-height:30px;margin-top:12px}.good-t{color:#16844f}.bad-t{color:#d03c3c}.hint{min-height:28px;color:#63758b;margin-top:10px}.listen-box{max-width:900px;margin:20px auto}.listen-icon{font-size:38px;margin-bottom:10px}.word-list{display:grid;gap:9px;margin-top:15px}.word-item{display:grid;grid-template-columns:1.1fr 1fr auto;gap:15px;align-items:center;border:1px solid #dfe3ea;border-radius:14px;padding:13px 15px;background:#fff}.folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.folder-card{border:1px solid #dfe3ea;border-radius:18px;padding:20px;cursor:pointer;background:#fff}.folder-card.selected{outline:2px solid #b8c7ff}.folder-card h3{margin:0 0 7px;font-size:22px}.dictionary-tools{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.learn-list{display:grid;gap:10px}.learn-card{border:1px solid #dfe3ea;border-radius:14px;padding:15px}.row{display:flex;justify-content:space-between;align-items:center;gap:15px}.learn-forms{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.learn-form{background:#f6f8fa;border-radius:10px;padding:11px}.selected-note-hidden{display:none}.footer-note{color:#5e728a;margin-top:18px;font-size:16px}.hidden{display:none!important}.modal-backdrop{position:fixed;inset:0;background:rgba(15,24,38,.42);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{width:min(520px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.modal h3{margin:0 0 18px}.modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal .modal-message{color:#5e728a;margin-bottom:8px}.modal textarea{width:100%;min-height:100px;border:1px solid #d5dbe4;border-radius:12px;padding:12px;font:inherit}.audio-after{margin-top:12px}.small-action{font-size:15px;padding:8px 12px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.result-box{border:1px solid #dfe3ea;border-radius:14px;padding:16px;color:#60738a}.result-box b{display:block;color:#20242b;font-size:26px;margin-top:5px}@media(max-width:900px){.result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.wrap{padding:18px 14px}.block-grid,.folder-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.forms-row,.learn-forms,.input-grid{grid-template-columns:1fr}.verb{font-size:40px}.verb-row{grid-template-columns:30px 1fr 1fr}.verb-row>div:nth-last-child(-n+2){grid-column:auto}.word-item{grid-template-columns:1fr auto}}
/* v13 interface */
.home-main{padding:28px 30px}.home-main h2{font-size:30px;margin:10px 0 4px}.home-main .progress{margin:16px 0 10px}.home-main #selected-note{margin-top:8px}.group-card{display:block;width:100%;text-align:left;border:1px solid #dfe3ea;border-radius:16px;padding:16px;background:#fff;cursor:pointer}.group-card:hover{background:#f8f9fb}.group-card.selected{outline:2px solid #b8c7ff}.group-card-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.group-card .progress{margin:12px 0 0}.group-card .block-title{font-size:19px}.group-card .block-meta{font-size:15px}.home-groups-head h2{margin-bottom:10px}.learn-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.learn-head h2{margin-top:0}.learn-card{padding:12px 14px}.learn-line{display:flex;align-items:center;gap:18px;min-width:0;overflow-x:auto;white-space:nowrap}.learn-forms-inline{display:flex;gap:18px;flex:0 0 auto;font-size:21px}.learn-ru{margin-left:auto;color:#61748c;flex:0 0 auto}.irregular-line{grid-template-columns:minmax(320px,1.4fr) minmax(180px,.8fr) auto;white-space:nowrap}.forms-inline{display:flex;gap:18px;white-space:nowrap;font-size:20px;overflow-x:auto}.custom-word-line{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto}.word-actions{display:flex;gap:7px;justify-content:flex-end}.folder-checks{display:grid;gap:10px;margin-top:10px}.folder-checks label{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dfe3ea;border-radius:10px;background:#f8f9fb}.single-answer{max-width:620px;margin:18px auto;text-align:center}.single-answer input{max-width:520px;margin:8px auto 0;text-align:center}.compact-answer input{max-width:460px}.quiz-actions{flex-wrap:wrap}.errors-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;margin-bottom:12px}.audio-toggle{white-space:nowrap}.audio-toggle input{transform:scale(1.15);margin-right:6px}
@media(max-width:900px){
  .wrap{padding:14px 10px 36px}.home-main{padding:22px 18px}.home-main h2{font-size:25px}.group-card{padding:14px}.group-card-top{align-items:flex-start}.group-card .block-meta{line-height:1.25}.learn-head{flex-direction:column}.learn-line{gap:12px}.learn-forms-inline{gap:12px;font-size:18px}.learn-ru{margin-left:0}.irregular-line{grid-template-columns:minmax(300px,1fr) auto;gap:10px;overflow:hidden}.irregular-line>span:nth-child(2){grid-column:1}.custom-word-line{grid-template-columns:1fr auto}.custom-word-line>span:nth-child(2){grid-column:1}.word-actions{grid-column:2;grid-row:1 / span 2;flex-direction:column}.forms-inline{font-size:18px;gap:12px}.errors-summary{align-items:flex-start;flex-direction:column}.single-answer input{width:min(460px,100%)}.quiz-actions button{padding:10px 13px}
}

.cloze-pattern{font-size:32px;letter-spacing:.08em;margin:20px auto 8px;text-align:center}.compact-answer{max-width:460px;margin:10px auto}.compact-answer input{max-width:420px;margin:0 auto;text-align:center}

/* v19 redesign */
:root{--accent:#3560f5;--accent2:#6b7cff;--ink:#20242b;--muted:#657892;--line:#e1e6ef;--soft:#f4f7ff;--success:#22a06b;--danger:#d94a4a}
body{background:linear-gradient(180deg,#f7f9fc 0,#f3f5f8 100%);color:var(--ink);font-size:16px}
.wrap{max-width:1500px;padding:20px 34px 48px}
header{align-items:center;margin-bottom:14px}
h1{font-size:29px;letter-spacing:-.02em}
.sub{font-size:17px}
nav{gap:8px;margin-bottom:16px}
nav button{font-size:16px;padding:10px 16px;border-radius:13px}
.sound-toggle{font-size:15px;padding:9px 13px;border-radius:12px;background:#fff;border-color:#dce2eb;box-shadow:0 2px 8px rgba(25,45,80,.04)}
.sound-toggle:hover{background:#f7f9ff}
.panel{border-radius:22px;border-color:#e1e6ef;box-shadow:0 10px 32px rgba(31,53,91,.055)}
.home-main{padding:26px 30px;background:linear-gradient(135deg,#fff 0%,#f8faff 100%)}
.home-main h2{font-size:28px}
.section-note{font-size:15px;line-height:1.45}
.group-card{border-radius:18px;padding:17px 18px;transition:transform .15s,box-shadow .15s,border-color .15s}
.group-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(44,67,105,.07);border-color:#cdd7ee}
.block-title{font-size:18px}
.badge{font-size:14px;padding:6px 11px}
.progress{height:10px;background:#e9edf4}
.bar{background:linear-gradient(90deg,#3560f5,#6f7fff)}
.stat{border-radius:17px;padding:15px 17px;background:rgba(255,255,255,.86)}
.stat b{font-size:23px}
.quiz-panel{padding:30px 28px 26px;min-height:580px}
.training-heading{font-size:18px;font-weight:700}
.mode-title{font-size:22px;margin:20px 0 8px;color:#657892;font-weight:600}
.verb{font-size:46px;letter-spacing:-.025em}
.ru{font-size:21px}
.option-list{gap:9px;max-width:850px;margin:18px auto}
.option{font-size:16px;padding:14px 17px;border-radius:14px;transition:background .15s,border-color .15s,transform .1s}
.option:hover{transform:translateY(-1px)}
.quiz-actions button{font-size:15px;padding:10px 14px}
.icon-btn{width:46px;height:44px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:20px!important;border-radius:12px!important}
.icon-btn.small-action{width:36px;height:34px;font-size:16px!important;padding:0!important}
.feedback{display:none}
.hint{font-size:14px}
.dictionary-intro{font-size:16px;padding:15px 17px;background:linear-gradient(135deg,#f7f9ff,#f3f7ff);border-color:#dce5fa}
.dictionary-tools{margin:12px 0 14px}
.dictionary-tools button{font-size:15px;padding:10px 14px}
.folder-card{border-radius:18px;padding:19px;transition:transform .15s,box-shadow .15s}
.folder-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(44,67,105,.06)}
.folder-card h3{font-size:20px}
.word-item{border-radius:14px;padding:12px 15px}
.custom-word-line{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto}
.word-actions{gap:6px}
@media(max-width:700px){
  .custom-word-line{grid-template-columns:minmax(0,1fr) auto}
  .custom-word-line>span{min-width:0;overflow-wrap:anywhere}
}
.learn-head{margin-bottom:16px}
.learn-head h2{font-size:27px}
.learn-head .section-note{background:transparent;border:0;padding:0;margin-top:4px}
.learn-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px;background:#fff}
.learn-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}
.learn-table th{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#72839a;text-align:left;background:#f6f8fb;padding:13px 16px;border-bottom:1px solid var(--line)}
.learn-table td{padding:13px 16px;border-bottom:1px solid #edf0f4;vertical-align:middle}
.learn-table tr:last-child td{border-bottom:0}
.learn-table tr:hover td{background:#fbfcff}
.learn-word b{font-size:18px;font-weight:700}
.learn-ipa{display:block;color:#8a97a9;font-size:12px;margin-top:3px;line-height:1.2;font-weight:400}
.learn-table .icon-btn{width:38px;height:36px;font-size:16px!important}
.result-panel{padding:34px 30px 30px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% -15%,#eef3ff 0,#fff 40%)}
.result-panel:before{content:"";position:absolute;left:8%;right:8%;top:0;height:4px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,#3560f5,#8b75ff,#39b98a)}
.result-mark{width:64px;height:64px;border-radius:20px;margin:4px auto 10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e7f8ef,#d9f4e8);color:#16844f;font-size:31px;font-weight:800;box-shadow:0 8px 22px rgba(34,160,107,.12)}
.result-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#71839a}
#result-title{font-size:31px;margin:7px 0 8px}
#result-text{font-size:17px;line-height:1.55}
.result-message{display:inline-block;margin-top:5px;color:#657892}
.result-grid{max-width:1050px;margin:24px auto 20px;grid-template-columns:repeat(4,1fr)}
.result-box{padding:18px;border-radius:17px;background:#fbfcff;border-color:#e2e7ef}
.result-box span{font-size:13px;color:#73839a}
.result-box b{font-size:27px;margin-top:7px}
.result-box.result-main{background:#f0f4ff;border-color:#d7e0ff}
.result-up{color:#16844f!important}
.result-actions{margin-top:6px}
.result-actions button{font-size:15px;padding:11px 17px}
.footer-note{font-size:14px}
@media(max-width:900px){
 .wrap{padding:14px 10px 36px}.result-grid{grid-template-columns:repeat(2,1fr)}
 header{align-items:flex-start}.sound-toggle{font-size:14px}
 .quiz-panel{padding:24px 16px}.verb{font-size:40px}.mode-title{font-size:20px}
 .option{font-size:15px;padding:13px 14px}
 .learn-table th,.learn-table td{padding:11px 12px}
}
.folder-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.folder-card-head h3{margin:0}.folder-card .progress{margin:11px 0 8px;height:7px}.folder-delete{margin-top:4px}.dict-progress-line{display:flex;justify-content:space-between;align-items:center;color:#657892;font-size:14px;margin:0 0 5px}.dict-progress-line b{color:#20242b}.dict-progress-line+.progress{margin:0 0 7px;height:8px}.dict-progress-line~.muted{font-size:13px}

/* v20 visual polish */
:root{--ink:#202633;--muted:#687a92;--line:#e2e7ef;--accent:#3560f5;--accent2:#7b67ee}
body{background:linear-gradient(180deg,#f5f7fb 0%,#eef2f7 100%);color:var(--ink)}
header{padding-bottom:10px}header h1{font-size:30px;letter-spacing:-.02em}.sub{font-size:15px}
.sound-toggle{font-size:14px;font-weight:600;border:1px solid #dbe2ee;background:#fff;padding:9px 13px;border-radius:12px;box-shadow:0 3px 10px rgba(30,50,90,.04)}
.sound-toggle:hover{border-color:#bfcbe0;background:#f8faff}
.panel{border-radius:24px;box-shadow:0 12px 34px rgba(31,53,91,.06)}
.section-note{font-size:14px;color:#667991}
.home-groups-head .section-note{max-width:780px}
.mode-title{font-size:19px;font-weight:650;color:#667a95;margin:17px 0 8px}.verb{font-size:42px}.ru{font-size:18px}.ipa{font-size:12px;color:#8c98a8}
.option{font-size:15px;padding:12px 15px}.quiz-actions button{font-size:14px}.hint{font-size:13px;color:#667991}
.learn-head .section-note{font-size:14px}.learn-table th{font-size:12px}.learn-table td{padding:12px 15px}.learn-word b{font-size:17px}.learn-ipa{font-size:11px;color:#8f9aaa}
.dictionary-intro{font-size:15px}.dictionary-tools button{font-size:14px}
.folder-card h3{font-size:18px}.word-item{font-size:14px}
.result-panel{background:radial-gradient(circle at 50% -10%,#edf3ff 0,#fff 46%)}
.result-mark{background:linear-gradient(135deg,#e8f8ef,#e1efff);color:#3560f5}.result-kicker{color:#6d7f97}.result-box{background:#fbfcff}
.result-message{font-size:15px}
@media(max-width:700px){header h1{font-size:25px}.sound-toggle{font-size:12px;padding:8px 10px}.verb{font-size:36px}.mode-title{font-size:18px}}


/* v21 requested refinements */
.sound-toggle{font-weight:400!important;color:#66717f!important;background:#fff!important;border-color:#d9e0e8!important;box-shadow:none!important}
.sound-toggle:hover{color:#4f5c6b!important;background:#f7f9fb!important}
.folder-delete{width:38px!important;height:36px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;margin-top:5px;font-size:16px!important}
.learn-translation{color:#52677f;font-size:14px;white-space:normal}
.learn-table td:last-child{white-space:nowrap}
.badge.bad{background:#fff0f0;color:#c44a4a}
.result-panel #result-text{margin-top:2px}
.result-message{display:none!important}
@media(max-width:900px){.learn-table{min-width:860px}.learn-translation{font-size:13px}}

/* v22 dopamine visual redesign — functionality unchanged */
:root{
  --dop-bg:#fffaf5;
  --dop-ink:#191725;
  --dop-muted:#756f82;
  --dop-purple:#7957ff;
  --dop-pink:#f06bc4;
  --dop-yellow:#ffd34d;
  --dop-mint:#55d9bc;
  --dop-blue:#73b9ff;
  --dop-orange:#ff8b55;
  --dop-line:#ece6f0;
}
*{scrollbar-width:thin;scrollbar-color:#d8d0e3 transparent}
body{
  background:
    radial-gradient(circle at 7% 7%,rgba(255,211,77,.22),transparent 20rem),
    radial-gradient(circle at 94% 8%,rgba(240,107,196,.18),transparent 22rem),
    linear-gradient(180deg,#fffdfb 0%,#f8f6fb 52%,#f4f7f7 100%);
  color:var(--dop-ink);
  font-family:'DM Sans',Arial,sans-serif;
  font-size:16px;
}
.wrap{max-width:1460px;padding:26px 34px 60px}
header{margin-bottom:20px;align-items:center}
header>div:first-child{display:flex;align-items:center;gap:14px}
h1{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.045em;margin:0 0 4px}
h1:before{content:'V';display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:2px;border-radius:13px;background:linear-gradient(135deg,#7756ff,#9b68ff);color:#fff;font-size:23px;box-shadow:0 9px 20px rgba(121,87,255,.22);vertical-align:-7px}
.sub{font-size:15px;color:var(--dop-muted)}
.sound-toggle{border:1px solid #e5dfe9!important;background:rgba(255,255,255,.82)!important;border-radius:14px!important;color:#746d7c!important;font-weight:400!important;box-shadow:0 5px 18px rgba(42,31,66,.05)!important}
nav{gap:8px;margin-bottom:20px}
nav button{border:1px solid #e6e0e9;background:rgba(255,255,255,.86);border-radius:14px;padding:10px 16px;font-weight:600;box-shadow:0 3px 12px rgba(42,31,66,.04)}
nav button:hover{background:#fff;transform:translateY(-1px)}
nav button.primary{background:var(--dop-purple);border-color:var(--dop-purple);box-shadow:0 8px 20px rgba(121,87,255,.2)}
.panel{border:1px solid rgba(231,224,235,.9);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 18px 48px rgba(57,42,82,.07);backdrop-filter:blur(8px)}
.home-main{
  position:relative;overflow:hidden;padding:34px 36px 32px;
  min-height:235px;
  background:linear-gradient(120deg,#eee8ff 0%,#f5e8ff 46%,#ffeaf7 100%);
  border-color:#e8dff4;
}
.home-main:before,.home-main:after{content:'';position:absolute;border-radius:999px;pointer-events:none}
.home-main:before{width:180px;height:180px;right:45px;top:-80px;background:rgba(121,87,255,.15)}
.home-main:after{width:100px;height:100px;right:125px;top:55px;background:rgba(240,107,196,.2)}
.home-main>*{position:relative;z-index:1}
.badge{border:0;background:rgba(255,255,255,.74);color:#665b7b;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}
.home-main h2{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-size:35px;letter-spacing:-.045em;margin:12px 0 3px}
.home-main .progress{max-width:650px;height:12px;margin:18px 0 12px;background:rgba(255,255,255,.62)}
.bar{background:linear-gradient(90deg,#7756ff 0%,#df69c7 48%,#ffd34d 100%)}
.hero-actions button.primary{background:#6f51f7;border-color:#6f51f7;box-shadow:0 10px 22px rgba(111,81,247,.24)}
.hero-actions button{border-radius:15px;padding:12px 18px;font-weight:700}
.home-groups-head{margin-bottom:18px}
.home-groups-head h2,#dictionary h2,#errors h2{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;letter-spacing:-.035em}
.section-note{border:1px solid #eee8f0;background:#fbf9fc;color:#766e81;border-radius:15px}
.block-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.group-card{
  position:relative;overflow:hidden;text-align:left;border:1px solid #e9e1eb;border-radius:23px;padding:18px 18px 16px;background:#fff;min-height:190px;
  box-shadow:0 8px 24px rgba(55,39,76,.045);transition:transform .18s,box-shadow .18s,border-color .18s;
}
.group-card:hover{transform:translateY(-3px) rotate(-.15deg);box-shadow:0 15px 30px rgba(55,39,76,.10);border-color:#d8cce0;background:#fff}
.group-card.selected{outline:3px solid rgba(121,87,255,.22);border-color:#a98dff}
.group-card-top{position:relative;z-index:2}
.block-title{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-size:20px;letter-spacing:-.025em}
.block-meta{font-size:13px;color:#847b8f;margin-top:4px}
.group-card .badge{background:#f0ebff;color:#6e51df}
.group-card .badge.good{background:#e4faf3;color:#168d73}
.group-art{height:82px;position:relative;margin:12px -4px 8px;overflow:hidden;border-radius:19px;background:linear-gradient(135deg,#f5f0ff,#fff5fb)}
.group-art:before,.group-art:after{content:'';position:absolute;border-radius:50%;filter:blur(.1px)}
.group-art:before{width:82px;height:82px;right:-12px;top:-24px;background:var(--art-a,#ffd34d)}
.group-art:after{width:56px;height:56px;left:48%;bottom:-25px;background:var(--art-b,#73b9ff)}
.art-word{position:absolute;z-index:1;font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1;padding:6px 10px;border-radius:11px;box-shadow:0 5px 14px rgba(48,34,67,.08);font-size:15px}
.art-word-a{left:13px;top:13px;background:#ffd34d;transform:rotate(-4deg)}
.art-word-b{left:88px;top:39px;background:#8ee8d3;transform:rotate(3deg);font-size:13px}
.art-word-c{right:15px;bottom:13px;background:#f6a5d8;transform:rotate(-5deg);font-size:12px}
.art-spark{position:absolute;z-index:1;right:80px;top:12px;color:#7756ff;font-size:25px;transform:rotate(12deg)}
.group-card:nth-child(3n+2) .group-art{background:linear-gradient(135deg,#fff6dc,#f2efff);--art-a:#f3a7d6;--art-b:#ffd34d}
.group-card:nth-child(3n+2) .art-word-a{background:#f3a7d6}.group-card:nth-child(3n+2) .art-word-b{background:#8dbdff}
.group-card:nth-child(3n) .group-art{background:linear-gradient(135deg,#e9fbf6,#fff0fa);--art-a:#73b9ff;--art-b:#ff8b55}
.group-card:nth-child(3n) .art-word-a{background:#8dbdff}.group-card:nth-child(3n) .art-word-b{background:#ffd34d}
.group-card .progress{height:7px;margin:10px 0 0;background:#f0edf3}
.grid{gap:14px}.stat{border:1px solid #ebe5ee;border-radius:19px;padding:18px 18px;background:rgba(255,255,255,.9)}.stat b{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-size:26px}
.quiz-panel{border-radius:30px;padding:34px 32px 28px;background:linear-gradient(160deg,#fff 0%,#fbf9ff 100%)}
.mode-title{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-size:20px;color:#706680}
.verb{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-size:50px;letter-spacing:-.055em}
.ru{font-size:19px;color:#706a7b}
.option{border-radius:16px;border-color:#e8e1ec;background:#fff;box-shadow:0 4px 13px rgba(52,37,72,.035)}
.option.correct{background:#e7faf3;border-color:#68d5ba}.option.wrong{background:#fff0f6;border-color:#f18bc3}
.input-grid input,.single-answer input{border-radius:15px;border-color:#e2dbe8;background:#fff}
.input-grid input:focus,.single-answer input:focus{border-color:#a78dff;box-shadow:0 0 0 4px rgba(121,87,255,.10)}
.letters .letter{border-radius:13px;background:#f7f3fb;border-color:#e6deeb;font-weight:700}.letters .letter:hover{background:#efe8ff}
.quiz-actions button{border-radius:13px}
.learn-table-wrap{border-radius:21px;border-color:#e8e1eb;box-shadow:0 8px 22px rgba(55,39,76,.04)}
.learn-table th{background:#f8f5ff;color:#756b86;font-family:'Space Grotesk','DM Sans',Arial,sans-serif}
.learn-table td{border-color:#f0ebf2}.learn-table tr:hover td{background:#fffbfe}
.learn-word b{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;color:#282234}
.learn-table .icon-btn{background:#efeaff;border-color:#ddd2ff;color:#6f51e9}
.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.folder-card{border-color:#e9e1eb;border-radius:21px;background:#fff;box-shadow:0 7px 20px rgba(55,39,76,.04)}
.folder-card.selected{outline:3px solid rgba(121,87,255,.18);border-color:#ad94ff}
.folder-card:nth-child(1){background:linear-gradient(145deg,#fff5d8,#fff)}
.folder-card:nth-child(2){background:linear-gradient(145deg,#eee9ff,#fff)}
.folder-card:nth-child(3n){background:linear-gradient(145deg,#e6faf5,#fff)}
.dictionary-intro{background:linear-gradient(135deg,#fff5fb,#f3efff);border-color:#eadff0}
.result-panel{background:radial-gradient(circle at 50% -10%,#f1eaff 0,#fff 46%)}
.result-mark{background:linear-gradient(135deg,#e8e0ff,#ffdff2);color:#6f51e9}
.footer-note{color:#8a8191}
@media(max-width:1050px){.block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .wrap{padding:15px 10px 38px}header>div:first-child{align-items:flex-start}h1{font-size:24px;line-height:1.08}h1:before{width:36px;height:36px;font-size:20px;border-radius:11px;vertical-align:-8px}.sub{font-size:13px}.sound-toggle{font-size:12px!important;padding:8px 9px!important}
 .home-main{padding:25px 20px;min-height:220px}.home-main h2{font-size:29px}.block-grid,.folder-grid{grid-template-columns:1fr}.group-card{min-height:178px}.group-art{height:72px}.art-word-a{left:10px}.art-word-b{left:75px}.verb{font-size:38px}.quiz-panel{padding:26px 15px 22px}.grid{grid-template-columns:repeat(2,1fr)}
}

/* v23 theme switch — visual only; training mechanics unchanged */
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.theme-toggle{font-size:14px!important;padding:9px 13px!important;border:1px solid #e5dfe9!important;background:rgba(255,255,255,.82)!important;border-radius:14px!important;color:#746d7c!important;font-weight:600!important;box-shadow:0 5px 18px rgba(42,31,66,.05)!important}
.theme-toggle:hover{background:#fff!important;transform:translateY(-1px)}

html[data-theme="dark"]{
  color-scheme:dark;
  --dop-bg:#17151d;
  --dop-ink:#f6f1fa;
  --dop-muted:#b7adbf;
  --dop-line:#393341;
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 7% 7%,rgba(121,87,255,.20),transparent 20rem),
    radial-gradient(circle at 94% 8%,rgba(240,107,196,.14),transparent 22rem),
    linear-gradient(180deg,#17151d 0%,#1b1822 52%,#151a1a 100%);
  color:#f6f1fa;
}
html[data-theme="dark"] .sub,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .block-meta,
html[data-theme="dark"] .ipa,
html[data-theme="dark"] .learn-ipa,
html[data-theme="dark"] .footer-note,
html[data-theme="dark"] .hint,
html[data-theme="dark"] .mode-title,
html[data-theme="dark"] .ru{color:#b8aebe}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] .big,
html[data-theme="dark"] .verb,
html[data-theme="dark"] .translation-word,
html[data-theme="dark"] .learn-word b,
html[data-theme="dark"] .stat b,
html[data-theme="dark"] .result-box b{color:#f8f3fb}
html[data-theme="dark"] nav button,
html[data-theme="dark"] .sound-toggle,
html[data-theme="dark"] .theme-toggle{
  color:#eee8f3!important;
  background:#24202c!important;
  border-color:#403947!important;
  box-shadow:0 5px 18px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] nav button:hover,
html[data-theme="dark"] .sound-toggle:hover,
html[data-theme="dark"] .theme-toggle:hover{background:#2b2634!important;border-color:#50475a!important}
html[data-theme="dark"] nav button.primary{background:#7957ff!important;border-color:#7957ff!important;color:#fff!important}
html[data-theme="dark"] .panel{
  background:rgba(31,28,39,.92);
  border-color:#393341;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
html[data-theme="dark"] .home-main{
  background:linear-gradient(120deg,#292342 0%,#30223b 48%,#3a2436 100%);
  border-color:#4a3a55;
}
html[data-theme="dark"] .home-main:before{background:rgba(121,87,255,.23)}
html[data-theme="dark"] .home-main:after{background:rgba(240,107,196,.20)}
html[data-theme="dark"] .badge{background:#302a3b;color:#d9cce8}
html[data-theme="dark"] .section-note{
  background:#25212d;
  border-color:#3b3442;
  color:#b9afc2;
}
html[data-theme="dark"] .group-card{
  background:#211e29;
  border-color:#393340;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
html[data-theme="dark"] .group-card:hover{background:#28232f;border-color:#4b4055}
html[data-theme="dark"] .group-card.selected{outline-color:rgba(154,125,255,.35);border-color:#8e70e9}
html[data-theme="dark"] .group-card .badge{background:#30274a;color:#cfc1ff}
html[data-theme="dark"] .group-card .badge.good{background:#173d35;color:#7ee3c7}
html[data-theme="dark"] .group-art{background:linear-gradient(135deg,#29233a,#342735)}
html[data-theme="dark"] .group-card:nth-child(3n+2) .group-art{background:linear-gradient(135deg,#342b36,#29283e)}
html[data-theme="dark"] .group-card:nth-child(3n) .group-art{background:linear-gradient(135deg,#203b39,#332737)}
html[data-theme="dark"] .group-card .progress{background:#39333f}
html[data-theme="dark"] .progress{background:#39333f}
html[data-theme="dark"] .bar{background:linear-gradient(90deg,#7957ff 0%,#ef6cc5 52%,#65d9be 100%)}
html[data-theme="dark"] .bar.good{background:linear-gradient(90deg,#52cda9,#70e0c2)}
html[data-theme="dark"] .stat{background:#211e29;border-color:#393340;color:#b9afc2}
html[data-theme="dark"] .quiz-panel{background:linear-gradient(160deg,#211e29 0%,#25202f 100%)}
html[data-theme="dark"] .option{
  background:#26222e;
  border-color:#403846;
  color:#f4eef8;
}
html[data-theme="dark"] .option:hover{background:#2d2837}
html[data-theme="dark"] .option.selected{outline-color:#9075ff}
html[data-theme="dark"] .option.correct{background:#183a33;border-color:#4cc4a4;color:#e5fff8}
html[data-theme="dark"] .option.wrong{background:#3b2331;border-color:#d86a9f;color:#ffe9f3}
html[data-theme="dark"] .input-grid label,
html[data-theme="dark"] .single-answer label{color:#b9afc2}
html[data-theme="dark"] .input-grid input,
html[data-theme="dark"] .single-answer input,
html[data-theme="dark"] .modal input,
html[data-theme="dark"] .modal textarea{
  background:#211e29;
  color:#f6f1fa;
  border-color:#453d4b;
}
html[data-theme="dark"] .input-grid input:focus,
html[data-theme="dark"] .single-answer input:focus,
html[data-theme="dark"] .modal input:focus{border-color:#9075ff;box-shadow:0 0 0 4px rgba(121,87,255,.16)}
html[data-theme="dark"] .input-grid input.correct,
html[data-theme="dark"] .single-answer input.correct{background:#183a33;border-color:#4cc4a4}
html[data-theme="dark"] .built{border-color:#50475a;background:#1d1a25}
html[data-theme="dark"] .built span,
html[data-theme="dark"] .built-letter,
html[data-theme="dark"] .letters .letter{background:#2b2634;border-color:#433b49;color:#f5eff8}
html[data-theme="dark"] .letters .letter:hover{background:#362e48}
html[data-theme="dark"] .learn-table-wrap{background:#211e29;border-color:#393340}
html[data-theme="dark"] .learn-table{color:#eee8f3}
html[data-theme="dark"] .learn-table th{background:#29243a;color:#bcaed0;border-color:#3c3546}
html[data-theme="dark"] .learn-table td{border-color:#332e3a}
html[data-theme="dark"] .learn-table tr:hover td{background:#28232f}
html[data-theme="dark"] .learn-table .icon-btn{background:#332a55;border-color:#4d3e78;color:#d8cbff}
html[data-theme="dark"] .word-item{background:#211e29;border-color:#393340;color:#eee8f3}
html[data-theme="dark"] .folder-card{background:#211e29;border-color:#393340;color:#eee8f3;box-shadow:0 7px 20px rgba(0,0,0,.16)}
html[data-theme="dark"] .folder-card:nth-child(1){background:linear-gradient(145deg,#3a3025,#211e29)}
html[data-theme="dark"] .folder-card:nth-child(2){background:linear-gradient(145deg,#302847,#211e29)}
html[data-theme="dark"] .folder-card:nth-child(3n){background:linear-gradient(145deg,#203b36,#211e29)}
html[data-theme="dark"] .folder-card.selected{outline-color:rgba(154,125,255,.35);border-color:#8e70e9}
html[data-theme="dark"] .dictionary-intro{background:linear-gradient(135deg,#32243a,#292541);border-color:#47384d;color:#c6b9ca}
html[data-theme="dark"] .learn-form{background:#2a2631}
html[data-theme="dark"] .form-card{border-color:#403846;background:#26222e}
html[data-theme="dark"] .form-card small{color:#a99daf}
html[data-theme="dark"] .modal-backdrop{background:rgba(0,0,0,.64)}
html[data-theme="dark"] .modal{background:#211e29;color:#f6f1fa;border:1px solid #3f3747;box-shadow:0 20px 60px rgba(0,0,0,.45)}
html[data-theme="dark"] .modal .modal-message{color:#b9afc2}
html[data-theme="dark"] .result-panel{background:radial-gradient(circle at 50% -10%,#32274a 0,#211e29 48%)}
html[data-theme="dark"] .result-mark{background:linear-gradient(135deg,#263e38,#342a4c);color:#8ee2c8}
html[data-theme="dark"] .result-kicker{color:#bcaed0}
html[data-theme="dark"] .result-box{background:#27232f;border-color:#3d3645;color:#b9afc2}
html[data-theme="dark"] .result-box.result-main{background:#2d2841;border-color:#4b4065}
html[data-theme="dark"] .result-up{color:#78d9bd!important}
html[data-theme="dark"] .good-t{color:#69d5b4}
html[data-theme="dark"] .bad-t{color:#f08ab7}
html[data-theme="dark"] .footer-note{color:#8f8498}
@media(max-width:700px){
  .header-actions{width:100%;justify-content:flex-start}
  .theme-toggle,.sound-toggle{font-size:12px!important}
}

/* v25 visual redesign: pastel editorial dashboard */
:root{
  --pink:#f65aa8;--pink2:#ff9dce;--green:#51c98e;--green2:#b9f0d1;--violet:#7560ee;--ink2:#1e2028;--cream:#fff8fb;--line2:#eadfe8;
}
html,body{min-height:100%;}
body{font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif;background:#fbf6fa;color:var(--ink2);overflow-x:hidden}
body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:48% 52% 55% 45%;filter:blur(.2px);opacity:.72}
body:before{width:380px;height:210px;left:-95px;top:80px;background:linear-gradient(135deg,#ff9fd0,#f55ca8);transform:rotate(-18deg)}
body:after{width:430px;height:210px;right:-120px;bottom:-30px;background:linear-gradient(135deg,#7fe1ad,#40bd88);transform:rotate(18deg)}
.ambient-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 18% 4%,rgba(255,181,220,.42),transparent 25%),radial-gradient(circle at 80% 12%,rgba(177,243,205,.5),transparent 28%),linear-gradient(180deg,#fffafd 0%,#f7f3f8 100%)}
.wrap{max-width:1700px;margin:0 auto;padding:28px 36px 55px 245px;position:relative}
header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px;padding:10px 8px 0}
header h1{font-size:46px;line-height:.96;letter-spacing:-2.4px;font-weight:900;margin:0;color:#171923;max-width:760px}
header h1:before{display:none}
header .sub{font-size:19px;color:#746c7d;margin-top:12px}
.header-actions{padding-bottom:4px}
.sound-toggle{border:1px solid #e7dce6!important;background:rgba(255,255,255,.78)!important;color:#686170!important;border-radius:15px!important;box-shadow:0 8px 25px rgba(73,47,83,.08)!important}
.main-nav{position:fixed;left:0;top:0;bottom:0;width:215px;padding:34px 20px;display:flex;flex-direction:column;gap:9px;background:rgba(255,252,254,.82);border-right:1px solid rgba(227,216,228,.75);backdrop-filter:blur(20px);z-index:50}
.nav-logo{width:58px;height:58px;border-radius:20px;background:#1d2028;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;margin:0 0 12px 10px;box-shadow:0 12px 28px rgba(20,22,30,.18)}
.main-nav button{width:100%;border:0;background:transparent;box-shadow:none;text-align:left;padding:13px 15px;border-radius:17px;color:#6c6875;font-weight:600;display:flex;align-items:center;gap:12px;font-size:16px}
.main-nav button span{flex:1}
.main-nav button:hover{background:rgba(255,255,255,.8);transform:none}
.main-nav #nav-home{background:#20232c;color:#fff;box-shadow:0 10px 22px rgba(28,29,37,.16)}
.nav-spacer{flex:1}.nav-soft{opacity:.9}.nav-theme{color:#6b6573!important}
nav button.primary{background:#20232c!important}
.dashboard{position:relative}
.home-heading{display:grid;grid-template-columns:1fr 390px;min-height:255px;align-items:center;overflow:hidden;border-radius:34px;padding:20px 36px 10px 28px;background:linear-gradient(135deg,#fff8fc 0%,#ffeaf5 54%,#eefbf4 100%);border:1px solid rgba(236,218,230,.9);box-shadow:0 22px 55px rgba(76,44,75,.08);position:relative}
.home-heading:before,.home-heading:after{content:"";position:absolute;border-radius:999px;pointer-events:none}
.home-heading:before{width:250px;height:90px;left:43%;top:-42px;background:#ff91c9;transform:rotate(-12deg);opacity:.65}
.home-heading:after{width:270px;height:90px;right:-55px;top:-28px;background:#6fd6a0;transform:rotate(14deg);opacity:.7}
.eyebrow{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#9b6b8f;margin-bottom:10px}
.home-heading h2{font-size:52px;line-height:.96;letter-spacing:-2.5px;margin:0;color:#191b24;max-width:700px}
.home-heading h2 span{color:#f05a9f}.subline{font-size:18px;color:#746c7d;margin-top:12px}
.hero-mascot{align-self:end;justify-self:center;width:330px;height:240px;position:relative;z-index:2;filter:drop-shadow(0 22px 22px rgba(67,45,75,.12))}
.hero-mascot svg{width:100%;height:100%;overflow:visible}
.home-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px;margin-top:18px}
.left-stack{min-width:0}.home-main{min-height:225px;padding:25px 28px;background:linear-gradient(135deg,#fff 0%,#fff4fa 100%);border-radius:30px}
.home-main .badge{background:#ffe1f0;color:#a74b7e}.home-main h2{font-size:43px;line-height:1;margin:10px 0 5px;letter-spacing:-1.5px}.home-main .muted{color:#7c7180}
.progress{height:12px;background:#ebe8ed;border-radius:999px}.bar{background:linear-gradient(90deg,#f15ba5,#ca83ef,#54c98e)}
.home-main .progress{max-width:680px;margin:18px 0 9px}.hero-actions button{border-radius:17px;padding:13px 20px;font-weight:800}.hero-actions .primary{background:#20232c;border-color:#20232c;box-shadow:0 12px 25px rgba(30,31,38,.14)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.stat{border:1px solid #eee2eb;border-radius:20px;padding:15px 18px;background:rgba(255,255,255,.86);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:60px;height:20px;border-radius:50%;right:-12px;bottom:-5px;transform:rotate(-25deg)}.stat b{font-size:28px;color:#20212a}.stat-pink:after{background:#ff7eb9}.stat-green:after{background:#59cc91}.stat-purple:after{background:#8c73ef}.stat-mint:after{background:#bcefd2}
.blocks-panel{padding:20px 22px;background:rgba(255,255,255,.78);border-radius:30px}.blocks-panel .section-note{background:transparent;border:0;padding:0;margin-top:2px}.block-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.group-card{min-height:145px;padding:16px 17px;border-radius:23px;background:#fff;border:1px solid #eadfe8;box-shadow:0 8px 24px rgba(65,43,72,.05);transition:.2s}.group-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(65,43,72,.1)}.group-card.selected{outline:2px solid #f36cab;border-color:#f36cab}
.group-card-top{position:relative;z-index:3}.group-card .block-title{font-size:20px}.group-card .block-meta{font-size:15px;color:#887d8b}.group-card .badge{background:#f6f0fa;color:#625a69}.group-art{height:76px;margin:9px -3px 7px;border-radius:19px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff3f8,#f1fbf5);border:0}.group-art:before,.group-art:after{border-radius:42% 58% 52% 48%;filter:blur(.2px)}.group-art:before{width:105px;height:58px;right:-13px;top:-13px;background:linear-gradient(135deg,#7ee0aa,#42bf87);transform:rotate(22deg)}.group-art:after{width:120px;height:55px;left:35%;bottom:-25px;background:linear-gradient(135deg,#ff9dcc,#f15ba4);transform:rotate(-10deg)}
.group-card:nth-child(3n+2) .group-art{background:linear-gradient(135deg,#f2f8ff,#fff1f8)}.group-card:nth-child(3n+2) .group-art:before{background:linear-gradient(135deg,#ff9dcc,#f25aa7)}.group-card:nth-child(3n+2) .group-art:after{background:linear-gradient(135deg,#bfeedd,#55c98f)}
.group-card:nth-child(3n) .group-art{background:linear-gradient(135deg,#f5f1ff,#f1fbf5)}.group-card:nth-child(3n) .group-art:before{background:linear-gradient(135deg,#a899f4,#755fe8)}.group-card:nth-child(3n) .group-art:after{background:linear-gradient(135deg,#ffafd6,#f05da6)}
.art-word{position:absolute;z-index:2;padding:7px 11px;border-radius:13px;background:rgba(255,255,255,.88)!important;color:#26212b!important;font-size:13px;font-weight:900;box-shadow:0 7px 15px rgba(56,38,65,.1)}.art-word-a{left:11px;top:10px;transform:rotate(-4deg)}.art-word-b{left:42%;top:35px;transform:rotate(3deg)}.art-word-c{right:10px;bottom:9px;transform:rotate(-5deg)}.art-spark{color:#8c70ee;z-index:3;position:absolute;right:31%;top:9px;font-size:22px}.group-card .progress{height:7px;margin:8px 0 0;background:#ece9ed}.group-card .bar{background:linear-gradient(90deg,#f45ca8,#65d0a0)}
.home-right{display:flex;flex-direction:column;gap:14px}.progress-card{padding:22px 20px;background:rgba(255,255,255,.86);border-radius:27px}.side-title{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:900}.side-title span{color:#6b61df}.ring{width:155px;height:155px;border-radius:50%;margin:17px auto 10px;background:conic-gradient(#f45ca8 0 37%,#55cc91 37% 62%,#e9e8ec 62% 100%);display:grid;place-items:center;position:relative}.ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.ring-inner{position:relative;z-index:2;font-size:28px}.side-muted{text-align:center;color:#776e7e;font-size:14px}.side-muted b{color:#25232a;font-size:17px}
.motivation-card{border-radius:27px;padding:20px 18px;background:linear-gradient(145deg,#fff6fb,#effbf5);border:1px solid #e7dfe8;position:relative;overflow:hidden}.motivation-art{position:absolute;right:-15px;top:-20px;color:#f45ca8;font-size:95px;line-height:1;transform:rotate(12deg)}.motivation-title{font-size:23px;line-height:1.05;font-weight:900;max-width:225px;position:relative;z-index:2;margin-bottom:15px}.check-row{font-size:14px;font-weight:800;margin:7px 0;color:#34303a}.check-row::first-letter{color:#28b875}
.mini-dict{padding:20px 17px;border-radius:27px}.dict-search{margin:12px 0 10px;background:#f2f0f3;border-radius:13px;padding:10px 12px;color:#8b8390;font-size:14px}.mini-head,.mini-row{display:grid;grid-template-columns:.7fr 1fr 1fr 1.1fr 22px;gap:5px;align-items:center}.mini-head{font-size:10px;color:#8e8694;margin-bottom:4px}.mini-row{font-size:10px;padding:7px 0;border-top:1px solid #f0e9f0}.mini-row button{border:0;background:transparent;padding:0;font-size:13px}.dict-open{width:100%;border:0;background:#20232c;color:#fff;padding:11px;border-radius:14px;margin-top:9px;font-size:13px;font-weight:800}.side-tip{min-height:74px;border-radius:22px;background:linear-gradient(135deg,#ffe2f0,#f1e9ff);display:flex;align-items:center;gap:10px;padding:10px 13px;overflow:hidden}.tip-mascot{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f48fc4;color:#fff;font-weight:900;font-size:19px}.side-tip span:nth-child(2){font-size:12px;line-height:1.2}.tip-arrow{margin-left:auto;color:#ef5ca4;font-size:24px}
#home-progress-percent{font-size:28px}.nav-theme{margin-bottom:4px}
/* hide duplicate header theme styles */
.theme-toggle{display:none!important}
html[data-theme="dark"] body{background:#17151d;color:#f8f3fb}html[data-theme="dark"] .ambient-bg{background:radial-gradient(circle at 18% 4%,rgba(245,83,166,.18),transparent 25%),radial-gradient(circle at 80% 12%,rgba(80,204,145,.16),transparent 28%),linear-gradient(180deg,#17151d,#1d1923)}html[data-theme="dark"] body:before{opacity:.18}html[data-theme="dark"] body:after{opacity:.14}
html[data-theme="dark"] .main-nav{background:rgba(24,21,30,.9);border-color:#37303e}.dark .main-nav button{}
html[data-theme="dark"] .main-nav button{color:#bdb4c4}html[data-theme="dark"] .main-nav #nav-home{background:#f4eef8;color:#20202a}html[data-theme="dark"] .nav-logo{background:#f4eef8;color:#20202a}html[data-theme="dark"] header h1,html[data-theme="dark"] .home-heading h2{color:#faf5fb}html[data-theme="dark"] header .sub,html[data-theme="dark"] .subline,html[data-theme="dark"] .eyebrow{color:#bdb0c1}
html[data-theme="dark"] .home-heading{background:linear-gradient(135deg,#292230,#342132 54%,#1d3328);border-color:#493849}html[data-theme="dark"] .home-main{background:linear-gradient(135deg,#28222f,#332432);border-color:#4a3949}html[data-theme="dark"] .home-main .badge{background:#4a2840;color:#ffc5e1}html[data-theme="dark"] .blocks-panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .progress-card,html[data-theme="dark"] .mini-dict{background:rgba(31,27,39,.94);border-color:#403644}html[data-theme="dark"] .motivation-card{background:linear-gradient(145deg,#342131,#20362d);border-color:#4a3847}html[data-theme="dark"] .side-tip{background:linear-gradient(135deg,#40243a,#2e2941)}html[data-theme="dark"] .dict-search{background:#29252e;color:#aaa0ad}html[data-theme="dark"] .mini-row{border-color:#3b3440}html[data-theme="dark"] .mini-row button{color:#b9aef0}html[data-theme="dark"] .dict-open{background:#f4eef8;color:#20202a}html[data-theme="dark"] .ring:after{background:#211d28}html[data-theme="dark"] .group-card{background:#24202b;border-color:#3f3745}html[data-theme="dark"] .group-card:hover{background:#2b2532}html[data-theme="dark"] .group-art{background:linear-gradient(135deg,#352433,#24382e)}html[data-theme="dark"] .group-card:nth-child(3n+2) .group-art{background:linear-gradient(135deg,#30243a,#3a2531)}html[data-theme="dark"] .group-card:nth-child(3n) .group-art{background:linear-gradient(135deg,#30273d,#20372e)}html[data-theme="dark"] .art-word{background:rgba(38,34,45,.92)!important;color:#fff!important}.home-content-grid .panel{backdrop-filter:blur(8px)}
@media(max-width:1200px){.wrap{padding-left:205px}.main-nav{width:185px}.home-heading{grid-template-columns:1fr 300px}.home-heading h2{font-size:43px}.home-content-grid{grid-template-columns:1fr}.home-right{display:grid;grid-template-columns:repeat(2,1fr)}.mini-dict{grid-column:1/-1}.side-tip{grid-column:1/-1}}
@media(max-width:820px){.wrap{padding:16px 14px 90px}.main-nav{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;height:68px;padding:8px 10px;flex-direction:row;gap:5px;border-right:0;border-top:1px solid #e5dce6;z-index:100}.nav-logo,.nav-spacer,.nav-soft{display:none}.main-nav button{height:52px;justify-content:center;padding:8px;border-radius:15px}.main-nav button span{display:none}.main-nav #nav-home{flex:1}.nav-theme{font-size:0}.nav-theme:first-letter{font-size:20px}.header-actions{display:none}header{padding-top:4px}header h1{font-size:34px}.home-heading{grid-template-columns:1fr;min-height:260px;padding:24px}.hero-mascot{position:absolute;right:-30px;bottom:-15px;width:220px;height:200px;opacity:.92}.home-heading h2{font-size:39px;max-width:540px}.home-main h2{font-size:36px}.block-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.home-right{grid-template-columns:1fr}.mini-dict{grid-column:auto}.side-tip{grid-column:auto}.mini-row{font-size:9px}}
@media(max-width:520px){.block-grid{grid-template-columns:1fr}.home-heading h2{font-size:34px}.hero-mascot{opacity:.42;right:-55px}.home-main{padding:20px}.stats-grid{gap:8px}.stat{padding:12px}.stat b{font-size:23px}.home-right{gap:10px}.mini-row{grid-template-columns:.8fr 1fr 1fr 1.2fr 18px}}

/* v26 — responsive composition, jelly-ribbon block art, contrast and audio/theme polish */
:root{
  --pink:#f35fa8;
  --pink-soft:#ffb1d4;
  --mint:#55cf9a;
  --mint-soft:#b9efd8;
  --violet:#8b70ed;
  --ink2:#1d1a24;
}
body{overflow-x:hidden}
.ambient-bg{pointer-events:none;position:fixed;inset:0;z-index:-2;background:
  radial-gradient(ellipse 260px 150px at 11% 8%,rgba(243,95,168,.16),transparent 70%),
  radial-gradient(ellipse 300px 180px at 88% 10%,rgba(85,207,154,.16),transparent 70%),
  radial-gradient(ellipse 220px 140px at 75% 88%,rgba(139,112,237,.10),transparent 70%)}
.home-main{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:22px;align-items:center}
.home-main-copy{position:relative;z-index:2;min-width:0}
.selected-progress-ring{--ring-progress:0%;width:142px;height:142px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--pink) 0 var(--ring-progress),var(--mint) var(--ring-progress) 72%,rgba(255,255,255,.68) 72% 100%);box-shadow:0 14px 30px rgba(93,48,87,.10)}
.selected-progress-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:rgba(255,250,253,.92)}
.selected-progress-ring>div{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;gap:2px}
.selected-progress-ring strong{font:700 28px/1 'Space Grotesk','DM Sans',sans-serif;color:#27212d}
.selected-progress-ring span{font-size:11px;color:#756b7b}
.home-main .progress .bar,.progress .bar{background:linear-gradient(90deg,var(--pink) 0%,#d978c8 48%,var(--mint) 100%)}
.group-card{min-height:156px}
.group-art{height:78px;background:#f8f4f8!important;border-radius:20px;overflow:hidden;border:1px solid rgba(232,223,235,.75)}
.group-art:before,.group-art:after{content:"";position:absolute;display:block;filter:drop-shadow(0 7px 7px rgba(52,36,58,.13));border-radius:999px;transform-origin:center}
.group-art:before{width:170px;height:64px;right:-38px;top:-18px;background:transparent;border:22px solid #60d29f;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(17deg)}
.group-art:after{width:175px;height:58px;left:20%;bottom:-30px;background:transparent;border:21px solid #f47bb5;border-right-color:transparent;border-top-color:transparent;transform:rotate(-8deg)}
.art-word{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;color:#28232e!important;font-family:'Space Grotesk','DM Sans',sans-serif;font-size:15px!important;font-weight:800;letter-spacing:-.035em;text-shadow:0 2px 0 rgba(255,255,255,.55)}
.art-word-a{left:14px;top:13px;transform:rotate(-5deg)}
.art-word-b{left:43%;top:43px;transform:rotate(3deg)}
.art-word-c{right:16px;bottom:11px;transform:rotate(-6deg)}
.art-spark{position:absolute!important;z-index:3!important;right:35%;top:11px;color:#8b70ed!important;font-size:21px!important}
.art-star{position:absolute;z-index:3;left:48%;top:5px;color:#f35fa8;font-size:16px;transform:rotate(18deg)}
.group-card:nth-child(2) .group-art:before{border-color:#f27db7;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-16deg)}
.group-card:nth-child(2) .group-art:after{border-color:#78d7ad;border-right-color:transparent;border-top-color:transparent;transform:rotate(9deg)}
.group-card:nth-child(3) .group-art:before{border-color:#9a82ed;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(12deg)}
.group-card:nth-child(3) .group-art:after{border-color:#f79ac8;border-right-color:transparent;border-top-color:transparent;transform:rotate(-18deg)}
.group-card:nth-child(4) .group-art:before{border-color:#57ca97;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-9deg)}
.group-card:nth-child(4) .group-art:after{border-color:#f38abf;border-right-color:transparent;border-top-color:transparent;transform:rotate(15deg)}
.group-card:nth-child(5) .group-art:before{border-color:#f06da9;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(19deg)}
.group-card:nth-child(5) .group-art:after{border-color:#a8e9ce;border-right-color:transparent;border-top-color:transparent;transform:rotate(-3deg)}
.group-card:nth-child(6) .group-art:before{border-color:#7bcaad;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-20deg)}
.group-card:nth-child(6) .group-art:after{border-color:#a28ced;border-right-color:transparent;border-top-color:transparent;transform:rotate(8deg)}
.group-card:nth-child(7) .group-art:before{border-color:#f287bd;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(7deg)}
.group-card:nth-child(7) .group-art:after{border-color:#5ed09c;border-right-color:transparent;border-top-color:transparent;transform:rotate(-14deg)}
.group-card:nth-child(8) .group-art:before{border-color:#8d77e8;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-13deg)}
.group-card:nth-child(8) .group-art:after{border-color:#f06fae;border-right-color:transparent;border-top-color:transparent;transform:rotate(13deg)}
.group-card:nth-child(9) .group-art:before{border-color:#56c993;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(14deg)}
.group-card:nth-child(9) .group-art:after{border-color:#d98ce0;border-right-color:transparent;border-top-color:transparent;transform:rotate(-12deg)}
.group-card:nth-child(2n) .art-word-a{left:auto;right:15px;top:12px}
.group-card:nth-child(3n) .art-word-a{top:38px;left:14px}
.group-card:nth-child(4n) .art-word-b{top:12px;left:45%}
.group-card:nth-child(5n) .art-word-c{right:auto;left:14px;bottom:10px}
.group-card:nth-child(3n) .art-spark{right:15%;top:9px}
.group-card:nth-child(4n) .art-star{left:72%;top:45px}
.blocks-panel{background:rgba(255,255,255,.72)}
.blocks-panel .section-note{color:#756d7c}
.motivation-card{box-shadow:0 14px 30px rgba(61,40,76,.07)}
.motivation-card:after{content:"✦  ✧";position:absolute;right:14px;bottom:8px;color:#f35fa8;font-size:24px;letter-spacing:8px;opacity:.75}
.side-tip{position:relative}
.side-tip:after{content:"✦";position:absolute;right:54px;top:7px;color:#f35fa8;font-size:18px}

/* Strong dark-mode contrast: no disappearing headings, labels or table text. */
html[data-theme="dark"] body{background:linear-gradient(180deg,#17141d 0%,#1e1925 100%);color:#f6f0f8}
html[data-theme="dark"] .ambient-bg{opacity:.9}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .blocks-panel,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .group-card,
html[data-theme="dark"] .progress-card,
html[data-theme="dark"] .mini-dict{color:#f7f1f8}
html[data-theme="dark"] .group-card{background:#25202c;border-color:#443a4d}
html[data-theme="dark"] .group-card:hover{background:#2d2635}
html[data-theme="dark"] .block-title,
html[data-theme="dark"] .group-card .block-title,
html[data-theme="dark"] .home-groups-head h2,
html[data-theme="dark"] #dictionary h2,
html[data-theme="dark"] #errors h2,
html[data-theme="dark"] .side-title,
html[data-theme="dark"] .stat b,
html[data-theme="dark"] .dict-progress-line b,
html[data-theme="dark"] .learn-word b,
html[data-theme="dark"] .learn-table td,
html[data-theme="dark"] .learn-table th,
html[data-theme="dark"] .word-item,
html[data-theme="dark"] .translation-word,
html[data-theme="dark"] .mode-title,
html[data-theme="dark"] .training-heading{color:#f6eff8!important}
html[data-theme="dark"] .group-card .block-meta,
html[data-theme="dark"] .section-note,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .side-muted,
html[data-theme="dark"] .learn-ipa,
html[data-theme="dark"] .learn-translation,
html[data-theme="dark"] .dict-progress-line,
html[data-theme="dark"] .mini-head,
html[data-theme="dark"] .footer-note{color:#bcb0c2!important}
html[data-theme="dark"] .section-note{background:#211c27;border-color:#3d3344}
html[data-theme="dark"] .group-art{background:linear-gradient(135deg,#302734,#25372f)!important;border-color:#493c4d}
html[data-theme="dark"] .art-word{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.35)}
html[data-theme="dark"] .group-card .badge{background:#3a2e52;color:#dfd4ff}
html[data-theme="dark"] .group-card .progress{background:#3b3540}
html[data-theme="dark"] .selected-progress-ring:after{background:#241f2b}
html[data-theme="dark"] .selected-progress-ring strong{color:#fff}
html[data-theme="dark"] .selected-progress-ring span{color:#bdb1c4}
html[data-theme="dark"] .learn-table-wrap{background:#211c27;border-color:#3f3547}
html[data-theme="dark"] .learn-table th{background:#2a2331;border-color:#433847}
html[data-theme="dark"] .learn-table td{border-color:#3a3240}
html[data-theme="dark"] .learn-table tr:hover td{background:#2b2432}
html[data-theme="dark"] .dictionary-intro{background:#2a2030;border-color:#4a3748;color:#d8cbdc!important}
html[data-theme="dark"] .dict-search{background:#2b2530;color:#bdb0c1;border:1px solid #403647}
html[data-theme="dark"] .mini-row{border-color:#3c3442;color:#e8e0ea}
html[data-theme="dark"] .mini-row span,html[data-theme="dark"] .mini-row b{color:#eee7f0!important}
html[data-theme="dark"] .option,
html[data-theme="dark"] .input-grid input,
html[data-theme="dark"] .single-answer input,
html[data-theme="dark"] .letters .letter,
html[data-theme="dark"] .built-letter{background:#292330;color:#f6eff8;border-color:#4a3d50}
html[data-theme="dark"] .option:hover,html[data-theme="dark"] .letters .letter:hover{background:#342b3d}
html[data-theme="dark"] .option.correct{background:#17392f;border-color:#3cae82;color:#eafff5}
html[data-theme="dark"] .option.wrong{background:#422538;border-color:#d46a9f;color:#ffeaf4}
html[data-theme="dark"] .quiz-panel{background:linear-gradient(160deg,#211c27,#241d2b);border-color:#403646}
html[data-theme="dark"] .ru{color:#cfc3d2}
html[data-theme="dark"] .hint{color:#c6b9ca}
html[data-theme="dark"] .result-panel{background:radial-gradient(circle at 50% -10%,#2a2542 0,#211c27 50%)}
html[data-theme="dark"] .result-box{background:#29232f;border-color:#44384b;color:#f6eff8}
html[data-theme="dark"] .result-box span{color:#bdb0c2}
html[data-theme="dark"] .result-box b{color:#fff}
html[data-theme="dark"] .result-mark{background:#203b32;color:#7be1b4}
html[data-theme="dark"] .motivation-title{color:#fff}
html[data-theme="dark"] .check-row{color:#e8e0ea}
html[data-theme="dark"] .home-main .muted{color:#c6b9ca}
html[data-theme="dark"] .home-main{background:linear-gradient(120deg,#2a2231 0%,#352331 48%,#20362d 100%);border-color:#4a394b}
html[data-theme="dark"] .blocks-panel{background:rgba(30,26,36,.94);border-color:#403646}
html[data-theme="dark"] .stat{background:#211d28;border-color:#403646}
html[data-theme="dark"] .stat b{color:#fff}
html[data-theme="dark"] .home-main .progress{background:rgba(255,255,255,.10)}
html[data-theme="dark"] .footer-note{color:#9f93a6}

/* Phone/tablet: no side rail, no horizontal squeeze. */
@media(max-width:980px){
  .wrap{padding:14px 12px 92px!important;max-width:none}
  .main-nav{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:10px!important;width:auto!important;height:64px!important;padding:7px 8px!important;display:flex!important;flex-direction:row!important;gap:5px!important;border:1px solid rgba(225,216,229,.9)!important;border-radius:22px!important;background:rgba(255,250,253,.94)!important;box-shadow:0 14px 35px rgba(38,28,45,.16)!important;z-index:100}
  .nav-logo,.nav-spacer,.nav-soft{display:none!important}
  .main-nav button{height:50px!important;min-width:0!important;flex:1!important;justify-content:center!important;padding:8px 7px!important;border-radius:16px!important}
  .main-nav button span{display:none!important}
  .main-nav .nav-theme{font-size:0!important}
  .main-nav .nav-theme:first-letter{font-size:20px!important}
  html[data-theme="dark"] .main-nav{background:rgba(28,24,34,.96)!important;border-color:#413747!important}
  html[data-theme="dark"] .main-nav button{color:#cfc3d3!important}
  html[data-theme="dark"] .main-nav #nav-home{background:#f4eef8!important;color:#201d24!important}
  .home-content-grid{grid-template-columns:1fr!important}
  .home-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mini-dict{grid-column:1/-1}
  .side-tip{grid-column:1/-1}
  .home-heading{grid-template-columns:1fr 260px}
  .home-main{grid-template-columns:minmax(0,1fr) 125px}
}
@media(max-width:700px){
  header{padding-top:4px}
  header>div:first-child{gap:10px}
  header h1{font-size:27px;line-height:1.02}
  header h1:before{width:36px;height:36px;border-radius:11px;font-size:20px}
  .sub{font-size:13px}
  .home-heading{grid-template-columns:1fr;min-height:300px;padding:22px 20px}
  .home-heading h2{font-size:38px;max-width:100%}
  .hero-mascot{right:-18px;bottom:-18px;width:190px;height:175px;opacity:.88}
  .home-main{grid-template-columns:1fr;gap:14px;padding:22px!important}
  .selected-progress-ring{width:112px;height:112px;justify-self:end;margin-top:-6px}
  .selected-progress-ring:after{inset:10px}
  .selected-progress-ring strong{font-size:23px}
  .hero-actions{gap:8px}
  .hero-actions button{flex:1;min-width:0;padding:11px 12px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .block-grid{grid-template-columns:1fr!important}
  .group-card{min-height:150px}
  .group-art{height:76px}
  .home-right{grid-template-columns:1fr}
  .mini-dict,.side-tip{grid-column:auto}
  .motivation-card{min-height:190px}
  .mini-row{font-size:10px}
  .learn-table{min-width:680px}
  .quiz-actions{gap:7px}
  .quiz-actions button{padding:9px 10px}
}
@media(max-width:430px){
  .wrap{padding-left:9px!important;padding-right:9px!important}
  .home-heading h2{font-size:34px}
  .home-heading .subline{font-size:15px}
  .home-main h2{font-size:32px}
  .home-main .muted{font-size:13px}
  .stats-grid{gap:7px}
  .stat{padding:11px 12px}
  .stat b{font-size:22px}
  .motivation-title{font-size:20px}
  .quiz-panel{padding:20px 12px!important}
  .mode-title{font-size:18px}
  .verb{font-size:35px}
  .ru{font-size:17px}
}

/* v27: editorial blocks + responsive navigation polish */
.theme-toggle{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}

/* Block artwork: fewer colors, organic ropes, words + translations instead of identical pills. */
.group-art{height:96px!important;border-radius:22px!important;background:linear-gradient(135deg,#fff4fa 0%,#f2fbf6 100%)!important;isolation:isolate}
.group-art:before,.group-art:after{display:none!important}
.art-rope{position:absolute;z-index:1;display:block;width:126px;height:86px;border:17px solid #f47bb5;border-radius:48% 52% 45% 55%;background:transparent;box-shadow:inset 2px 2px 6px rgba(255,255,255,.55),0 8px 18px rgba(65,42,69,.08);opacity:.9}
.rope-a{left:-16px;bottom:-46px;transform:rotate(-12deg)}
.rope-b{right:-25px;top:-48px;width:112px;height:78px;border-color:#69d3a0;transform:rotate(20deg)}
.art-dot{position:absolute;z-index:1;width:42px;height:42px;right:30%;bottom:-18px;border-radius:44% 56% 52% 48%;background:linear-gradient(135deg,#8f7be9,#b7a9ff);box-shadow:0 8px 16px rgba(80,62,120,.12)}
.art-word{z-index:4!important;padding:0!important;background:transparent!important;box-shadow:none!important;color:#24212a!important;display:flex;flex-direction:column;gap:2px;line-height:1.02}
.art-word b{font-size:15px;font-weight:900;letter-spacing:-.02em}
.art-word small{font-size:10px;font-weight:700;color:#716779;letter-spacing:0}
.art-word-a{left:14px!important;top:13px!important;transform:rotate(-3deg)!important}
.art-word-b{left:42%!important;top:45px!important;transform:rotate(2deg)!important}
.art-word-c{right:13px!important;bottom:12px!important;transform:rotate(-4deg)!important}
.art-spark,.art-star{z-index:5!important;color:#7a68dc!important;font-style:normal!important}
.group-card:nth-child(2n) .group-art{background:linear-gradient(135deg,#f7f1ff 0%,#fff2f8 100%)!important}
.group-card:nth-child(2n) .rope-a{border-color:#9b88ef;transform:rotate(16deg);left:-24px}
.group-card:nth-child(2n) .rope-b{border-color:#f27caf;transform:rotate(-15deg)}
.group-card:nth-child(3n) .group-art{background:linear-gradient(135deg,#f0fbf6 0%,#f9f3ff 100%)!important}
.group-card:nth-child(3n) .rope-a{border-color:#63cf9d;transform:rotate(-18deg)}
.group-card:nth-child(3n) .rope-b{border-color:#f17ab6;transform:rotate(14deg)}
.group-card:nth-child(4n) .art-dot{background:linear-gradient(135deg,#f28abc,#ffb3d7)}
.group-card:nth-child(5n) .art-dot{background:linear-gradient(135deg,#65d1a1,#a4ebc9)}
.group-card:nth-child(6n) .art-dot{background:linear-gradient(135deg,#8974e8,#b8aaff)}

/* Dark artwork: keep every word and translation readable. */
html[data-theme="dark"] .group-art{background:linear-gradient(135deg,#29232f 0%,#20352d 100%)!important;border-color:#4a3d4d}
html[data-theme="dark"] .group-card:nth-child(2n) .group-art{background:linear-gradient(135deg,#2b2638 0%,#35232f 100%)!important}
html[data-theme="dark"] .group-card:nth-child(3n) .group-art{background:linear-gradient(135deg,#20342e 0%,#2b2639 100%)!important}
html[data-theme="dark"] .art-word b{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.32)}
html[data-theme="dark"] .art-word small{color:#d4c9d7!important}
html[data-theme="dark"] .art-rope{box-shadow:inset 2px 2px 7px rgba(255,255,255,.16),0 8px 18px rgba(0,0,0,.18)}

/* Mobile: never expose a desktop side rail. Navigation becomes a compact bottom bar. */
@media(max-width:980px){
  .wrap{padding-left:12px!important;padding-right:12px!important}
  .main-nav{width:auto!important;left:10px!important;right:10px!important}
  .home-content-grid{grid-template-columns:1fr!important}
  .home-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:700px){
  header{display:flex;flex-direction:column;align-items:flex-start!important;gap:10px}
  .header-actions{display:flex!important;width:100%;padding:0;gap:7px;flex-wrap:nowrap}
  .header-actions button{flex:1;justify-content:center;min-width:0}
  .theme-toggle,.sound-toggle{font-size:12px!important;padding:9px 8px!important}
  .home-heading{grid-template-columns:1fr!important;min-height:285px}
  .hero-mascot{width:175px!important;height:160px!important;right:-10px!important;bottom:-12px!important;opacity:.92}
  .home-main{grid-template-columns:1fr!important}
  .selected-progress-ring{justify-self:center!important;margin-top:4px!important}
  .stats-grid{grid-template-columns:1fr 1fr!important}
  .block-grid{grid-template-columns:1fr!important}
  .group-card{min-height:168px!important}
  .group-art{height:88px!important}
  .home-right{grid-template-columns:1fr!important}
  .mini-dict,.side-tip{grid-column:auto!important}
  .learn-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .quiz-panel{width:100%;box-sizing:border-box}
}
@media(max-width:430px){
  .wrap{padding-left:8px!important;padding-right:8px!important}
  .home-heading{padding:20px 17px!important}
  .home-heading h2{font-size:32px!important}
  .home-main{padding:19px!important}
  .hero-actions{flex-direction:column}
  .hero-actions button{width:100%}
  .header-actions{gap:6px}
  .theme-toggle,.sound-toggle{font-size:11px!important}
  .group-card{padding:15px!important}
  .art-word b{font-size:14px}
  .art-word small{font-size:9px}
}

/* v28 — cleaner desktop/mobile layout, stronger purple + yellow-orange visual language */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700&display=swap');
:root{
  --v28-purple:#6f43e8;
  --v28-purple2:#9b63ff;
  --v28-yellow:#ffc83d;
  --v28-orange:#ff8a3d;
  --v28-ink:#211b2b;
  --v28-muted:#70657d;
}
body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 8% 8%,rgba(255,200,61,.18),transparent 24rem),radial-gradient(circle at 92% 10%,rgba(111,67,232,.15),transparent 25rem),linear-gradient(180deg,#fffdf9 0%,#f8f4ff 100%);color:var(--v28-ink)}
h1,h2,h3,.mode-title,.block-title,.verb,.translation-word,.result-kicker,.learn-table th,.home-main h2{font-family:'Unbounded',Arial,Helvetica,sans-serif}
h1{font-weight:700;letter-spacing:-.05em}
h1:before{background:linear-gradient(135deg,var(--v28-purple),var(--v28-orange));box-shadow:0 9px 22px rgba(111,67,232,.22)}
.sub{font-family:Arial,Helvetica,sans-serif}
/* Top navigation — no side rail and no mobile bottom rail. */
.main-nav{position:static!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;margin:0 0 20px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;gap:8px!important}
.main-nav .nav-logo,.main-nav .nav-spacer,.main-nav .nav-soft{display:none!important}
.main-nav button{font-family:Arial,Helvetica,sans-serif!important;border:1px solid #e3dbea!important;background:rgba(255,255,255,.86)!important;color:#4e465a!important;border-radius:14px!important;padding:10px 16px!important;box-shadow:0 4px 13px rgba(55,39,76,.05)!important}
.main-nav button.nav-active{background:linear-gradient(135deg,var(--v28-purple),#8655f2)!important;border-color:var(--v28-purple)!important;color:#fff!important}
/* Stronger, less washed-out palette */
.home-heading{background:linear-gradient(125deg,#f0e8ff 0%,#fff0cf 54%,#ffe0ca 100%)!important;border-color:#dfd0f7!important}
.home-main{background:linear-gradient(120deg,#eee5ff 0%,#f5ebff 45%,#fff0c9 100%)!important;border-color:#ded0f2!important}
.hero-mascot{display:none!important}
.home-heading{min-height:190px!important}
.home-heading:after{content:'✦';position:absolute;right:8%;bottom:18px;font-family:Arial,sans-serif;font-size:46px;color:var(--v28-orange);transform:rotate(12deg);opacity:.9}
.bar{background:linear-gradient(90deg,var(--v28-purple) 0%,#b75ce5 50%,var(--v28-orange) 100%)!important}
.hero-actions button.primary{background:linear-gradient(135deg,var(--v28-purple),#8a51ef)!important;border-color:var(--v28-purple)!important}
.selected-progress-ring{background:conic-gradient(var(--v28-purple) 0 var(--ring-progress,0%),var(--v28-yellow) var(--ring-progress,0%) 100%)!important}
.group-card{background:#fff!important;border-color:#e2d9ec!important}
.group-card.selected{outline:3px solid rgba(111,67,232,.2)!important;border-color:#a27af1!important}
.group-card .badge{background:#eee7ff!important;color:#6339d4!important}
.group-card:nth-child(3n) .group-art,.group-card:nth-child(3n+2) .group-art,.group-card .group-art{background:linear-gradient(135deg,#f4edff 0%,#fff1cf 100%)!important}
.group-art{height:96px!important}
.art-rope{border-width:16px!important;box-shadow:inset 2px 2px 8px rgba(255,255,255,.7),0 8px 18px rgba(76,47,120,.12)!important}
.rope-a{border-color:#8b5cf0!important}
.rope-b{border-color:#ff9b43!important}
.art-dot{background:linear-gradient(135deg,#ffc83d,#ff8a3d)!important}
.art-word b{font-family:'Unbounded',Arial,sans-serif!important;color:#271d36!important}
.art-word small{font-family:Arial,Helvetica,sans-serif!important;color:#695d75!important}
.group-card:nth-child(2n) .rope-a{border-color:#ff8a3d!important}.group-card:nth-child(2n) .rope-b{border-color:#7650ea!important}
.group-card:nth-child(3n) .rope-a{border-color:#ffb52e!important}.group-card:nth-child(3n) .rope-b{border-color:#7045e7!important}
.art-spark,.art-star{color:#7045e7!important}
/* No mascot / error-progress card. Keep motivation text as a clean card. */
.side-tip{display:none!important}
.stat-purple{display:none!important}
.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* Learning list contains the translation explicitly. */
.learn-translation{font-weight:600;color:#655a70;min-width:140px}
.learn-table th,.learn-table td{font-family:Arial,Helvetica,sans-serif}
.learn-table th{font-family:'Unbounded',Arial,sans-serif;font-size:11px}
/* Learn page: exactly two actions, Start + Back. */
#learn .actions{justify-content:flex-start}
#learn-finish{order:2}
/* Translation-to-English must never auto-play the hidden English answer. */
.translation-word{font-family:'Unbounded',Arial,sans-serif}
/* Hints are actual word hints, not audio instructions. */
.hint{font-family:Arial,Helvetica,sans-serif}
/* Dark theme: saturated purple/orange and strong text contrast. */
html[data-theme="dark"] body{background:radial-gradient(circle at 8% 5%,rgba(111,67,232,.28),transparent 24rem),radial-gradient(circle at 90% 8%,rgba(255,138,61,.18),transparent 23rem),linear-gradient(180deg,#17121f 0%,#1d1728 58%,#21180f 100%)!important;color:#faf6ff!important}
html[data-theme="dark"] .main-nav button{background:#292132!important;border-color:#443653!important;color:#e8e0ee!important}
html[data-theme="dark"] .main-nav button.nav-active{background:linear-gradient(135deg,#7a4bf0,#9a61ff)!important;color:#fff!important}
html[data-theme="dark"] .home-heading,html[data-theme="dark"] .home-main{background:linear-gradient(125deg,#2a2140 0%,#342548 52%,#44301d 100%)!important;border-color:#58456c!important}
html[data-theme="dark"] .group-card{background:#251e2d!important;border-color:#44374e!important;color:#faf6ff!important}
html[data-theme="dark"] .group-card .block-title,html[data-theme="dark"] .group-card .block-meta{color:#faf6ff!important}
html[data-theme="dark"] .group-art,html[data-theme="dark"] .group-card:nth-child(2n) .group-art,html[data-theme="dark"] .group-card:nth-child(3n) .group-art{background:linear-gradient(135deg,#302342 0%,#4a3020 100%)!important}
html[data-theme="dark"] .art-word b{color:#fff!important}.art-word small{font-weight:600}
html[data-theme="dark"] .learn-translation{color:#f2eaf7!important}
html[data-theme="dark"] .learn-table td{color:#f4edf8!important;border-color:#413747!important}
html[data-theme="dark"] .learn-table th{background:#30253b!important;color:#f3e9fb!important}
html[data-theme="dark"] .option{background:#2b2335!important;color:#fff!important;border-color:#51425c!important}
html[data-theme="dark"] .option.correct{background:#173d31!important;color:#effff8!important;border-color:#4dcc91!important}
html[data-theme="dark"] .option.wrong{background:#4b2632!important;color:#fff!important;border-color:#ed739f!important}
html[data-theme="dark"] .translation-word,html[data-theme="dark"] .verb{color:#fff!important}
html[data-theme="dark"] .ru{color:#eadfed!important}
html[data-theme="dark"] .hint{color:#eadfed!important}
/* Mobile: everything remains top-to-bottom; no side or bottom menu. */
@media(max-width:980px){
  .wrap{padding:14px 12px 34px!important}
  .main-nav{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:100%!important;height:auto!important;display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:0 0 4px!important;margin-bottom:14px!important}
  .main-nav button{flex:0 0 auto!important;white-space:nowrap!important;height:auto!important;padding:9px 13px!important}
  .main-nav button span{display:inline!important}
  .home-content-grid{grid-template-columns:1fr!important}
  .home-right{display:grid;grid-template-columns:1fr!important}
}
@media(max-width:700px){
  header{display:flex;flex-direction:column;align-items:flex-start!important;gap:8px}
  .header-actions{display:flex!important;width:100%;justify-content:flex-start!important}
  .home-heading{min-height:165px!important;padding:21px 18px!important}
  .home-heading h2{font-size:28px!important}
  .home-heading:after{font-size:34px;right:7%;bottom:10px}
  .home-main{padding:20px!important}
  .stats-grid{grid-template-columns:1fr 1fr!important}
  .stats-grid .stat:last-child{grid-column:auto}
  .block-grid{grid-template-columns:1fr!important}
  .learn-table{min-width:760px}
  #learn .actions{flex-direction:column;align-items:stretch}
  #learn .actions button{width:100%}
}


/* v29 final polish */
:root{
  --v29-purple:#7145e8;
  --v29-purple-deep:#4f2bb8;
  --v29-lilac:#a777ff;
  --v29-yellow:#ffd34d;
  --v29-orange:#ff8b3d;
  --v29-ink:#21192b;
  --v29-muted:#70627d;
}
body{font-family:Inter,Arial,Helvetica,sans-serif!important;background:radial-gradient(circle at 8% 0%,rgba(113,69,232,.12),transparent 26rem),radial-gradient(circle at 94% 12%,rgba(255,139,61,.12),transparent 24rem),linear-gradient(180deg,#fffaff 0%,#f7f2ff 100%)!important;color:var(--v29-ink)!important}
h1,h2,h3,.mode-title,.block-title,.verb,.translation-word,.result-kicker,.home-main h2{font-family:'Unbounded',Arial,Helvetica,sans-serif!important}
.sub,.section-note,.muted,.footer-note,.hint,.learn-translation,.learn-ipa,.mini-row,.mini-head,.check-row,.side-muted{font-family:Inter,Arial,Helvetica,sans-serif!important}
header{margin-bottom:10px!important}
header h1{font-size:30px!important;line-height:1.08!important}
.sub{font-size:16px!important;color:#75677f!important}
/* Navigation is horizontal at the top on desktop and phone. No side rail, no bottom rail. */
.main-nav{position:static!important;inset:auto!important;width:100%!important;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;margin:0 0 20px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.main-nav button{position:static!important;flex:0 0 auto!important;width:auto!important;height:auto!important;min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:10px 16px!important;border-radius:13px!important;font-family:Inter,Arial,sans-serif!important;font-size:15px!important;font-weight:650!important;white-space:nowrap!important;background:rgba(255,255,255,.92)!important;border:1px solid #e3d9ec!important;color:#51455e!important;box-shadow:0 5px 16px rgba(76,48,110,.07)!important}
.main-nav button.nav-active{background:linear-gradient(135deg,var(--v29-purple),#8b58f3)!important;border-color:var(--v29-purple)!important;color:#fff!important;box-shadow:0 8px 20px rgba(113,69,232,.22)!important}
.hero-mascot,.side-tip{display:none!important}
.home-heading{min-height:170px!important;background:linear-gradient(125deg,#efe6ff 0%,#f8efff 42%,#fff0cf 100%)!important;border-color:#dfd0f2!important}
.home-heading:after{content:'✦';color:var(--v29-orange)!important}
.home-main{background:linear-gradient(120deg,#eee4ff 0%,#f5ebff 46%,#fff0ca 100%)!important;border-color:#dfd1f0!important}
.hero-actions button.primary{background:linear-gradient(135deg,var(--v29-purple),#8c58f5)!important;border-color:var(--v29-purple)!important}
.bar{background:linear-gradient(90deg,var(--v29-purple) 0%,#a86cf2 48%,var(--v29-orange) 100%)!important}
.selected-progress-ring{background:conic-gradient(var(--v29-purple) 0 var(--ring-progress,0%),var(--v29-yellow) var(--ring-progress,0%) 100%)!important}
/* Stats: only meaningful progress indicators. */
.stat-purple{display:none!important}
.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* Block cards: distinct compositions, vivid purple/orange/yellow. */
.group-card{background:rgba(255,255,255,.96)!important;border-color:#e0d6ea!important}
.group-card.selected{outline:3px solid rgba(113,69,232,.20)!important;border-color:#9d7bed!important}
.group-card .badge{background:#eee7ff!important;color:#6339d4!important}
.group-art{background:linear-gradient(135deg,#f1e8ff 0%,#fff0d1 100%)!important}
.group-card:nth-child(2n) .group-art{background:linear-gradient(135deg,#fff0d4 0%,#eee5ff 100%)!important}
.group-card:nth-child(3n) .group-art{background:linear-gradient(135deg,#eee4ff 0%,#ffe7d2 100%)!important}
.art-rope{box-shadow:inset 2px 2px 8px rgba(255,255,255,.72),0 9px 18px rgba(72,42,116,.12)!important}
.rope-a{border-color:#7b4ded!important}.rope-b{border-color:#ff8c3d!important}
.group-card:nth-child(2n) .rope-a{border-color:#ff9f3d!important}.group-card:nth-child(2n) .rope-b{border-color:#7450e7!important}
.group-card:nth-child(3n) .rope-a{border-color:#ffbf38!important}.group-card:nth-child(3n) .rope-b{border-color:#6841df!important}
.art-dot{background:linear-gradient(135deg,#ffd34d,#ff8b3d)!important}
.art-word b{font-family:'Unbounded',Arial,sans-serif!important;color:#2a2035!important}
.art-word small{font-family:Inter,Arial,sans-serif!important;color:#695b76!important}
/* Learn page: translation is visible, only two actions below the list. */
#learn .learn-head>button{display:none!important}
#learn .actions{justify-content:flex-start!important}
#learn .learn-translation{color:#5d5269!important;font-weight:650!important}
/* Dark theme */
html[data-theme="dark"] body{background:radial-gradient(circle at 8% 0%,rgba(113,69,232,.25),transparent 26rem),radial-gradient(circle at 94% 12%,rgba(255,139,61,.17),transparent 24rem),linear-gradient(180deg,#17121f 0%,#21182c 58%,#271b12 100%)!important;color:#fbf7ff!important}
html[data-theme="dark"] .main-nav button{background:#282035!important;border-color:#463653!important;color:#eee7f4!important}
html[data-theme="dark"] .main-nav button.nav-active{background:linear-gradient(135deg,#7c4df1,#9a62ff)!important;color:#fff!important}
html[data-theme="dark"] .home-heading,html[data-theme="dark"] .home-main{background:linear-gradient(125deg,#2a2041 0%,#342548 50%,#4a311d 100%)!important;border-color:#5a456d!important}
html[data-theme="dark"] .group-card{background:#251e2d!important;border-color:#493a52!important;color:#fff!important}
html[data-theme="dark"] .group-card .block-title,html[data-theme="dark"] .group-card .block-meta{color:#fff!important}
html[data-theme="dark"] .group-art,html[data-theme="dark"] .group-card:nth-child(2n) .group-art,html[data-theme="dark"] .group-card:nth-child(3n) .group-art{background:linear-gradient(135deg,#302341 0%,#4a2f20 100%)!important}
html[data-theme="dark"] .art-word b{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.28)!important}
html[data-theme="dark"] .art-word small{color:#e1d6e7!important}
html[data-theme="dark"] .learn-translation{color:#fff!important}
html[data-theme="dark"] .learn-table td{color:#f8f1fb!important;border-color:#423647!important}
html[data-theme="dark"] .learn-table th{background:#30243d!important;color:#f7edfc!important}
html[data-theme="dark"] .option{background:#2c2337!important;color:#fff!important;border-color:#51405e!important}
html[data-theme="dark"] .option.correct{background:#173e31!important;color:#effff8!important;border-color:#4dcc91!important}
html[data-theme="dark"] .option.wrong{background:#4b2633!important;color:#fff!important;border-color:#ee739f!important}
html[data-theme="dark"] .translation-word,html[data-theme="dark"] .verb{color:#fff!important}
html[data-theme="dark"] .ru,html[data-theme="dark"] .hint{color:#eee4f2!important}
/* Phone: no horizontal overflow and no fake side menu. */
@media(max-width:700px){
  .wrap{padding:12px 10px 30px!important}
  header{gap:8px!important}
  header h1{font-size:25px!important}
  .sub{font-size:13px!important}
  .main-nav{margin-bottom:14px!important;gap:7px!important;overflow:visible!important}
  .main-nav button{padding:9px 12px!important;font-size:14px!important}
  .header-actions{display:flex!important;width:100%!important;gap:7px!important}
  .header-actions button{flex:1!important}
  .home-heading{min-height:155px!important;padding:20px 17px!important}
  .home-heading h2{font-size:27px!important}
  .home-main{padding:19px!important}
  .stats-grid{grid-template-columns:1fr 1fr!important}
  .stats-grid .stat:last-child{grid-column:auto}
  .block-grid{grid-template-columns:1fr!important}
  .group-card{min-height:160px!important}
  .learn-table{min-width:760px}
  .learn-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  #learn .actions{flex-direction:column!important;align-items:stretch!important}
  #learn .actions button{width:100%!important}
}
@media(max-width:430px){
  .main-nav button{font-size:13px!important;padding:8px 11px!important}
  .header-actions button{font-size:11px!important;padding:9px 7px!important}
  .home-heading h2{font-size:24px!important}
  .home-main h2{font-size:28px!important}
}

/* v30 — clean header, no green/blue, compact mobile layout */
:root{
  --v30-purple:#7651e8;
  --v30-lilac:#b07cff;
  --v30-pink:#f35ca8;
  --v30-yellow:#ffd34d;
  --v30-orange:#ff8b3d;
  --v30-dark:#211a2b;
}
body{font-family:Inter,Arial,Helvetica,sans-serif!important;overflow-x:hidden}
header{align-items:center!important}
.header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.header-home,.sound-toggle,.theme-toggle,.personal-dict{
  min-height:42px!important;padding:9px 13px!important;border-radius:14px!important;
  border:1px solid #e4d9eb!important;background:rgba(255,255,255,.88)!important;color:#51455e!important;
  box-shadow:0 5px 16px rgba(76,48,110,.06)!important;font-family:Inter,Arial,sans-serif!important;font-size:14px!important;font-weight:650!important;
}
.header-home{width:42px!important;padding:0!important;font-size:22px!important;line-height:1!important;display:grid!important;place-items:center!important}
.header-home:hover,.sound-toggle:hover,.theme-toggle:hover,.personal-dict:hover{background:#fff!important;transform:translateY(-1px)}
.home-glyph{font-size:22px;line-height:1;transform:translateY(-1px)}
.main-nav{display:none!important}
.theme-toggle{display:inline-flex!important}
.sound-toggle{font-size:0!important}
.sound-toggle:after{content:'Звук';font-size:14px}
/* Decorative header art never sits over the text. */
.home-heading{isolation:isolate!important}
.home-heading>div{position:relative!important;z-index:4!important}
.home-heading:before{left:auto!important;right:18%!important;top:-58px!important;width:190px!important;height:80px!important;background:linear-gradient(135deg,#f36cae,#b07cff)!important;opacity:.34!important}
.home-heading:after{right:3%!important;top:auto!important;bottom:-38px!important;width:150px!important;height:70px!important;background:linear-gradient(135deg,#ffd34d,#ff8b3d)!important;opacity:.28!important}
/* All progress bars: yellow → lilac → pink. */
.bar,.group-card .bar{background:linear-gradient(90deg,#ffd34d 0%,#a777ff 52%,#f35ca8 100%)!important}
.selected-progress-ring{background:conic-gradient(#ffd34d 0 var(--ring-progress,0%),#f35ca8 var(--ring-progress,0%) 100%)!important}
/* Green/blue are removed from decorative UI. */
body:after{background:linear-gradient(135deg,#7651e8,#f35ca8)!important;opacity:.10!important}
.ambient-bg{background:radial-gradient(circle at 18% 4%,rgba(243,92,168,.18),transparent 25%),radial-gradient(circle at 80% 12%,rgba(167,124,255,.20),transparent 28%),linear-gradient(180deg,#fffaff 0%,#f7f2ff 100%)!important}
.stat-green:after,.stat-mint:after{background:#ffd34d!important}
.check-row::first-letter{color:#f35ca8!important}
.motivation-card{background:linear-gradient(145deg,#fff4fb,#f4edff)!important}
.motivation-art{color:#ff8b3d!important}
/* Two block cards can have the lighter editorial card treatment. */
.group-card:nth-child(2),.group-card:nth-child(5){background:linear-gradient(135deg,#fff9ec 0%,#f5edff 100%)!important;border-color:#eadcf0!important}
.group-card:nth-child(2) .group-art,.group-card:nth-child(5) .group-art{background:linear-gradient(135deg,#fff1d1 0%,#f2e9ff 100%)!important}
.group-card:nth-child(2) .rope-a,.group-card:nth-child(5) .rope-a{border-color:#ff9a3d!important}
.group-card:nth-child(2) .rope-b,.group-card:nth-child(5) .rope-b{border-color:#8055e9!important}
.group-card .group-art:before,.group-card .group-art:after{border-color:transparent!important}
.art-rope.rope-a{border-color:#8055e9!important}
.art-rope.rope-b{border-color:#ff9a3d!important}
.art-dot{background:linear-gradient(135deg,#ffd34d,#ff8b3d)!important}
/* Keep the three labels inside the art and prevent them from colliding on phones. */
.group-art{overflow:hidden!important}
.art-word{max-width:31%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.art-word small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.art-word-a{left:8px!important;top:9px!important}
.art-word-b{left:35%!important;top:36px!important}
.art-word-c{right:8px!important;bottom:9px!important}
/* Dark theme: no green or blue anywhere in the learning UI. */
html[data-theme="dark"] body{background:radial-gradient(circle at 8% 0%,rgba(118,81,232,.28),transparent 26rem),radial-gradient(circle at 94% 12%,rgba(255,139,61,.17),transparent 24rem),linear-gradient(180deg,#17121f 0%,#21182c 58%,#281b16 100%)!important}
html[data-theme="dark"] .ambient-bg{background:radial-gradient(circle at 18% 4%,rgba(243,92,168,.17),transparent 25%),radial-gradient(circle at 80% 12%,rgba(167,124,255,.14),transparent 28%),linear-gradient(180deg,#17121f,#21182c)!important}
html[data-theme="dark"] .header-home,html[data-theme="dark"] .sound-toggle,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .personal-dict{background:#282035!important;border-color:#463653!important;color:#f3eaf8!important}
html[data-theme="dark"] .home-heading,html[data-theme="dark"] .home-main{background:linear-gradient(125deg,#2a2140 0%,#382544 52%,#49301d 100%)!important}
html[data-theme="dark"] .group-card{background:#251e2d!important;border-color:#493b54!important}
html[data-theme="dark"] .group-card:nth-child(2),html[data-theme="dark"] .group-card:nth-child(5){background:linear-gradient(135deg,#fff7e8 0%,#f1e8ff 100%)!important;color:#261d30!important;border-color:#eadcf0!important}
html[data-theme="dark"] .group-card:nth-child(2) .block-title,html[data-theme="dark"] .group-card:nth-child(2) .block-meta,html[data-theme="dark"] .group-card:nth-child(5) .block-title,html[data-theme="dark"] .group-card:nth-child(5) .block-meta{color:#261d30!important}
html[data-theme="dark"] .group-card:nth-child(2) .badge,html[data-theme="dark"] .group-card:nth-child(5) .badge{background:#eee4ff!important;color:#6138c7!important}
html[data-theme="dark"] .group-art,html[data-theme="dark"] .group-card:nth-child(2) .group-art,html[data-theme="dark"] .group-card:nth-child(3n) .group-art{background:linear-gradient(135deg,#302342 0%,#4a3020 100%)!important}
html[data-theme="dark"] .group-card:nth-child(2) .group-art,html[data-theme="dark"] .group-card:nth-child(5) .group-art{background:linear-gradient(135deg,#fff1d1 0%,#f0e6ff 100%)!important}
html[data-theme="dark"] .option.correct{background:#4a3a1b!important;border-color:#ffd34d!important;color:#fff9ea!important}
html[data-theme="dark"] .option.wrong{background:#4a263a!important;border-color:#f35ca8!important;color:#fff!important}
html[data-theme="dark"] .option{background:#2b2335!important;color:#fff!important;border-color:#51425c!important}
html[data-theme="dark"] .mini-dict,html[data-theme="dark"] .progress-card{background:#211c28!important}
html[data-theme="dark"] .motivation-card{background:linear-gradient(145deg,#342035,#2b2340)!important}
/* Back-to-top is intentionally tiny and quiet. */
.scroll-top{position:fixed;right:18px;bottom:18px;width:34px;height:34px;padding:0!important;border-radius:50%!important;border:1px solid rgba(118,81,232,.18)!important;background:rgba(255,255,255,.72)!important;color:#7651e8!important;box-shadow:0 5px 15px rgba(44,30,65,.08)!important;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(5px);transition:.2s;z-index:80;font-size:17px!important}
.scroll-top.show{opacity:.78;visibility:visible;transform:none}
html[data-theme="dark"] .scroll-top{background:rgba(37,30,48,.78)!important;color:#c09cff!important;border-color:#57446e!important}
@media(max-width:700px){
  header{align-items:flex-start!important}
  header h1{font-size:25px!important;max-width:330px!important}
  .header-actions{width:100%!important;display:grid!important;grid-template-columns:42px 1fr 1fr!important;gap:7px!important}
  .personal-dict{grid-column:1/-1!important;width:100%!important}
  .sound-toggle,.theme-toggle{width:100%!important}
  .home-heading{min-height:165px!important;padding:20px 17px!important}
  .home-heading>div{max-width:82%!important}
  .home-main{overflow:hidden!important}
  .group-card{min-height:165px!important}
  .group-art{height:78px!important}
  .art-word{font-size:11px!important;padding:6px 8px!important}
  .art-word small{font-size:9px!important}
  .scroll-top{right:12px;bottom:12px}
}
@media(max-width:380px){
  .header-actions{grid-template-columns:38px 1fr 1fr!important}
  .header-home{width:38px!important;min-height:40px!important}
  .sound-toggle:after,.theme-toggle{font-size:12px!important}
  .personal-dict{font-size:13px!important}
}

/* v30 palette cleanup: eliminate legacy green/blue accents from all states */
button.primary,.dict-open{background:linear-gradient(135deg,#7651e8,#9a62f5)!important;border-color:#7651e8!important;color:#fff!important}
.badge.good,.folder-card .badge.good,.group-card .badge.good{background:#fff0c9!important;color:#8a5a00!important}
.bar.good{background:linear-gradient(90deg,#ffd34d,#a777ff,#f35ca8)!important}
.ring{background:conic-gradient(#ffd34d 0 37%,#a777ff 37% 62%,#f35ca8 62% 78%,#e9e5ee 78% 100%)!important}
.folder-card:nth-child(3n),.folder-card:nth-child(1),.folder-card:nth-child(2){background:linear-gradient(145deg,#fff4d7,#fff)!important}
.folder-card:nth-child(2){background:linear-gradient(145deg,#f0e8ff,#fff)!important}
html[data-theme="dark"] .folder-card:nth-child(3n),html[data-theme="dark"] .folder-card:nth-child(1){background:linear-gradient(145deg,#34261d,#282033)!important}
html[data-theme="dark"] .folder-card:nth-child(2){background:linear-gradient(145deg,#332744,#282033)!important}
html[data-theme="dark"] .badge.good,html[data-theme="dark"] .folder-card .badge.good,html[data-theme="dark"] .group-card .badge.good{background:#4a3a1b!important;color:#ffd96a!important}


/* v31: cleaner custom-folder delete control */
.folder-delete{width:28px!important;height:28px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(118,81,232,.10)!important;color:#7651e8!important;display:inline-grid!important;place-items:center!important;font:500 20px/1 Arial,sans-serif!important;margin-top:5px!important;cursor:pointer!important;box-shadow:none!important}
.folder-delete:hover{background:rgba(243,92,168,.14)!important;color:#f35ca8!important}
html[data-theme="dark"] .folder-delete{background:rgba(167,124,255,.14)!important;color:#d0b6ff!important}
html[data-theme="dark"] .folder-delete:hover{background:rgba(243,92,168,.16)!important;color:#ff8fc4!important}
.dictionary-intro span{display:inline-block;margin-top:4px}


/* v32 — header/hero copy cleanup */
.personal-caption{
  margin-top:18px;
  font-family:'Unbounded','DM Sans',Arial,sans-serif;
  font-size:clamp(24px,3vw,42px);
  line-height:1.18;
  font-weight:500;
  letter-spacing:-.035em;
  color:#7b5bbf;
}
html[data-theme="dark"] .personal-caption{color:#d7baff}
@media(max-width:700px){
  .personal-caption{font-size:25px;margin-top:14px;max-width:90%}
}


/* v33 — home/header cleanup, compact controls, smooth progress rings, audio-safe UI */
.home-heading{position:relative!important}
.home-heading .header-actions{position:absolute!important;right:18px!important;top:16px!important;z-index:10!important;width:auto!important;display:flex!important;align-items:center!important;gap:8px!important}
body.home-page header{display:none!important}
body.home-page .home-heading{padding-top:58px!important}
body.home-page .header-home{display:none!important}
.home-heading h2{display:block!important}
.personal-caption{margin-top:14px!important;font-family:'Space Grotesk','DM Sans',Arial,sans-serif!important;font-size:clamp(18px,2vw,24px)!important;line-height:1.1!important;font-weight:500!important;letter-spacing:-.025em!important;color:#7b5bbf!important}
.header-actions .header-home,.header-actions .sound-toggle,.header-actions .theme-toggle{min-height:40px!important;border:1px solid #e4d9eb!important;background:rgba(255,255,255,.88)!important;color:#51455e!important;border-radius:13px!important;box-shadow:0 5px 16px rgba(76,48,110,.06)!important}
.header-home{width:40px!important;padding:0!important;display:grid!important;place-items:center!important}
.home-glyph{font-size:19px!important;transform:none!important}
.sound-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:76px!important;padding:7px 9px!important;font-size:0!important}
.sound-symbol{font-size:12px!important;font-weight:800!important;letter-spacing:-2px!important;color:#7651e8!important;transform:translateY(-1px)}
.sound-switch,.theme-switch{width:34px;height:18px;border-radius:999px;background:#d9d2e2;display:inline-flex;align-items:center;padding:2px;transition:.2s;position:relative}
.sound-switch>span,.theme-switch>span{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(40,30,60,.18);display:block;transform:translateX(0);transition:.2s}
.sound-toggle.is-on .sound-switch{background:linear-gradient(90deg,#7651e8,#a36bf3)}
.sound-toggle.is-on .sound-switch>span{transform:translateX(16px)}
.theme-toggle{width:86px!important;padding:7px 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:13px!important}
.theme-sun,.theme-moon{font-size:14px;line-height:1}
.theme-sun{color:#ffb72e}.theme-moon{color:#7651e8}
.theme-switch{background:linear-gradient(90deg,#ffd35c,#8b70ed);width:30px}
.theme-switch>span{transform:translateX(12px)}
.theme-toggle.is-dark .theme-switch{background:#4b4157}.theme-toggle.is-dark .theme-switch>span{transform:translateX(0)}
/* Only one light block: the middle card (Block 5 in the 3-column desktop grid). */
.group-card:nth-child(2){background:#251e2d!important;border-color:#493b54!important;color:#f8f3fb!important}
.group-card:nth-child(2) .group-art{background:#30263c!important}
.group-card:nth-child(5){background:linear-gradient(135deg,#fff9ec 0%,#f5edff 100%)!important;border-color:#eadcf0!important;color:#261d30!important}
.group-card:nth-child(5) .group-art{background:linear-gradient(135deg,#fff1d1 0%,#f2e9ff 100%)!important}
/* Smooth single-gradient progress ring: no artificial sector divisions. */
.ring{--ring-progress:0%;background:conic-gradient(from -90deg,#ffd34d 0%,#a777ff 50%,#f35ca8 100%)!important}
.ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,transparent 0 var(--ring-progress),rgba(233,229,238,.96) var(--ring-progress) 100%);z-index:1}
.ring:after{z-index:2}
.ring-inner{z-index:3!important}
.selected-progress-ring{background:conic-gradient(from -90deg,#ffd34d 0%,#a777ff 50%,#f35ca8 100%)!important}
.selected-progress-ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,transparent 0 var(--ring-progress),rgba(230,224,234,.9) var(--ring-progress) 100%);z-index:1}
.selected-progress-ring:after{z-index:2}
.selected-progress-ring>div{z-index:3}
/* Цвет успеха общий для всех видов практики (training.css). */
.option.correct{background:var(--answer-good-bg)!important;border-color:var(--answer-good-border)!important;color:var(--answer-good-text)!important}
.input-grid input.correct,.single-answer input.correct{background:var(--answer-input-good-bg)!important;border-color:var(--answer-good-border)!important;color:var(--answer-good-text)!important}
html[data-theme="dark"] .option.correct{background:var(--answer-good-bg)!important;border-color:var(--answer-good-border)!important;color:var(--answer-good-text)!important}
html[data-theme="dark"] .input-grid input.correct,html[data-theme="dark"] .single-answer input.correct{background:var(--answer-good-bg)!important;border-color:var(--answer-good-border)!important;color:var(--answer-good-text)!important}
/* Tiny unobtrusive back-to-top control. */
.scroll-top{width:27px!important;height:27px!important;right:12px!important;bottom:12px!important;border:0!important;background:rgba(118,81,232,.10)!important;color:#7651e8!important;box-shadow:none!important;font-size:14px!important;opacity:.52}
.scroll-top.show{opacity:.62}
/* Do not leave the decorative delete control over the folder content. */
.folder-delete{width:24px!important;height:24px!important;font-size:17px!important;margin-top:7px!important;background:rgba(118,81,232,.07)!important;color:#7651e8!important}
/* Header controls move into the hero on Home; keep the other pages' header clean. */
@media(max-width:700px){
  .home-heading .header-actions{top:10px!important;right:10px!important;gap:6px!important}
  body.home-page .home-heading{padding-top:58px!important}
  .home-heading h2{font-size:34px!important;max-width:88%!important}
  .personal-caption{font-size:19px!important;margin-top:11px!important}
  .sound-toggle{width:68px!important}.theme-toggle{width:78px!important}
  .header-actions .header-home{display:none!important}
  .header-actions{width:auto!important}
}
@media(max-width:430px){
  .home-heading .header-actions{top:8px!important;right:8px!important}
  .home-heading h2{font-size:30px!important}
  .personal-caption{font-size:18px!important}
  .sound-symbol{display:none!important}
  .sound-toggle{width:55px!important}
  .theme-toggle{width:68px!important}
  .theme-sun,.theme-moon{font-size:12px!important}
  .theme-switch{width:27px!important;height:17px!important}.theme-switch>span{width:13px!important;height:13px!important;transform:translateX(10px)}
  .theme-toggle.is-dark .theme-switch>span{transform:translateX(0)}
}


/* v34 — final mobile/header and visual cleanup */
.personal-caption{
  font-family:'Unbounded',Arial,Helvetica,sans-serif!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
}
/* Only the center card is intentionally different; the other cards stay visually consistent. */
.group-card:nth-child(2){
  background:rgba(255,255,255,.96)!important;
  border-color:#e0d6ea!important;
  color:var(--v29-ink)!important;
}
.group-card:nth-child(2) .block-title,.group-card:nth-child(2) .block-meta{color:var(--v29-ink)!important}
.group-card:nth-child(2) .group-art{background:linear-gradient(135deg,#f1e8ff 0%,#fff0d1 100%)!important}
.group-card:nth-child(5){
  background:linear-gradient(135deg,#fff9ec 0%,#f5edff 100%)!important;
  border-color:#eadcf0!important;
}
/* Softer but clearly red wrong-answer state. */
.option.wrong{background:#ffe5eb!important;border-color:#ee7b99!important;color:#9d3153!important}
.input-grid input.wrong,.single-answer input.wrong{background:#ffe5eb!important;border-color:#ee7b99!important;color:#9d3153!important}
html[data-theme="dark"] .option.wrong{background:#482631!important;border-color:#e87494!important;color:#ffdce6!important}
html[data-theme="dark"] .input-grid input.wrong,html[data-theme="dark"] .single-answer input.wrong{background:#482631!important;border-color:#e87494!important;color:#ffdce6!important}
/* Speaker control uses the same compact switch language as the theme control. */
.sound-toggle:after{content:none!important}
.sound-toggle{width:82px!important;padding:7px 8px!important}
.sound-symbol{font-size:15px!important;letter-spacing:0!important}
/* Non-home pages: title gets the full width and controls no longer collide with it. */
@media(max-width:700px){
  body:not(.home-page) header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    width:100%!important;
  }
  body:not(.home-page) header>div:first-child{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body:not(.home-page) header h1{
    max-width:none!important;
    width:100%!important;
    font-size:25px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
    margin:0!important;
  }
  body:not(.home-page) header .sub{
    display:block!important;
    margin-top:5px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  body:not(.home-page) .header-actions{
    display:flex!important;
    width:auto!important;
    justify-self:end!important;
    align-items:center!important;
    gap:7px!important;
    flex-wrap:nowrap!important;
  }
  body:not(.home-page) .header-home{display:grid!important}
  body:not(.home-page) .sound-toggle{width:76px!important}
  body:not(.home-page) .theme-toggle{width:78px!important}
  body:not(.home-page) .header-actions button{flex:0 0 auto!important}
  /* Keep the hero title clear of the controls on Home. */
  body.home-page .home-heading{padding-top:64px!important}
  body.home-page .home-heading>div{max-width:100%!important}
  body.home-page .home-heading h2{max-width:100%!important;overflow-wrap:normal!important}
}
@media(max-width:430px){
  body:not(.home-page) header h1{font-size:23px!important}
  body:not(.home-page) header .sub{font-size:13px!important}
  body:not(.home-page) .header-actions{justify-self:end!important}
  body:not(.home-page) .header-home{width:40px!important}
  body:not(.home-page) .sound-toggle{width:70px!important}
  body:not(.home-page) .theme-toggle{width:72px!important}
  body.home-page .home-heading{padding-top:64px!important}
  body.home-page .home-heading h2{font-size:30px!important;line-height:1.02!important}
  body.home-page .personal-caption{font-size:18px!important}
}
/* The home button remains available on phone; it is hidden only while already on Home. */
@media(max-width:700px){
  body:not(.home-page) .header-actions .header-home{display:grid!important}
}

/* v35 — alternating block cards by theme.
   Light theme: odd blocks dark, even blocks light.
   Dark theme: odd blocks light, even blocks dark.
   The mixed block (9th card) follows the odd-card treatment. */
.group-card:nth-child(odd){
  background:linear-gradient(135deg,#251e2d 0%,#342238 55%,#3d291e 100%)!important;
  border-color:#493b54!important;
  color:#f8f3fb!important;
}
.group-card:nth-child(odd) .block-title,
.group-card:nth-child(odd) .block-meta{color:#f8f3fb!important}
.group-card:nth-child(odd) .badge{background:#eee7ff!important;color:#6339d4!important}
.group-card:nth-child(odd) .group-art{background:linear-gradient(135deg,#302342 0%,#4a3020 100%)!important}
.group-card:nth-child(odd) .art-word b{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important}
.group-card:nth-child(odd) .art-word small{color:#e1d6e7!important}

.group-card:nth-child(even){
  background:linear-gradient(135deg,#fff9ec 0%,#f5edff 100%)!important;
  border-color:#eadcf0!important;
  color:#261d30!important;
}
.group-card:nth-child(even) .block-title,
.group-card:nth-child(even) .block-meta{color:#261d30!important}
.group-card:nth-child(even) .badge{background:#eee4ff!important;color:#6138c7!important}
.group-card:nth-child(even) .group-art{background:linear-gradient(135deg,#fff1d1 0%,#f0e6ff 100%)!important}
.group-card:nth-child(even) .art-word b{color:#261d30!important}
.group-card:nth-child(even) .art-word small{color:#695b76!important}

/* In dark theme the contrast pattern is inverted. */
html[data-theme="dark"] .group-card:nth-child(odd){
  background:linear-gradient(135deg,#fff9ec 0%,#f5edff 100%)!important;
  border-color:#eadcf0!important;
  color:#261d30!important;
}
html[data-theme="dark"] .group-card:nth-child(odd) .block-title,
html[data-theme="dark"] .group-card:nth-child(odd) .block-meta{color:#261d30!important}
html[data-theme="dark"] .group-card:nth-child(odd) .badge{background:#eee4ff!important;color:#6138c7!important}
html[data-theme="dark"] .group-card:nth-child(odd) .group-art{background:linear-gradient(135deg,#fff1d1 0%,#f0e6ff 100%)!important}
html[data-theme="dark"] .group-card:nth-child(odd) .art-word b{color:#261d30!important;text-shadow:none!important}
html[data-theme="dark"] .group-card:nth-child(odd) .art-word small{color:#695b76!important}

html[data-theme="dark"] .group-card:nth-child(even){
  background:linear-gradient(135deg,#251e2d 0%,#342238 55%,#3d291e 100%)!important;
  border-color:#493b54!important;
  color:#f8f3fb!important;
}
html[data-theme="dark"] .group-card:nth-child(even) .block-title,
html[data-theme="dark"] .group-card:nth-child(even) .block-meta{color:#f8f3fb!important}
html[data-theme="dark"] .group-card:nth-child(even) .badge{background:#eee7ff!important;color:#6339d4!important}
html[data-theme="dark"] .group-card:nth-child(even) .group-art{background:linear-gradient(135deg,#302342 0%,#4a3020 100%)!important}
html[data-theme="dark"] .group-card:nth-child(even) .art-word b{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important}
html[data-theme="dark"] .group-card:nth-child(even) .art-word small{color:#e1d6e7!important}

/* v36 — final fixes from phone/desktop review */

/* Block tone is assigned by JS, not nth-child, so the alternation is stable. */
.group-card.block-tone-odd{
  background:linear-gradient(135deg,#251e2d 0%,#342238 55%,#3d291e 100%)!important;
  border-color:#493b54!important;
  color:#f8f3fb!important;
}
.group-card.block-tone-odd .block-title,
.group-card.block-tone-odd .block-meta{color:#f8f3fb!important}
.group-card.block-tone-odd .badge{background:#eee7ff!important;color:#6339d4!important}
.group-card.block-tone-odd .group-art{background:linear-gradient(135deg,#302342 0%,#4a3020 100%)!important;border-color:#57455f!important}
.group-card.block-tone-odd .art-word{
  background:rgba(37,29,45,.94)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 5px 12px rgba(20,12,28,.18)!important;
  color:#fff!important;
  text-shadow:none!important;
}
.group-card.block-tone-odd .art-word b{color:#fff!important;text-shadow:none!important}
.group-card.block-tone-odd .art-word small{color:#e1d6e7!important}

.group-card.block-tone-even{
  background:linear-gradient(135deg,#fff9ec 0%,#f5edff 100%)!important;
  border-color:#eadcf0!important;
  color:#261d30!important;
}
.group-card.block-tone-even .block-title,
.group-card.block-tone-even .block-meta{color:#261d30!important}
.group-card.block-tone-even .badge{background:#eee4ff!important;color:#6138c7!important}
.group-card.block-tone-even .group-art{background:linear-gradient(135deg,#fff1d1 0%,#f0e6ff 100%)!important;border-color:#e2d5e8!important}
.group-card.block-tone-even .art-word{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(70,50,85,.08)!important;
  box-shadow:0 5px 12px rgba(70,50,85,.10)!important;
  color:#261d30!important;
  text-shadow:none!important;
}
.group-card.block-tone-even .art-word b{color:#261d30!important;text-shadow:none!important}
.group-card.block-tone-even .art-word small{color:#695b76!important}

/* Dark theme reverses the same stable odd/even pattern. */
html[data-theme="dark"] .group-card.block-tone-odd{
  background:linear-gradient(135deg,#fff9ec 0%,#f5edff 100%)!important;
  border-color:#eadcf0!important;
  color:#261d30!important;
}
html[data-theme="dark"] .group-card.block-tone-odd .block-title,
html[data-theme="dark"] .group-card.block-tone-odd .block-meta{color:#261d30!important}
html[data-theme="dark"] .group-card.block-tone-odd .badge{background:#eee4ff!important;color:#6138c7!important}
html[data-theme="dark"] .group-card.block-tone-odd .group-art{background:linear-gradient(135deg,#fff1d1 0%,#f0e6ff 100%)!important;border-color:#e2d5e8!important}
html[data-theme="dark"] .group-card.block-tone-odd .art-word{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(70,50,85,.08)!important;
  box-shadow:0 5px 12px rgba(70,50,85,.10)!important;
  color:#261d30!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .group-card.block-tone-odd .art-word b{color:#261d30!important;text-shadow:none!important}
html[data-theme="dark"] .group-card.block-tone-odd .art-word small{color:#695b76!important}

html[data-theme="dark"] .group-card.block-tone-even{
  background:linear-gradient(135deg,#251e2d 0%,#342238 55%,#3d291e 100%)!important;
  border-color:#493b54!important;
  color:#f8f3fb!important;
}
html[data-theme="dark"] .group-card.block-tone-even .block-title,
html[data-theme="dark"] .group-card.block-tone-even .block-meta{color:#f8f3fb!important}
html[data-theme="dark"] .group-card.block-tone-even .badge{background:#eee7ff!important;color:#6339d4!important}
html[data-theme="dark"] .group-card.block-tone-even .group-art{background:linear-gradient(135deg,#302342 0%,#4a3020 100%)!important;border-color:#57455f!important}
html[data-theme="dark"] .group-card.block-tone-even .art-word{
  background:rgba(37,29,45,.94)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 5px 12px rgba(20,12,28,.18)!important;
  color:#fff!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .group-card.block-tone-even .art-word b{color:#fff!important;text-shadow:none!important}
html[data-theme="dark"] .group-card.block-tone-even .art-word small{color:#e1d6e7!important}

/* The little word labels no longer ghost/double through text-shadow. */
.art-word,.art-word b,.art-word small{ text-shadow:none!important; }

/* Switches: the knob moves, the whole control stays still on hover. */
.header-actions .sound-toggle:hover,
.header-actions .theme-toggle:hover,
.header-actions .header-home:hover{
  transform:none!important;
}
.sound-toggle,.theme-toggle,.header-home{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.sound-switch>span,.theme-switch>span{transition:transform .18s ease!important}

/* Center the hero copy vertically inside the header plaque. */
.home-heading>div:first-child{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.home-page .home-heading{padding-bottom:20px!important}

/* Progress rings: the yellow→lilac→pink gradient is compressed into the filled arc. */
.ring,.selected-progress-ring{
  --ring-progress:0%;
  --ring-mid:0%;
  --ring-end:0%;
  background:conic-gradient(
    from -90deg,
    #ffd34d 0 var(--ring-mid),
    #a777ff var(--ring-mid) var(--ring-end),
    #f35ca8 var(--ring-end) var(--ring-progress),
    #e9e5ee var(--ring-progress) 100%
  )!important;
}
.ring:before,.selected-progress-ring:before{display:none!important}
.ring:after{background:#fff!important}
html[data-theme="dark"] .ring:after{background:#211d28!important}
.selected-progress-ring:after{background:rgba(255,250,253,.96)!important}
html[data-theme="dark"] .selected-progress-ring:after{background:#241f2b!important}

/* Move-word modal: folder names and checkboxes must remain readable and aligned on both themes. */
.folder-checks{display:grid!important;gap:10px!important;margin-top:14px!important}
.folder-checks label{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:54px!important;
  padding:11px 14px!important;
  border:1px solid #ded4e6!important;
  border-radius:14px!important;
  background:#f8f5fb!important;
  color:#2a2232!important;
  font-size:17px!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.folder-checks label:hover{background:#f1ebf8!important;transform:none!important}
.folder-checks input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:21px!important;
  height:21px!important;
  margin:0!important;
  border:2px solid #a98cc8!important;
  border-radius:6px!important;
  background:#fff!important;
  display:grid!important;
  place-content:center!important;
  flex:none!important;
}
.folder-checks input[type="checkbox"]:checked{
  background:#7b4ded!important;
  border-color:#7b4ded!important;
}
.folder-checks input[type="checkbox"]:checked::after{
  content:"✓";
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
}
html[data-theme="dark"] .folder-checks label{
  background:#2b2634!important;
  border-color:#51435c!important;
  color:#f5eff8!important;
}
html[data-theme="dark"] .folder-checks label:hover{background:#342d40!important}
html[data-theme="dark"] .folder-checks input[type="checkbox"]{background:#201c27!important;border-color:#8d76aa!important}
html[data-theme="dark"] .folder-checks input[type="checkbox"]:checked{background:#8051ef!important;border-color:#8051ef!important}

/* On a phone, choosing a dictionary folder takes the user directly to its words. */
#dict-list{scroll-margin-top:14px!important}

@media(max-width:700px){
  .home-heading{min-height:185px!important;padding-top:58px!important;padding-bottom:22px!important}
  .home-heading>div:first-child{justify-content:center!important}
  .folder-checks label{font-size:16px!important;min-height:52px!important}
}

body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
button:focus-visible,.folder-card:focus-visible,input:focus-visible{outline:3px solid #7957ff;outline-offset:2px}
#q-feedback .bad-t{font-weight:600}

.cards-panel{max-width:720px;margin:0 auto}
.flashcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;min-height:300px;margin:22px 0 8px;padding:26px 18px;background:#fff;border:2px solid #e1e6ef;border-radius:24px;box-shadow:0 10px 30px rgba(121,87,255,.10);color:#20242b;cursor:pointer;animation:cardIn .25s ease}
.flashcard.is-back{border-color:#a78dff;cursor:default}
.flashcard:hover{background:#fff}
@keyframes cardIn{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
.card-side{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#7957ff}
.card-main{font-size:40px;font-weight:800;line-height:1.15;word-break:break-word}
.card-sub{color:#657892;font-size:18px}
.card-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.card-form{background:#f4f2ff;border-radius:14px;padding:12px 8px}
.card-form small{display:block;color:#7957ff;margin-bottom:4px}
.card-form b{display:block;font-size:24px;word-break:break-word}
.card-form i{display:block;font-style:normal;color:#657892;font-size:14px;margin-top:4px}
.cards-actions{justify-content:center}
@media(max-width:600px){.card-main{font-size:32px}.card-forms{grid-template-columns:1fr}.flashcard{min-height:260px}}
html[data-theme="dark"] .flashcard{background:#2b2634;border-color:#50475a;color:#f3eefc}
html[data-theme="dark"] .flashcard.is-back{border-color:#9075ff}
html[data-theme="dark"] .flashcard:hover{background:#2b2634}
html[data-theme="dark"] .card-form{background:#3a3248}
html[data-theme="dark"] .card-sub,html[data-theme="dark"] .card-form i{color:#b9aecb}

/* --- иконки шапки --- */
.header-actions{display:flex;gap:10px;align-items:center}
.header-actions{--hb-bg:#fff;--hb-fg:#6a49f0;--hb-bd:#e2daff;--hb-hover:#f3efff}
html[data-theme="dark"] .header-actions{--hb-bg:#2b2634;--hb-fg:#cbb8ff;--hb-bd:#50475a;--hb-hover:#38303f}
#nav-home,#sound-toggle,#theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;position:relative;width:44px!important;height:44px!important;min-width:44px;padding:0!important;margin:0;border-radius:50%!important;border:1.5px solid var(--hb-bd)!important;background:var(--hb-bg)!important;color:var(--hb-fg)!important;box-shadow:0 2px 8px rgba(121,87,255,.12)!important;transition:transform .15s,background .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;transform:none}
#nav-home:hover,#sound-toggle:hover,#theme-toggle:hover{background:var(--hb-hover)!important;transform:translateY(-1px);box-shadow:0 5px 14px rgba(121,87,255,.22)!important}
#nav-home:active,#sound-toggle:active,#theme-toggle:active{transform:scale(.94)}
#nav-home::before,#nav-home::after,#sound-toggle::before,#sound-toggle::after,#theme-toggle::before,#theme-toggle::after{display:none!important}
.header-actions .ico{width:22px;height:22px;display:block}
#sound-toggle .i-off,#theme-toggle .i-sun{display:none}
#sound-toggle:not(.is-on) .i-on{display:none}#sound-toggle:not(.is-on) .i-off{display:block}
#sound-toggle:not(.is-on){opacity:.75}
#theme-toggle.is-dark .i-moon{display:none}#theme-toggle.is-dark .i-sun{display:block}
@media(max-width:600px){.header-actions{gap:8px}}
/* --- круговые шкалы --- */
.gring{--gr-track:#eee9ff;position:relative;width:130px;aspect-ratio:1;flex:none;margin-inline:auto}
html[data-theme="dark"] .gring{--gr-track:#3a3248}
.gring-lg{width:160px}
.gring-mount,.gring-svg{display:block;width:100%;height:100%}
.gring-track{fill:none;stroke:var(--gr-track);stroke-width:10}
.gring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.gring-label strong{font-size:26px;line-height:1}.gring-lg .gring-label strong{font-size:32px}
.gring-label span{font-size:13px;color:#657892;margin-top:4px}
@media(max-width:600px){.gring-lg{width:120px}.gring-lg .gring-label strong{font-size:26px}}
/* --- мотивация --- */
.stats-grid .stat{position:relative}
.streak-dots{display:flex;gap:6px;margin-top:10px;justify-content:space-between}
.sdot{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#8a98ad}
.sdot i{width:14px;height:14px;border-radius:50%;background:#ebe7f5;display:block}
.sdot.on i{background:linear-gradient(135deg,#ffc857,#ff5fa2)}
.sdot.today i{box-shadow:0 0 0 2px #fff,0 0 0 4px #a78dff}
html[data-theme="dark"] .sdot i{background:#3a3248}html[data-theme="dark"] .sdot.on i{background:linear-gradient(135deg,#ffc857,#ff5fa2)}
html[data-theme="dark"] .sdot.today i{box-shadow:0 0 0 2px #2b2634,0 0 0 4px #9075ff}
.goal-note{font-size:14px;color:#657892;margin-top:2px}
.goal-edit{position:absolute;top:8px;right:8px;width:30px;height:30px;padding:0!important;border-radius:50%!important;font-size:14px;line-height:1}
.stat .small-action{margin-top:10px}
.stat button:disabled{opacity:.6;cursor:default}
/* --- карточка с ответом --- */
.flashcard.static{cursor:default;animation:none;min-height:0;margin:16px 0}
.flashcard.static:hover{background:inherit}
.card-sub{font-size:24px;color:#657892}
.dictionary-tools { display: flex; align-items: stretch; gap: 14px; flex-wrap: wrap; }
.dictionary-training { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; flex: 1 1 240px; }
.dictionary-review { flex: 1 1 220px; padding: 14px; border: 1px solid var(--border, #e2dcf0); border-radius: 16px; }
.dictionary-review p { margin: 8px 0; }
@media (max-width: 600px) { .dictionary-tools { flex-direction: column; } .dictionary-training, .dictionary-review { flex-basis: auto; } }

@font-face{font-family:'UnboundedMobile';src:url('assets/fonts/Unbounded.ttf?v=54.17') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
@media (max-width: 700px){
  .unified-site :is(h1,h2:not(.question),h3,h4,.header-section-title,.block-title,.training-heading,.mode-title){font-family:'UnboundedMobile',Arial,Helvetica,sans-serif!important;letter-spacing:-.02em!important;line-height:1.15}
  #practice :is(h2:not(.question),h3,h4){font-family:'UnboundedMobile',Arial,Helvetica,sans-serif!important}
}
.scroll-top{width:auto!important;min-width:54px;height:27px!important;padding:0 8px!important;border-radius:14px!important;font-size:12px!important}

/* Main-page banner */
body.home-page .home-heading{background:linear-gradient(110deg,#eadbf9 0%,#f5e4ef 55%,#fff0e3 100%)!important;border-color:#e5d4ed!important}
body.home-page .home-heading:before{background:#f6b9ed!important;opacity:.5!important}
body.home-page .home-heading:after{content:''!important;background:#ffd6bd!important;opacity:.7!important}
body.home-page .home-heading>.home-brand{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:24px!important;max-width:100%!important}
body.home-page .home-heading .home-logo{flex:none;margin:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(54px,7vw,88px)!important;font-weight:800!important;line-height:.76!important;letter-spacing:-.065em!important;color:#7952bd!important}
body.home-page .home-brand-copy{border-left:3px solid #c7a0ef;padding:12px 0 12px 20px;min-width:0}
body.home-page .home-heading .eyebrow{margin:0!important;color:#542667!important;font-size:clamp(11px,1.15vw,15px)!important;line-height:1.4!important;letter-spacing:.035em!important}
body.home-page .home-heading .personal-caption{margin:6px 0 0!important;color:#9b60e6!important;font-size:clamp(12px,1.2vw,16px)!important;line-height:1.35!important;letter-spacing:.02em!important;text-transform:uppercase}
html[data-theme="dark"] body.home-page .home-heading{background:linear-gradient(110deg,#29203c 0%,#39263c 55%,#422e2b 100%)!important;border-color:#58435e!important}
html[data-theme="dark"] body.home-page .home-heading .home-logo{color:#f8e8d5!important}
html[data-theme="dark"] body.home-page .home-heading .eyebrow{color:#f0ddeb!important}
html[data-theme="dark"] body.home-page .home-heading .personal-caption{color:#d5aeff!important}
html[data-theme="dark"] body.home-page .home-heading:before{background:#a25caa!important;opacity:.3!important}
html[data-theme="dark"] body.home-page .home-heading:after{background:#b57860!important;opacity:.3!important}
@media(max-width:600px){
  body.home-page .home-heading>.home-brand{gap:14px!important}
  body.home-page .home-heading .home-logo{font-family:'UnboundedMobile',Arial,sans-serif!important;font-size:50px!important}
  body.home-page .home-brand-copy{padding-left:13px}
}