:root{--color-accent:#08c;--color-success:#16a34a;--color-danger:#dc2626;--bg-secondary:#f5f5f5;--bg-primary:#fff;--bg-inset:#f0f2f5;--text-primary:#000;--text-secondary:#64748b;--text-hint:#8b93a1;--border-light:#00000014;--border-divider:#0000000f;--control-track:#d5dae1;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--shadow-card:0 6px 20px #0000001a;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%}#root{height:100dvh}body{background:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit}.btn{border-radius:var(--radius-md);background:var(--bg-inset);min-width:0;min-height:44px;color:var(--text-primary);font-family:var(--font-family);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;flex:1;justify-content:center;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;transition:opacity .15s,transform .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:active{transform:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-danger{color:var(--color-danger);flex:0 auto;padding-inline:16px}.btn-outline{border:1px solid var(--border-light);background:0 0}.btn-sm{border-radius:var(--radius-sm);flex:none;min-height:44px;padding:8px 14px;font-size:14px}.input{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-inset);width:100%;color:var(--text-primary);font-family:var(--font-family);outline:none;padding:12px 14px;font-size:16px}.input:focus{border-color:var(--color-accent)}.input-emoji{font-size:22px}.badge{background:var(--bg-inset);color:var(--text-hint);border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.badge-muted{background:0 0;font-weight:400}.badge-green{color:var(--color-success);background:#26bd6c24}.badge-red{color:var(--color-danger);background:#f0524d24}.chip{border:1px solid var(--border-light);min-height:40px;color:var(--text-hint);font-family:var(--font-family);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.chip.active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.app{max-width:500px;height:100%;padding:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));flex-direction:column;gap:10px;margin:0 auto;display:flex}.topbar{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.topbar__meta{align-items:baseline;gap:6px;display:flex}.topbar__count{letter-spacing:-.02em;font-size:20px;font-weight:700}.topbar__count--due{box-shadow:inset 0 0 0 2px var(--color-danger);border-radius:999px;padding:0 8px}.topbar__label{color:var(--text-hint);font-size:13px}.tally{letter-spacing:.01em;color:var(--text-hint);flex:none;gap:14px;margin-top:2px;font-size:11px;display:flex}.tally__item b{color:var(--text-secondary);font-weight:700}.tally__item--full b{color:var(--color-danger)}.board{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.hints{text-align:center;color:var(--text-hint);flex:none;margin:0;font-size:12px}.stack{aspect-ratio:3/4;max-width:100%;height:100%;margin:0 auto;position:relative}.stack--empty{border:2px dashed var(--border-light);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.empty__title{margin:0;font-weight:600}.empty__sub{color:var(--text-hint);margin:0;font-size:13px}.stack__slot{will-change:transform;position:absolute;inset:0}.stack__slot--behind{pointer-events:none}.card{perspective:1400px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:relative}.card__inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.face{border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-primary);box-shadow:var(--shadow-card);backface-visibility:hidden;flex-direction:column;padding:14px;display:flex;position:absolute;inset:0}.face--ghost{padding:14px}.face--back{background:linear-gradient(160deg, var(--bg-primary) 0%, var(--bg-inset) 100%);justify-content:center;align-items:center;gap:10px;transform:rotateY(180deg)}.art{border-radius:var(--radius-lg);background:var(--bg-inset);flex:1;justify-content:center;align-items:center;min-height:72px;max-height:44%;display:flex;overflow:hidden}.art__emoji{font-size:clamp(72px,22vw,108px);line-height:1}.art__img{object-fit:cover;width:100%;height:auto;max-height:100%}.art__empty{color:var(--text-hint);font-size:13px}.face__body{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;margin:auto 0;display:flex}.face__text{text-align:center;letter-spacing:-.02em;margin:0;font-size:clamp(17px,5.2vw,22px);font-weight:600}.face__text--en{font-size:clamp(19px,6vw,25px)}.face__alt{text-align:center;color:var(--text-hint);margin:0;font-size:14px}.face__intro{flex-direction:column;align-items:center;gap:6px;padding:10px 0 4px;display:flex}.face__meaning{text-align:center;color:var(--text-secondary,var(--text-hint));margin:8px 0 0;font-size:clamp(15px,4.4vw,17px);line-height:1.35}.face__skeleton{text-align:center;letter-spacing:.18em;word-spacing:.3em;color:var(--text-hint);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(16px,5vw,21px)}.hint-btn{border:1px dashed var(--border-light);color:var(--text-hint);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.hint-btn--used{color:var(--color-danger);border-style:solid;border-color:var(--color-danger)}.face__foot{justify-content:space-between;align-items:flex-end;gap:8px;min-height:18px;display:flex}.face__foot-side{flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;display:flex}.face__foot--back{position:absolute;bottom:16px}.face--reverse{justify-content:flex-end}.face--reverse .face__body{gap:8px}.face--reverse .face__skeleton{margin-top:6px}.hold-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hold-ring__rect{fill:none;stroke:var(--color-accent);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition-property:stroke-dashoffset,opacity;transition-timing-function:linear}.hold-ring__rect--on{stroke-dashoffset:0;opacity:1}.pull-slot{pointer-events:none;justify-content:center;display:flex;position:absolute;top:10px;left:0;right:0}.pull{border:1px solid var(--border-light);background:var(--bg-primary);box-shadow:var(--shadow-card);color:var(--text-hint);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.pull--holding{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.pull__icon{font-size:13px}.verdict{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.06em;pointer-events:none;background:var(--bg-primary);border:2px solid;padding:6px 14px;font-size:15px;font-weight:700;position:absolute;top:24px}.verdict--right{color:var(--color-success);left:20px;transform:rotate(-10deg)}.verdict--left{color:var(--color-danger);right:20px;transform:rotate(10deg)}.controls{flex:none;justify-content:center;align-items:center;gap:clamp(10px,4vw,16px);display:flex}.round-btn{background:var(--bg-primary);width:58px;height:58px;box-shadow:var(--shadow-card);cursor:pointer;border:none;border-radius:50%;font-size:24px;transition:transform .12s}.round-btn:active{transform:scale(.92)}.round-btn--right{color:var(--color-success)}.round-btn--wrong{color:var(--color-danger)}.icon-btn{border:1px solid var(--border-light);background:var(--bg-primary);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex:none;font-size:18px;line-height:1;transition:transform .12s,background .15s}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:not(:disabled):active{background:var(--bg-inset);transform:scale(.94)}.sheet__backdrop{z-index:10;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{touch-action:pan-y;overscroll-behavior:contain;width:100%;max-width:500px;max-height:92dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-primary);overflow:hidden auto}.sheet__head{cursor:grab;touch-action:none;margin:-8px 0 0;padding:10px 0 0}.sheet__head:active{cursor:grabbing}.sheet__grip{background:var(--control-track);border-radius:2px;width:38px;height:4px;margin:0 auto}.sheet__title{margin:12px 0 14px;font-size:17px}.sheet__stats{color:var(--text-hint);margin:4px 0 0;font-size:12px}.example{margin-top:8px}.example__none{color:var(--text-hint);margin:8px 0 0;font-size:12px}.example__card{border-radius:var(--radius-md);background:var(--bg-inset);margin-top:10px;padding:12px 14px}.example__eng{margin:0;font-size:16px;line-height:1.35}.example__ru{color:var(--text-secondary);margin:6px 0 0;font-size:14px}.example__from{color:var(--text-hint);margin:8px 0 0;font-size:11px}.example__actions{gap:8px;margin-top:10px;display:flex}.field{margin-bottom:14px;display:block}.field__label{color:var(--text-hint);margin-bottom:6px;font-size:12px;display:block}.field__note{opacity:.7}.sheet__actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.gate{text-align:center;height:100%;color:var(--text-hint);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;font-size:14px;display:flex}.gate__title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.gate__sub{margin:0}.topbar__badge{background:var(--bg-primary);color:var(--text-hint);border-radius:999px;padding:4px 10px;font-size:12px}.empty__btn{flex:none;margin-top:14px;padding-inline:22px}.empty__note{color:var(--text-hint);margin:8px 0 0;font-size:11px}.gate__btn{flex:none;margin-top:14px;padding-inline:22px}.round-btn:disabled{opacity:.35;cursor:default}.round-btn:disabled:active{transform:none}.picker{margin-bottom:18px}.picker__row{align-items:flex-start;gap:14px;display:flex}.picker__box{border:1px dashed var(--border-light);background:var(--bg-inset);cursor:pointer;border-radius:16px;flex:none;justify-content:center;align-items:center;width:108px;height:108px;padding:0;display:flex;overflow:hidden}.picker__img{object-fit:cover;width:100%;height:100%}.picker__emoji{font-size:48px;line-height:1}.picker__empty{color:var(--text-hint);text-align:center;padding:0 8px;font-size:11px}.picker__side{flex-direction:column;flex:1;align-items:stretch;gap:8px;display:flex}.picker__note{color:var(--text-hint);margin:2px 0 0;font-size:11px}.picker__input{display:none}.picker__term{margin-top:10px;font-size:14px}.picker__error{color:var(--color-danger);margin:8px 0 0;font-size:12px}.hits{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.hits__item{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-inset);cursor:pointer;height:0;padding:0 0 100%;position:relative;overflow:hidden}.hits__item img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hits__item:disabled{opacity:.5}.picker__preview{flex:none;width:108px}.picker__credit{color:var(--text-hint);text-align:center;margin:6px 0 0;font-size:10px;line-height:1.25}.hits__item--on{outline:3px solid var(--color-accent);outline-offset:-3px}.picker__more{width:100%;margin-top:10px}.typing{flex:none;align-items:center;gap:8px;display:flex}.typing__input{flex:1;padding:10px 12px}.checked{white-space:nowrap;text-overflow:ellipsis;max-width:92%;box-shadow:var(--shadow-card);pointer-events:none;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;position:absolute;bottom:-14px;left:50%;overflow:hidden;transform:translate(-50%)}.checked--right{background:var(--color-success);color:#fff}.checked--wrong{background:var(--color-danger);color:#fff}.listen{flex:none;align-items:center;gap:10px;min-height:56px;margin-top:12px;display:flex}.listen__btn{background:var(--bg-inset);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:none;border-radius:50%;flex:none;width:56px;height:56px;padding:0;transition:transform .12s,background .2s;position:relative}.listen__btn:after{content:"";border-radius:50%;position:absolute;inset:-12px}.listen__btn:active{transform:scale(.92)}.listen__btn--listening{background:#0088cc29}.listen__btn--matched{background:#16a34a2e}.listen__btn--missed,.listen__btn--failed{background:#dc262624}.listen__icon{font-size:22px;line-height:1;position:relative}.listen__wave{pointer-events:none;background:#0088cc38;border-radius:50%;transition:transform 80ms linear;position:absolute;inset:0;transform:scale(1)}.listen__btn--listening .listen__wave{animation:1.6s ease-in-out infinite listen-pulse}.listen__btn--thinking .listen__wave{animation:.9s ease-in-out infinite listen-pulse}.listen__btn:not(.listen__btn--listening):not(.listen__btn--thinking) .listen__wave{background:0 0}.listen__out{flex:1;min-width:0}.listen__text{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.3}.listen__word{color:var(--text-primary)}.listen__word--ok{color:var(--color-success);font-weight:600}.listen__word--miss{color:var(--color-danger);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.listen__word--gap{color:var(--color-danger);white-space:nowrap;font-weight:600}.listen__hint{color:var(--text-hint);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.listen__hint--more{text-underline-offset:3px;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@keyframes listen-pulse{0%,to{opacity:.5}50%{opacity:1}}.speak{align-items:center;gap:10px;margin-top:14px;display:flex}.speak__btn{background:var(--bg-inset);cursor:pointer;border:none;border-radius:50%;width:60px;height:60px;padding:0;transition:transform .12s;position:relative}.speak__btn:active{transform:scale(.92)}.speak__icon{font-size:22px;line-height:1;position:relative}.speak__ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.speak__track{fill:none;stroke:var(--control-track);stroke-width:3px}.speak__fill{fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;animation-name:ring-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes ring-fill{0%{stroke-dashoffset:var(--ring)}to{stroke-dashoffset:0}}.speak__rate{border:1px solid var(--border-light);min-height:40px;color:var(--text-hint);cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.speak__rate--on{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.speak--compact{gap:8px;margin-top:2px}.speak--compact .speak__btn{width:44px;height:44px}.speak--compact .speak__icon{font-size:18px}.speak--compact .speak__rate{min-height:32px;padding:6px 10px;font-size:11px}.topbar__side{align-items:center;gap:4px;display:flex}.sheet__sub{color:var(--text-hint);margin:20px 0 8px;font-size:13px;font-weight:600}.stats{flex-direction:column;display:flex}.stat{border-bottom:1px solid var(--border-light);justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;display:flex}.stat:last-child{border-bottom:none}.stat__label{color:var(--text-hint)}.stat__value{text-align:right;font-weight:600}.toggle{border:none;border-bottom:1px solid var(--border-light);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 0;display:flex}.toggle:disabled{opacity:.45;cursor:default}.toggle__text{flex-direction:column;gap:2px;display:flex}.toggle__label{font-size:14px}.toggle__note{color:var(--text-hint);font-size:11px}.toggle__switch{background:var(--control-track);border-radius:999px;flex:none;width:44px;height:26px;transition:background .16s;position:relative}.toggle__switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px}.toggle__switch--on{background:var(--color-accent)}.toggle__switch--on:after{transform:translate(18px)}.field__row{align-items:center;gap:8px;display:flex}.field__row .input{flex:1}.sheet__note{color:var(--text-hint);margin:10px 0 0;font-size:11px;line-height:1.45}.banner{border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-hint);justify-content:space-between;align-items:center;gap:10px;margin:0;padding:9px 12px;font-size:12px;display:flex}.banner__count{flex:none;font-weight:600}.decks{flex-direction:column;display:flex}.deck{border-bottom:1px solid var(--border-light);align-items:stretch;gap:8px;display:flex}.deck__pick{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;gap:3px;min-height:44px;padding:10px 22px 10px 0;display:flex;position:relative}.deck__pick:after{content:"›";color:var(--text-hint);font-size:18px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.deck__pick:active{opacity:.6}.deck--on .deck__name:before{content:"● ";color:var(--color-accent)}.deck__name{font-size:15px;font-weight:600}.deck__meta{color:var(--text-hint);font-size:11px}.deck__drop{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);min-width:44px;min-height:44px;color:var(--color-danger);cursor:pointer;flex:none;align-self:center;padding:6px 10px;font-size:12px;font-weight:600}.preset{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:11px 0;display:flex}.preset__text{flex-direction:column;flex:1;gap:3px;display:flex}.topbar__deck{border:1px solid var(--border-light);background:var(--bg-primary);min-height:34px;color:var(--text-secondary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:55vw;padding:4px 12px;font-size:13px;font-weight:600;overflow:hidden}.empty__row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.empty__row .empty__btn{margin-top:0}.sheet__link{color:var(--color-accent);font-weight:600;text-decoration:none}.speak__fill--waiting{transform-origin:50%;animation:.9s linear infinite speak-waiting}@keyframes speak-waiting{0%{transform:rotate(0)}to{transform:rotate(360deg)}}