:root{--font-sans:"Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Fraunces", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--page-pad:clamp(16px, 3vw, 42px);--card-max:860px;--radius-card:30px;--radius-block:20px;--ease:cubic-bezier(.2,.8,.2,1);--grid-size:34px;--blob-size:220px}html[data-theme=dark]{--bg0:#07070a;--bg1:#101116;--bg2:#171923;--glow-a:#3820ff;--glow-b:#ff1f8f;--glow-c:#00e5ff;--card:#13141cc7;--card-shine:#ffffff14;--card-border:#ffffff24;--ink:#f5f6fa;--muted:#a8adbd;--soft:#73798d;--gold:#d9ff3f;--gold-ink:#090b03;--gold-dim:#d9ff3f1c;--accent:#6e5cff;--verb:#63d7ff;--verb-bg:#63d7ff1c;--noun:#ffd166;--noun-bg:#ffd1661f;--adj:#ff7adf;--adj-bg:#ff7adf1c;--adv:#78f0ad;--adv-bg:#78f0ad1c;--block-bg:#ffffff09;--block-border:#ffffff14;--shadow:0 35px 80px #00000080;--btn-shadow:0 16px 40px #d9ff3f2e;--theme-active:#f3f4f8;--theme-active-ink:#101116;--line:linear-gradient(90deg, #6e5cff, #ff1f8f 45%, #00e5ff)}html[data-theme=light]{--bg0:#f4f3ef;--bg1:#e8e9f4;--bg2:#f6dfeb;--glow-a:#735cff;--glow-b:#ff4ca4;--glow-c:#1cc8e7;--card:#ffffffba;--card-shine:#ffffffe6;--card-border:#11131b17;--ink:#11131b;--muted:#535968;--soft:#7a8090;--gold:#8cab00;--gold-ink:#f9ffdd;--gold-dim:#8cac001a;--accent:#6655e8;--verb:#087ea5;--verb-bg:#087ea51a;--noun:#a56400;--noun-bg:#a564001a;--adj:#b31b8d;--adj-bg:#b31b8d17;--adv:#117c49;--adv-bg:#117c491a;--block-bg:#11131b09;--block-border:#11131b12;--shadow:0 30px 70px #2b264c21;--btn-shadow:0 16px 35px #8cac002b;--theme-active:#11131b;--theme-active-ink:#f8f8fb;--line:linear-gradient(90deg, #6655e8, #ff4ca4 45%, #1cc8e7)}html[data-theme=sepia]{--bg0:#f0dfbd;--bg1:#e6c995;--bg2:#f2c7b0;--glow-a:#7b6cf2;--glow-b:#d96a9f;--glow-c:#3aa6a0;--card:#fff5e0bf;--card-shine:#ffffff85;--card-border:#39271621;--ink:#2a2118;--muted:#6d5a46;--soft:#927b62;--gold:#6d8414;--gold-ink:#fbffe9;--gold-dim:#6d84141c;--accent:#6258b7;--verb:#246b88;--verb-bg:#246b8817;--noun:#9b5c08;--noun-bg:#9b5c081a;--adj:#9c3a73;--adj-bg:#9c3a7317;--adv:#4a792f;--adv-bg:#4a792f1a;--block-bg:#39271609;--block-border:#39271614;--shadow:0 30px 70px #55361229;--btn-shadow:0 16px 35px #6d841429;--theme-active:#2a2118;--theme-active-ink:#fff7e8;--line:linear-gradient(90deg, #6258b7, #d96a9f 45%, #3aa6a0)}html[data-theme=alt-dark]{--bg0:#050507;--bg1:#12121a;--bg2:#050507;--glow-a:#d6ff3c;--glow-b:#ff3d8a;--glow-c:#41f3ff;--card:#0a0a0ee0;--card-shine:#ffffff0a;--card-border:#f5f1ea;--ink:#f5f1ea;--muted:#b7b3c7;--soft:#7c788c;--gold:#d6ff3c;--gold-ink:#101204;--gold-dim:#d6ff3c24;--accent:#d6ff3c;--verb:#41f3ff;--verb-bg:#41f3ff24;--noun:#d6ff3c;--noun-bg:#d6ff3c29;--adj:#ff3d8a;--adj-bg:#ff3d8a24;--adv:#c9a7ff;--adv-bg:#c9a7ff24;--block-bg:#f5f1ea0a;--block-border:#f5f1eab3;--shadow:10px 10px 0 #ff3d8a;--btn-shadow:6px 6px 0 #f5f1ea;--theme-active:#d6ff3c;--theme-active-ink:#101204;--line:#f5f1ea;--hot:#ff3d8a;--cool:#41f3ff;--spot-a:#d6ff3c38;--spot-b:#ff3d8a33;--spot-c:#41f3ff29;--grid:#f5f1ea0f;--noise:.16}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{background:var(--bg0);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light],html[data-theme=sepia]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=alt-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-sans);color:var(--ink);background:radial-gradient(55vw 40vw at 8% 8%, color-mix(in srgb, var(--glow-a) 23%, transparent), transparent 65%), radial-gradient(44vw 36vw at 94% 10%, color-mix(in srgb, var(--glow-b) 19%, transparent), transparent 67%), radial-gradient(48vw 30vw at 52% 110%, color-mix(in srgb, var(--glow-c) 13%, transparent), transparent 70%), linear-gradient(135deg, var(--bg0), var(--bg1) 55%, var(--bg2));-webkit-text-size-adjust:100%;background-attachment:scroll;min-height:100dvh;overflow-x:hidden}@media (hover:hover) and (prefers-reduced-motion:no-preference){body{background-attachment:fixed}}body:before{content:"";pointer-events:none;opacity:.27;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:var(--grid-size) var(--grid-size);z-index:0;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}body:after{content:"";border:1px solid color-mix(in srgb, var(--glow-c) 22%, transparent);pointer-events:none;opacity:.52;z-index:0;border-radius:43% 57% 62% 38%/42% 36% 64% 58%;width:48vw;max-width:620px;height:48vw;max-height:620px;position:fixed;bottom:-24vw;right:-18vw;transform:rotate(19deg)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.5;pointer-events:none}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{z-index:1;width:100%;min-height:100dvh;padding:calc(var(--page-pad) + env(safe-area-inset-top)) calc(var(--page-pad) + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(var(--page-pad) + env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.page__main{width:min(var(--card-max), 100%);flex-direction:column;align-items:center;display:flex}.page__header{justify-content:space-between;align-items:flex-end;gap:18px;width:100%;margin-bottom:18px;display:flex}.page__title{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-size:clamp(.9rem,2.4vw,1.02rem);font-weight:800;line-height:1.1;position:relative}.page__toolbar{align-items:center;gap:12px;margin-left:auto;display:flex}.page__counter{border:1px solid var(--card-border);min-width:64px;color:var(--muted);background:color-mix(in srgb, var(--card) 68%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.12em;text-align:center;white-space:nowrap;border-radius:10px;padding:7px 10px;font-size:.7rem;font-weight:800}.theme-switch{border:1px solid var(--card-border);background:color-mix(in srgb, var(--card) 72%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;gap:3px;padding:4px;display:flex;box-shadow:0 12px 28px #00000017}.theme-switch__btn{width:36px;height:31px;color:var(--soft);transition:transform .18s var(--ease), background .18s var(--ease), color .18s var(--ease);border-radius:10px;place-items:center;display:grid}.theme-switch__btn:hover{color:var(--ink);transform:translateY(-1px)}.theme-switch__btn.is-active{color:var(--theme-active-ink);background:var(--theme-active);box-shadow:0 6px 16px #00000029}.theme-switch__icon{fill:currentColor;width:14px;height:14px;display:block}.card{isolation:isolate;border:1px solid var(--card-border);border-radius:var(--radius-card);background:linear-gradient(145deg, color-mix(in srgb, var(--card-shine) 95%, transparent), transparent 38%), var(--card);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);width:100%;box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;padding:clamp(19px,4vw,36px);position:relative;overflow:hidden}.card:before{content:"";background:var(--line);opacity:.9;z-index:2;height:2px;position:absolute;inset:0}.card:after{content:"";width:var(--blob-size);height:var(--blob-size);background:radial-gradient(circle, color-mix(in srgb, var(--glow-b) 17%, transparent), transparent 68%);filter:blur(6px);pointer-events:none;border-radius:50%;position:absolute;top:-100px;right:-90px}.card.is-fade{animation:card-fade .34s var(--ease)}@keyframes card-fade{0%{opacity:0;filter:blur(2px);transform:translateY(10px)scale(.992)}to{opacity:1;filter:none;transform:none}}.card__head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.card__word-wrap{flex:1;min-width:0}.card__word-row{flex-wrap:wrap;align-items:center;gap:11px 12px;display:flex}.card__word{font-family:var(--font-serif);letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(2.35rem,8.6vw,5.8rem);font-weight:700;line-height:.92}.card__translation{max-width:680px;color:var(--gold);letter-spacing:-.01em;margin-top:12px;font-size:clamp(1rem,2.6vw,1.23rem);font-weight:700;line-height:1.35}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chips__item{border:1px solid var(--card-border);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;align-items:center;min-height:26px;padding:5px 9px;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.chips__item--verb{color:var(--verb);background:var(--verb-bg)}.chips__item--noun{color:var(--noun);background:var(--noun-bg)}.chips__item--adj{color:var(--adj);background:var(--adj-bg)}.chips__item--adv{color:var(--adv);background:var(--adv-bg)}.card__speak{border:1px solid var(--card-border);width:54px;height:54px;color:var(--ink);background:linear-gradient(135deg, var(--gold-dim), #ffffff05);transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);border-radius:15px;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff0f}.card__speak:hover{border-color:color-mix(in srgb, var(--gold) 55%, var(--card-border));background:var(--gold-dim);transform:translateY(-3px)rotate(1.5deg)}.card__speak:active{transform:translateY(0)scale(.96)}.card__speak.is-speaking{border-color:color-mix(in srgb, var(--gold) 55%, var(--card-border));background:var(--gold-dim)}.card__speak-icon{fill:currentColor;width:21px;height:21px}.card__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card__block{border:1px solid var(--block-border);border-radius:var(--radius-block);background:var(--block-bg);min-width:0;padding:17px 18px 18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.card__block:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);opacity:.55;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-30px;right:-28px}.card__label{color:var(--soft);letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px;font-size:.62rem;font-weight:800;line-height:1.2}.card__text,.card__example-ru{font-size:clamp(.92rem,2.4vw,1rem);line-height:1.58}.card__trans{flex-wrap:wrap;align-items:baseline;gap:7px 15px;display:flex}.card__ipa{letter-spacing:.015em;font-size:clamp(1.05rem,2.9vw,1.2rem)}.card__rus{color:var(--muted)}.card__stress{color:var(--accent);font-size:.82rem;font-weight:800}.card__example{font-family:var(--font-serif);margin-bottom:8px;font-size:clamp(1.05rem,3vw,1.23rem);font-style:italic;line-height:1.42}.card__example-word{color:var(--gold);text-underline-offset:3px;font-style:italic;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.card__example-ru{color:var(--muted);font-size:clamp(.87rem,2.2vw,.95rem)}.card__actions{justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.card__next{min-height:50px;color:var(--gold-ink);background:linear-gradient(120deg, var(--gold) 0%, color-mix(in srgb, var(--gold) 70%, white) 48%, var(--gold) 100%);box-shadow:var(--btn-shadow);letter-spacing:.03em;transition:transform .18s var(--ease), filter .18s var(--ease), box-shadow .18s var(--ease);border-radius:14px;padding:14px 24px;font-size:.92rem;font-weight:900;position:relative;overflow:hidden}.card__next:after{content:"→";transition:transform .18s var(--ease);margin-left:12px;display:inline-block}.card__next:hover{filter:saturate(1.12)brightness(1.06);box-shadow:0 18px 45px color-mix(in srgb, var(--gold) 22%, transparent);transform:translateY(-2px)}.card__next:hover:after{transform:translate(4px)}.card__next:active{transform:translateY(1px)scale(.985)}.card__next--plain:after{display:none}.card__hint{color:var(--soft);letter-spacing:.04em;text-align:right;flex:1;font-size:.68rem;font-weight:700;line-height:1.4}.card__hint--touch,.card.is-empty .card__head,.card.is-empty .card__grid,.card.is-empty .card__actions{display:none}.card.is-empty .card__retry{margin-top:16px}.card__empty{color:var(--muted);margin:8px 0 4px;font-size:clamp(1rem,2.6vw,1.2rem);line-height:1.45}.page__title,.page__counter,.theme-switch,.card__block,.card__speak{transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease)}html[data-theme-family=alt]{--font-sans:"Space Grotesk", system-ui, sans-serif;--font-serif:"Syne", Impact, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius-card:0;--radius-block:0}html[data-theme-family=alt] body{background:var(--bg0)}html[data-theme-family=alt] body:before{opacity:1;background:radial-gradient(40vw 40vw at 8% 12%, var(--spot-a), transparent 62%), radial-gradient(36vw 36vw at 92% 8%, var(--spot-b), transparent 64%), radial-gradient(50vw 34vw at 70% 100%, var(--spot-c), transparent 60%), linear-gradient(160deg, var(--bg0) 0%, var(--bg1) 100%);-webkit-mask-image:none;mask-image:none}html[data-theme-family=alt] body:after{width:auto;max-width:none;height:auto;max-height:none;opacity:var(--noise);mix-blend-mode:overlay;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");filter:none;background-size:28px 28px,28px 28px,180px 180px;border:0;border-radius:0;inset:0;transform:none}html[data-theme-family=alt] .page__title{font-family:var(--font-serif);letter-spacing:-.06em;text-transform:uppercase;max-width:11ch;font-size:clamp(1.35rem,6vw,2rem);font-weight:800;line-height:.85}html[data-theme-family=alt] .page__counter{font-family:var(--font-mono);border:2px solid var(--card-border);background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;letter-spacing:.08em;border-radius:0}html[data-theme-family=alt] .theme-switch{border:2px solid var(--card-border);background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0;gap:0;padding:0}html[data-theme-family=alt] .theme-switch__btn{border-right:2px solid var(--card-border);border-radius:0;width:36px;height:34px}html[data-theme-family=alt] .theme-switch__btn:last-child{border-right:0}html[data-theme-family=alt] .theme-switch__btn.is-active{box-shadow:none}html[data-theme-family=alt] .card{border:3px solid var(--card-border);background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow), 0 0 0 1px color-mix(in srgb, var(--gold) 40%, transparent);border-radius:0;overflow:visible}html[data-theme-family=alt] .card:after{display:none}html[data-theme-family=alt] .card.is-fade{animation:.38s cubic-bezier(.16,1,.3,1) alt-card-slam}@keyframes alt-card-slam{0%{opacity:0;transform:translate(-8px,10px)rotate(-.6deg)}60%{opacity:1;transform:translate(2px,-2px)rotate(.3deg)}to{opacity:1;transform:none}}html[data-theme-family=alt] .card__word{letter-spacing:-.025em;text-shadow:3px 3px 0 color-mix(in srgb, var(--hot) 80%, transparent);line-height:.88}html[data-theme-family=alt] button:focus-visible{outline-color:var(--hot)}html[data-theme-family=alt] .card__translation{color:var(--ink);font-weight:600}html[data-theme-family=alt] .chips__item{font-family:var(--font-mono);-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid;border-radius:0;transform:rotate(-3deg)}html[data-theme-family=alt] .card__speak{border:3px solid var(--card-border);background:var(--gold);color:var(--gold-ink);box-shadow:none;border-radius:0}html[data-theme-family=alt] .card__speak:hover{background:var(--hot);color:#fff;border-color:var(--card-border);transform:rotate(8deg)scale(1.06)}html[data-theme-family=alt] .card__grid{gap:14px 12px}html[data-theme-family=alt] .card__block{border:2px solid var(--block-border);box-shadow:none;border-radius:0;padding:18px 14px 13px}html[data-theme-family=alt] .card__block:after{display:none}html[data-theme-family=alt] .card__label{font-family:var(--font-mono);color:var(--gold-ink);background:var(--ink);margin-bottom:0;padding:3px 7px 2px}html[data-theme-family=alt] .card__ipa,html[data-theme-family=alt] .card__stress{font-family:var(--font-mono)}html[data-theme-family=alt] .card__stress{color:var(--hot);text-transform:uppercase;letter-spacing:.04em}html[data-theme-family=alt] .card__example{font-family:var(--font-sans);letter-spacing:-.03em;font-style:normal;font-weight:600}html[data-theme-family=alt] .card__example-word{color:var(--gold-ink);background:var(--gold);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .18em;text-decoration:none}html[data-theme-family=alt] .card__actions{flex-direction:column;align-items:stretch}html[data-theme-family=alt] .card__next{border:3px solid var(--card-border);width:100%;min-height:56px;font-family:var(--font-serif);letter-spacing:-.04em;text-transform:uppercase;background:var(--gold);color:var(--gold-ink);box-shadow:var(--btn-shadow);border-radius:0;font-size:clamp(1.05rem,4vw,1.35rem);font-weight:800}html[data-theme-family=alt] .card__next:after{display:none}html[data-theme-family=alt] .card__next:hover{filter:none;box-shadow:9px 9px 0 var(--hot);background:var(--cool);color:#041014;transform:translate(-3px,-3px)}html[data-theme-family=alt] .card__next:active{box-shadow:2px 2px 0 var(--card-border);transform:translate(3px,3px)}html[data-theme-family=alt] .card__hint{font-family:var(--font-mono);text-align:center;text-transform:uppercase;letter-spacing:.08em}@media (width<=720px){.page{padding-top:max(18px, env(safe-area-inset-top));justify-content:flex-start}.page__header{align-items:flex-start;margin-bottom:14px}.page__toolbar{gap:8px}.card__grid{grid-template-columns:1fr}}@media (hover:none){.card__hint--keyboard{display:none}.card__hint--touch{display:block}.page__counter,.theme-switch,.chips__item{-webkit-backdrop-filter:none;backdrop-filter:none}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@media (width<=520px){.page__header{flex-direction:column}.page__toolbar{justify-content:space-between;width:100%}.theme-switch{flex:1}.theme-switch__btn{flex:1;width:auto;min-width:0}.card{border-radius:24px}.card__head{gap:10px}.card__speak{border-radius:13px;width:48px;height:48px}.card__actions{flex-direction:column;align-items:stretch}.card__next{width:100%}.card__hint{text-align:center}}@media (width<=380px){.card{padding:16px}.card__word{font-size:2.05rem}.card__translation{font-size:.95rem}html[data-theme-family=alt] .page__title{max-width:100%;font-size:1.4rem}html[data-theme-family=alt] .card__word{text-shadow:2px 2px 0 color-mix(in srgb, var(--hot) 80%, transparent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}