.flashcards-wrapper,.notes-wrapper{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;height:auto;min-height:100%;padding:0;display:flex;position:relative;overflow-x:visible}.flashcards-wrapper{align-items:center}#quiz-section{box-sizing:border-box;flex-direction:column;align-items:stretch;width:100%;min-height:100%;margin:0;padding:0;display:flex;position:relative}#quiz-section #sabo-toast-container{z-index:100;width:max-content;max-width:90%;margin:0;position:absolute;bottom:30px;left:50%;right:auto;transform:translate(-50%)}#results-section{text-align:center;padding:2rem 1.5rem}#results-section h2{color:var(--text-primary);margin-bottom:2rem;font-size:2rem}.deck-overview{flex-direction:column;gap:1rem;width:100%;max-width:100%;margin:0 auto;display:flex}.deck-overview-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1000px;margin:.5rem auto 1.25rem;display:flex}.deck-title-wrapper{flex-direction:column;flex:1;gap:.25rem;width:100%;display:flex}.deck-title-input{color:var(--text-primary);background:0 0;border:none;width:100%;max-width:none;margin:0 0 .2rem;padding:0;font-size:1.7rem;font-weight:600}.deck-title-row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;width:100%;margin-bottom:.2rem;display:flex}.deck-title-input-wrapper{flex:1}.deck-title-icon{color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.45rem;font-size:1.2rem;transition:color .2s,background .2s;display:inline-flex}.deck-title-icon:hover{color:var(--accent-color);background:#4078ff1f}.deck-title-actions{justify-content:flex-start;gap:.5rem;width:100%;margin-top:.5rem;display:flex;position:relative}.deck-title-actions .btn{text-align:center;border-radius:8px;flex:0 calc(33.333% - .5rem);width:calc(33.333% - .5rem);max-width:18rem;min-height:38px;padding:.45rem .85rem;font-size:.9rem}.deck-title-actions .btn.hidden{visibility:hidden}@media (width<=710px){#deck-overview{padding-top:0!important}}@media (width<=990px){.deck-title-actions{flex-direction:column;gap:.25rem;margin-top:0}.deck-title-actions .btn{flex:100%;width:100%;max-width:none;padding:8px 12px;font-size:.9em}.deck-title-input{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1.5rem;display:block;overflow:hidden}.deck-title-actions .btn.hidden{display:none}}@media (width<=710px){.quiz-header,.deck-nav-header{height:auto!important}.deck-overview-stats{gap:.5rem}}.deck-title-subactions{display:contents}.deck-title-input:focus{border-bottom:1px solid var(--accent-color);outline:none}.deck-title-input::placeholder{color:var(--text-secondary)}.deck-title-input:disabled{opacity:.6;cursor:not-allowed;border-bottom:none}.deck-overview-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:100%;margin:0 auto;padding-bottom:1rem;display:grid}.deck-title-wrapper{margin-top:0;margin-bottom:.5rem}.study-settings{z-index:5000;box-sizing:border-box;justify-content:center;align-items:center;padding-left:250px;display:flex;position:fixed;inset:0}@media (width<=1023px){.study-settings{padding-left:0}}.flashcard{width:100%;height:auto;min-height:200px;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .2s;position:relative}.flashcard.no-transition{transition:none!important}.flashcard.loading{opacity:0;pointer-events:none}#editor-section{flex-direction:column;gap:.5rem;width:100%;margin-top:1rem;display:flex}.editor-card-list{flex-direction:column;gap:.5rem;max-height:none;margin:0;padding:0;display:flex;overflow-y:visible}.editor-card-row{transform-origin:50%;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0e6;border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:.5rem;padding:.9rem .8rem .72rem;transition:transform .18s,box-shadow .2s;animation:.35s backwards cardSlideUp;display:flex;position:relative;box-shadow:0 3px 10px #0f172a08}.editor-card-row:first-child{animation-delay:20ms}.editor-card-row:nth-child(2){animation-delay:40ms}.editor-card-row:nth-child(3){animation-delay:60ms}.editor-card-row:nth-child(4){animation-delay:80ms}.editor-card-row:nth-child(5){animation-delay:.1s}.editor-card-row:nth-child(6){animation-delay:.12s}.editor-card-row:nth-child(7){animation-delay:.14s}.editor-card-row:nth-child(8){animation-delay:.16s}.editor-card-row:nth-child(n+9){animation-delay:.18s}.editor-inputs{flex:1;min-width:0}.editor-row-actions,.drag-handle{flex-shrink:0}.editor-card-row.drop-target:before{content:"";background-color:var(--accent-color);pointer-events:none;z-index:10;height:2px;position:absolute;top:-.5rem;left:0;right:0}.editor-card-row.drop-target.drop-target-after:before{top:auto;bottom:-.5rem}.editor-card-row.drop-target{box-shadow:0 10px 28px #2563eb26}.editor-card-row.dragging{cursor:grabbing;border:2px dashed var(--accent-color)}.editor-card-row.drag-origin-placeholder{opacity:0;pointer-events:none;border:none;height:0;min-height:0;margin:0;padding:0}.editor-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;width:100%;display:grid}.editor-input{box-sizing:border-box;width:100%;color:var(--text-primary);resize:none;-webkit-user-select:text;user-select:text;background:#fffffff2;border:1px solid #cbd5e1e6;border-radius:8px;min-height:100px;padding:.6rem;font-family:inherit;font-size:.95rem;line-height:1.5;overflow-y:hidden}.editor-input:focus{border-color:var(--text-secondary);box-shadow:none;outline:none}.editor-input-wrapper{flex-direction:column;display:flex;position:relative}.pronunciation-btn{cursor:pointer;color:var(--text-secondary);opacity:.5;background:0 0;border:none;border-radius:4px;padding:3px 5px;font-size:.85em;transition:opacity .15s,background-color .15s,color .15s;position:absolute;bottom:6px;right:6px}.pronunciation-btn:hover{opacity:1;background:var(--bg-tertiary)}.editor-input-wrapper:hover .pronunciation-btn{opacity:.8}.editor-row-actions{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.drag-handle{color:var(--text-secondary);cursor:grab;align-self:center;align-items:center;transition:color .2s;display:flex;position:relative}.drag-handle:after{content:"";z-index:5;position:absolute;inset:-10px}.editor-card-row.drop-target .drag-handle{color:var(--accent-color)}.editor-card-row.dragging .drag-handle{cursor:grabbing}.deck-nav-header{border-bottom:1px solid var(--border-color);z-index:100;box-sizing:border-box;background:#fdfdfd;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:6px 32px;display:flex;position:sticky;top:0;left:0;right:0;width:100%!important;max-width:none!important;margin:0!important}.quiz-header{border-bottom:1px solid var(--border-color);z-index:100;box-sizing:border-box;background:#fdfdfd;justify-content:space-between;align-items:center;width:100%;height:auto;padding:6px 32px;display:flex;position:sticky;top:0}@media (width<=800px){.quiz-header,.deck-nav-header{width:100%;padding:6px 14px}}#quiz-section{padding-top:0!important}.quiz-header .icon-btn,.deck-nav-header .icon-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;width:36px;height:36px;padding:6px;font-size:1.2rem;position:relative;z-index:100!important;pointer-events:auto!important}.quiz-header .progress-bar-container{flex:1;margin:0 1rem}.quiz-header #progress-text{display:none}.quiz-header #exit-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.icon-btn i,.mobile-menu-btn i,#open-settings-btn i,#exit-btn i{line-height:1;font-size:1.25rem!important}#quiz-settings-menu{z-index:100;width:min(260px,100vw - 24px);max-height:min(70vh,560px);margin-top:0;font-family:inherit;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}#quiz-settings-menu.hidden{display:none}@media (width<=990px){#flashcards-app .deck-overview-header,#flashcards-app .deck-overview-stats,#flashcards-app #editor-section{padding-left:1.5rem!important;padding-right:1.5rem!important}}.flashcards-page .main{box-sizing:border-box;margin-top:0;padding-top:0}@media (width<=710px){.flashcards-page .main{padding-top:0;overflow-x:hidden}.flashcards-wrapper,.notes-wrapper{gap:0!important}}@media (width>=991px){.flashcards-page .main{padding-top:0}}@media (width<=990px){.study-settings{pointer-events:auto;z-index:5000;padding-left:0}.study-settings.hidden{display:none}}.study-stage{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.25rem;width:100%;max-width:800px;min-height:60vh;margin:0 auto;padding:24px 1.5rem 16px;display:flex}@media (width<=710px){.flashcards-page .container{height:100%!important;min-height:100%!important}#flashcards-app.flashcards-wrapper{-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;height:100%!important;min-height:100dvh!important;overflow:hidden auto!important}.study-stage{gap:.35rem;padding:14px 1rem;justify-content:flex-start!important;height:auto!important;min-height:auto!important;padding-bottom:20px!important;overflow:visible!important}.flashcard-container{flex-direction:column;width:100%;margin-top:1rem;display:flex;flex:none!important;height:auto!important;min-height:auto!important;margin-bottom:0!important}.flashcard{flex-direction:column;width:100%;display:flex;position:relative;height:auto!important;min-height:auto!important}}.flashcard-container.audio-quiz-mode{z-index:1;margin-bottom:1rem;padding-bottom:0;flex:none!important;height:auto!important;min-height:0!important}.flashcard-container.audio-quiz-mode .flashcard{min-height:250px;margin-bottom:0;height:auto!important}.flashcard-container.audio-quiz-mode+.interaction-area{z-index:10;margin-top:1rem;position:relative}@media (width<=710px){.flashcard-container.audio-quiz-mode{margin-bottom:2rem}.flashcard-container.audio-quiz-mode .flashcard{min-height:220px;height:auto!important}}.flashcard.flipped .card-front{display:none}.flashcard.flipped .card-back{display:flex}.card-face{box-sizing:border-box;backface-visibility:hidden;border-radius:16px;flex-direction:column;grid-area:stack;margin:0 auto;display:flex;position:relative}.card-front,.card-back{box-sizing:border-box;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;min-height:auto;padding:2rem 1.25rem;box-shadow:0 10px 30px #00000008}@media (width<=710px){.card-front,.card-back{border-radius:12px;padding:1.75rem .6rem .6rem}}.card-front{display:flex}.card-back{display:none}@media (width<=710px){.flashcard h3{font-size:1.2rem}}.flashcard h3{color:var(--text-primary);font-size:1.4rem;line-height:1.4}.interaction-area{flex-direction:column;align-items:center;gap:1rem;width:100%;min-height:80px;display:flex}@media (width<=710px){.interaction-area{gap:.5rem;min-height:auto}}.controls{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.row-btns{justify-content:center;gap:1rem;width:100%;display:flex}.row-btns button{flex:1;max-width:200px}:root.sabo-dark-mode #flashcards-app #quiz-section #rate-btns #missed-btn,:root.sabo-dark-mode #flashcards-app #quiz-section #rate-btns #got-it-btn{box-shadow:none;border:1px solid #0000;transition:background-color .16s,border-color .16s,color .16s,box-shadow .2s;background:#050505!important}:root.sabo-dark-mode #flashcards-app #quiz-section #rate-btns #missed-btn{color:#ff9b9b!important;border-color:#ff6b6ba6!important}:root.sabo-dark-mode #flashcards-app #quiz-section #rate-btns #got-it-btn{color:#90e5ab!important;border-color:#5ec77ab3!important}:root.sabo-dark-mode #flashcards-app #quiz-section #rate-btns #missed-btn:hover{box-shadow:0 8px 20px #ff6b6b33;color:#ffd7d7!important;background:#ff6b6b29!important;border-color:#ff8f8f!important}:root.sabo-dark-mode #flashcards-app #quiz-section #rate-btns #got-it-btn:hover{box-shadow:0 8px 20px #5ec77a33;color:#d4f8df!important;background:#5ec77a2e!important;border-color:#7fdf9d!important}:root.sabo-dark-mode #flashcards-app #quiz-section #rate-btns #missed-btn:active{background:#ff6b6b3d!important}:root.sabo-dark-mode #flashcards-app #quiz-section #rate-btns #got-it-btn:active{background:#5ec77a42!important}:root.sabo-dark-mode #flashcards-app #quiz-section #rate-btns #missed-btn:focus-visible,:root.sabo-dark-mode #flashcards-app #quiz-section #rate-btns #got-it-btn:focus-visible{outline-offset:2px}.controls button{border-radius:12px;width:100%;max-width:300px;min-height:48px;font-weight:600}#answer-input{border:1px solid var(--glass-border);width:100%;max-width:100%;color:var(--text-primary);box-sizing:border-box;background:#fff;border-radius:4px;outline:none;flex:1;padding:.8rem 1.2rem;font-family:inherit;font-size:1rem;box-shadow:0 2px 8px #00000005}#answer-input:focus{border-color:var(--text-secondary);box-shadow:none;outline:none}#answer-input.correct{border-color:var(--success-color);color:var(--success-color);background-color:#81c7841a}#answer-input.wrong{border-color:var(--danger-color);color:var(--danger-color);background-color:#ef53501a}.input-container{flex-direction:column;gap:.5rem;width:100%;max-width:400px;display:flex}.input-wrapper{gap:.5rem;width:100%;display:flex}.input-feedback{color:var(--success-color);padding-left:.5rem;font-size:.9rem;font-weight:600;animation:.2s ease-out slideDown}#override-btn{justify-content:center;align-items:center;height:48px;font-size:1rem;display:flex}.mc-container{z-index:10;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;display:grid;position:relative}.flashcard-container{perspective:1000px;z-index:1;width:100%;margin-bottom:0;position:relative}@media (width<=710px){.mc-container{z-index:20;flex-direction:column;gap:.75rem;display:flex;position:relative;margin-top:0!important}.mc-btn{padding:1rem}}.mc-btn{border:1px solid var(--glass-border);width:100%;min-width:0;color:var(--text-primary);cursor:pointer;text-align:center;background:#fff;border-radius:12px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #00000005}.mc-content{width:100%;min-width:0;display:block}.mc-content .katex-display{-webkit-overflow-scrolling:touch;max-width:100%;margin:0;overflow:auto hidden}.mc-btn:hover{background:var(--bg-secondary);transform:translateY(-2px)}.mc-btn.correct{background:var(--success-color);border-color:var(--success-color);color:#fff}.mc-btn.wrong{background:var(--danger-color);border-color:var(--danger-color);color:#fff;opacity:.8}#results-section{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;margin-top:0;display:flex}.action-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.action-buttons .btn{white-space:nowrap;flex:1;min-width:120px;max-width:200px}#mistakes-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}#mistakes-list li{background:#fff;border:1px solid #ef53501a;border-radius:8px;justify-content:space-between;padding:.5rem;display:flex}.no-animations *,body.no-animations *,.flashcards-wrapper.no-animations *{transition:none!important;animation:none!important}#flashcards-app .deck-editor,#flashcards-app #editor-section{width:100%;max-width:1000px;margin:0 auto}#deck-overview{box-sizing:border-box;width:100%;padding:0;max-width:100%!important;margin:0!important}#flashcards-app .deck-overview-header,#flashcards-app .deck-overview-stats,#flashcards-app .deck-editor{box-sizing:border-box;max-width:1000px;padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}@media (width<=710px){#library-section,#deck-overview{margin-top:0!important;padding-top:0!important}}body.flashcards-page:has(.container.sidebar-collapsed) .main{margin-left:0}.flashcards-page .main{box-sizing:border-box;flex:1;width:100%}.audio-btn{color:var(--text-secondary);cursor:pointer;aspect-ratio:1;z-index:10;opacity:.6;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;font-size:1.2rem;transition:all .2s,opacity .3s;display:flex;position:absolute;top:12px;left:12px}.audio-btn:hover{background-color:var(--bg-hover);color:var(--accent-color);opacity:1;transform:scale(1.1)}.audio-btn.hidden{pointer-events:none;opacity:0!important}.card-content,.card-front,.card-back,.flashcard h3,.flashcard p,.flashcard div{font-weight:400}@media (width<=990px){.editor-card-row{flex-direction:column;gap:.5rem;padding:.9rem .8rem .72rem}.deck-title-subactions{flex-direction:column;width:100%;margin-top:.625rem;display:flex}.editor-row-actions{flex-direction:row;order:-1;justify-content:flex-end;gap:.5rem;width:100%}.editor-row-actions .editor-action-btn.delete{order:99}.drag-handle{display:none}.editor-inputs{grid-template-columns:1fr;gap:.5rem;width:100%}.editor-input{min-height:70px}}@media (width<=710px){#quiz-settings-menu{max-height:min(68vh,520px);z-index:2005!important;width:min(280px,100vw - 20px)!important;max-width:100%!important;position:fixed!important;top:56px!important;left:auto!important;right:10px!important}.card-front,.card-back{padding:4.5rem 1.5rem 2rem!important}body:has(#quiz-section:not(.hidden)) .mobile-menu-btn{display:none!important}#quiz-section{justify-content:flex-start;gap:0;min-height:100dvh;height:auto!important;padding-top:0!important;overflow:visible!important}body:has(#quiz-section:not(.hidden)) #flashcards-app{height:auto!important;overflow:visible!important}.study-stage{justify-content:flex-start;gap:1.25rem;min-height:auto;padding-top:0;height:auto!important;overflow:visible!important}.flashcard-container{flex:0 auto;height:auto;max-height:60vh}.flashcard{height:auto;min-height:250px}}.mc-btn.compact-audio{justify-content:center;align-items:center;gap:10px;min-height:auto;padding:1rem;display:flex}.mc-btn.compact-audio .mc-audio-icon{padding:0;font-size:1.2rem;transition:color .2s}.mc-btn.compact-audio:hover .mc-audio-icon{color:#3b82f6}.mc-btn.speaking{transform:scale(1.02);box-shadow:0 4px 6px -1px #3b82f61a,0 2px 4px -1px #3b82f60f;background-color:#3b82f61a!important;border-color:#3b82f6!important}.mc-btn.compact-audio.correct{color:#16a34a!important;background-color:#22c55e26!important;border-color:#22c55e!important}.mc-btn.compact-audio.correct .mc-audio-icon{color:#16a34a!important}.mc-btn.compact-audio.wrong{color:#dc2626!important;background-color:#ef444426!important;border-color:#ef4444!important}.mc-btn.compact-audio.wrong .mc-audio-icon{color:#dc2626!important}.audio-reveal-layout{justify-content:center;align-items:center;gap:1.5rem;padding:1rem;display:flex}.audio-reveal-icon{color:#6b7280;font-size:2.5rem;transition:color .2s}.audio-reveal-layout:hover .audio-reveal-icon{color:#3b82f6}.audio-reveal-text{color:#1f2937;font-size:1.5rem;font-weight:600}#start-study-btn{z-index:10!important;pointer-events:auto!important;cursor:pointer!important;position:relative!important}#exit-btn,#quiz-edit-card-btn,#quiz-settings-btn,.deck-nav-header .icon-btn,.quiz-header .icon-btn{z-index:100!important;pointer-events:auto!important;cursor:pointer!important;position:relative!important}.quiz-header .progress-bar-container{z-index:10}#quiz-edit-card-btn.is-editing{color:var(--accent-color);background:#3b82f61f}#card-front-text[contenteditable=true],#card-back-text[contenteditable=true]{outline-offset:6px;cursor:text;-webkit-user-select:text;user-select:text;border-radius:8px;outline:2px dashed #3b82f68c;padding:6px 8px}#flip-btn{color:#333;background-color:#fff;border-color:#ebebeb}#study-missed-btn{color:#444;border-color:#999}#study-missed-btn:hover{color:#222;border-color:#666;outline:none;box-shadow:0 4px 12px #00000014}#choiceModal .modal-content{text-align:left}#choiceModal #choiceMessage{text-align:left;margin:0}#pronunciationModal .modal-content{max-width:450px}#pronunciationModal .pronunciation-modal-desc{color:var(--text-secondary);text-align:center;margin-bottom:15px;font-size:.9em}#pronunciationModal .pronunciation-modal-label{text-align:center;margin-bottom:5px;font-weight:500;display:block}#pronunciationOriginal{background:var(--bg-tertiary);text-align:center;border-radius:6px;max-height:80px;margin-bottom:15px;padding:10px;font-size:.9em;overflow-y:auto}#pronunciationInput{border:1px solid var(--border-color);resize:vertical;box-sizing:border-box;background:var(--bg-secondary);width:100%;min-height:80px;color:var(--text-primary);border-radius:6px;margin-bottom:20px;padding:10px;font-size:.95em}#pronunciationModal .pronunciation-modal-actions{gap:10px;display:flex}.flashcards-wrapper,.notes-wrapper{gap:.8rem}.deck-overview-header{gap:.8rem;margin:.35rem auto 1rem}.deck-title-input{font-size:1.55rem}.deck-title-actions{gap:.45rem;margin-top:.4rem}.deck-title-actions .btn{border-radius:7px;min-height:36px;padding:.4rem .7rem;font-size:.84rem}.deck-overview-stats{padding-bottom:.9rem}#editor-section{gap:.45rem;margin-top:.8rem}.editor-card-list{gap:.45rem}.editor-card-row{border-color:#d9e3f0;border-radius:8px;gap:.45rem;padding:.9rem .72rem .72rem;box-shadow:0 1px 3px #0f172a0d}.editor-inputs{gap:.45rem}.editor-input{border-radius:8px;min-height:92px;padding:.52rem;font-size:.9rem}.editor-input-wrapper .editor-input{padding-right:30px}.pronunciation-btn{padding:2px 5px;bottom:6px;right:6px}.quiz-header,.deck-nav-header{padding:6px 20px}.quiz-header .icon-btn,.deck-nav-header .icon-btn,.quiz-header #exit-btn{border-radius:6px;width:34px;height:34px;padding:5px}#quiz-settings-menu{width:min(260px,100vw - 24px)}.study-stage{gap:.85rem;max-width:860px;padding:22px 1.4rem 1rem}.flashcard-container,.interaction-area{max-width:860px}.card-face,.card-front,.card-back{border-radius:14px}.card-front,.card-back{min-height:170px;padding:1.8rem 1rem 1.6rem;box-shadow:0 2px 8px #0f172a0a}.flashcard h3{font-size:1.58rem;line-height:1.35}.interaction-area{gap:.85rem;min-height:0}.mc-container{gap:.85rem;margin-top:0}.mc-btn{min-height:84px}@media (width<=710px){.quiz-header,.deck-nav-header{padding:5px 12px}.study-stage{gap:.85rem;padding:12px .8rem}.card-front,.card-back{border-radius:10px;padding:1.2rem .55rem .55rem}}