:root{--font-sans: Antic, Inter, ui-sans-serif, sans-serif, system-ui;--primary: #4f46e5;--primary-hover: #4338ca;--primary-foreground: #ffffff;--bg-color: #f8fafc;--card-bg: #ffffff;--border-color: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}body.dark-mode{--bg-color: #0f172a;--card-bg: #1e293b;--border-color: #334155;--text-main: #f1f5f9;--text-muted: #94a3b8;--shadow: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5)}::-webkit-scrollbar{width:5px;height:5px;background-color:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}body.dark-mode ::-webkit-scrollbar-thumb{background:#475569}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-button{display:none!important;width:0;height:0}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}body.dark-mode *{scrollbar-color:#475569 transparent}svg[stroke=currentColor]{stroke:currentColor}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-sans)}body{background-color:var(--bg-color);color:var(--text-main);line-height:1.5;height:100vh;display:flex;flex-direction:column;overflow:hidden;transition:background-color .3s ease,color .3s ease}body.dark-mode header,body.dark-mode aside,body.dark-mode .modal{background:var(--card-bg)!important}body.dark-mode .flashcard-item{border-left-color:#334155}body.dark-mode .stat-card,body.dark-mode .nav-item,body.dark-mode .deck-card,body.dark-mode .subdeck-card,body.dark-mode .flashcard-item,body.dark-mode .method-card,body.dark-mode .study-option-card,body.dark-mode .study-card-static,body.dark-mode .flashcard-inner>div,body.dark-mode .selection-item,body.dark-mode .type-option-card,body.dark-mode .option-btn,body.dark-mode .btn-bool,body.dark-mode .cloze-input-row,body.dark-mode .flashcard-front-view,body.dark-mode .flashcard-back-view{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode header h1,body.dark-mode aside h3,body.dark-mode .content-info h2,body.dark-mode #deck-title,body.dark-mode .deck-body h3,body.dark-mode .subdeck-card h4,body.dark-mode .flashcard-modal-title,body.dark-mode .modal-header h2,body.dark-mode .flashcards-column-header h3,body.dark-mode .subdecks-header h3,body.dark-mode .type-option-card h4,body.dark-mode .selection-item span,body.dark-mode .deck-selector-field span,body.dark-mode .study-question,body.dark-mode .study-option-card h4,body.dark-mode .option-btn,body.dark-mode .btn-bool,body.dark-mode .method-card span,body.dark-mode .cloze-input-row span{color:#f8fafc}body.dark-mode input,body.dark-mode textarea,body.dark-mode .rich-text-editor,body.dark-mode .deck-selector-field{background:#0f172a;border-color:#334155;color:#f8fafc}body.dark-mode .icon-btn,body.dark-mode .btn-ghost{background:#334155!important;color:#f8fafc!important;border-color:#475569!important}body.dark-mode .icon-btn:hover,body.dark-mode .btn-ghost:hover{background:#475569!important}body.dark-mode .btn-primary{box-shadow:0 4px 12px #4f46e566}body.dark-mode .flashcard-front,body.dark-mode .flashcard-back,body.dark-mode .flashcard-item .flashcard-front,body.dark-mode .flashcard-item .flashcard-back{color:#f8fafc}body.dark-mode .flashcard-item.status-due-now,body.dark-mode .flashcard-item.status-due-soon,body.dark-mode .flashcard-item.status-due-mature{background:#1e293b;border-color:#334155;border-left:6px solid #475569}body.dark-mode .flashcard-item:hover{background:#131c2e!important;outline-color:#475569}body.dark-mode .method-card .icon,body.dark-mode .type-option-card .icon-circle{background:#0f172a;color:#fff}body.dark-mode .method-card:hover,body.dark-mode .type-option-card:hover{background:#334155;border-color:var(--primary)}body.dark-mode .method-card.selected,body.dark-mode .study-option-card.selected{background:#312e81;border-color:var(--primary)}body.dark-mode .type-tag.standard{background:#4c1d95;color:#ddd6fe}body.dark-mode .type-tag.multiple{background:#713f12;color:#fef08a}body.dark-mode .type-tag.boolean{background:#064e3b;color:#a7f3d0}body.dark-mode .type-tag.cloze{background:#1e3a8a;color:#bfdbfe}body.dark-mode .option-btn:hover:not(.disabled){background:#334155}body.dark-mode .option-btn.selected{background:#312e81}body.dark-mode .option-btn.correct{background:#064e3b;border-color:#10b981;color:#a7f3d0}body.dark-mode .option-btn.wrong{background:#7f1d1d;border-color:#ef4444;color:#fecaca}body.dark-mode .btn-bool.selected.true{background:#064e3b;border-color:#10b981;color:#a7f3d0}body.dark-mode .btn-bool.selected.false{background:#7f1d1d;border-color:#ef4444;color:#fecaca}body.dark-mode .boolean-option.selected.true{background:#10b9812e;border-color:#10b981;color:#a7f3d0}body.dark-mode .boolean-option.selected.false{background:#ef44442e;border-color:#ef4444;color:#fecaca}body.dark-mode .cloze-input-row.correct{background:#064e3b;border-color:#10b981}body.dark-mode .cloze-input-row.wrong{background:#7f1d1d;border-color:#ef4444}body.dark-mode .subdeck-card.create-btn{border-color:#334155}body.dark-mode .subdeck-card.create-btn:hover{background:#312e81;border-color:var(--primary)}body.dark-mode .main-content{background:#0f172a}body.dark-mode .study-column{background:#1e293b}body.dark-mode .flashcard-front-view .label,body.dark-mode .flashcard-back-view .label,body.dark-mode .flashcard-front-view .hint,body.dark-mode .flashcard-back-view .hint{color:#94a3b8}body.dark-mode #study-front-text,body.dark-mode #study-back-text,body.dark-mode .study-card-static .study-question{color:#f8fafc}body.dark-mode .back-btn svg{stroke:#f8fafc!important}body.dark-mode .logo-icon{filter:invert(1) brightness(100)}body.dark-mode .sync-status,body.dark-mode .stat-label{color:var(--text-muted)}body.dark-mode .nav-item:hover{background:#334154}body.dark-mode .nav-item.active{background:#312e81;color:#fff}body.dark-mode .content-info p,body.dark-mode .view-count,body.dark-mode .deck-card .card-badge{color:var(--text-muted)}body.dark-mode .btn-ghost{color:var(--text-muted)!important}body.dark-mode .btn-ghost:hover{background:#334155!important;color:var(--text-main)!important}body.dark-mode .btn-danger{background:#451a1a;color:#f87171}body.dark-mode .btn-danger:hover{background:#7f1d1d}body.dark-mode .modal-overlay{background:#000000b3}body.dark-mode .form-group label,body.dark-mode .alternative-row span{color:var(--text-muted)}body.dark-mode .alternative-row span[style*="color:#10b981"]{color:#10b981!important}body.dark-mode .study-progress-bar{background:#334155!important}body.dark-mode .study-column h3{color:#f8fafc!important}body.dark-mode #exit-study-btn{background:#1e293b!important;border-color:#334155!important;color:#94a3b8!important}body.dark-mode #exit-study-btn:hover{background:#334155!important;color:#f8fafc!important}body.dark-mode .subdeck-card .card-count{color:var(--text-muted)}body.dark-mode .deck-tag{background:#818cf826;color:#c7d2fe;border-color:#818cf84d}body.dark-mode .cloze-placeholder{color:#818cf8}body.dark-mode #study-flip-prompt{color:var(--text-muted)!important}body.dark-mode .fullscreen-btn,body.dark-mode .deck-config-btn{background:#1e293b;border-color:#334155;color:#f1f5f9}body.dark-mode .fullscreen-btn:hover,body.dark-mode .deck-config-btn:hover{background:#334155}body.dark-mode .deck-card.plus-card{border-color:#334155!important;background:transparent!important}body.dark-mode .deck-card.plus-card .deck-body{background:#1e293b;color:#f8fafc}body.dark-mode .deck-card.plus-card .plus-icon{background:#0f172a;border-color:#334155;color:#fff}body.dark-mode .deck-card.plus-card span{color:#94a3b8}body.dark-mode .empty-state{background:#1e293b!important;border-color:#334155!important;color:#94a3b8!important}body.dark-mode .cloze-input-row input{border-bottom-color:#475569}.theme-toggle-container{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.theme-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);width:100%}.theme-btn:hover{background:#f1f5f9;color:var(--text-main)}body.dark-mode .theme-btn:hover{background:#334155}.theme-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.theme-btn svg{flex-shrink:0}#streak-icons{display:inline-flex;gap:2px;font-size:1.1em}header{height:4rem;background:#fff;border-bottom:1px solid var(--border-color);padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;z-index:50}.header-actions{display:flex;align-items:center;gap:.75rem}#exit-study-btn{color:#64748b;font-weight:600;padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;display:none}.fullscreen-btn{background:#f1f5f9;border:1px solid var(--border-color);width:2.5rem;height:2.5rem}.back-btn{display:flex;align-items:center;padding:0;border-radius:50%!important;min-width:auto;width:2.5rem;height:2.5rem;justify-content:center;flex-shrink:0}.deck-config-btn{width:2rem;height:2rem;background:#fff;border:1px solid var(--border-color);flex-shrink:0;margin-left:0}.study-column-container{flex:1;display:flex;flex-direction:column;gap:.75rem}.study-column-info{text-align:center}.study-column-info h3{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.study-progress-bar{height:.5rem;background:#e2e8f0;border-radius:1rem;overflow:hidden}#study-progress-fill{height:100%;background:var(--primary);width:0%;transition:width .3s ease}#study-counter{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;font-weight:600;text-align:center}#study-flip-prompt{color:var(--text-muted);font-weight:500;text-align:center;position:absolute;bottom:3.6vh;left:50%;transform:translate(-50%);width:100%}#study-actions{display:none;gap:1rem;width:100%;max-width:400px;position:absolute;bottom:1vh;left:50%;transform:translate(-50%)}#study-actions .btn{flex:1;padding:1.25rem}.exam-answer-btn,.exam-next-btn{border:none;justify-content:center;color:#fff;font-weight:800}.exam-answer-btn.wrong{background:#ef4444}.exam-answer-btn.correct{background:#10b981}.exam-next-btn{background:var(--primary)}#btn-knows{background:#10b981}#btn-knows:hover{background:#059669}.deck-card.plus-card{border-style:dashed!important;border-width:2px!important;border-color:#cbd5e1!important;background:#fff!important}.deck-card.plus-card .deck-body{background:#f8fafc;width:100%;height:100%}.deck-card.plus-card .plus-icon{width:3rem;height:3rem;border-radius:1rem;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#000;margin-bottom:.75rem;box-shadow:var(--shadow-sm)}.deck-card.plus-card span{font-size:.95rem;font-weight:700;color:#475569}.logo-container{display:flex;align-items:center;gap:.75rem;cursor:pointer}.logo-icon{width:2.5rem;height:2.5rem;object-fit:contain;display:block}header h1{font-size:1.25rem;font-weight:800;letter-spacing:-.025em;color:#1e293b;margin:0}.sync-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);font-weight:500;margin-right:1.5rem}.status-dot{width:.5rem;height:.5rem;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.app-layout{display:flex;flex:1;overflow:hidden;height:calc(100vh - 4rem)}aside{width:16rem;background:#fff;border-right:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;gap:2rem;flex-shrink:0}aside h3{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:1rem}.sidebar-section{display:flex;flex-direction:column}.sidebar-nav{display:flex;flex-direction:column;gap:.45rem}.sidebar-nav-item{width:100%;border:1px solid transparent;border-radius:.75rem;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;font-size:.9rem;font-weight:800;text-align:left;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.sidebar-nav-item svg{flex-shrink:0}.sidebar-nav-item:hover,.sidebar-nav-item.active{background:var(--bg-color);border-color:var(--border-color);color:var(--text-main);transform:translate(2px)}.stats-container{display:flex;flex-direction:column;gap:1rem}.stats-container.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{min-width:0;padding:.9rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.summary-stats .stat-card:first-child{background:#4f46e51a;border-color:#4f46e538}.summary-stats .stat-card:nth-child(2){background:#f59e0b1f;border-color:#f59e0b42}body.dark-mode .summary-stats .stat-card:first-child{background:#818cf824;border-color:#818cf847}body.dark-mode .summary-stats .stat-card:nth-child(2){background:#fbbf2421;border-color:#fbbf2447}.stat-value{font-size:1.25rem;font-weight:800;color:var(--text-main);white-space:nowrap}.stat-label{margin-top:.25rem;font-size:.68rem;color:var(--text-muted);font-weight:700;line-height:1.2}.nav-filters{display:flex;flex-direction:column;gap:.25rem}.nav-item{padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.nav-item:hover{background:var(--bg-color);color:var(--text-main)}.nav-item.active{background:#eef2ff;color:var(--primary)}.main-content{flex:1;padding:2rem;overflow:hidden;background:var(--bg-color);display:flex;flex-direction:column}.content-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0}.content-info h2{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:.125rem}.content-info p{color:var(--text-muted);font-size:.875rem}.view-count{font-size:.875rem;color:#94a3b8;font-weight:500}#home-screen,#exam-screen,#deck-screen,#study-screen{flex:1;display:none;flex-direction:column;height:100%}#home-screen.active,#exam-screen.active,#deck-screen.active,#study-screen.active{display:flex}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:9.7rem;gap:1.5rem;align-content:start;align-items:start;padding-left:.1rem;padding-right:1rem;overflow-y:auto;flex:1;padding-bottom:1rem;padding-top:5px}.exam-screen-shell{height:100%;min-height:0;overflow:hidden;padding-right:.25rem}.exam-layout{display:grid;grid-template-columns:minmax(470px,.95fr) minmax(390px,1.05fr);gap:1rem;height:100%;min-height:0}.exam-create-pane,.exam-preview-pane,.exam-history-section{min-width:0;padding:1.25rem;border:2px solid rgba(30,41,59,.4);border-radius:1.25rem;background:var(--card-bg);box-shadow:none;transition:var(--transition)}body.dark-mode .exam-create-pane,body.dark-mode .exam-preview-pane,body.dark-mode .exam-history-section{border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.exam-create-pane{min-height:0;overflow-y:auto;scrollbar-gutter:stable}.exam-right-column{display:grid;grid-template-rows:minmax(370px,.5fr) minmax(220px,.6fr);gap:1rem;min-height:0}.exam-create-pane h2,.exam-history-header h2{margin:0 0 1rem;color:var(--text-main);font-size:1.15rem;font-weight:850}.exam-field{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1rem}.exam-field>span,.exam-field-header>span{color:var(--text-muted);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.exam-field-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.exam-select-all-btn{min-height:28px;padding:0 .7rem;border:1px solid rgba(148,163,184,.35);border-radius:999px;background:#94a3b81a;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.72rem;font-weight:800;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.exam-select-all-btn:hover:not(:disabled){background:#6366f12e;border-color:#6366f18c;color:var(--text-main);transform:translateY(-1px)}.exam-select-all-btn:disabled{cursor:not-allowed;opacity:.45}.exam-field input[type=text],.exam-time-options select,.exam-time-options input{min-height:42px;border:1px solid var(--border-color);border-radius:.75rem;background:var(--bg-color);color:var(--text-main);font:inherit;font-weight:650;padding:0 .85rem;outline:none;box-shadow:2px 2px #1e293b14;transition:all .2s ease}.exam-field input[type=text]:focus,.exam-time-options select:focus,.exam-time-options input:focus{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--primary);border-color:var(--primary)}body.dark-mode .exam-field input[type=text],body.dark-mode .exam-time-options select,body.dark-mode .exam-time-options input{border:1px solid var(--border-color);box-shadow:none}body.dark-mode .exam-field input[type=text]:focus,body.dark-mode .exam-time-options select:focus,body.dark-mode .exam-time-options input:focus{transform:none;box-shadow:0 0 0 3px #6366f12e;border-color:var(--primary)}.exam-deck-list{--exam-subdeck-indent: 1.45rem;--exam-subdeck-line-gap: 1.05rem;display:flex;flex-direction:column;gap:.6rem;overflow:visible;padding-right:.1rem}.exam-deck-group{display:flex;flex-direction:column;gap:.35rem}.exam-deck-option,.exam-toggle-row{display:flex;align-items:center;gap:.65rem;color:var(--text-main);font-size:.9rem;font-weight:700}.exam-deck-option{border:1px solid var(--border-color);border-radius:.75rem;background:var(--bg-color);cursor:pointer;justify-content:space-between;padding:.65rem .75rem;box-shadow:2px 2px #1e293b14;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease}.exam-deck-option:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #1e293b26}.exam-deck-option.selected{border-color:var(--primary);background:#6366f11a;box-shadow:3px 3px 0 0 var(--primary)}.exam-deck-option.subdeck{margin-left:0;opacity:.72;background:#94a3b812}.exam-deck-option.subdeck:hover,.exam-deck-option.subdeck.selected{opacity:.92}.exam-deck-option.minideck{margin-left:0;opacity:.65;background:#94a3b80d}.exam-deck-option.minideck:hover,.exam-deck-option.minideck.selected{opacity:.92}body.dark-mode .exam-deck-option{border:1px solid var(--border-color);box-shadow:none}body.dark-mode .exam-deck-option:hover{border-color:#818cf885;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a24}body.dark-mode .exam-deck-option.selected{border-color:#6366f1b3;background:#6366f11a;box-shadow:none}.exam-subdeck-list{position:relative;display:flex;flex-direction:column;gap:.4rem;margin:.45rem 0 .15rem var(--exam-subdeck-indent);padding-left:var(--exam-subdeck-line-gap)}.exam-subdeck-list:before{content:"";position:absolute;top:.2rem;bottom:.2rem;left:0;width:2px;border-radius:999px;background:#94a3b859}.exam-minideck-list{position:relative;display:flex;flex-direction:column;gap:.4rem;margin:.45rem 0 .15rem 1.45rem;padding-left:var(--exam-subdeck-line-gap)}.exam-minideck-list:before{content:"";position:absolute;top:.2rem;bottom:.2rem;left:0;width:2px;border-radius:999px;background:#94a3b840}.exam-deck-main{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0;cursor:pointer}.custom-exam-deck-checkbox{position:absolute;opacity:0;pointer-events:none}.exam-checkmark{width:20px;height:20px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.55);border-radius:.45rem;background:#0f172a2e;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.exam-checkmark:after{content:"";width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;opacity:0;transform:translateY(-1px) rotate(-45deg);transition:opacity .18s ease}.custom-exam-deck-checkbox:checked+.exam-checkmark{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px #6366f12e}.custom-exam-deck-checkbox:checked+.exam-checkmark:after{opacity:1}.exam-toggle-row input{width:auto;margin:0}.exam-toggle-row.custom-toggle{position:relative;cursor:pointer;margin-bottom:.5rem}.exam-time-card .exam-toggle-row.custom-toggle{margin-bottom:0}.exam-toggle-row.custom-toggle input{position:absolute;opacity:0;pointer-events:none}.exam-toggle-box{width:20px;height:20px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.55);border-radius:.45rem;background:#94a3b814;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.exam-toggle-box:after{content:"";width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;opacity:0;transform:translateY(-1px) rotate(-45deg);transition:opacity .18s ease}.exam-toggle-row.custom-toggle input:checked+.exam-toggle-box{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px #6366f12e}.exam-toggle-row.custom-toggle input:checked+.exam-toggle-box:after{opacity:1}.exam-deck-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exam-deck-option small{color:var(--text-muted);font-size:.72rem;font-weight:750;white-space:nowrap}.exam-deck-actions{display:flex;align-items:center;gap:.4rem;margin-left:auto}.exam-deck-scope-btn{min-height:28px;padding:0 .75rem;border:1px solid rgba(148,163,184,.35);border-radius:999px;background:#94a3b81a;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.72rem;font-weight:800;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.exam-deck-scope-btn:hover:not(:disabled),.exam-deck-scope-btn.active{background:#6366f12e;border-color:#6366f18c;color:var(--text-main);transform:translateY(-1px)}.exam-deck-scope-btn:disabled{cursor:not-allowed;opacity:.42}.exam-time-card{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:.85rem;border:1px solid var(--border-color);border-radius:.85rem;background:#94a3b814}.exam-time-options{display:grid;grid-template-columns:minmax(150px,1fr) 76px auto 76px auto;align-items:center;gap:.5rem;opacity:.55}.exam-time-options.enabled{opacity:1}.exam-time-options input{text-align:center}.exam-generate-btn,.exam-start-btn{width:100%;justify-content:center;margin-top:1rem}.exam-preview-pane{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;height:100%;overflow-y:auto}.exam-preview-close{position:absolute;top:1rem;right:1rem;display:none;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-color);color:var(--text-muted);cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.exam-preview-empty,.exam-loading,.exam-preview-result{width:100%;max-width:620px}.exam-preview-empty,.exam-loading{min-height:100%;align-items:center;justify-content:center;color:var(--text-muted);display:flex;text-align:center;font-weight:750}.exam-preview-result h3{margin:0 0 1rem;color:var(--text-main);font-size:1.25rem;text-align:center}.exam-generated-card{padding:1rem;border:1px solid var(--border-color);border-radius:.9rem;background:var(--bg-color);box-shadow:0 12px 30px #0f172a1f}.exam-data-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.exam-data-list>div{display:flex;flex-direction:column;gap:.35rem;padding:.85rem;border:1px solid var(--border-color);border-radius:.85rem;background:var(--card-bg)}.exam-data-list span{color:var(--text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.exam-data-list strong{color:var(--text-main)}.exam-type-tags{display:flex;flex-wrap:wrap;gap:.4rem}.exam-history-section{display:flex;flex-direction:column;min-height:0;overflow:hidden}.view-all-exams-link{font-size:.85rem;color:#fff6!important;background:transparent!important;border:none!important;cursor:pointer;font-weight:600;padding:0;transition:color .2s;box-shadow:none!important}.view-all-exams-link:hover{color:#ffffffd9!important;background:transparent!important}.all-exams-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:900px){.all-exams-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.all-exams-grid{grid-template-columns:1fr}}.exam-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.85rem;overflow-y:auto;padding-top:.1rem;padding-right:.2rem}.exam-history-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;padding:1rem;border:1px solid var(--border-color);border-radius:.85rem;background:var(--card-bg);cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.exam-history-card:hover{border-color:#6366f173;background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0d;cursor:default}body.dark-mode .exam-history-card:hover{border-color:#6366f173;background:#27324e6b}.exam-history-card:active{transform:translateY(0) scale(.99)}.exam-history-card h3{margin:0 0 .25rem;color:var(--text-main);font-size:.95rem}.exam-history-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.exam-history-tag{display:inline-flex;align-items:center;min-height:22px;padding:0 .55rem;border-radius:999px;background:#6366f11a;color:var(--primary);font-size:.68rem;font-weight:850;white-space:nowrap}body.dark-mode .exam-history-tag{background:#4849707a;color:#a78bfa}.exam-history-card p,.exam-empty-text{margin:0;color:var(--text-muted);font-size:.8rem;font-weight:650}.exam-history-actions{display:flex;align-items:center;gap:.45rem}.exam-icon-btn{min-height:32px;border:1px solid var(--border-color);border-radius:.65rem;background:var(--card-bg);color:var(--text-main);cursor:pointer;font-weight:800;padding:0 .65rem;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.exam-icon-btn:hover{transform:scale(1.06);box-shadow:var(--shadow-sm)}.exam-icon-btn:active{transform:scale(.96)}.exam-icon-btn.play{width:34px;padding:0;padding-top:.1rem;background:#fff;color:#000;border-color:var(--border-color);display:inline-flex;align-items:center;justify-content:center}body.dark-mode .exam-icon-btn.play{background:var(--card-bg);color:#fff;border-color:var(--border-color)}.exam-icon-btn.danger{color:#e28080e0}.custom-exam-result-modal{position:relative;max-width:620px;padding:1.5rem;border:2px solid rgba(30,41,59,.4);background:var(--card-bg);box-shadow:6px 6px #1e293b26}body.dark-mode .custom-exam-result-modal{border:1px solid var(--border-color);box-shadow:var(--shadow)}.exam-result-close{position:absolute;top:1rem;right:1rem;width:34px;height:34px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-color);color:var(--text-muted);cursor:pointer;font-size:1.3rem;line-height:1}.exam-result-header{margin-bottom:1rem}.exam-result-header span{color:var(--text-muted);font-size:.75rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.exam-result-header h2{margin-top:.25rem;font-size:1.85rem}.exam-result-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.exam-result-widget{padding:1rem;border:1px solid var(--border-color);border-radius:1rem;background:var(--bg-color);box-shadow:0 14px 30px #0f172a1f;transition:transform .18s ease,border-color .18s ease}.exam-result-widget:hover{transform:translateY(-2px);border-color:#6366f180}.exam-result-widget span{display:block;color:var(--text-muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.exam-result-widget strong{display:block;margin-top:.45rem;color:var(--text-main);font-size:1.35rem}.exam-result-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.2rem}@media(max-width:920px){.exam-layout{grid-template-columns:1fr;overflow-y:auto}.exam-create-pane{max-height:460px}.exam-right-column{grid-template-rows:auto}.exam-preview-pane{min-height:300px}.exam-data-list,.exam-result-widgets{grid-template-columns:1fr}.exam-result-actions{flex-direction:column}.exam-time-options{grid-template-columns:1fr 76px auto 76px auto}}.deck-card{background:#fff;border-radius:1.25rem;border:2px solid rgba(30,41,59,.4);box-shadow:none;transition:var(--transition);cursor:pointer;overflow:hidden;height:9.7rem;display:flex;flex-direction:column}.deck-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}body.dark-mode .deck-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}body.dark-mode .deck-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.deck-accent{height:.75rem}.deck-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.deck-card h3{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.card-badge{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:1rem}.btn{padding:.625rem 1.25rem;border-radius:.75rem;border:none;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #4f46e533}.btn-primary[style*="background:#ef4444"],.btn-primary[style*="background: #ef4444"],#confirm-choice-btn,.btn-danger{box-shadow:none!important}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:#f1f5f9;color:var(--text-main)}.btn-danger{background:#fee2e2;color:#ef4444}.btn-danger:hover{background:#fecaca}.profile-avatar-btn{width:34px;height:34px;border:1px solid var(--border-color);border-radius:50%;padding:0;background:transparent;cursor:pointer;overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.header-email-btn{width:34px;height:34px;border:1px solid var(--border-color);border-radius:.75rem;background:var(--card-bg);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease,background .18s ease}.header-email-btn:hover{transform:translateY(-1px);border-color:var(--primary);color:var(--primary);background:#4f46e514;box-shadow:0 0 0 4px #4f46e51a}.profile-avatar-btn:hover{transform:translateY(-1px) scale(1.04);border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51f}.profile-avatar-btn img{width:100%;height:100%;display:block;object-fit:cover}.profile-avatar-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#38bdf8);color:#fff;font-size:.82rem;font-weight:850;line-height:1}.profile-menu{position:absolute;top:calc(100% + .65rem);right:0;min-width:190px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-lg);padding:.35rem;z-index:500}.inbox-menu{position:absolute;top:calc(100% + .65rem);left:auto;right:calc(100% - 34px);width:min(380px,calc(100vw - 2rem));background:var(--card-bg);border:1px solid var(--border-color);border-radius:.9rem;box-shadow:var(--shadow-lg);padding:.65rem;z-index:500}.inbox-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .25rem .65rem;border-bottom:1px solid var(--border-color)}.inbox-header strong,.inbox-header span{display:block}.inbox-header strong{color:var(--text-main);font-size:.95rem;font-weight:850}.inbox-header span{margin-top:.12rem;color:var(--text-muted);font-size:.74rem;font-weight:700}.inbox-sort-btn{width:32px;height:32px;border:1px solid var(--border-color);border-radius:.65rem;background:var(--bg-color);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease}.inbox-sort-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.inbox-list{display:flex;flex-direction:column;gap:.4rem;max-height:310px;overflow-y:auto;padding:.55rem 0 .45rem}.inbox-preview{width:100%;border:none;border-radius:.7rem;background:transparent;color:var(--text-main);cursor:pointer;display:flex;flex-direction:column;gap:.3rem;padding:.8rem;text-align:left;transition:background .18s ease,transform .18s ease}.inbox-preview:hover{background:var(--bg-color);transform:translateY(-1px)}.inbox-preview.read{opacity:.72}.inbox-preview-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.inbox-preview-title{color:var(--text-main);font-size:.9rem;font-weight:800}.inbox-read-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);flex-shrink:0}.inbox-preview.read .inbox-read-dot{background:transparent}.inbox-preview-date{color:var(--text-muted);font-size:.7rem;font-weight:800}.inbox-preview-excerpt{color:var(--text-muted);font-size:.78rem;font-weight:600;line-height:1.35}.inbox-future-note{margin-top:.15rem;padding:.7rem;border:1px dashed var(--border-color);border-radius:.7rem;color:var(--text-muted);background:#94a3b814;font-size:.76rem;font-weight:700;text-align:center}.profile-menu button{width:100%;border:none;background:transparent;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .75rem;border-radius:.5rem;font-weight:700;text-align:left}.profile-menu button:hover{background:var(--bg-color)}.soon-tag{display:inline-flex;align-items:center;border-radius:999px;padding:.1rem .45rem;background:#94a3b829;color:var(--text-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.premium-plan{color:#a78bfa!important}.screen{display:none;opacity:0;transform:translateY(8px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.screen.active{display:block}.screen.visible{opacity:1;transform:translateY(0)}#deck-screen.deck-transitioning{opacity:0!important;transform:translateY(6px)!important;transition:opacity .15s ease-in-out,transform .15s ease-in-out!important}.deck-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;max-width:100%}.deck-header h2{display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.875rem;font-weight:800;color:#1e293b;word-break:break-word;overflow-wrap:break-word;line-height:1.25;margin:0;min-width:0;width:73vh}.flashcards-list{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:800px;padding:.35rem 0 .75rem}.flashcard-item{background:#fff;padding:.875rem 1rem;border-radius:.875rem;border:1px solid var(--border-color);box-shadow:2px 2px #1e293b0f;display:flex;justify-content:space-between;align-items:center;border-left:6px solid #e2e8f0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;transform:scale(1);position:relative;overflow:hidden;margin:.25rem .85rem .5rem;-webkit-user-select:none;user-select:none;width:calc(100% - 1.7rem)}body.dark-mode .flashcard-item{border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.flashcard-item.status-due-now,.flashcard-item.status-due-soon,.flashcard-item.status-due-mature{background:#fff;border-color:#e2e8f0;border-left:6px solid #cbd5e1}.flashcard-actions{display:flex;gap:.5rem;z-index:20}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1.5rem;border:2px dashed #e2e8f0;width:100%}.empty-state p{color:var(--text-muted);font-weight:500}.clickable-status-bar{position:absolute;left:0;top:0;bottom:0;width:10px;cursor:pointer;z-index:10}.flashcard-item:hover{background:#f1f5f9!important;transform:scale(1.02);box-shadow:var(--shadow);outline:1px solid #cbd5e1}.flashcard-content{flex:1}.flashcard-front{font-weight:700;font-size:.95rem;color:#1e293b;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.flashcard-back{color:var(--text-muted);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.flashcard-back-obscured{display:inline-block;width:100%;color:var(--text-muted);direction:rtl;font-family:Outfit,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;opacity:.85;text-align:left;unicode-bidi:embed}.flashcard-study-container{width:100%;max-width:800px;perspective:1000px;cursor:pointer;-webkit-user-select:none;user-select:none}.flashcard-inner{display:grid;position:relative;width:100%;min-height:300px;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;box-shadow:var(--shadow-lg);border-radius:2rem}.flashcard-study-container.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front-view,.flashcard-back-view{grid-area:1 / 1;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;padding:70px 20px 40px;background:#fff;border-radius:2rem;border:1px solid var(--border-color);max-height:50vh;overflow-y:auto}.flashcard-back-view{transform:rotateY(180deg)}.flashcard-front-view .label,.flashcard-back-view .label{position:absolute;top:2rem;font-size:.75rem;font-weight:800;color:#94a3b8;letter-spacing:.1em}#study-front-text,#study-back-text{--study-content-font-size: 1.25rem;font-size:var(--study-content-font-size);font-weight:700;color:#1e293b;white-space:pre-wrap;word-break:break-word;width:100%;text-align:center;line-height:1.6;margin:auto 0}#study-front-text :where(p,div,span,b,strong,i,em,u,s,strike,del,mark,font,small,big,ul,ol,li,h1,h2,h3,h4,h5,h6):not(.latex-formula-math):not(.latex-formula-math *),#study-back-text :where(p,div,span,b,strong,i,em,u,s,strike,del,mark,font,small,big,ul,ol,li,h1,h2,h3,h4,h5,h6):not(.latex-formula-math):not(.latex-formula-math *){font-size:inherit!important;line-height:inherit}#study-front-text ul,#study-front-text ol,#study-back-text ul,#study-back-text ol,.study-question ul,.study-question ol{display:inline-block;width:fit-content;max-width:100%;margin:.5rem auto;padding-left:1.4em;text-align:left;list-style-position:outside;white-space:normal}#study-front-text li,#study-back-text li,.study-question li{margin:.25rem 0;padding-left:.2em;text-align:left}.flashcard-front-view .hint,.flashcard-back-view .hint{position:absolute;bottom:2rem;font-size:.875rem;color:#94a3b8}.icon-btn{width:2.25rem;height:2.25rem;border-radius:.625rem;border:none;background:#f8fafc;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.icon-btn:hover{background:#f1f5f9;color:var(--text-main)}#select-deck-modal{z-index:200}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:1.5rem;padding:2rem;width:100%;max-width:400px;border:2px solid rgba(30,41,59,.4);box-shadow:6px 6px #1e293b26;animation:modal-enter .3s cubic-bezier(.34,1.56,.64,1)}body.dark-mode .modal{border:1px solid var(--border-color)!important;box-shadow:0 25px 50px -12px #00000080!important}@keyframes modal-enter{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal h2{font-size:1.25rem;font-weight:800;color:var(--text-main)}.close-modal{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;line-height:1}#user-settings-modal .settings-modal{--settings-modal-width: 860px;--settings-sidebar-width: 235px;--settings-sidebar-padding: 1.15rem;--settings-content-padding: 1.35rem;--settings-card-width: 550px;--settings-row-height: 500px;width:min(var(--settings-modal-width),calc(100vw - 2rem));max-width:var(--settings-modal-width);max-height:min(760px,calc(100vh - 2rem));padding:0;overflow:hidden}#user-settings-modal .modal-header{margin-bottom:0;padding:1.5rem 1.75rem 1.1rem;border-bottom:1px solid var(--border-color)}#user-settings-modal .modal-header h2{font-size:1.35rem}.settings-layout{display:grid;grid-template-columns:var(--settings-sidebar-width) minmax(0,1fr);min-height:var(--settings-row-height);position:relative}.settings-layout:before{content:"";position:absolute;inset:0 auto 0 var(--settings-sidebar-width);width:1px;background:var(--border-color);pointer-events:none}.settings-layout,.settings-layout *{box-sizing:border-box}.settings-tabs{display:flex;flex-direction:column;gap:.55rem;width:auto;min-width:0;flex-shrink:1;padding:var(--settings-sidebar-padding);border-right:0;background:#0f172a14}body.dark-mode .settings-tabs{background:#ffffff08}.settings-tab{width:100%;border:1px solid transparent;border-radius:.75rem;padding:.85rem .95rem;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:800;text-align:left;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.settings-tab.active{background:var(--bg-color);border-color:var(--border-color);color:var(--text-main);box-shadow:inset 3px 0 0 var(--primary-color)}.settings-tab:hover{background:var(--bg-color);color:var(--text-main);transform:translate(2px)}.settings-panel{display:none;min-width:0;max-height:560px;padding:var(--settings-content-padding);overflow-y:auto}.settings-panel.active{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:flex-start}.settings-section{width:100%;max-width:var(--settings-card-width);border:1px solid var(--border-color);border-radius:1rem;padding:1.1rem;background:var(--bg-color);box-shadow:0 14px 30px #0f172a1f}.settings-section h3{margin:0 0 .95rem;font-size:.98rem;color:var(--text-main)}.settings-row,.settings-field,.settings-danger-row{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;color:var(--text-muted)}.settings-row+.settings-row,.settings-field{margin-top:.8rem}.settings-row strong{min-width:0;max-width:320px;color:var(--text-main);overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.settings-field span{max-width:190px}.settings-field select,.settings-section select{width:min(220px,100%);padding:.65rem .8rem;border-radius:.65rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-main);font-weight:700}.danger-zone p{margin:0;max-width:390px;color:var(--text-muted);line-height:1.45}.settings-danger-row .btn{flex-shrink:0}.settings-choice-row{display:flex;gap:.75rem;flex-wrap:wrap}.welcome-email-modal{width:min(560px,calc(100vw - 2rem));max-width:560px}.welcome-email-modal .modal-header{align-items:flex-start;gap:1rem}.welcome-email-modal .modal-header h2{margin-bottom:.35rem}.email-issued-at{margin:0;color:var(--text-muted);font-size:.82rem;font-weight:700}.welcome-email-body{color:var(--text-main);font-size:.95rem;line-height:1.65}.welcome-email-body p{margin:0}.email-signature{margin-top:1.25rem!important;color:var(--text-muted);font-weight:800}@media(max-width:720px){#user-settings-modal .settings-modal{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.settings-layout{grid-template-columns:1fr;min-height:auto}.settings-layout:before{display:none}.settings-tabs{flex-direction:row;border-bottom:1px solid var(--border-color);overflow-x:auto}.settings-tab{width:auto;min-width:150px}.settings-panel{max-height:calc(100vh - 13rem)}.settings-row,.settings-field,.settings-danger-row{align-items:flex-start;flex-direction:column;gap:.5rem}.settings-row strong{max-width:100%;text-align:left}}.form-group{margin-bottom:.5vh}.form-group label{display:block;font-size:.75rem;font-weight:700;margin-bottom:.5rem;color:#475569;text-transform:uppercase;letter-spacing:.025em}input,textarea,.rich-text-editor{width:100%;padding:.75rem 1rem;background:#f8fafc;border:1px solid var(--border-color);border-radius:.75rem;outline:none;transition:var(--transition);font-size:.95rem}input:focus,textarea:focus,.rich-text-editor:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode .rich-text-editor:focus{background:#0f172a;box-shadow:0 0 0 4px #4f46e540}#editor-code-textarea,#editor-code-textarea:focus{width:auto!important;height:auto!important;border:none!important;border-radius:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;transition:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}#editor-code-textarea,#editor-code-textarea::placeholder,#editor-code-highlighted,#editor-code-highlighted *{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace!important;font-size:.85rem!important;line-height:1.5rem!important;letter-spacing:0!important;font-variant-ligatures:none!important;-moz-tab-size:4;tab-size:4}body.dark-mode span[style*=background-color]{background-color:#854d0e!important;color:#f8fafc!important}.rich-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;background:#f8fafc;padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color)}.rich-toolbar>div{flex-wrap:wrap}.rich-toolbar button{background:#111827;border:1px solid #334155;cursor:pointer;padding:.25rem .55rem;border-radius:.25rem;font-weight:700;color:#fff;transition:var(--transition);font-size:.9rem;min-width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center}.rich-toolbar button:hover{background:#1f2937;border-color:#475569}.rich-toolbar button.toolbar-minimal-icon{width:32px;min-width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#111827;border-color:#334155;color:#fff}.rich-toolbar button.toolbar-minimal-icon:hover{background:#1f2937;border-color:#475569;color:#fff}.rich-toolbar button.toolbar-active{background:#ffffff29;border-color:#ffffff52;box-shadow:inset 0 0 0 1px #ffffff14}.rich-toolbar button.toolbar-minimal-icon.audio-active,body.dark-mode .rich-toolbar button.toolbar-minimal-icon.audio-active{color:#fff!important}.toolbar-italic{font-style:italic}.toolbar-underline{text-decoration:underline;text-underline-offset:4px}.toolbar-strike{text-decoration:line-through}.toolbar-list-icon{font-size:1.05rem;line-height:1}body.dark-mode .rich-toolbar{background:#0f172a}body.dark-mode .rich-toolbar button{background:#111827}body.dark-mode .rich-toolbar button:hover{background:#1f2937}body.dark-mode .rich-toolbar button.toolbar-active{background:#ffffff29;border-color:#ffffff52}.rich-text-editor{min-height:120px;max-height:300px;overflow-y:auto;white-space:pre-wrap;outline:none;line-height:1.5rem}#flashcard-modal{--card-editor-line: 1.5rem;--card-editor-vertical-padding: 1.5rem;--card-editor-five-lines: calc((var(--card-editor-line) * 5) + var(--card-editor-vertical-padding) + 2px);--card-editor-twelve-lines: calc((var(--card-editor-line) * 12) + var(--card-editor-vertical-padding) + 2px)}#flashcard-modal[data-card-type=standard] #card-front,#flashcard-modal[data-card-type=standard] #card-back,#flashcard-modal[data-card-type=multiple] #card-front{height:var(--card-editor-five-lines);min-height:var(--card-editor-five-lines)!important;max-height:var(--card-editor-five-lines)}#flashcard-modal[data-card-type=boolean] #card-front,#flashcard-modal[data-card-type=cloze] #card-front{min-height:var(--card-editor-five-lines)!important;max-height:var(--card-editor-twelve-lines)}.rich-text-editor ul,.rich-text-editor ol{margin:.35rem 0;padding-left:1.15rem;list-style-position:outside}.rich-text-editor li{margin:.15rem 0;padding-left:.15rem}.rich-text-editor:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.color-presets{display:flex;gap:.75rem;margin:.1rem 0 .5rem;padding:5px 0}.color-option{width:2rem;height:2rem;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 0 0 1px var(--border-color);transition:var(--transition)}.color-option.selected{transform:scale(1.1);box-shadow:0 0 0 3px var(--card-bg),0 0 0 5px var(--text-main)}.study-option-card{padding:1.5rem;border-radius:1.25rem;border:1px solid var(--border-color);cursor:pointer;box-shadow:3px 3px #1e293b14;transition:var(--transition);display:flex;flex-direction:column;gap:.5rem;text-align:left}.study-option-card:hover{border-color:var(--primary);background:#f8fafc;transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b1f}.study-option-card.selected{border-color:var(--primary);background:#f5f3ff;transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--primary)}body.dark-mode .study-option-card{border:1px solid var(--border-color);box-shadow:none}body.dark-mode .study-option-card:hover,body.dark-mode .study-option-card.selected{border-color:var(--primary);transform:none;box-shadow:none}.study-option-card h4{font-weight:700;color:#1e293b}.study-option-card p{font-size:.8125rem;color:var(--text-muted)}.deck-screen-layout{display:flex;gap:2rem;flex:1;min-height:0}.study-column{background:#fff;border-radius:1.5rem;border:2px solid rgba(30,41,59,.4);box-shadow:none;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1.5rem 4rem;max-width:1000px;width:100%;margin:0 auto 1.5rem;flex-shrink:0;transition:var(--transition);gap:4rem}.study-column-left{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.85rem;flex:1}.study-column-left .study-column-info p{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-secondary)}.study-column-left .main-study-btn{width:auto!important;padding:.75rem 2rem!important;justify-content:center}.study-column-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.deck-count-circle{width:52px;height:52px;border-radius:50%;background:#6366f11a;color:var(--primary);border:2px solid var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:850;flex-shrink:0}.deck-count-circle.success{background:#10b9811a;color:#10b981;border-color:#10b981}.deck-count-text{font-size:.92rem;font-weight:750;color:var(--text-main);max-width:140px;line-height:1.25}body.dark-mode .deck-count-circle{background:#818cf826;color:#a5b4fc;border-color:#a5b4fc}body.dark-mode .deck-count-circle.success{background:#34d39926;color:#34d085;border-color:#34d085}body.dark-mode .study-column{border:1px solid var(--border-color);box-shadow:none}.flashcards-column{--flashcards-sidebar-offset-y: -4rem;width:600px;height:80vh;display:flex;flex-direction:column;gap:1rem;flex-shrink:0;margin-top:var(--flashcards-sidebar-offset-y)}.flashcards-column-header{padding-bottom:1rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.flashcards-column-header h3{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-left:16px}.sidebar-answer-visibility-control{position:relative}.sidebar-answer-mode-menu{position:absolute;top:calc(100% + .5rem);right:0;width:170px;display:flex;flex-direction:column;gap:.35rem;padding:.35rem;border:1px solid var(--border-color);border-radius:.75rem;background:var(--card-bg);box-shadow:var(--shadow-lg);z-index:50}.sidebar-answer-mode-menu button{width:100%;border:none;border-radius:.55rem;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.82rem;font-weight:750;padding:.7rem .65rem;text-align:left;transition:var(--transition)}.sidebar-answer-mode-menu button.active{background:#94a3b824;color:var(--text-main)}.sidebar-answer-mode-menu button:not(.active):hover{background:#94a3b814;color:var(--text-main)}.flashcards-list-container{overflow-y:auto;flex:1;padding-right:.5rem}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.method-card{padding:1.25rem;border-radius:1rem;border:1px solid var(--border-color);cursor:pointer;box-shadow:3px 3px #1e293b14;transition:var(--transition);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.method-card:hover{border-color:var(--primary);background:#f8fafc;transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b1f}.method-card.selected{border-color:var(--primary);background:#f5f3ff;transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--primary)}body.dark-mode .method-card{border:1px solid var(--border-color);box-shadow:none}body.dark-mode .method-card:hover,body.dark-mode .method-card.selected{border-color:var(--primary);transform:none;box-shadow:none}.method-card .icon{width:2.5rem;height:2.5rem;background:#f1f5f9;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--primary)}.method-card.selected .icon{background:var(--primary);color:#fff}.method-card span{font-weight:700;font-size:.875rem;color:#1e293b}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.type-tag{display:inline-block;font-size:.65rem;font-weight:800;text-transform:uppercase;padding:.125rem .5rem;border-radius:2rem;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.025em;border:1px solid rgba(255,255,255,.4)}.type-tag.standard{background:#ede9fe;color:#6d28d9}.type-tag.multiple{background:#fef9c3;color:#854d0e}.type-tag.boolean{background:#dcfce7;color:#166534}.type-tag.cloze{background:#dbeafe;color:#1e40af}.type-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.type-option-card{padding:1.5rem 1rem;border-radius:1rem;border:2px solid var(--border-color);background:#fff;cursor:pointer;transition:var(--transition);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.type-option-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.type-option-card.prompt-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.type-option-card.prompt-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 28px #6366f126;border-color:#6366f199!important}body.dark-mode .type-option-card.prompt-card{background:linear-gradient(135deg,#6366f114,#a855f714)!important;border-color:#6366f133!important}body.dark-mode .type-option-card.prompt-card:hover{background:linear-gradient(135deg,#6366f126,#a855f726)!important;box-shadow:0 12px 28px #6366f140}.type-option-card .icon-circle{width:3rem;height:3rem;border-radius:50%;background:#f8fafc;display:flex;align-items:center;justify-content:center;color:var(--primary)}.type-option-card h4{font-size:.875rem;font-weight:700;color:#1e293b}.multiple-choice-inputs{display:flex;flex-direction:column;gap:.75rem}.alternative-row{display:flex;align-items:center;gap:.5rem}.alternative-row input{flex:1}.cloze-editor{position:relative}.cloze-toolbar{display:flex;gap:.5rem;margin-bottom:.5rem}.boolean-toggle{display:flex;gap:1rem;margin-top:.5rem}.boolean-option{flex:1;padding:1rem;border:2px solid var(--border-color);border-radius:.75rem;background:var(--bg-color);text-align:center;cursor:pointer;font-weight:700;transition:var(--transition)}.boolean-option.true:hover{border-color:#10b981;color:#10b981}.boolean-option.false:hover{border-color:#ef4444;color:#ef4444}.boolean-option.selected.true{border-color:#10b981;background:#10b98129;color:#047857;box-shadow:inset 0 0 0 1px #10b9813d}.boolean-option.selected.false{border-color:#ef4444;background:#ef444429;color:#dc2626;box-shadow:inset 0 0 0 1px #ef44443d}.study-area{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;width:100%;max-width:600px;margin:0 auto;flex:1;min-height:0;overflow:visible}.study-view{margin:auto 0;width:100%}.main-study-btn{padding:1.5rem 3rem;font-size:1.125rem;border-radius:1.25rem;max-width:100%}@media(max-height:700px){.main-study-btn{padding:1rem 2rem;font-size:1rem}.study-column padding{padding:1rem}}.study-view{animation:fadeIn .3s ease;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:100%;overflow:visible;padding:40px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.study-card-static{position:relative;background:#fff;border-radius:2rem;padding:2.5rem 2rem;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);width:100%;max-width:800px;max-height:60vh;overflow-y:auto;margin:0 auto}.study-question{--study-content-font-size: 1.25rem;font-size:var(--study-content-font-size);font-weight:700;color:#1e293b;text-align:center;margin-bottom:2rem;line-height:1.6;white-space:pre-wrap}.study-question :where(p,div,span,b,strong,i,em,u,s,strike,del,mark,font,small,big,ul,ol,li,h1,h2,h3,h4,h5,h6):not(.latex-formula-math):not(.latex-formula-math *){font-size:inherit!important;line-height:inherit}.options-list{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:500px){.options-list:has(.option-btn:nth-last-child(n+3)){grid-template-columns:1fr 1fr}.options-list:has(.option-btn:nth-last-child(n+3)) .option-btn:nth-child(3):last-child{grid-column:span 2}}.option-btn{padding:1.25rem 1.5rem;border:2px solid var(--border-color);border-radius:1rem;background:#fff;text-align:left;font-weight:600;cursor:pointer;transition:var(--transition);font-size:1rem;display:flex;align-items:center;gap:1rem}.option-btn:hover:not(.disabled){border-color:var(--primary);background:#f8fafc}.option-btn.selected{border-color:var(--primary);background:#f5f3ff}.option-btn.correct{border-color:#10b981;background:#ecfdf5;color:#065f46}.option-btn.wrong{border-color:#ef4444;background:#fef2f2;color:#991b1b}.option-btn.disabled{cursor:default}.boolean-study-actions{display:flex;gap:1.5rem}.btn-bool{flex:1;padding:2rem;border:2px solid var(--border-color);border-radius:1.25rem;font-size:1.25rem;font-weight:800;background:#fff;cursor:pointer;transition:var(--transition)}.btn-bool.true:hover:not(.disabled){border-color:#10b981;color:#10b981}.btn-bool.false:hover:not(.disabled){border-color:#ef4444;color:#ef4444}.btn-bool.selected.true{background:#ecfdf5;border-color:#10b981;color:#065f46}.btn-bool.selected.false{background:#fef2f2;border-color:#ef4444;color:#991b1b}.btn-bool.disabled{cursor:default}.cloze-inputs-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.cloze-input-row{display:flex;align-items:center;gap:1rem;background:#f8fafc;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--border-color)}.cloze-input-row span{font-size:.75rem;font-weight:800;color:#94a3b8;min-width:2.5rem}.cloze-input-row input{background:transparent;border:none;border-bottom:2px solid #cbd5e1;border-radius:0;padding:.25rem 0}.cloze-input-row input:focus{box-shadow:none;border-bottom-color:var(--primary)}.cloze-input-row.correct{border-color:#10b981;background:#ecfdf5}.cloze-input-row.wrong{border-color:#ef4444;background:#fef2f2}.cloze-placeholder{display:inline-block;min-width:4rem;border-bottom:2px solid var(--text-muted);margin:0 .25rem;font-weight:800;color:var(--primary)}.subdecks-section{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;width:100%;overflow:hidden}.subdecks-header{display:flex;justify-content:center;align-items:center}.subdecks-header h3{font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.subdecks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-height:400px;overflow-y:auto;padding-top:3px;padding-bottom:3.5rem;padding-right:.5rem}body.is-studying aside{display:none!important}body.is-studying .main-content{margin-left:0!important;width:100%!important;max-width:100%!important}body.is-studying .app-container{display:block}#exit-study-btn{display:none}#exit-study-btn:hover{background:#f8fafc!important;border-color:#cbd5e1!important;transform:translateY(-1px);box-shadow:var(--shadow-sm);color:var(--text-main)!important}body.is-studying #exit-study-btn,body.is-custom-exam-study #exit-study-btn{display:flex}body.is-custom-exam-study .study-quick-actions-container{display:none!important}#study-screen{position:relative;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;padding-bottom:.2vh;min-height:calc(100vh - var(--header-height) - 4rem)}.study-progress-container{position:absolute;top:1vh;left:1rem;right:1rem;margin:0 auto;max-width:500px;width:calc(100% - 2rem)}.study-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:3rem;padding-bottom:6rem}.flashcard-study-container{margin:0 auto}#study-options-modal .modal{max-width:500px}.study-left-panels-container{position:absolute;left:2.5rem;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start;justify-content:center;max-height:92vh;width:340px;pointer-events:none}.study-left-panels-container>div{pointer-events:auto;position:static!important;transform:none!important;margin:0!important}.subdeck-card{background:#fff;padding:1.25rem;border-radius:1rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;min-height:100px}.subdeck-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary)}.subdeck-card h4{font-size:.875rem;font-weight:700;color:#1e293b;margin:0}.subdeck-card .card-count{font-size:.75rem;color:var(--text-muted);font-weight:600}.minideck-card{text-align:center;align-items:center;justify-content:center}.minideck-card h4{display:flex;align-items:center;justify-content:center;text-align:center}.minideck-card .card-count{text-align:center}.subdeck-card.create-btn{border:2px dashed var(--border-color);background:transparent;color:var(--text-muted)}.subdeck-card.create-btn:hover{border-color:var(--primary);color:var(--primary);background:#f5f3ff}.deck-selector-field{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f8fafc;border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:var(--transition)}.deck-selector-field:hover{border-color:var(--primary);background:#f1f5f9}.deck-selector-field span{font-size:.95rem;font-weight:600;color:#1e293b}.deck-selection-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.selection-item{padding:.75rem 1rem;border-radius:.75rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.9rem}.selection-item:hover{background:#f1f5f9}.selection-item.subdeck{padding-left:2.5rem;font-size:.85rem;color:var(--text-muted)}.selection-item.minideck{padding-left:3.75rem;font-size:.82rem;color:var(--text-muted);opacity:.85}.selection-item.selected{background:#eef2ff;color:var(--primary)}.tags-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.deck-tag{display:inline-block;vertical-align:middle;font-size:.65rem;font-weight:800;text-transform:uppercase;padding:.125rem .5rem;border-radius:2rem;background:#f1f5f9;color:#64748b;letter-spacing:.025em;border:1px solid var(--border-color);max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-container h1{margin:0!important}body.dark-mode .study-option-card h4,body.dark-mode .method-card span{color:#f8fafc!important}body.dark-mode .method-card .icon svg{color:#fff!important}button.back-btn{display:flex!important;align-items:center!important;padding:0!important;border-radius:50%!important;min-width:auto!important;width:2.5rem!important;height:2.5rem!important;justify-content:center!important}body.dark-mode button.back-btn svg{stroke:#f8fafc!important}#flashcard-modal .modal{max-width:1000px;max-height:80vh;display:flex;flex-direction:column}#flashcard-form{display:flex;flex-direction:column;flex:1;min-height:0}.flashcard-form-grid{display:grid;grid-template-columns:.95fr 2.05fr 1.05fr;gap:1.25rem;overflow-x:hidden;padding-bottom:1rem;padding-right:.5rem}.col-left,.col-middle,.col-right{display:flex;flex-direction:column;overflow-y:auto;padding:4px .5rem 4px 4px;gap:1rem;min-height:0}.col-left::-webkit-scrollbar,.col-middle::-webkit-scrollbar,.col-right::-webkit-scrollbar{width:4px}.col-left::-webkit-scrollbar-track,.col-middle::-webkit-scrollbar-track,.col-right::-webkit-scrollbar-track{background:transparent}.col-left::-webkit-scrollbar-thumb,.col-middle::-webkit-scrollbar-thumb,.col-right::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}body.dark-mode .col-left::-webkit-scrollbar-thumb,body.dark-mode .col-middle::-webkit-scrollbar-thumb,body.dark-mode .col-right::-webkit-scrollbar-thumb{background:#475569}.image-slot{aspect-ratio:1;border-radius:.75rem;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#94a3b8;transition:var(--transition)}body.dark-mode .image-slot{background:#0f172a}.image-slot.add-image{cursor:pointer}.image-slot.add-image:hover{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}body.dark-mode .image-slot.add-image:hover{background:#1e293b;border-color:#334155;color:#cbd5e1}@media(max-width:768px){#flashcard-modal .modal{max-height:90vh}.flashcard-form-grid{grid-template-columns:1fr;overflow-y:auto}.col-left,.col-middle,.col-right{overflow-y:visible}}#image-upload-menu{display:flex;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-lg);z-index:1000;padding:.5rem;flex-direction:column;gap:.25rem}#image-upload-menu button:hover{background:var(--primary);color:#fff!important}.image-attachment-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.image-slot{aspect-ratio:4/3;border-radius:.75rem;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:transparent;transition:var(--transition)}.image-slot.add-image{cursor:pointer;color:var(--primary);border-color:var(--primary);background:#eef2ff}body.dark-mode .image-slot.add-image{background:#1e1b4b}.image-slot.add-image:hover{background:var(--primary);color:#fff}.image-slot.filled{border-style:solid;border-width:1px}.image-slot img{width:100%;height:100%;object-fit:cover}.image-slot .remove-img-btn{position:absolute;top:.25rem;right:.25rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;opacity:0;transition:opacity .2s}.image-slot:hover .remove-img-btn{opacity:1}.study-side-panels{position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;width:320px;z-index:50}.side-panel{background:var(--card-bg);border-radius:1.25rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.side-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.side-panel-header span{font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:.05em}.eye-btn{padding:.25rem;cursor:pointer;color:var(--text-muted);border-radius:50%;border:none;background:transparent}.eye-btn:hover{color:var(--text-main)}.side-panel-content{padding:1.25rem;transition:var(--transition)}.study-images-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.study-img-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.5rem;border:1px solid var(--border-color);cursor:zoom-in;transition:transform .2s ease}.study-img-thumb:hover{transform:scale(1.05)}.study-info-text{font-size:.9rem;line-height:1.5;color:var(--text-main);white-space:pre-wrap}.visibility-toggle{display:flex;background:var(--bg-color);border-radius:.75rem;overflow:hidden;border:1px solid var(--border-color)}.visibility-option{flex:1;text-align:center;padding:.5rem;font-size:.85rem;font-weight:700;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.visibility-option:hover{background:#ffffff0d}.visibility-option.selected{background:var(--primary);color:#fff}.extra-functions-panel{margin-top:1.25rem}.extra-functions-toggle{width:100%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left}.extra-functions-toggle span{font-size:.75rem;font-weight:700;letter-spacing:.025em}.extra-functions-toggle svg{transition:transform .2s ease}.extra-functions-panel.open .extra-functions-toggle svg{transform:rotate(180deg)}.extra-functions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.75rem}.extra-function-card{min-height:86px;border:1.5px solid var(--border-color);border-radius:.75rem;background:var(--bg-color);color:var(--text-main);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-weight:700;transition:var(--transition)}.extra-function-card:hover{border-color:var(--primary);color:var(--primary)}.extra-function-card.active{border-color:#7c3aed;color:#7c3aed;background:#7c3aed14}.extra-function-icon{width:2rem;height:2rem;border-radius:.5rem;background:var(--card-bg);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.extra-function-latex{font-family:Times New Roman,Times,serif;font-style:italic;font-size:1rem}@media(max-width:1150px){.study-side-panels{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:600px;margin:1.5rem auto 0}}.initial-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f8fafc;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}body.dark-mode .initial-loader,html.dark-mode .initial-loader{background:#0f172a}.loader-spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--primary-color, #6366f1);border-radius:50%;animation:loader-spin 1s linear infinite}body.dark-mode .loader-spinner,html.dark-mode .loader-spinner{border:4px solid rgba(255,255,255,.1);border-top-color:#fff}@keyframes loader-spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.deck-screen-layout{flex-direction:column;height:auto}.flashcards-column{width:100%;margin-top:0;height:auto}aside{display:none}}@media(min-width:1025px){.deck-header h2{max-width:calc(100% - 630px)}}.study-audio-btn{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:3.5rem;height:3.5rem;border-radius:50%;background:#ffffffd9;border:1px solid var(--border-color);box-shadow:var(--shadow-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--primary);display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:10}.study-audio-btn:hover{background:var(--primary);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 10px 15px -3px #4f46e54d}.study-audio-btn:active{transform:translateY(-50%) scale(.95)}body.dark-mode .study-audio-btn{background:#1e293bd9;border-color:#334155;color:#a78bfa}body.dark-mode .study-audio-btn:hover{background:#a78bfa;color:#0f172a;box-shadow:0 10px 15px -3px #a78bfa4d}.rich-toolbar button.audio-active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;animation:pulseAudio .5s ease-out}body.dark-mode .rich-toolbar button.audio-active{background:#a78bfa!important;color:#fff!important;border-color:#a78bfa!important}@keyframes pulseAudio{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.audio-lang-badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary);color:#fff;font-size:.7rem;font-weight:800;padding:.125rem .45rem;border-radius:.375rem;margin-left:.5rem;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em;animation:fadeInBadge .25s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-sm);height:1.5rem}body.dark-mode .audio-lang-badge{background-color:#a78bfa;color:#0f172a}@keyframes fadeInBadge{0%{opacity:0;transform:scale(.7) translate(-5px)}to{opacity:1;transform:scale(1) translate(0)}}.bulk-filter-bar{display:grid;grid-template-columns:minmax(240px,1fr) 180px 190px;gap:.75rem;align-items:center;flex-shrink:0;padding:.5rem 0 1rem;border-bottom:none}.bulk-search-field{display:flex;align-items:center;gap:.65rem;min-width:0;padding:0 .85rem;border:1px solid var(--border-color);border-radius:.8rem;background:var(--bg-color);color:var(--text-muted);box-shadow:2px 2px #1e293b0f;transition:all .2s ease}.bulk-search-field:focus-within{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--primary);border-color:var(--primary)}body.dark-mode .bulk-search-field{border:1px solid var(--border-color);box-shadow:none}body.dark-mode .bulk-search-field:focus-within{transform:none;box-shadow:0 0 0 3px #6366f12e;border-color:var(--primary)}.bulk-search-field input{width:100%;min-width:0;height:42px;border:none;outline:none;background:transparent;color:var(--text-main);font:inherit;font-size:.88rem;font-weight:650}.bulk-search-field input::placeholder{color:var(--text-muted);font-weight:600}.bulk-filter-bar select{cursor:pointer;padding:0 .75rem;border:1px solid var(--border-color);border-radius:.8rem;background:var(--bg-color);color:var(--text-main);box-shadow:2px 2px #1e293b0f;transition:all .2s ease;width:100%;height:42px;outline:none}.bulk-filter-bar select:focus{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--primary);border-color:var(--primary)}body.dark-mode .bulk-filter-bar select{border:1px solid var(--border-color);box-shadow:none}body.dark-mode .bulk-filter-bar select:focus{transform:none;box-shadow:0 0 0 3px #6366f12e;border-color:var(--primary)}.bulk-cards-grid-container{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;padding-left:.45rem!important;padding-right:.45rem!important}.bulk-cards-grid-container::-webkit-scrollbar{width:6px}.bulk-cards-grid-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.bulk-card-item{position:relative;flex:0 0 auto;height:auto;background:var(--card-bg, #ffffff);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.25rem;min-height:168px;cursor:pointer;display:flex;align-items:stretch;overflow:visible;box-shadow:3px 3px #1e293b14;transition:transform .22s cubic-bezier(.34,1.56,.64,1),border-color .22s ease,box-shadow .22s ease,background-color .22s ease;-webkit-user-select:none;user-select:none}body.dark-mode .bulk-card-item{background:var(--card-bg, #1e293b);border:1px solid var(--border-color);box-shadow:3px 3px #0003}.bulk-card-item:hover{transform:translate(-2px,-2px);border-color:var(--primary);box-shadow:5px 5px #1e293b1f}body.dark-mode .bulk-card-item:hover{transform:translate(-2px,-2px);border-color:var(--primary);box-shadow:5px 5px #00000059}.bulk-card-item.selected{border-color:var(--primary)!important;background-color:#4f46e50f!important;box-shadow:5px 5px 0 0 var(--primary)!important;transform:translate(-2px,-2px)}body.dark-mode .bulk-card-item.selected{background-color:#a78bfa14!important;border-color:#a78bfa!important;box-shadow:0 0 0 3px #a78bfa33;transform:none}body.dark-mode .bulk-card-title.standard{background:#4c1d95;color:#ddd6fe}body.dark-mode .bulk-card-title.multiple{background:#713f12;color:#fef08a}body.dark-mode .bulk-card-title.boolean{background:#064e3b;color:#a7f3d0}body.dark-mode .bulk-card-title.cloze{background:#1e3a8a;color:#bfdbfe}.bulk-card-content{flex:1 1 auto;display:flex;flex-direction:column;gap:.8rem;width:100%;min-width:0;min-height:0;padding-right:2.25rem}.bulk-card-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-right:.75rem}.bulk-card-title,.bulk-card-tag{display:inline-flex;align-items:center;min-height:1.45rem;border-radius:999px;padding:.18rem .55rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bulk-card-title,.bulk-card-title.standard{background:#ede9fe;color:#6d28d9}.bulk-card-title.multiple{background:#fef9c3;color:#854d0e}.bulk-card-title.boolean{background:#dcfce7;color:#166534}.bulk-card-title.cloze{background:#dbeafe;color:#1e40af}.bulk-card-tag{background:#3b82f624;color:#93c5fd}.bulk-card-tag.review{background:#f8717124;color:#fca5a5}.bulk-card-preview-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:1rem}.bulk-card-preview-block{display:flex;flex-direction:column;min-width:0;height:auto;min-height:0;padding:.85rem;border:1px solid rgba(148,163,184,.18);border-radius:.85rem;background:#0f172a0a;overflow:visible}body.dark-mode .bulk-card-preview-block{background:#0f172a2e}.bulk-card-preview-block>span{display:block;margin-bottom:.45rem;color:var(--text-secondary);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.bulk-card-front-preview{font-size:.9rem;font-weight:600;color:var(--text-main);line-height:1.35;overflow-wrap:anywhere;white-space:pre-wrap}.bulk-card-back-preview{font-size:.88rem;color:var(--text-secondary);line-height:1.35;overflow-wrap:anywhere;white-space:pre-wrap}.bulk-card-checkbox{position:absolute;top:1rem;right:1rem;width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-color);display:flex;align-items:center;justify-content:center;transition:all .22s cubic-bezier(.34,1.56,.64,1)}.bulk-card-checkbox:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px);opacity:0;transition:opacity .15s ease}.bulk-card-item.selected .bulk-card-checkbox{background:var(--primary)!important;border-color:var(--primary)!important}body.dark-mode .bulk-card-item.selected .bulk-card-checkbox{background:#a78bfa!important;border-color:#a78bfa!important}.bulk-card-item.selected .bulk-card-checkbox:after{opacity:1}.bulk-grid-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);font-size:.95rem;text-align:center;gap:.75rem}.bulk-grid-empty svg{opacity:.4;margin-bottom:.5rem}@media(max-width:760px){.bulk-filter-bar,.bulk-card-preview-row{grid-template-columns:1fr}}.bulk-move-modal{max-width:520px;width:90%}.bulk-move-desc{margin:-.35rem 0 1rem;color:var(--text-muted);font-size:.92rem}.bulk-move-deck-list{display:flex;flex-direction:column;gap:.55rem;max-height:min(420px,55vh);overflow-y:auto;padding-right:.25rem}.bulk-move-deck-option{width:100%;padding:.9rem 1rem;border:1px solid var(--border-color);border-radius:.85rem;background:var(--bg-color);color:var(--text-main);cursor:pointer;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease}.bulk-move-deck-option:hover,.bulk-move-deck-option.selected{border-color:var(--primary);background:#4f46e514;transform:translateY(-1px)}.bulk-move-deck-option.subdeck{margin-left:1rem;width:calc(100% - 1rem)}.bulk-move-deck-option.mini{margin-left:2rem;width:calc(100% - 2rem);opacity:.9}.bulk-move-deck-name,.bulk-move-deck-meta{display:block}.bulk-move-deck-name{font-weight:800}.bulk-move-deck-meta{margin-top:.25rem;color:var(--text-muted);font-size:.78rem}.bulk-move-empty{margin:0;padding:1rem;color:var(--text-muted);text-align:center}.study-audio-btn.speaking{animation:audioRipple 1.2s infinite ease-in-out;background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}body.dark-mode .study-audio-btn.speaking{background:#a78bfa!important;color:#0f172a!important;border-color:#a78bfa!important}@keyframes audioRipple{0%{box-shadow:0 0 #4f46e566,0 0 0 10px #4f46e533}50%{box-shadow:0 0 0 8px #4f46e533,0 0 0 20px #4f46e51a}to{box-shadow:0 0 #4f46e566,0 0 0 10px #4f46e533}}body.dark-mode .study-audio-btn.speaking{animation:audioRippleDark 1.2s infinite ease-in-out}@keyframes audioRippleDark{0%{box-shadow:0 0 #a78bfa66,0 0 0 10px #a78bfa33}50%{box-shadow:0 0 0 8px #a78bfa33,0 0 0 20px #a78bfa1a}to{box-shadow:0 0 #a78bfa66,0 0 0 10px #a78bfa33}}.due-tag{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:.5rem;letter-spacing:.02em}.due-tag.due-red{background:#ef44441a;color:#ef4444}.due-tag.due-gray{background:#64748b1a;color:#64748b}.due-tag.due-green{background:#10b9811a;color:#10b981}body.dark-mode .due-tag.due-red{background:#f8717126;color:#f87171}body.dark-mode .due-tag.due-gray{background:#818cf826;color:#c7d2fe}body.dark-mode .due-tag.due-green{background:#34d39926;color:#34d085}.study-modal-layout{display:flex;gap:2rem;position:relative;margin-top:1.5rem;text-align:left}.study-modal-column{flex:1;display:flex;flex-direction:column;gap:1.25rem}.study-modal-column.left{padding-right:1.25rem}.study-modal-column.right{padding-left:1.25rem;border-left:1px solid var(--border-color, #e2e8f0)}.study-column-title{font-size:.95rem;font-weight:800;color:var(--text-secondary, #64748b);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.08em}.study-general-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.25rem;background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e2e8f0);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.study-general-btn:hover{border-color:var(--primary, #4f46e5);background:#4f46e50a;transform:translateY(-2px)}.study-general-btn.glowing-recommended{position:relative;z-index:0;border:none;background:transparent;overflow:hidden;box-shadow:0 4px 15px #7c3aed33}.study-general-btn.glowing-recommended:before{content:"";position:absolute;z-index:-2;left:calc(50% - 250px);top:calc(50% - 250px);width:500px;height:500px;background:conic-gradient(from 0deg,#6366f1,#3b82f6,#4f46e5,#8b5cf6,#6366f1);animation:rotateBorder 4s linear infinite;opacity:.4}.study-general-btn.glowing-recommended:after{content:"";position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:var(--card-bg, #ffffff);border-radius:10px;transition:background .25s ease}.study-general-btn h4{font-size:1.05rem;font-weight:750;color:var(--text-primary, #0f172a);margin:0 0 .4rem;display:flex;align-items:center;gap:.5rem}.study-general-btn p{font-size:.825rem;color:var(--text-muted, #64748b);margin:0;line-height:1.4}.study-specific-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.study-specific-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .5rem;background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e2e8f0);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;min-height:110px}.study-specific-btn:hover{border-color:var(--primary, #4f46e5);background:#4f46e50a;transform:translateY(-2px)}.study-specific-btn .icon-wrapper{margin-bottom:.6rem;color:var(--primary, #4f46e5)}.study-specific-btn span{font-size:.85rem;font-weight:700;color:var(--text-primary, #0f172a)}@keyframes rotateBorder{to{transform:rotate(1turn)}}body.dark-mode .study-general-btn,body.dark-mode .study-specific-btn{background:#1e293b;border-color:#334155}body.dark-mode .study-general-btn h4,body.dark-mode .study-specific-btn span{color:#f8fafc}body.dark-mode .study-general-btn p{color:#94a3b8}body.dark-mode .study-specific-btn .icon-wrapper{color:#818cf8}body.dark-mode .study-general-btn.glowing-recommended{background:transparent;box-shadow:0 4px 20px #7c3aed59}body.dark-mode .study-modal-column.right{border-left-color:#334155}body.dark-mode .study-general-btn:hover,body.dark-mode .study-specific-btn:hover{background:#6366f10f;border-color:var(--primary, #6366f1)}.theme-ripple-overlay{position:fixed;z-index:99999;width:12px;height:12px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .6s cubic-bezier(.1,.9,.2,1),opacity .35s ease;transform-origin:center;box-shadow:0 0 40px #00000026}.theme-ripple-overlay.active{transform:translate(-50%,-50%) scale(350)}.settings-choice-row .btn.btn-ghost{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-muted);transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:600;padding:.6rem 1.25rem;border-radius:.75rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem}.settings-choice-row .btn.btn-ghost:hover{background:var(--bg-color);color:var(--text-main);border-color:var(--border-color);transform:translateY(-1px)}.settings-choice-row .btn.btn-ghost.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;box-shadow:0 4px 12px #4f46e559;transform:scale(1.03)}body.dark-mode .settings-choice-row .btn.btn-ghost.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;box-shadow:0 4px 16px #4f46e580}.no-transitions,.no-transitions *{transition:none!important}@media(max-width:768px){.split-prompt-layout{grid-template-columns:1fr!important}#prompt-right-column{border-left:none!important;padding-left:0!important;margin-top:1rem}}#prompt-ai-count-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#94a3b866;border-radius:3px;outline:none;margin:.75rem 0;padding:0;border:none;display:block}#prompt-ai-count-slider:focus{outline:none;box-shadow:none}#prompt-ai-count-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:none;transition:transform .2s cubic-bezier(.4,0,.2,1)}#prompt-ai-count-slider:hover::-webkit-slider-thumb{transform:scale(1.25)}#prompt-ai-count-slider:active::-webkit-slider-thumb{transform:scale(1.25);box-shadow:none}#prompt-ai-count-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:none;transition:transform .2s cubic-bezier(.4,0,.2,1)}#prompt-ai-count-slider:hover::-moz-range-thumb{transform:scale(1.25)}#prompt-ai-count-slider:active::-moz-range-thumb{transform:scale(1.25);box-shadow:none}#prompt-ai-count-slider::-moz-range-track{background:#94a3b866;height:6px;border-radius:3px;border:none}.textLayer{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;opacity:1;line-height:1;pointer-events:auto;z-index:2}.textLayer span,.textLayer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.textLayer ::selection{background:#6366f14d!important}.custom-premium-switch{position:relative;display:inline-block;width:46px;height:24px;cursor:pointer;margin:0;flex-shrink:0}.custom-premium-switch input{opacity:0;width:0;height:0}.custom-premium-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#94a3b833;border:1.5px solid rgba(148,163,184,.35);transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:24px}.custom-premium-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3.5px;background-color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.custom-premium-switch input:checked+.custom-premium-slider{background-color:#a855f7;border-color:#a855f7;box-shadow:0 0 8px #a855f74d}.custom-premium-switch input:checked+.custom-premium-slider:before{transform:translate(22px)}