.gh-english-cards{--ec-accent:var(--gh-accent,#ff5401);--ec-good:#17c699;--ec-good-d:#0f9e79;--ec-bad:#e8583f;--ec-ink:#24242b;--ec-muted:#7a7785;--ec-line:#e7e4ee;--ec-bg:#fff;--ec-soft:#f6f4fb;max-width:720px;color:var(--ec-ink);margin:0 auto 2rem;font-size:16px;line-height:1.5}.gh-english-cards__loading,.gh-english-cards__fail{text-align:center;color:var(--ec-muted);padding:1.5rem}.gh-english-cards__dash{background:var(--ec-soft);border:1px solid var(--ec-line);border-radius:14px;padding:1.1rem 1.2rem 1.3rem}.gh-english-cards__dash-lead{color:var(--ec-muted);margin-bottom:.7rem;font-size:.95rem;font-weight:600}.gh-english-cards__stats{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.8rem;display:grid}.gh-english-cards__stat{background:var(--ec-bg);border:1px solid var(--ec-line);text-align:center;border-radius:10px;padding:.7rem .5rem}.gh-english-cards__stat-n{font-size:1.6rem;font-weight:700;line-height:1.1;display:block}.gh-english-cards__stat-l{color:var(--ec-muted);margin-top:.2rem;font-size:.78rem;display:block}.gh-english-cards__stat--new .gh-english-cards__stat-n{color:var(--ec-accent)}.gh-english-cards__stat--due .gh-english-cards__stat-n{color:#d99400}.gh-english-cards__stat--done .gh-english-cards__stat-n{color:var(--ec-good-d)}.gh-english-cards__bar{background:#e9e6f0;border-radius:6px;height:8px;margin:.6rem 0 1rem;overflow:hidden}.gh-english-cards__bar span{background:linear-gradient(90deg, var(--ec-good), var(--ec-good-d));height:100%;transition:width .35s;display:block}.gh-english-cards__bar--sm{height:6px;margin:0 0 .5rem}.gh-english-cards__bar--sm span{background:var(--ec-accent)}.gh-english-cards__btn{appearance:none;border:1px solid var(--ec-line);background:var(--ec-bg);color:var(--ec-ink);font:inherit;cursor:pointer;border-radius:10px;padding:.7rem 1.2rem;font-weight:600;transition:transform .1s,background .15s,box-shadow .15s}.gh-english-cards__btn:hover{box-shadow:0 2px 8px #00000014}.gh-english-cards__btn:active{transform:translateY(1px)}.gh-english-cards__btn--primary{background:var(--ec-accent);border-color:var(--ec-accent);color:#fff;width:100%;padding:.85rem 1.2rem;font-size:1.05rem}.gh-english-cards__btn--good{background:var(--ec-good);border-color:var(--ec-good);color:#fff;flex:1}.gh-english-cards__btn--bad{background:var(--ec-bad);border-color:var(--ec-bad);color:#fff;flex:1}.gh-english-cards__stage{margin-top:1rem}.gh-english-cards__meta{flex-direction:column;margin-bottom:.6rem;display:flex}.gh-english-cards__left{color:var(--ec-muted);justify-content:space-between;gap:.8rem;font-size:.82rem;display:flex}.gh-english-cards__left b{color:var(--ec-good-d)}.gh-english-cards__card-wrap{perspective:1400px}.gh-english-cards__card{transform-style:preserve-3d;cursor:pointer;min-height:240px;transition:transform .45s cubic-bezier(.4,.2,.2,1);position:relative}.gh-english-cards__card.is-flipped{transform:rotateY(180deg)}.gh-english-cards__face{backface-visibility:hidden;box-sizing:border-box;text-align:center;border:1px solid var(--ec-line);background:var(--ec-bg);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:1.6rem 1.4rem;display:flex;box-shadow:0 4px 18px #281e3c12}.gh-english-cards__face--front{position:relative}.gh-english-cards__face--back{background:var(--ec-soft);position:absolute;inset:0;transform:rotateY(180deg)}.gh-english-cards__cat{text-transform:uppercase;letter-spacing:.03em;color:var(--ec-muted);background:var(--ec-soft);border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;position:absolute;top:.7rem;left:.8rem}.gh-english-cards__word{font-size:1.7rem;font-weight:700;line-height:1.2}.gh-english-cards__word2{color:var(--ec-muted);margin-top:.3rem;font-size:1.15rem;font-weight:600}.gh-english-cards__ipa{color:var(--ec-muted);white-space:nowrap;font-size:.85em;font-weight:500}.gh-english-cards__exs{margin-top:.9rem}.gh-english-cards__ex{color:#4a4753;margin-top:.25rem;font-size:.92rem;font-style:italic}.gh-english-cards__ex--ua{color:var(--ec-muted);font-style:normal}.gh-english-cards__tr{margin:0;padding:0;list-style:none}.gh-english-cards__tr li{font-size:1.25rem;font-weight:600;line-height:1.35}.gh-english-cards__tr li+li{margin-top:.2rem}.gh-english-cards__flip-hint{color:var(--ec-muted);font-size:.75rem;position:absolute;bottom:.8rem;left:0;right:0}.gh-english-cards__controls{gap:.7rem;margin-top:1rem;display:flex}.gh-english-cards__done,.gh-english-cards__empty{text-align:center;padding:1.6rem 1rem}.gh-english-cards__done-t,.gh-english-cards__empty-t{margin-bottom:.4rem;font-size:1.25rem;font-weight:700}.gh-english-cards__done-s,.gh-english-cards__empty-b{color:var(--ec-muted);margin-bottom:1rem}.gh-english-cards__done .gh-english-cards__btn{display:inline-block}.gh-english-cards__mini{border:1px solid var(--ec-line);background:var(--ec-soft);border-radius:14px;padding:1rem}.gh-english-cards__mini-head{margin-bottom:.6rem;font-weight:700}.gh-english-cards__mini-foot{color:var(--ec-muted);justify-content:space-between;align-items:center;gap:.6rem;margin-top:.9rem;font-size:.85rem;display:flex}.gh-english-cards__link{color:var(--ec-accent);white-space:nowrap;font-weight:600;text-decoration:none}.gh-english-cards__link:hover{text-decoration:underline}.gh-english-cards__modes-lead{color:var(--ec-muted);margin-bottom:.4rem;font-size:.8rem}.gh-english-cards__modes{gap:.4rem;margin-bottom:1rem;display:flex}.gh-english-cards__mode{border:1px solid var(--ec-line);background:var(--ec-bg);min-width:0;color:var(--ec-ink);font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:.2rem;padding:.55rem .3rem;transition:background .15s,border-color .15s;display:flex}.gh-english-cards__mode:hover{border-color:var(--ec-accent)}.gh-english-cards__mode.is-active{background:var(--ec-accent);border-color:var(--ec-accent);color:#fff}.gh-english-cards__mode-i{font-size:1.15rem;line-height:1}.gh-english-cards__mode-l{text-align:center;font-size:.72rem}.gh-english-cards__speak{appearance:none;cursor:pointer;vertical-align:middle;opacity:.75;background:0 0;border:0;padding:.15em .25em;font-size:.95em;line-height:1;transition:opacity .12s,transform .1s}.gh-english-cards__speak:hover{opacity:1}.gh-english-cards__speak:active{transform:scale(.9)}.gh-english-cards__audio{appearance:none;background:var(--ec-accent);color:#fff;cursor:pointer;border:0;border-radius:50%;width:96px;height:96px;font-size:2.6rem;transition:transform .1s,box-shadow .15s;box-shadow:0 4px 14px #ff540147}.gh-english-cards__audio:hover{box-shadow:0 6px 18px #ff54015c}.gh-english-cards__audio:active{transform:scale(.94)}.gh-english-cards__spellcard{box-sizing:border-box;text-align:center;border:1px solid var(--ec-line);background:var(--ec-bg);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:1.6rem 1.4rem;display:flex;position:relative;box-shadow:0 4px 18px #281e3c12}.gh-english-cards__spell-prompt{color:var(--ec-muted);margin-bottom:.6rem;font-size:.9rem}.gh-english-cards__spell-form{width:100%}.gh-english-cards__input{box-sizing:border-box;border:1.5px solid var(--ec-line);width:100%;font:inherit;text-align:center;border-radius:10px;margin-top:.9rem;padding:.7rem .9rem;font-size:1.2rem}.gh-english-cards__input:focus{border-color:var(--ec-accent);outline:none}.gh-english-cards__input:disabled{background:var(--ec-soft);color:var(--ec-muted)}.gh-english-cards__spell-res{box-sizing:border-box;border-radius:10px;width:100%;margin-top:.9rem;padding:.7rem .9rem}.gh-english-cards__spell-res.is-ok{border:1px solid var(--ec-good);background:#e7f9f2}.gh-english-cards__spell-res.is-err{border:1px solid var(--ec-bad);background:#fdecea}.gh-english-cards__spell-verdict{margin-bottom:.3rem;font-weight:700}.gh-english-cards__spell-res.is-ok .gh-english-cards__spell-verdict{color:var(--ec-good-d)}.gh-english-cards__spell-res.is-err .gh-english-cards__spell-verdict{color:var(--ec-bad)}.gh-english-cards__spell-ua{color:var(--ec-muted);margin-top:.2rem;font-size:.92rem}@media (width<=520px){.gh-english-cards{font-size:15px}.gh-english-cards__word{font-size:1.45rem}.gh-english-cards__stat-n{font-size:1.35rem}.gh-english-cards__face,.gh-english-cards__spellcard{padding:1.4rem 1rem}.gh-english-cards__modes{gap:.3rem}.gh-english-cards__mode{padding:.5rem .15rem}.gh-english-cards__mode-l{font-size:.64rem}.gh-english-cards__audio{width:84px;height:84px;font-size:2.2rem}}@media (prefers-reduced-motion:reduce){.gh-english-cards__card,.gh-english-cards__bar span,.gh-english-cards__btn{transition:none}}.gh-english-cards__box-btn{background:var(--ec-bg);width:100%;color:var(--ec-ink);border:1.5px dashed var(--ec-line);margin-top:.6rem;font-size:.98rem}.gh-english-cards__box-btn:hover{border-color:var(--ec-accent);color:var(--ec-accent)}.gh-english-cards__beta{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--ec-accent);vertical-align:middle;border-radius:6px;margin-left:.35em;padding:.05em .45em;font-size:.62em;font-weight:700;display:inline-block}.gh-english-cards__box-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14121c8c;flex-direction:column;display:flex;position:fixed;inset:0}.gh-ecbox__top{background:#fff;border-bottom:1px solid #e7e4ee;justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.gh-ecbox__title{color:#24242b;font-size:1rem;font-weight:700}.gh-ecbox__close{appearance:none;cursor:pointer;color:#555;background:#f0edf6;border:0;border-radius:8px;width:34px;height:34px;font-size:1rem}.gh-ecbox__close:hover{color:#fff;background:#e8583f}.gh-ecbox__body{flex:1;min-height:0;display:flex}.gh-ecbox__stage{cursor:grab;background:#eef1f6;flex:1;min-width:0;position:relative}.gh-ecbox__sectorbar{background:linear-gradient(#0000,#ffffffb3 30%,#fffffff5);gap:.4rem;padding:.5rem .6rem;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.gh-ecbox__sec{border:1px solid #e7e4ee;border-top:3px solid var(--c,#ccc);background:#fff;border-radius:8px;flex-direction:column;flex:1 0 auto;align-items:center;gap:.25rem;min-width:118px;padding:.35rem .4rem;display:flex}.gh-ecbox__sec-name{color:#24242b;white-space:nowrap;align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;display:flex}.gh-ecbox__sec-name i{background:var(--c,#ccc);border-radius:2px;width:9px;height:9px;display:inline-block}.gh-ecbox__sec-nav{align-items:center;gap:.3rem;display:flex}.gh-ecbox__sec-nav button{appearance:none;cursor:pointer;color:#24242b;background:#fff;border:1px solid #e7e4ee;border-radius:6px;width:24px;height:24px;font-size:1rem;line-height:1}.gh-ecbox__sec-nav button:hover{border-color:var(--c);color:var(--c)}.gh-ecbox__sec-count{color:#7a7785;text-align:center;min-width:30px;font-size:.74rem}.gh-ecbox__sec-show{appearance:none;cursor:pointer;color:#fff;background:var(--c,#ff5401);border:0;border-radius:6px;padding:.22rem .6rem;font-size:.74rem;font-weight:600}.gh-ecbox__sec-show:disabled{cursor:default;background:#cfcbd8}.gh-ecbox__cardbar{gap:.5rem;display:flex;position:absolute;top:.7rem;left:50%;transform:translate(-50%)}.gh-ecbox__cardbar[hidden]{display:none}.gh-ecbox__cardbar button{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:50%;width:40px;height:40px;font-size:1.1rem;line-height:1;box-shadow:0 2px 8px #0000002e}.gh-ecbox__cardbar button:hover{background:#f2eefb}.gh-ecbox__cardbar .gh-ecbox__rate{color:#fff;border-radius:20px;width:auto;padding:0 .95rem;font-size:.9rem;font-weight:700}.gh-ecbox__cardbar .gh-ecbox__rate--no{background:#e8583f}.gh-ecbox__cardbar .gh-ecbox__rate--no:hover{background:#d34327}.gh-ecbox__cardbar .gh-ecbox__rate--yes{background:#17c699}.gh-ecbox__cardbar .gh-ecbox__rate--yes:hover{background:#0f9e79}.gh-ecbox__stage:active{cursor:grabbing}.gh-ecbox__stage canvas{width:100%;height:100%;display:block}.gh-ecbox__side{color:#24242b;background:#fff;border-left:1px solid #e7e4ee;width:330px;max-width:42vw;padding:.9rem;font-size:14px;overflow-y:auto}.gh-ecbox__stats{color:#7a7785;flex-wrap:wrap;gap:.4rem .9rem;margin-bottom:.8rem;font-size:.85rem;display:flex}.gh-ecbox__stats b{color:#24242b}.gh-ecbox__cells{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.gh-ecbox__chip{font:inherit;color:#24242b;cursor:pointer;text-align:left;background:#fff;border:1px solid #e7e4ee;border-radius:9px;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.9rem;display:flex}.gh-ecbox__chip:hover{border-color:var(--c)}.gh-ecbox__chip.is-active{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}.gh-ecbox__chip-dot{background:var(--c);border-radius:3px;flex:none;width:12px;height:12px}.gh-ecbox__list{border-top:1px solid #efedf5;padding-top:.7rem}.gh-ecbox__list-head{border-left:4px solid var(--c,#ccc);margin-bottom:.5rem;padding-left:.5rem;font-weight:700}.gh-ecbox__hint{color:#9a97a5;font-size:.85rem}.gh-ecbox__words{margin:0;padding:0;list-style:none}.gh-ecbox__words li{border-bottom:1px solid #f3f1f8;justify-content:space-between;gap:.8rem;padding:.32rem .4rem;display:flex}.gh-ecbox__w-en{font-weight:600}.gh-ecbox__w-ua{color:#7a7785;text-align:right}.gh-ecbox__legend{color:#4a4753;background:#f6f4fb;border-radius:10px;margin-top:1rem;padding:.5rem .7rem;font-size:.85rem}.gh-ecbox__legend summary{cursor:pointer;color:#24242b;font-weight:600}.gh-ecbox__legend p{margin:.5rem 0 0;line-height:1.45}@media (width<=760px){.gh-ecbox__body{flex-direction:column}.gh-ecbox__stage{min-height:45vh}.gh-ecbox__side{border-top:1px solid #e7e4ee;border-left:0;width:auto;max-width:none;max-height:45vh}}