@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap";
.SwitchToggle-module-scss-module__pvY38G__switch{width:36px;height:22px;display:inline-block;position:relative}.SwitchToggle-module-scss-module__pvY38G__switch input{opacity:0;width:0;height:0}.SwitchToggle-module-scss-module__pvY38G__slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.SwitchToggle-module-scss-module__pvY38G__slider:before{content:"";background-color:#fff;width:14px;height:14px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.SwitchToggle-module-scss-module__pvY38G__slider{background-color:#c10865}input:focus+.SwitchToggle-module-scss-module__pvY38G__slider{box-shadow:0 0 1px #c10865}input:checked+.SwitchToggle-module-scss-module__pvY38G__slider:before{transform:translate(14px)}.SwitchToggle-module-scss-module__pvY38G__slider.SwitchToggle-module-scss-module__pvY38G__round{border-radius:10px}.SwitchToggle-module-scss-module__pvY38G__slider.SwitchToggle-module-scss-module__pvY38G__round:before{border-radius:50%}
.LearnMode-module-scss-module__coX2oW__learnMode{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 10%,#c1086513,#0000 32%),#ffffffd1;border:1px solid #94a3b824;border-radius:28px;min-height:620px;padding:14px;position:relative;box-shadow:0 24px 70px #0f172a14}.LearnMode-module-scss-module__coX2oW__learnMode svg{color:currentColor;flex-shrink:0}.LearnMode-module-scss-module__coX2oW__topbar{border-bottom:1px solid #edf1f5;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:62px;padding:8px 10px 16px;display:grid}.LearnMode-module-scss-module__coX2oW__back{color:#64748b;background:#ffffffc7;border:1px solid #e5eaf0;border-radius:12px;justify-content:center;justify-self:start;align-items:center;gap:4px;min-height:40px;padding:0 13px 0 9px;font-size:13px;font-weight:750;transition:color .15s,border-color .15s,transform .15s;display:inline-flex}.LearnMode-module-scss-module__coX2oW__back:hover{color:#c10865;border-color:#c1086538;transform:translate(-2px)}.LearnMode-module-scss-module__coX2oW__deckName{color:#172033;align-items:center;gap:10px;font-size:14px;display:inline-flex}.LearnMode-module-scss-module__coX2oW__deckName .LearnMode-module-scss-module__coX2oW__deckIcon{color:#c10865;background:#fff1f6;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.LearnMode-module-scss-module__coX2oW__topStatus{color:#94a3b8;justify-self:end;font-family:Source Code Pro,monospace;font-size:12px;display:none}.LearnMode-module-scss-module__coX2oW__topStatus strong{color:#172033;font-size:16px}.LearnMode-module-scss-module__coX2oW__learnGrid{grid-template-columns:minmax(150px,.7fr) minmax(500px,2.6fr) minmax(180px,.8fr);align-items:start;gap:22px;padding:34px 22px 28px;display:grid}.LearnMode-module-scss-module__coX2oW__panelLabel{color:#94a3b8;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;font-size:10px;font-weight:850}.LearnMode-module-scss-module__coX2oW__info,.LearnMode-module-scss-module__coX2oW__setting{background:#ffffffb8;border:1px solid #e8edf3;border-radius:18px;padding:20px;box-shadow:0 10px 28px #0f172a0a}.LearnMode-module-scss-module__coX2oW__info .LearnMode-module-scss-module__coX2oW__progress{background:#e9eef4;border-radius:999px;height:7px;overflow:hidden}.LearnMode-module-scss-module__coX2oW__info .LearnMode-module-scss-module__coX2oW__progress .progress-bar{border-radius:inherit;background:linear-gradient(90deg,#c10865,#ec4899,#60a5fa);box-shadow:0 5px 14px #c1086533}.LearnMode-module-scss-module__coX2oW__info .LearnMode-module-scss-module__coX2oW__status{color:#94a3b8;align-items:center;gap:5px;margin-top:15px;font-family:Source Code Pro,monospace;display:flex}.LearnMode-module-scss-module__coX2oW__info .LearnMode-module-scss-module__coX2oW__status strong{color:#172033;font-size:30px;line-height:1}.LearnMode-module-scss-module__coX2oW__flashcardContainer{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__flashcardList{width:500px;height:320px;position:relative}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__endCard{z-index:9;background:radial-gradient(circle at 50% 10%,#ec489929,#0000 42%),#fff;border:1px solid #c1086521;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 60px #0f172a1f}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__endCard .LearnMode-module-scss-module__coX2oW__endIcon{background:#fff1f6;border-radius:26px;place-items:center;width:82px;height:82px;display:grid}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__endCard .LearnMode-module-scss-module__coX2oW__restartButton{background:linear-gradient(135deg,#c10865,#df2b81);border:0;border-radius:14px;align-items:center;gap:7px;min-height:48px;padding:0 20px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 12px 26px #c1086538}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__control{background:#ffffffe0;border:1px solid #e6ebf1;border-radius:20px;justify-content:center;align-items:center;gap:10px;min-height:66px;margin-top:24px;padding:7px;display:flex;box-shadow:0 14px 32px #0f172a14}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__control button{color:#64748b;background:0 0;border:0;border-radius:15px;place-items:center;width:48px;height:48px;padding:0;transition:color .15s,background .15s,transform .15s;display:grid}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__control button:hover:not(:disabled){color:#c10865;background:#fff1f6;transform:translateY(-1px)}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__control button:disabled{opacity:.3;cursor:default}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__control .LearnMode-module-scss-module__coX2oW__primaryControl{color:#fff;background:linear-gradient(135deg,#c10865,#df2b81);width:52px;height:52px;box-shadow:0 10px 22px #c108653b}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__control .LearnMode-module-scss-module__coX2oW__primaryControl:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#a00657,#c10865)}.LearnMode-module-scss-module__coX2oW__setting .LearnMode-module-scss-module__coX2oW__settingItem+.LearnMode-module-scss-module__coX2oW__settingItem{margin-top:10px}.LearnMode-module-scss-module__coX2oW__setting .LearnMode-module-scss-module__coX2oW__settingItem section{justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:0 2px;display:flex}.LearnMode-module-scss-module__coX2oW__setting .LearnMode-module-scss-module__coX2oW__settingCopy{color:#475569;align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.LearnMode-module-scss-module__coX2oW__setting .LearnMode-module-scss-module__coX2oW__settingCopy svg{color:#c10865}.LearnMode-module-scss-module__coX2oW__setting .LearnMode-module-scss-module__coX2oW__settingSwitcher{flex-shrink:0}@media (max-width:1080px){.LearnMode-module-scss-module__coX2oW__learnGrid{grid-template-columns:minmax(0,1fr)}.LearnMode-module-scss-module__coX2oW__info{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.LearnMode-module-scss-module__coX2oW__info .LearnMode-module-scss-module__coX2oW__panelLabel,.LearnMode-module-scss-module__coX2oW__info .LearnMode-module-scss-module__coX2oW__status{margin:0}.LearnMode-module-scss-module__coX2oW__info .LearnMode-module-scss-module__coX2oW__status strong{font-size:20px}.LearnMode-module-scss-module__coX2oW__setting{grid-template-columns:auto 1fr 1fr;align-items:center;gap:14px;display:grid}.LearnMode-module-scss-module__coX2oW__setting .LearnMode-module-scss-module__coX2oW__panelLabel,.LearnMode-module-scss-module__coX2oW__setting .LearnMode-module-scss-module__coX2oW__settingItem+.LearnMode-module-scss-module__coX2oW__settingItem{margin:0}}@media (min-width:320px) and (max-width:680px){.LearnMode-module-scss-module__coX2oW__learnMode{border-radius:22px;min-height:540px;padding:9px}.LearnMode-module-scss-module__coX2oW__topbar{grid-template-columns:auto 1fr auto;gap:8px;padding:6px 4px 12px}.LearnMode-module-scss-module__coX2oW__topbar .LearnMode-module-scss-module__coX2oW__back span{display:none}.LearnMode-module-scss-module__coX2oW__topbar .LearnMode-module-scss-module__coX2oW__back{width:40px;padding:0}.LearnMode-module-scss-module__coX2oW__topbar .LearnMode-module-scss-module__coX2oW__deckName{min-width:0}.LearnMode-module-scss-module__coX2oW__topbar .LearnMode-module-scss-module__coX2oW__deckName strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.LearnMode-module-scss-module__coX2oW__topbar .LearnMode-module-scss-module__coX2oW__topStatus{gap:3px;display:flex}.LearnMode-module-scss-module__coX2oW__learnGrid{gap:12px;padding:24px 2px 14px}.LearnMode-module-scss-module__coX2oW__info{display:none}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__flashcardList{width:min(300px,100vw - 54px);height:280px}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__endCard{border-radius:19px}.LearnMode-module-scss-module__coX2oW__flashcardContainer .LearnMode-module-scss-module__coX2oW__control{margin-top:18px}.LearnMode-module-scss-module__coX2oW__setting{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px;display:grid}.LearnMode-module-scss-module__coX2oW__setting .LearnMode-module-scss-module__coX2oW__panelLabel{display:none}.LearnMode-module-scss-module__coX2oW__setting .LearnMode-module-scss-module__coX2oW__settingItem section{min-height:44px}.LearnMode-module-scss-module__coX2oW__setting .LearnMode-module-scss-module__coX2oW__settingCopy{font-size:12px}}
