:root,[data-theme=light]{--bg-page: #F5F3FB;--bg-card: #FFFFFF;--bg-card-border: transparent;--text-color: #2B2640;--text-muted: rgba(43, 38, 64, .42);--text-soft: rgba(43, 38, 64, .65);--violet: #7C5CFF;--violet-strong: #5E3FE0;--pink: #D64FA8;--lime: #C6F432;--grad-brand: linear-gradient(90deg, var(--violet), var(--pink));--grad-brand-loop: linear-gradient(90deg, var(--violet), var(--pink), var(--violet));--grad-banner: linear-gradient(120deg, #7C5CFF, #A44FD6 60%, #D64FA8);--right: #58C97B;--right-bg: #EAF9EF;--right-text: #2E8A4E;--wrong: #F08A66;--wrong-bg: #FDEFE8;--wrong-text: #C75A32;--chip-bg: #EDE7FF;--chip-text: #7C5CFF;--border: #E4DEF6;--track: rgba(124, 92, 255, .14);--track-on-banner: rgba(255, 255, 255, .25);--shadow-card: 0 10px 30px rgba(124, 92, 255, .12);--shadow-modal: 0 18px 50px rgba(43, 38, 64, .25);--glow-cta: 0 0 26px rgba(124, 92, 255, .35);--radius-card: 22px;--radius-banner: 20px;--radius-btn: 16px;--radius-tile: 16px;--radius-chip: 999px;--header-h: 64px;--font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-word: 31px;--font-ui: 16px;--font-base: 16px;--font-counter: 12px}[data-theme=dark]{--bg-page: #171420;--bg-card: #221D30;--bg-card-border: rgba(155, 127, 255, .14);--text-color: #EFEAFA;--text-muted: rgba(239, 234, 250, .42);--text-soft: rgba(239, 234, 250, .7);--violet: #9B7FFF;--violet-strong: #7C5CFF;--pink: #E06CBF;--grad-brand: linear-gradient(90deg, #9B7FFF, #E06CBF);--grad-banner: linear-gradient(120deg, #6A48E8, #9440C4 60%, #C2418F);--right: #58C97B;--right-bg: rgba(88, 201, 123, .14);--right-text: #7BE39C;--wrong: #F08A66;--wrong-bg: rgba(240, 138, 102, .13);--wrong-text: #FFA989;--chip-bg: rgba(155, 127, 255, .16);--chip-text: #B29CFF;--border: rgba(255, 255, 255, .12);--track: rgba(255, 255, 255, .08);--track-on-banner: rgba(0, 0, 0, .25);--shadow-card: 0 10px 30px rgba(0, 0, 0, .35);--shadow-modal: 0 18px 50px rgba(0, 0, 0, .55);--glow-cta: 0 0 26px rgba(155, 127, 255, .4)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{-webkit-text-size-adjust:100%}html,body{touch-action:manipulation;overflow-x:hidden}#app{touch-action:pan-y}input,select,textarea,button{font-size:var(--font-base)}button,a{touch-action:manipulation}body{margin:0!important;background:var(--bg-page);color:var(--text-color);font-family:var(--font-family);font-size:var(--font-base);transition:background .3s ease,color .3s ease;padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px))!important}#app{color:var(--text-color)}a{color:var(--violet)}a:hover{color:var(--pink)}button,.long-button,.choose-by-letters,.header,.desk,.word_font{color:inherit}input,textarea{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}@media(min-width:768px){#app{max-width:1024px;margin:0 auto;padding:2rem;font-weight:400}}@media(max-width:768px){#app{max-width:768px;margin:0 auto;font-weight:400}}@keyframes wc-pop{0%{transform:scale(1)}45%{transform:scale(1.22)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes wc-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(3px)}}@keyframes wc-fillbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes wc-brand-scroll{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes wc-flame{0%,to{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.14) rotate(3deg)}}@keyframes wc-blob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-10px) scale(1.12)}}@keyframes wc-confetti{0%{transform:translateY(-10px) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(110px) rotate(260deg);opacity:0}}@keyframes wc-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes wc-flip-in{0%{opacity:0;transform:rotateX(-70deg)}to{opacity:1;transform:rotateX(0)}}.anim-pop{animation:wc-pop .45s ease}.anim-shake{animation:wc-shake .5s ease}.anim-fade-up{animation:wc-fade-up .35s ease both}.anim-flip-in{animation:wc-flip-in .4s ease both;transform-origin:50% 100%;perspective:600px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.header .home{animation:none!important;background-position:0 0}}.shadow{box-shadow:var(--shadow-card)}.header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2000!important;height:calc(var(--header-h) + env(safe-area-inset-top,0px))!important;padding:env(safe-area-inset-top,0px) 16px 0!important;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg-page) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:none}.header .home{text-decoration:none;cursor:pointer;font-size:21px;font-weight:700;letter-spacing:-.01em;background:var(--grad-brand-loop);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wc-brand-scroll 8s linear infinite}.streak-chip{display:inline-flex;align-items:center;gap:5px;background:var(--chip-bg);color:var(--chip-text);border-radius:var(--radius-chip);padding:5px 11px;font-weight:600;font-size:13px}.streak-dot{width:9px;height:9px;border-radius:50%;background:var(--grad-brand);animation:wc-flame 1.8s ease-in-out infinite}.avatar{width:32px;height:32px;border-radius:50%;background:var(--grad-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.library_banner{position:relative;overflow:hidden;cursor:pointer;border-radius:var(--radius-banner);padding:18px;margin-bottom:20px;background:var(--grad-banner);color:#fff;transition:transform .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.library_banner:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.library_banner:active{transform:scale(.98)}.library_banner .blob{position:absolute;right:-30px;top:-34px;width:120px;height:120px;border-radius:50%;background:#ffffff21;pointer-events:none;animation:wc-blob 5s ease-in-out infinite;animation-delay:var(--blob-delay, 0s);animation-direction:var(--blob-direction, normal)}.lib_title{position:relative;font-weight:600}.lib_counter{position:relative;font-size:12.5px;opacity:.85}.lib_progress{position:relative;margin-top:10px;height:9px;border-radius:999px;background:var(--track-on-banner);overflow:hidden}.lib_progress>i{display:block;height:100%;border-radius:999px;background:var(--lime);transform-origin:left;animation:wc-fillbar .9s cubic-bezier(.2,.7,.3,1) both}.desk{position:relative;display:grid;grid-template-rows:1fr auto 1fr;align-items:stretch;min-height:250px;padding:22px 18px;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}@media(min-width:768px){.desk{margin:100px 50px 0}}@media(max-width:768px){.desk{margin:35px 20px 0}}.top_word{position:relative;display:flex;align-items:center;justify-content:center;min-height:72px}.top_counter{position:absolute;top:0;right:0;font-size:var(--font-counter);font-weight:600;color:var(--chip-text);background:var(--chip-bg);border-radius:var(--radius-chip);padding:3px 9px;pointer-events:none}.bottom_word{display:grid;grid-template-columns:1fr max-content 1fr;align-items:center;column-gap:8px;min-height:72px}.word_center{justify-self:center;text-align:center}.word_font{margin:0;font-size:var(--font-word);font-weight:700}.divider{border:0;height:2px;width:auto;margin:0 24px;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--violet) 25%,transparent),color-mix(in srgb,var(--pink) 25%,transparent))}.sound-icon{justify-self:end;align-self:center;width:26px;height:26px;cursor:pointer;color:var(--pink);transition:transform .15s}.sound-icon:hover{transform:scale(1.15)}.revealed{color:var(--right-text)}.hidden{color:var(--text-muted);letter-spacing:.1em}.long-button{display:flex;align-items:center;justify-content:center;width:350px;max-width:calc(100% - 32px);height:56px;margin:20px auto 0;padding:0 16px;border:2px solid var(--border);border-radius:14px;background:var(--bg-card);color:var(--text-color);font:500 var(--font-ui) var(--font-family);cursor:pointer;transition:transform .12s,border-color .12s,background .2s;appearance:none;-webkit-appearance:none;background-clip:padding-box;text-align:center}.long-button:hover{border-color:var(--violet);transform:translateY(-1px)}.long-button:active{transform:scale(.97)}.long-button:disabled{pointer-events:none}.long-button.right{border-color:var(--right);background:var(--right-bg);color:var(--right-text);pointer-events:none;animation:wc-pop .45s ease}.long-button.wrong{border-color:var(--wrong);background:var(--wrong-bg);color:var(--wrong-text);pointer-events:none;animation:wc-shake .5s ease}.button_center{text-align:center}.next_button{width:250px;margin-top:60px}.btn_preview{display:block;width:350px;max-width:calc(100% - 32px);margin-left:auto;margin-right:auto}.cta.btn_preview{margin-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.preview{border-radius:var(--radius-card);background:var(--bg-card);border:1px solid var(--bg-card-border);padding:16px;margin:20px 20px 0}.button-flex{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;width:100%;max-width:100%;padding-top:35px}.choose-by-letters{width:52px;height:52px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-tile);background:var(--bg-card);color:var(--text-color);font:500 19px var(--font-family);cursor:pointer;transition:transform .1s,border-color .1s;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;background-clip:padding-box;text-align:center}.choose-by-letters:hover{border-color:var(--violet)}.choose-by-letters:active{transform:scale(.94)}.choose-by-letters.right{border-color:transparent;background:var(--right);color:#12281a;pointer-events:none;animation:wc-pop .45s ease}.choose-by-letters.wrong{border-color:transparent;background:var(--wrong);color:#341a0f;animation:wc-shake .5s ease}@media(max-width:768px){.choose-by-letters{width:46px;height:46px;border-radius:12px}.word_font{font-size:27px}}.cta{display:flex;align-items:center;justify-content:center;width:350px;max-width:calc(100% - 32px);height:54px;margin:20px auto 0;padding:0 16px;border:0;border-radius:var(--radius-btn);background:var(--grad-brand);background-size:200% 100%;color:#fff;font:600 var(--font-ui) var(--font-family);cursor:pointer;animation:wc-shimmer 4s linear infinite;transition:transform .12s,box-shadow .12s;appearance:none;-webkit-appearance:none}.cta:hover{box-shadow:var(--glow-cta)}.cta:active{transform:scale(.97)}.cta:disabled{filter:grayscale(.7);opacity:.6;cursor:default;animation:none}.input-wrapper{display:flex;align-items:center;gap:8px;width:100%;max-width:340px;margin:20px auto}.input-wrapper input{flex:1;padding:12px 14px;font-size:var(--font-base);font-family:var(--font-family);border:2px solid var(--border);border-radius:14px;outline:none;background:var(--bg-card);color:var(--text-color);transition:border-color .2s,box-shadow .2s}.input-wrapper input:focus{border-color:var(--violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 22%,transparent)}.input-wrapper input.correct{border-color:var(--right);box-shadow:0 0 0 3px color-mix(in srgb,var(--right) 28%,transparent)}.input-wrapper input.wrong{border-color:var(--wrong);box-shadow:0 0 0 3px color-mix(in srgb,var(--wrong) 28%,transparent);animation:wc-shake .5s ease}.send-btn{padding:0 16px;height:46px;border:0;border-radius:14px;background:var(--grad-brand);color:#fff;font-size:18px;cursor:pointer;transition:transform .1s;appearance:none;-webkit-appearance:none}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{filter:grayscale(.7);opacity:.6;cursor:default}.m-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:#140f238c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:wc-fade-up .2s ease both}.m-card,.modal{position:relative;width:min(92vw,360px);padding:20px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--bg-card);color:var(--text-color);border:1px solid var(--bg-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);animation:wc-fade-up .3s ease both;overflow:hidden}.m-head{margin:0 0 8px}.m-title,.modal-title{margin:0;font-size:18px;font-weight:600}.m-body{margin:8px 0 14px;color:var(--text-soft)}.m-foot,.modal-footer{display:flex;justify-content:flex-end;gap:8px}.wc-scroll-visible{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.wc-scroll-visible::-webkit-scrollbar{width:8px}.wc-scroll-visible::-webkit-scrollbar-track{background:transparent}.wc-scroll-visible::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.btn{min-width:110px;height:42px;padding:0 14px;border:0;border-radius:12px;cursor:pointer;font:500 15px var(--font-family);transition:transform .1s;appearance:none;-webkit-appearance:none}.btn:active{transform:scale(.96)}.btn.ghost{background:var(--chip-bg);color:var(--chip-text)}.btn.primary,.btn:not(.ghost):not(.outline){background:var(--grad-brand);color:#fff}.btn.outline{background:transparent;border:1px solid var(--border);color:var(--text-color)}.btn:disabled{opacity:.6;cursor:default}.confetti{position:absolute;top:0;width:7px;height:7px;border-radius:2px;background:var(--lime);pointer-events:none;animation:wc-confetti 2.8s linear infinite}.confetti:nth-child(2n){background:var(--pink);border-radius:50%}.confetti:nth-child(3n){background:var(--violet)}.wc-select{display:flex;flex-direction:column;gap:8px;width:100%}.wc-select__label{font-size:13px;font-weight:500;color:var(--text-muted)}.wc-select__wrap{position:relative}.wc-select__field{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;padding:0 14px;border:2px solid var(--border);border-radius:14px;background:var(--bg-card);color:var(--text-color);font:500 var(--font-ui) var(--font-family);cursor:pointer;transition:border-color .15s;appearance:none;-webkit-appearance:none}.wc-select__field:hover,.wc-select__field:focus-visible{border-color:var(--violet)}.wc-select__field:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 22%,transparent)}.wc-select__field[aria-expanded=true]{border-color:var(--violet)}.wc-select__value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-select__chevron{width:13px;height:13px;margin-left:10px;flex-shrink:0;color:var(--text-muted);transition:transform .2s}.wc-select__chevron.is-open{transform:rotate(180deg)}.wc-select__panel{list-style:none;margin:0;padding:6px;max-height:280px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:14px;box-shadow:var(--shadow-modal)}.wc-select__option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;font-size:var(--font-ui);color:var(--text-color);cursor:pointer;transition:background .12s}.wc-select__option:hover,.wc-select__option.is-highlighted{background:var(--chip-bg)}.wc-select__option.is-selected{background:var(--chip-bg);color:var(--chip-text);font-weight:600}.wc-select__check{width:15px;height:15px;flex-shrink:0;color:var(--violet)}.wc-select__panel--popover{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40}.wc-select__panel--popover.is-flip{top:auto;bottom:calc(100% + 6px)}@keyframes wc-select-row-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wc-pop-enter-active .wc-select__option{animation:wc-select-row-in .18s ease both}.wc-pop-enter-active,.wc-pop-leave-active{transition:opacity .15s ease,transform .15s ease}.wc-pop-enter-from,.wc-pop-leave-to{opacity:0;transform:translateY(-6px)}.wc-select__panel--popover.is-flip.wc-pop-enter-from,.wc-select__panel--popover.is-flip.wc-pop-leave-to{transform:translateY(6px)}.wc-select__panel--inline{margin-top:6px}.wc-inline-enter-active,.wc-inline-leave-active{transition:grid-template-rows .22s ease,opacity .18s ease;display:grid;grid-template-rows:1fr;overflow:hidden}.wc-inline-enter-from,.wc-inline-leave-to{grid-template-rows:0fr;opacity:0}.wc-inline-enter-to,.wc-inline-leave-from{grid-template-rows:1fr;opacity:1}.wc-inline-enter-active>*,.wc-inline-leave-active>*{min-height:0}.wc-segmented{position:relative;display:flex;gap:4px;padding:4px;background:var(--track);border:1px solid var(--border);border-radius:var(--radius-btn)}.wc-segmented__thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--wc-seg-count, 1));transform:translate(calc(var(--wc-seg-index, 0) * 100%));opacity:var(--wc-seg-thumb-visible, 1);background:var(--grad-brand);border-radius:calc(var(--radius-btn) - 4px);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .15s;pointer-events:none}.wc-segmented__btn{position:relative;z-index:1;flex:1;min-width:0;height:40px;padding:0 8px;border:0;background:transparent;color:var(--text-soft);font:500 var(--font-ui) var(--font-family);border-radius:calc(var(--radius-btn) - 4px);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.wc-segmented__btn.is-selected{color:#fff;font-weight:600}.wc-segmented__btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 30%,transparent)}.wc-sheet__overlay{position:fixed;inset:0;z-index:100000;background:#140f238c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.wc-sheet{position:fixed;left:0;right:0;bottom:0;z-index:100001;max-height:70vh;display:flex;flex-direction:column;background:var(--bg-card);color:var(--text-color);border:1px solid var(--bg-card-border);border-bottom:none;border-radius:20px 20px 0 0;box-shadow:var(--shadow-modal);padding:8px 6px calc(10px + env(safe-area-inset-bottom,0px))}.wc-sheet__handle{width:40px;height:4px;margin:4px auto 10px;border-radius:999px;background:var(--border);cursor:pointer}.wc-sheet__list{list-style:none;margin:0;padding:0 4px;overflow-y:auto}.wc-sheet__option{min-height:48px;padding:12px}.wc-sheet-overlay-enter-active,.wc-sheet-overlay-leave-active{transition:opacity .2s ease}.wc-sheet-overlay-enter-from,.wc-sheet-overlay-leave-to{opacity:0}.wc-sheet-slide-enter-active,.wc-sheet-slide-leave-active{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.wc-sheet-slide-enter-from,.wc-sheet-slide-leave-to{transform:translateY(100%)}.wc-voice-picker{position:relative}.wc-voice-picker__list{list-style:none;margin:0;padding:4px;max-height:220px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:14px}.wc-voice-picker__row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding:8px 10px;margin-bottom:2px;border-radius:10px;cursor:pointer;transition:background .25s ease}.wc-voice-picker__row:last-child{margin-bottom:0}.wc-voice-picker__row:hover{background:var(--chip-bg)}.wc-voice-picker__row.is-selected,.wc-voice-picker__row.is-selected:hover{background:var(--grad-brand)}.wc-voice-picker__info{display:flex;flex-direction:column;gap:2px;min-width:0}.wc-voice-picker__name{font-weight:600;font-size:var(--font-ui);color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-voice-picker__meta{font-size:12.5px;color:var(--text-muted)}.wc-voice-picker__row.is-selected .wc-voice-picker__name,.wc-voice-picker__row.is-selected .wc-voice-picker__meta{color:#fff}.wc-voice-picker__row.is-selected .wc-voice-picker__meta{opacity:.85}.wc-voice-picker__play{position:relative;flex-shrink:0;width:36px;height:36px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit;cursor:pointer}.wc-voice-picker__row.is-selected .wc-voice-picker__play{background:color-mix(in srgb,#fff 22%,transparent)}.wc-voice-picker__play svg{width:15px;height:15px}.wc-voice-picker__play .wc-voice-picker__eq{width:16px;height:16px}.wc-voice-picker__play.is-playing{background:color-mix(in srgb,currentColor 20%,transparent)}.wc-voice-picker__ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid currentColor;opacity:0;animation:wc-voice-ring 1.1s ease-out infinite}@keyframes wc-voice-ring{0%{transform:scale(.8);opacity:.55}to{transform:scale(1.35);opacity:0}}.wc-voice-picker__fade{position:absolute;left:4px;right:4px;height:28px;pointer-events:none;opacity:0;transition:opacity .2s;border-radius:14px 14px 0 0}.wc-voice-picker__fade--top{top:0;background:linear-gradient(var(--bg-card),transparent)}.wc-voice-picker__fade--bottom{bottom:0;border-radius:0 0 14px 14px;background:linear-gradient(transparent,var(--bg-card))}.wc-voice-picker__fade.is-visible{opacity:1}