:root{--glass-bg:#ffffffbf;--glass-border:#00000014;--card-ratio:1.6}#flashcards-app{overscroll-behavior-y:none;width:100%;height:100dvh;overflow:hidden auto}.flashcards-wrapper{box-sizing:border-box;flex-direction:column;align-items:center;gap:1.5rem;width:100%;height:auto;min-height:100%;padding:0;display:flex;position:relative;overflow-x:visible}#quiz-section{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem clamp(2rem,6vw,5rem);display:flex;position:relative}.background-blobs{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.15;will-change:transform;border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.blob-1{background:var(--accent-color);width:400px;height:400px;top:-100px;left:-100px}.blob-2{background:var(--accent-hover);width:300px;height:300px;animation-delay:-2s;bottom:-50px;right:-50px}.blob-3{background:var(--accent-light);width:200px;height:200px;animation-delay:-5s;top:40%;left:60%}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.app-header h1{background:linear-gradient(90deg,#333,#555);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.glass-panel{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0}.card{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;margin-bottom:2rem;padding:2rem;transition:transform .3s;display:flex}#results-section{text-align:center;padding:3rem 2rem}#results-section h2{color:var(--text-primary);margin-bottom:2rem;font-size:2rem}.score-circle{border:4px solid var(--accent-color);width:150px;height:150px;color:var(--text-primary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 2rem;font-size:3rem;font-weight:700;display:flex}.score-circle .total{color:var(--text-secondary);margin-left:5px;font-size:1.5rem;font-weight:500}.deck-list{flex-direction:column;gap:1rem;width:100%;max-height:400px;margin-bottom:2rem;padding:.5rem;display:flex;overflow-y:auto}.instruction-panel{gap:1rem;padding-top:1.5rem}.instruction-lede{color:var(--text-secondary);margin:0}.instruction-list{color:var(--text-primary);flex-direction:column;gap:.75rem;margin:0;padding-left:1.5rem;display:flex}.instruction-list strong{color:var(--accent-color)}.instruction-list em{color:inherit;font-style:normal}.instruction-footer{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:1rem 1.25rem;font-size:.95rem;line-height:1.5}.deck-overview{flex-direction:column;gap:1.5rem;width:100%;max-width:100%;margin:0 auto;display:flex}.deck-overview-header{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:100%;margin:0 auto 2rem;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 .35rem;padding:0;font-size:2rem;font-weight:600}.deck-title-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;width:100%;margin-bottom:.35rem;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:.65rem;font-size:1.4rem;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:.75rem;width:100%;margin-top:.75rem;display:flex;position:relative}.deck-title-actions .btn{text-align:center;border-radius:28px;flex:0 0 calc(33.333% - .5rem);width:calc(33.333% - .5rem);min-height:44px;padding:.6rem 1.1rem;font-size:.95rem}.deck-title-actions .btn.hidden{visibility:hidden}@media (width<=640px){#library-section,.instruction-panel,#deck-overview{padding-top:0!important}}@media (width<=768px){.deck-title-actions{flex-direction:column;gap:.25rem;margin-top:0}.deck-title-actions .btn{flex:100%;width:100%}.deck-title-actions .btn.hidden{display:none}}@media (width<=640px){.deck-overview-header{margin-top:0!important;margin-bottom:.5rem!important;padding-top:0!important}.deck-nav-header{margin-bottom:.5rem!important}.deck-overview-stats{gap:.5rem}.stat{padding:.5rem}.stat-label{font-size:.7rem}.stat-value{font-size:1rem;line-height:1.2}}.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:1rem;width:100%;max-width:100%;margin:0 auto;padding-bottom:1.5rem;display:grid}.stat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600;margin-top:0!important;margin-bottom:0!important}.deck-title-wrapper{margin-bottom:.75rem;margin-top:0!important}.btn-outline{border:1px solid var(--accent-color);color:var(--accent-color);background:0 0}.btn-outline:hover{background:#ffffff14}.study-settings{z-index:3000;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}}.settings-overlay{background:#0000008c;animation:.15s modalFadeIn;position:absolute;inset:0}.settings-content{background:var(--bg-primary);border:1px solid var(--glass-border);z-index:1;border-radius:20px;flex-direction:column;gap:.75rem;width:min(320px,90vw);padding:1.25rem;animation:.15s modalSlideIn;display:flex;position:relative;box-shadow:0 10px 40px #00000026}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-header .icon-btn{width:auto;height:auto;box-shadow:none;border:none;border-radius:0;padding:0;font-size:1.6rem;background:0 0!important}.settings-header .icon-btn:hover{background:var(--bg-tertiary)}.settings-header h3{margin:0;font-size:1.4rem}.settings-body{flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.settings-group{flex-direction:column;gap:.35rem;padding:0;display:flex}.settings-group p{color:var(--text-secondary);margin:.5rem 0 .25rem;font-size:.85rem;font-weight:600}.settings-group-inline label{align-items:center;gap:.5rem;display:flex}.settings-actions{flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.settings-delete-btn{cursor:pointer;border-radius:4px;margin-top:.25rem;margin-bottom:0;padding:4px 8px;font-size:.8rem;font-weight:500;transition:all .2s}.btn-danger-outline{color:var(--danger-color);background:0 0;border:1px solid #ef535080!important}.btn-danger-outline:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color);box-shadow:0 4px 12px #ef535033}.settings-action-group{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.settings-action-group .btn{border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:500}.settings-content .btn{text-align:center;border-radius:4px;width:180px;font-weight:500;padding:4px 8px!important;font-size:.8rem!important}.utility-action-group{flex-direction:column;align-items:center;gap:.5rem;padding:0;display:flex}.utility-action-group .btn{text-align:center;background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px;padding:4px 8px;font-size:.8rem;box-shadow:0 4px 10px #0000000a}.utility-action-group .btn:hover{background:var(--bg-tertiary)}.settings-accordion{border:1px solid var(--glass-border);border-radius:10px;margin-bottom:0;overflow:hidden}.settings-accordion-btn{background:var(--bg-secondary);cursor:pointer;width:100%;color:var(--text-primary);border:none;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.settings-accordion-btn:hover,.settings-accordion-btn.active{background:var(--bg-tertiary)}.settings-accordion-btn .accordion-icon{color:var(--text-secondary);font-size:.75rem;transition:transform .2s}.settings-accordion-btn.active .accordion-icon{transform:rotate(180deg)}.settings-accordion-content{background:var(--bg-primary);border-top:1px solid var(--glass-border);padding:.5rem 1rem}.settings-accordion-content.hidden{display:none}.debug-history{z-index:550;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.debug-history .debug-overlay{background:#0000008c;position:absolute;inset:0}.debug-panel{background:var(--bg-primary);border:1px solid var(--glass-border);z-index:1;border-radius:20px;flex-direction:column;gap:1rem;width:min(600px,92vw);max-height:min(80vh,640px);padding:1.5rem;display:flex;position:relative;box-shadow:0 20px 60px #00000073}.debug-header{justify-content:space-between;align-items:center;display:flex}.debug-header .icon-btn{border:1px solid var(--glass-border);background:var(--bg-secondary);width:2.5rem;height:2.5rem;color:var(--text-primary);box-shadow:none;font-size:1.2rem}.debug-body{background:var(--bg-secondary);border:1px solid var(--glass-border);white-space:pre-wrap;word-break:break-word;border-radius:12px;flex:1;min-height:220px;padding:1rem;font-family:Fira Code,Source Code Pro,monospace;font-size:.85rem;overflow:auto}.debug-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.debug-summary{color:var(--text-secondary);flex:1;margin:0;font-size:.9rem}.debug-empty{text-align:center;background:var(--bg-secondary);border:1px dashed var(--glass-border);color:var(--text-secondary);border-radius:12px;margin:0;padding:1rem}.deck-grid{flex-direction:column;gap:1.5rem;width:100%;margin-top:1.5rem;display:flex}.recent-section{width:100%;margin-bottom:1.5rem}.recent-title{color:var(--text-primary);margin:0 0 1rem;font-size:1.5rem;font-weight:700}.recent-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=900px){.recent-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.recent-grid{grid-template-columns:1fr}}.recent-deck-card{border:1px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;transition:all .15s;display:flex}.recent-deck-card:hover{border-color:var(--accent-color);box-shadow:0 2px 8px #00000014}.recent-deck-card:active{transform:scale(.98)}.recent-deck-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.recent-deck-progress{background:var(--bg-tertiary);border-radius:2px;height:4px;overflow:hidden}.recent-deck-progress .progress-bar{background:var(--accent-color);border-radius:2px;height:100%}.recent-deck-stats{color:var(--text-secondary);font-size:.75rem}.folder-section{width:100%;margin-bottom:.5rem}.folder-header{cursor:pointer;user-select:none;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.5rem 0;transition:all .2s;display:flex}.folder-header:hover{background:0 0}.folder-header.collapsed{border-radius:0}.folder-header-left{align-items:center;gap:8px;display:flex}.folder-chevron{color:var(--text-secondary);width:16px;font-size:.75rem;transition:transform .2s}.folder-name{color:var(--text-primary);font-size:1rem;font-weight:600}.folder-count{color:var(--text-secondary);margin-left:6px;font-size:.85rem}.folder-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.folder-header:hover .folder-actions{opacity:1}.folder-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;transition:all .2s}.folder-action-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.folder-action-btn:last-child:hover{color:var(--danger-color)}.folder-content{padding:1rem 0 0;transition:all .2s}.folder-content.collapsed{display:none}.folder-deck-grid{border:2px dashed #0000;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:-.5rem;padding:.5rem;transition:background .15s,border-color .15s;display:grid}.folder-deck-grid.drag-over{border-color:var(--accent-color);background:#2563eb0d}@media (width>=768px){.folder-deck-grid{grid-template-columns:repeat(2,1fr)}}.sidebar-folder-item{cursor:pointer;color:var(--text-primary);border-radius:8px;align-items:center;gap:10px;margin:2px 0;padding:10px 12px;font-size:.9rem;transition:all .2s;display:flex}.sidebar-folder-item:hover{background:var(--bg-hover)}.sidebar-folder-item i{color:var(--accent-color);width:16px}.sidebar-folder-item span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder-badge{background:var(--bg-tertiary);color:var(--text-secondary);text-align:center;border-radius:8px;min-width:18px;padding:2px 6px;font-size:.75rem}.deck-item.dragging{opacity:.5;transform:scale(.98)}.deck-item[draggable=true]{cursor:grab}.deck-item[draggable=true]:active{cursor:grabbing}.folder-header.drag-over{border-radius:8px;background:#2563eb1a!important}.folder-header.drag-over .folder-name{color:var(--accent-color)}.sidebar-folder-item.drag-over{background:var(--accent-color)!important;color:#fff!important}.sidebar-folder-item.drag-over i,.sidebar-folder-item.drag-over span{color:#fff!important}.deck-unseen{color:var(--accent-color);font-size:.85rem;font-weight:500}.deck-item{border:1px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;gap:.8rem;padding:1.2rem;transition:all .2s;display:flex}.deck-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.deck-header{justify-content:space-between;align-items:center;display:flex}.deck-name{color:var(--text-primary);font-size:1.1rem;font-weight:600}.deck-stats{color:var(--text-secondary);font-size:.85rem}.deck-progress{background:var(--bg-secondary);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar{background:var(--accent-color);border-radius:3px;height:100%;transition:width .3s}.deck-actions{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.deck-btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem;font-size:.9rem;font-weight:600;transition:background .2s}.btn-play{background:var(--accent-color);color:#fff;flex:1}.btn-play:hover{background:var(--accent-hover)}.btn-restart-icon{background:var(--bg-secondary);color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn-restart-icon:hover{background:var(--bg-hover);color:var(--accent-color)}.btn-delete{color:var(--danger-color);background:#ef53501a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn-delete:hover{background:#ef535033}.upload-area{border-top:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}#editor-section{flex-direction:column;gap:.75rem;width:100%;margin-top:1.5rem;display:flex}.btn-sm{border:1px solid var(--glass-border);background:#fff;padding:.6rem 1.2rem;font-size:.9rem;box-shadow:0 2px 4px #00000005}.btn-sm:hover{border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}.editor-card-list{flex-direction:column;gap:1rem;max-height:none;margin:0;padding:0;display:flex;overflow-y:visible}.editor-card-row{cursor:grab;transform-origin:50%;background:#fff;border:1px solid #e2e8f0e6;border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;transition:transform .18s,box-shadow .2s;animation:.35s backwards cardSlideUp;display:flex;position:relative;box-shadow:0 6px 18px #0f172a0a}.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}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.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}.drag-preview{pointer-events:none;transform-origin:0 0;z-index:9999;background:#fff;border:1px solid #e2e8f0e6;border-radius:8px;position:fixed;box-shadow:0 18px 40px #2563eb40}@keyframes dropDilation{0%{transform:scale(.92)}75%{transform:scale(1.03)}to{transform:scale(1)}}.drop-dilate{animation:.25s ease-out forwards dropDilation}.editor-footer{justify-content:center;padding-top:.75rem;display:flex}.editor-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem;width:100%;display:grid}.editor-input{box-sizing:border-box;width:100%;color:var(--text-primary);resize:none;background:#fffffff2;border:1px solid #cbd5e1e6;border-radius:12px;min-height:120px;padding:.75rem;font-family:inherit;font-size:.95rem;line-height:1.5;overflow-y:hidden}.editor-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #4078ff26}.editor-input-wrapper{flex-direction:column;display:flex;position:relative}.editor-input-wrapper .editor-input{padding-right:36px}.pronunciation-btn{cursor:pointer;color:var(--text-secondary);opacity:.5;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:.85em;transition:opacity .15s,background-color .15s,color .15s;position:absolute;bottom:8px;right:8px}.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:.35rem;display:flex}.editor-action-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.editor-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.editor-action-btn.delete:hover{color:var(--danger-color);background:#ef53501a}.drag-handle{color:var(--text-secondary);cursor:grab;align-self:center;align-items:center;transition:color .2s;display:flex}.editor-card-row.drop-target .drag-handle{color:var(--accent-color)}.editor-card-row.dragging .drag-handle{cursor:grabbing}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.8rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px #2563eb33}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-outline{background:0 0;border:1px solid}.btn-secondary:hover{background:var(--bg-hover)}.btn-success{background:var(--success-color);color:#fff;box-shadow:0 4px 12px #81c7844d}.btn-danger{background:var(--danger-color);color:#fff;box-shadow:0 4px 12px #ef53504d}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.icon-btn:hover{color:var(--text-primary);background:#0000000d}.quiz-header-bg,.deck-header-bg{-webkit-backdrop-filter:blur(8px);z-index:49;will-change:backdrop-filter;background:#ffffffd9;border-bottom:none;width:100%;height:58px;display:none;position:fixed;top:0;left:0}body:has(#quiz-section:not(.hidden)) .quiz-header-bg,body:has(#deck-overview:not(.hidden)) .deck-header-bg{display:block}.quiz-header,.deck-nav-header{-webkit-backdrop-filter:blur(20px);z-index:50;box-sizing:border-box;background:#fdfdfdb3;border-bottom:none;justify-content:space-between;align-items:center;width:100%;height:70px;margin-bottom:.5rem;padding:22px 0 0;display:flex;position:sticky;top:0}#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:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:1.4rem;display:flex}.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:40px;height:40px;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}.header-right{align-items:center;gap:1rem;display:flex;position:relative}#quiz-settings-menu{border:1px solid var(--border-color);z-index:100;background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;width:260px;margin-top:.5rem;padding:.5rem;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}#quiz-settings-menu.hidden{display:none}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.4rem;transition:background .2s;display:flex}.mobile-menu-btn i{font-size:1.25rem}.mobile-menu-btn:hover{background:#0000000d}.mobile-header{visibility:hidden;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:100;background:#fdfdfdfa;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0}.mobile-header h1{color:var(--text-primary);margin:0;font-size:1.25em;font-weight:600}.mobile-header .mobile-menu-btn{width:auto;height:auto;margin-right:15px;padding:5px;position:static}@media (width<=768px){.library-mobile-header{visibility:visible;width:calc(100% + 2*clamp(2rem,6vw,5rem));margin-left:calc(-1*clamp(2rem,6vw,5rem));margin-right:calc(-1*clamp(2rem,6vw,5rem));padding-left:clamp(2rem,6vw,5rem);padding-right:clamp(2rem,6vw,5rem)}}.main{box-sizing:border-box;margin-top:0;padding-top:0}@media (width<=640px){.main{padding-top:0;overflow-x:hidden}.deck-overview-header{margin-top:0!important}.eyebrow,#library-section{margin-top:0!important;padding-top:0!important}#library-deck-list{padding-top:0!important}.flashcards-wrapper{gap:0!important}}@media (width>=1024px){.main{padding-top:0}}@media (width<=1023px){.study-settings{z-index:2200;pointer-events:none}.study-settings.hidden{pointer-events:none;display:none}.settings-overlay{pointer-events:auto;background:0 0}.settings-content{z-index:200;pointer-events:auto;border-radius:12px;width:260px;max-width:90vw;max-height:80vh;margin:0;animation:.2s ease-out slideInTop;position:fixed;inset:50px 10px auto auto;overflow-y:auto;transform:none;box-shadow:0 4px 25px #00000026}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-item{justify-content:space-between;align-items:center;display:flex}.toggle-label{cursor:pointer;width:100%;color:var(--text-primary);justify-content:flex-start;align-items:center;gap:.75rem;margin-top:.2rem;font-size:.9rem;display:flex}.toggle-label input{display:none}.toggle-switch{background:var(--gray-300);border-radius:20px;width:36px;height:20px;transition:background .3s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-label input:checked+.toggle-switch{background:var(--accent-color)}.toggle-label input:checked+.toggle-switch:after{transform:translate(16px)}.menu-divider{background:var(--glass-border);height:1px;margin:.2rem 0}.menu-btn{border:1px solid var(--border-color);text-align:center;cursor:pointer;color:var(--text-primary);background:#fff;border-radius:8px;width:100%;margin-bottom:.5rem;padding:.6rem;font-size:.9rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.menu-btn:hover{background:var(--bg-secondary);border-color:var(--accent-color)}.menu-btn.danger{color:var(--danger-color)}.menu-btn.danger:hover{background:#ef53501f}.study-stage{flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;width:100%;max-width:1100px;min-height:60vh;margin:0 auto;padding:0 0 2rem;display:flex}@media (width<=640px){.study-stage{gap:.5rem;min-height:calc(100dvh - 120px);padding:0 0 .5rem}}.flashcard-container{perspective:1000px;flex-direction:column;flex:1;width:100%;height:100%;min-height:200px;display:flex}.flashcard{grid-template-areas:"stack";width:100%;height:100%;display:grid;position:relative}.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<=640px){.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:24px;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:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3rem;box-shadow:0 10px 30px #00000008}@media (width<=640px){.card-front,.card-back{border-radius:16px;padding:1rem}}.card-front{display:flex}.card-back{background:#2563eb0d;border-color:#2563eb1a;display:none}.card-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.label{text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);text-align:center;width:100%;font-size:.8rem;position:absolute;top:20px;left:0;font-family:Inter,sans-serif!important}@media (width<=640px){.label{font-size:.7rem;top:12px}.card-content{gap:.5rem}.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<=640px){.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}.controls button{width:100%;max-width:300px}#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:12px;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(--accent-color);box-shadow:0 0 0 3px #2563eb1a}#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}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.mc-container{grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-top:.5rem;display:grid}@media (width<=768px){.mc-container{grid-template-columns:1fr}}@media (width<=450px){.mc-container{flex-direction:column;gap:.5rem;display:flex}.mc-btn{padding:.75rem}}.mc-btn{border:1px solid var(--glass-border);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;box-shadow:0 2px 8px #00000005}.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}.score-circle{border:4px solid var(--accent-color);width:120px;height:120px;color:var(--text-primary);background:#2563eb0d;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.total{color:var(--text-secondary);margin-left:5px;font-size:1.2rem}.mistakes-container{background:#ef53500d;border:1px solid #ef535033;border-radius:16px;width:100%;padding:1.5rem}.mistakes-container h3{color:var(--danger-color);margin-bottom:1rem}.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}.peek-container{flex-direction:column;flex:1;min-height:0;margin-top:1rem;display:flex}.peek-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:1rem;margin:0;padding:0 0 4rem;list-style:none;display:flex;overflow-y:auto}.peek-list::-webkit-scrollbar{display:none}#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}.mistake-count{color:var(--danger-color);font-weight:700}#newDeckBtn{background-color:var(--btn-dark);color:#fff;cursor:pointer;user-select:none;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:10px 12px;font-size:1em;font-weight:500;display:flex}#newDeckBtn:hover{background-color:var(--text-primary)}.peek-drawer{background:var(--bg-secondary);border-left:1px solid var(--glass-border);z-index:1000;flex-direction:column;width:300px;height:100%;padding:1.5rem;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-5px 0 25px #0000001a}.peek-drawer.open{transform:translate(0)}.peek-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.peek-header button{padding:.2rem .6rem;font-size:2rem}.peek-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.peek-item{border:1px solid var(--glass-border);background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.peek-item .q{color:var(--text-primary);font-weight:600}.peek-item .a{color:var(--text-secondary);font-size:.9rem}.toast{z-index:2000;pointer-events:auto;color:#fff;backdrop-filter:blur(10px);text-align:center;white-space:nowrap;opacity:0;background:#1e1e1ee6;border-radius:50px;width:fit-content;max-width:90%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:opacity .3s,transform .3s;position:fixed;bottom:10%;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 15px #0003}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.success{background:var(--success-color)}.toast.error{background:var(--danger-color)}.toast.warning{background:var(--warning-color);color:#000}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hidden{display:none!important}.no-animations *,body.no-animations *,.flashcards-wrapper.no-animations *{transition:none!important;animation:none!important}.deck-editor,#editor-section{width:100%;max-width:100%;margin:0 auto}#library-section{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:0 clamp(2rem,6vw,5rem) 1.5rem}#deck-overview{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0}@media (width<=640px){#library-section,#deck-overview{margin-top:0!important;padding-top:0!important}}.progress-bar-container{background:#0000001a;border-radius:3px;flex:1;max-width:200px;height:6px;margin:0 1rem;display:none;overflow:hidden}.progress-bar-fill{background:var(--accent-color);border-radius:3px;width:0%;height:100%;transition:width .3s}@media (prefers-color-scheme:dark){.progress-bar-container{background:#ffffff1a}}.audio-btn{color:var(--text-secondary);cursor:pointer;z-index:10;opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;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)}input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;transform:scale(1.5)}.audio-btn.hidden{pointer-events:none;opacity:0!important}body.stop-scrolling{overflow:hidden}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:.4s ease-in-out shake}.settings-menu{max-height:80vh;overflow-y:auto;gap:4px!important;width:240px!important;padding:8px!important}.menu-item{min-height:32px;margin-bottom:4px!important;padding:4px 6px!important}.menu-divider{margin:4px 0!important}.card-content,.card-front,.card-back,.flashcard h3,.flashcard p,.flashcard div{font-weight:400!important}.font-sans{font-family:Inter,system-ui,-apple-system,sans-serif!important}.font-serif{font-family:Playfair Display,Georgia,serif!important}.font-dyslexic{font-family:Open-Dyslexic,sans-serif!important;line-height:1.6!important}.font-selector-container{justify-content:space-between;align-items:center;width:100%;display:flex}.font-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-size:.9rem}.distractor-panel{box-sizing:border-box;background:var(--bg-secondary);border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;grid-column:1/-1;gap:.75rem;width:100%;margin-top:1rem;padding:1rem;display:flex}@media (prefers-color-scheme:dark){.distractor-panel{background:#ffffff08;border-color:#ffffff1a}}.distractor-panel.hidden{display:none!important}.distractor-header{color:var(--text-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.distractor-list{flex-wrap:wrap;gap:.5rem;display:flex}.distractor-tag{border:1px solid var(--border-color);color:var(--text-primary);background:#fff;border-radius:12px;align-items:center;gap:.35rem;padding:2px 8px;font-size:.85rem;display:inline-flex;box-shadow:0 1px 2px #0000000d}@media (prefers-color-scheme:dark){.distractor-tag{background:#ffffff0d;border-color:#ffffff1a}}.distractor-tag button{color:var(--danger-color);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:1rem;line-height:1;display:flex}.distractor-tag button:hover{color:var(--danger-hover)}.distractor-input-row{gap:.5rem;margin-top:.5rem;display:flex}.distractor-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;flex:1;padding:.4rem .6rem;font-size:.9rem}.distractor-header button.distractor-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.25rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s}.distractor-header button.distractor-tab:hover{color:var(--text-primary)}.distractor-header button.distractor-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.modal{z-index:2500;backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.15s modalFadeIn;display:none;position:fixed;top:0;left:0;overflow:auto}.modal[style*="display: block"]{display:flex!important}.modal-content{background-color:var(--bg-primary);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;gap:1rem;width:90%;max-width:500px;margin:auto;padding:1.5rem;animation:.2s cubic-bezier(.175,.885,.32,1.275) modalPopIn;display:flex;box-shadow:0 25px 50px #00000080}@keyframes modalPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal h3{color:var(--text-primary);margin:0;font-size:1.4rem}.modal p{color:var(--text-secondary);margin:0;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;margin-top:1rem;display:flex}.modal .btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.95rem;font-weight:500}.modal .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.modal .btn-secondary:hover{background:var(--bg-hover)}.modal .btn-primary{background:var(--accent-color);color:#fff}.modal .btn-primary:hover{background:var(--accent-hover)}#card-front-text,#card-back-text{white-space:pre-wrap}@media (width<=768px){.editor-card-row{flex-direction:column;gap:.5rem;padding:.6rem .8rem}.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<=640px){#quiz-settings-menu{border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0003;z-index:2005!important;background:#fff!important;width:260px!important;max-width:90vw!important;position:fixed!important;top:50px!important;right:10px!important}.card-front,.card-back{padding:2rem 1rem .65rem!important}body:has(#quiz-section:not(.hidden)) .mobile-menu-btn{display:none!important}#quiz-section{justify-content:flex-start;gap:0;height:100dvh;overflow:hidden;padding-top:0!important}body:has(#quiz-section:not(.hidden)) #flashcards-app{height:100dvh;overflow:hidden}.study-stage{justify-content:flex-start;gap:1.25rem;height:calc(100dvh - 40px);min-height:auto;padding-top:0;overflow:hidden}.flashcard-container{flex:0 auto;height:auto;max-height:60vh}.flashcard{height:auto;min-height:250px}}@media (width<=600px){#newDeckModal .modal-content{max-height:calc(100dvh - 2rem);margin:1rem auto auto;overflow-y:auto}}.action-sheet{z-index:10000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.action-sheet-overlay{background:#00000080;animation:.2s fadeIn;position:absolute;inset:0}.action-sheet-content{background:var(--bg-primary);width:100%;max-width:500px;padding-bottom:env(safe-area-inset-bottom,16px);border-radius:16px 16px 0 0;animation:.25s slideUp;position:relative}.action-sheet-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;font-size:1rem;font-weight:600;display:flex}.action-sheet-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.action-sheet-options{max-height:50vh;overflow-y:auto}.sheet-option{cursor:pointer;align-items:center;gap:12px;padding:16px 20px;font-size:1rem;transition:background .15s;display:flex}.sheet-option:hover{background:var(--bg-hover)}.sheet-option:active{background:var(--bg-tertiary)}.sheet-option.active{color:var(--accent-color);font-weight:500}.sheet-option.active i{color:var(--accent-color)}.sheet-option i{color:var(--text-secondary);text-align:center;width:20px}.speaking-highlight{transition:all .2s;transform:scale(1.02);box-shadow:0 4px 12px #00000026;border:2px solid var(--accent-color)!important;background-color:var(--highlight-bg,rgba(var(--accent-rgb),.1))!important}.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}.dark-mode .mc-btn.speaking{background-color:#60a5fa33!important;border-color:#60a5fa!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}.dark-mode .mc-btn.compact-audio.correct,.dark-mode .mc-btn.compact-audio.correct .mc-audio-icon{color:#4ade80!important}.dark-mode .mc-btn.compact-audio.wrong,.dark-mode .mc-btn.compact-audio.wrong .mc-audio-icon{color:#f87171!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}.dark-mode .audio-reveal-text{color:#f3f4f6}.dark-mode .audio-reveal-icon{color:#9ca3af}.dark-mode .audio-reveal-layout:hover .audio-reveal-icon{color:#60a5fa}