@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-body: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--bg-input: #0f172a;--border-color: #334155;--border-focus: #475569;--primary: #047857;--primary-hover: #065f46;--primary-light: #064e3b;--success: #34d399;--success-bg: #064e3b;--success-border: #065f46;--danger: #f87171;--danger-bg: #7f1d1d;--danger-border: #991b1b;--accent: #38bdf8;--accent-light: #0c4a6e;--text-main: #f8fafc;--text-muted: #94a3b8;--text-inverse: #0f172a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .2);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", var(--font-sans);--font-serif: var(--font-sans);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}html{scrollbar-color:var(--border-color) var(--bg-body);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px;border:3px solid var(--bg-body)}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}body{font-family:var(--font-sans);background-color:var(--bg-body);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1000px;margin:0 auto}.top-bar{display:flex;justify-content:flex-end;width:100%;margin-bottom:1rem}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:.85rem;box-shadow:var(--shadow-sm)}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}header{text-align:center;margin-bottom:2rem;width:100%}header h1{font-family:var(--font-display);font-size:2.25rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;letter-spacing:-.5px}header p{color:var(--text-muted);font-size:1.05rem;font-weight:400}.tab-container{display:flex;justify-content:center;gap:.25rem;margin-bottom:2rem;background:var(--bg-card);padding:.35rem;border-radius:9999px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);width:fit-content}.tab-btn{background:transparent;border:none;color:var(--text-muted);padding:.6rem 1.4rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{background:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-md)}.view-section{width:100%;display:none}.view-section.active{display:block;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stats-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;width:100%}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.stat-value-group{display:flex;align-items:baseline;gap:.5rem}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-main)}.stat-subtext{font-size:.85rem;color:var(--text-muted)}.stat-progress-bar{width:100%;height:6px;background:var(--border-color);border-radius:9999px;overflow:hidden;margin-top:.25rem}.stat-progress-fill{height:100%;background:var(--primary);border-radius:9999px;width:0%;transition:width .5s ease-out}.actions-row{display:flex;justify-content:flex-end;margin-bottom:2rem;width:100%}.btn-reset{background:transparent;border:1px solid var(--border-color);color:var(--danger);padding:.4rem .8rem;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.35rem}.btn-reset:hover{background:var(--danger-bg);border-color:var(--danger-border)}.filter-group-label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;display:flex;align-items:center;margin-right:.5rem}.filter-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);padding:.4rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-display);transition:all .2s}.filter-btn:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border-focus)}.filter-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--text-main)}.card-wrapper{perspective:1200px;width:100%;max-width:580px;height:360px;cursor:pointer;margin:0 auto 1.5rem}.flashcard{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-wrapper.flipped .flashcard{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-lg)}.card-back{transform:rotateY(180deg);background:var(--bg-card);border-color:var(--primary)}.card-header-badge{display:flex;justify-content:space-between;align-items:center;width:100%}.badge-level{background:var(--primary-light);color:var(--primary);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid var(--border-color)}.badge-type{background:var(--border-color);color:var(--text-muted);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.word-display-area{text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.word-term{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3rem);font-weight:800;color:var(--text-main);letter-spacing:-.5px}.word-synonyms{color:var(--text-muted);font-size:.95rem;line-height:1.5}.word-synonyms strong{color:var(--text-main)}.word-meaning{font-family:var(--font-display);font-size:1.75rem;color:var(--success);font-weight:700}.card-sentence-box{background:var(--bg-body);border-left:4px solid var(--primary);padding:1rem;border-radius:var(--radius-md);text-align:left;margin:1rem 0 .5rem}.sentence-eng{font-family:var(--font-sans);font-weight:500;font-size:.95rem;line-height:1.5;color:var(--text-main);margin-bottom:.25rem}.sentence-tr{font-family:var(--font-sans);color:var(--text-muted);font-size:.85rem;line-height:1.4}.card-footer{text-align:center;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:.75rem}.controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:580px;margin:0 auto;width:100%}.control-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:.65rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.35rem;box-shadow:var(--shadow-sm)}.control-btn:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.btn-mark-learned{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);padding:.65rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.35rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.btn-mark-learned.active{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.btn-mark-learned.btn-ezber-bag.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.btn-ezberimde{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);padding:.65rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.35rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.btn-ezberimde:hover{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.btn-ezberimde.active{background:var(--success-bg);border-color:var(--success);color:var(--success);box-shadow:0 0 10px #34d39933}.btn-calismaya-devam{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);padding:.65rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.35rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.btn-calismaya-devam:hover,.btn-calismaya-devam.active:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger);box-shadow:0 0 10px #f8717133}.btn-calismaya-devam.active{background:var(--danger-bg);border-color:var(--danger);color:var(--danger);box-shadow:0 0 10px #f8717133}.progress-text{font-size:.85rem;font-weight:600;color:var(--text-muted)}.quiz-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);max-width:680px;margin:0 auto;width:100%}.quiz-header-filters{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1.25rem;margin-bottom:1.5rem}.quiz-modes{display:flex;gap:.5rem}.mode-btn{flex:1;background:var(--bg-body);border:1px solid var(--border-color);color:var(--text-muted);padding:.65rem;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-size:.9rem;font-weight:600;text-align:center;transition:all .2s}.mode-btn.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.quiz-levels-filter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.quiz-levels-filter span{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.question-card{margin-bottom:1.5rem}.question-text{font-size:1.15rem;line-height:1.6;font-weight:500;color:var(--text-main);margin-bottom:1.5rem}.question-text span{display:inline-block;min-width:80px;border-bottom:2px dashed var(--primary);text-align:center;color:var(--primary);margin:0 .25rem;font-weight:700}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-btn{background:var(--bg-body);border:1px solid var(--border-color);color:var(--text-main);padding:.9rem 1.25rem;border-radius:var(--radius-md);text-align:left;font-size:.95rem;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.option-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary);transform:translate(4px)}.option-btn:disabled{cursor:default}.option-btn.correct{background:var(--success-bg)!important;border-color:var(--success)!important;color:var(--success)!important;font-weight:600}.option-btn.wrong{background:var(--danger-bg)!important;border-color:var(--danger)!important;color:var(--danger)!important;font-weight:600}.feedback-alert{margin-top:1.5rem;padding:1.25rem;border-radius:var(--radius-md);border-left:4px solid var(--border-color);font-size:.9rem;line-height:1.5;animation:fadeIn .3s ease-out;display:none}.feedback-alert.correct{background:var(--success-bg);border-left-color:var(--success);color:var(--success);display:block}.feedback-alert.wrong{background:var(--danger-bg);border-left-color:var(--danger);color:var(--danger);display:block}.feedback-explanation{margin-top:.5rem;color:var(--text-main);font-weight:400}.btn-next-question{width:100%;margin-top:1.5rem;background:var(--primary);color:var(--text-inverse);border:none;padding:.9rem;border-radius:var(--radius-md);font-family:var(--font-display);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);display:none}.btn-next-question:hover{background:var(--primary-hover)}.reading-split-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media (min-width: 992px){.reading-split-layout{grid-template-columns:1.2fr .8fr;align-items:start}}.passage-column{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md)}.passage-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.difficulty-pill{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.2rem .6rem;border-radius:4px}.difficulty-easy{background:#064e3b;color:#34d399}.difficulty-medium{background:#78350f;color:#fbbf24}.difficulty-hard{background:#7f1d1d;color:#f87171}.passage-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-main);margin-bottom:1.25rem}.passage-body{font-family:var(--font-sans);font-size:1.05rem;line-height:1.75;color:var(--text-main);text-align:justify;margin-bottom:1.5rem}.passage-navigation{display:flex;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:1rem}.question-column{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);position:sticky;top:1.5rem}.question-nav-indicator{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.5px}.reading-question-title{font-family:var(--font-sans);font-weight:600;font-size:1.05rem;line-height:1.5;color:var(--text-main);margin-bottom:1.25rem;border-left:3px solid var(--primary);padding-left:.75rem}.search-filter-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;width:100%}@media (min-width: 600px){.search-filter-box{flex-direction:row;align-items:center}}.search-input{flex-grow:1;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:.6rem 1rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9rem}.search-input:focus{outline:none;border-color:var(--primary)}.category-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:.6rem 1rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9rem;cursor:pointer}.category-select:focus{outline:none;border-color:var(--primary)}.conjunctions-list{display:flex;flex-direction:column;gap:1rem;width:100%}.conjunction-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm)}.conjunction-card:hover{border-color:var(--border-focus)}.conj-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.conj-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--primary)}.conj-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:var(--primary-light);color:var(--primary);border:1px solid var(--border-color)}.conj-grid{display:grid;grid-template-columns:80px 1fr;gap:.5rem;font-size:.9rem;line-height:1.5;margin-bottom:.25rem}.conj-label{color:var(--text-muted);font-weight:600}.conj-example-val{font-style:italic;color:var(--text-main)}@media (max-width: 600px){body{padding:1rem .75rem}header h1{font-size:1.75rem}.card-wrapper{height:380px}.card-face{padding:1.25rem}.word-term{font-size:2rem}.word-meaning{font-size:1.35rem}.tab-container{overflow-x:auto;max-width:100%;white-space:nowrap;justify-content:flex-start}.tab-btn{padding:.5rem 1rem;font-size:.8rem;flex-shrink:0}.quiz-wrapper{padding:1.25rem}}.hoverable-word{display:inline-block;position:relative;transition:all .2s ease;border-bottom:1px dashed transparent;padding:0 2px;border-radius:4px}.hoverable-word.has-definition{cursor:help;color:inherit;border-bottom-color:transparent}.hoverable-word.has-definition:hover{background-color:var(--primary-light);color:var(--primary);border-bottom-color:var(--primary)}.study-mode-active .hoverable-word.has-definition{color:#a855f7;background-color:#a855f71f;border-bottom-color:#a855f7;font-weight:500}.study-mode-active .hoverable-word.has-definition:hover{background-color:#a855f740;color:#c084fc}.hoverable-word.no-definition{cursor:pointer}.hoverable-word.no-definition:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.tutoring-main-grid{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}@media (max-width: 1024px){.tutoring-main-grid{grid-template-columns:1fr}}.tutoring-sidebar-column{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.tutoring-sidebar-header{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:1rem}.tutoring-progress-bar-box{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.8rem;margin-bottom:1.25rem}.tutoring-progress-label{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.tutoring-progress-track{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.tutoring-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#3b82f6 100%);transition:width .4s ease}.tutoring-lessons-vertical{display:flex;flex-direction:column;gap:10px;max-height:580px;overflow-y:auto;padding-right:4px}.tutoring-lesson-card{padding:.9rem 1rem;background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease;text-align:left}.tutoring-lesson-card:hover{border-color:var(--primary);color:var(--text-main);transform:translate(3px)}.tutoring-lesson-card.active{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:600}.tutoring-lesson-card-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;margin-bottom:4px}.tutoring-lesson-card-sub{font-size:.8rem;color:var(--text-muted);line-height:1.4}.tutoring-lesson-card.completed .tutoring-lesson-card-header:after{content:"✓ Tamamlandı";color:var(--success);font-size:.75rem;font-weight:700}.tutoring-content-column{display:flex;flex-direction:column;gap:1.5rem}.tutoring-lesson-header{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem}.tutoring-lesson-badge{display:inline-block;padding:.3rem .8rem;background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;margin-bottom:.5rem}.tutoring-lesson-title{font-size:1.4rem;font-weight:700;color:var(--text-main);margin:0}.tutoring-lesson-desc{font-size:.95rem;color:var(--text-muted);margin-top:.75rem;line-height:1.6}.btn-complete-lesson{padding:.6rem 1.2rem;background-color:var(--bg-body);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-complete-lesson:hover{border-color:var(--success);color:var(--success)}.btn-complete-lesson.completed{background-color:var(--success-bg);border-color:var(--success);color:var(--success)}.tutoring-section-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem}.tutoring-section-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:1.25rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.tutoring-notes-content{font-size:1rem;line-height:1.7;color:var(--text-main)}.tutoring-tip-box{background-color:var(--bg-body);border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.25rem;margin:1rem 0}.tutoring-tip-title{font-weight:700;color:var(--primary);font-size:.95rem;margin-bottom:.4rem}.tutoring-words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tutoring-word-card{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.9rem;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.tutoring-word-header{display:flex;justify-content:space-between;align-items:center}.tutoring-word-term{font-weight:700;color:var(--primary);font-size:1rem}.tutoring-word-meaning{font-size:.85rem;color:var(--text-muted)}.tutoring-practice-item{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1.25rem;margin-bottom:1.25rem}.tutoring-practice-item:last-child{margin-bottom:0}.tutoring-practice-question{font-size:1.05rem;font-weight:600;color:var(--text-main);margin-bottom:1rem;line-height:1.6}.tutoring-practice-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1rem}@media (max-width: 640px){.tutoring-practice-options{grid-template-columns:1fr}}.tutoring-practice-explain{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.9rem;font-size:.9rem;line-height:1.6;display:none}.tutoring-notebook-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.tutoring-notebook-textarea{width:100%;height:140px;background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.9rem;color:var(--text-main);font-family:var(--font-sans);font-size:.95rem;line-height:1.6;resize:vertical;outline:none}.tutoring-notebook-textarea:focus{border-color:var(--primary)}.tutoring-notebook-status{font-size:.75rem;color:var(--success);margin-top:.4rem;text-align:right;opacity:0;transition:opacity .3s ease}.reading-main-grid{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}@media (max-width: 1024px){.reading-main-grid{grid-template-columns:1fr}}.passage-sidebar-column{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.passage-titles-vertical{display:flex;flex-direction:column;gap:10px;max-height:540px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.para-title-card-vertical{padding:.8rem 1rem;background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:4px;text-align:left}.para-title-card-vertical:hover{border-color:var(--primary);color:var(--text-main);transform:translate(3px)}.para-title-card-vertical.active{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:600}.para-card-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600}.para-card-meta{display:flex;align-items:center;gap:6px;font-size:.75rem}.para-card-meta .is-read{color:var(--success);font-weight:700}.conjunction-tabs-bar{display:flex;gap:10px;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.conj-tab-btn{padding:.7rem 1.4rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.conj-tab-btn:hover{border-color:var(--primary);color:var(--text-main)}.conj-tab-btn.active{background-color:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.games-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.game-mode-selector{display:flex;gap:8px}.game-mode-btn{padding:.5rem 1rem;background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.game-mode-btn:hover{border-color:#a855f7;color:#a855f7}.game-mode-btn.active{background-color:#a855f726;border-color:#a855f7;color:#c084fc}.game-scoreboard{display:flex;gap:12px}.score-card{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.4rem .8rem;text-align:center}.score-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.score-value{font-size:1rem;font-weight:700;color:var(--primary)}.match-game-instructions{text-align:center;font-size:.95rem;color:var(--text-muted);margin-bottom:1.25rem}.match-cards-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.match-cards-container{grid-template-columns:1fr}}.match-column{display:flex;flex-direction:column;gap:10px}.match-card-item{padding:1rem 1.2rem;background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;box-shadow:var(--shadow-sm)}.match-card-item:hover{border-color:var(--primary);transform:translateY(-2px)}.match-card-item.selected{border-color:#a855f7;background-color:#a855f726;color:#c084fc;box-shadow:0 0 12px #a855f74d}.match-card-item.matched{border-color:var(--success);background-color:var(--success-bg);color:var(--success);opacity:.6;cursor:default;pointer-events:none}.match-card-item.wrong{border-color:var(--danger);background-color:var(--danger-bg);color:var(--danger);animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.btn-restart-game{padding:.7rem 1.5rem;background-color:var(--primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background-color .2s ease}.btn-restart-game:hover{background-color:var(--primary-hover)}.sentence-game-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2rem}.sentence-category-badge{display:inline-block;padding:.3rem .8rem;background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;margin-bottom:1rem}.sentence-game-text{font-family:var(--font-sans);font-size:1.2rem;line-height:1.7;color:var(--text-main);margin-bottom:1.5rem}.options-grid-game{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem}@media (max-width: 640px){.options-grid-game{grid-template-columns:1fr}}.sentence-game-feedback{padding:1rem;border-radius:var(--radius-sm);font-size:.95rem;line-height:1.6;margin-top:1rem}.vocab-tooltip{position:absolute;z-index:10000;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.75rem 1rem;max-width:320px;font-family:var(--font-sans);pointer-events:auto;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease;visibility:hidden}.vocab-tooltip.visible{opacity:1;transform:translateY(0);visibility:visible}.tooltip-actions{display:flex;gap:.5rem;margin-top:.75rem;border-top:1px solid var(--border-color);padding-top:.5rem;justify-content:flex-end;align-items:center;position:relative}.tooltip-action-btn{display:inline-flex;align-items:center;gap:.25rem;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.tooltip-action-btn:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--text-main)}.tooltip-action-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.tooltip-list-dropdown-container{position:relative}.tooltip-list-dropdown-content{display:none;position:absolute;bottom:110%;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:.5rem;min-width:140px;z-index:10001;max-height:180px;overflow-y:auto}.tooltip-list-dropdown-content.active{display:block}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.tooltip-word{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-main)}.tooltip-badge-group{display:flex;gap:.25rem}.tooltip-badge-type{font-size:.7rem;font-weight:600;text-transform:capitalize;padding:.15rem .4rem;background:var(--border-color);color:var(--text-muted);border-radius:4px}.tooltip-badge-level{font-size:.7rem;font-weight:700;padding:.15rem .4rem;background:var(--primary-light);color:var(--primary);border-radius:4px}.tooltip-meaning{font-weight:600;font-size:.95rem;color:var(--success);margin-bottom:.25rem}.tooltip-synonyms{font-size:.75rem;color:var(--text-muted)}.btn-nav,.para-nav-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:.65rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-nav:hover,.para-nav-btn:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-nav:active,.para-nav-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-nav:focus-visible,.para-nav-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.passage-navigation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:1.25rem;margin-top:1.5rem}.library-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;margin-top:1.5rem}.library-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:750px}.library-sidebar-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-main)}.library-levels-filter{display:flex;flex-wrap:wrap;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.library-passage-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding-right:.25rem}.library-passage-list::-webkit-scrollbar{width:6px}.library-passage-list::-webkit-scrollbar-track{background:transparent}.library-passage-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.library-passage-item{padding:1rem;background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-speed),background-color var(--transition-speed);display:flex;flex-direction:column;gap:.5rem}.library-passage-item:hover{border-color:var(--border-focus);background:var(--bg-card-hover)}.library-passage-item.active{border-color:var(--primary);background:var(--bg-card);box-shadow:var(--shadow-sm)}.library-passage-item-title{font-size:.95rem;font-weight:600;color:var(--text-main);line-height:1.4}.library-passage-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.read-status-badge{color:var(--success);font-weight:600}.library-reader{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:var(--shadow-sm);min-height:500px}.library-reader-header{display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:1.25rem}.library-reader-title{font-family:var(--font-display);font-size:1.85rem;font-weight:700;color:var(--text-main);line-height:1.3}.library-reader-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.85rem;color:var(--text-muted)}.library-body{font-family:var(--font-sans);font-size:1.125rem;line-height:1.85;color:var(--text-main);text-align:justify;white-space:pre-line}.library-paragraph{margin-bottom:1.5rem}.library-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-toggle-read{padding:.6rem 1.2rem;background-color:var(--primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-speed)}.btn-toggle-read:hover{background-color:var(--primary-hover)}.btn-toggle-read.is-read{background-color:var(--success);color:var(--text-inverse)}.btn-toggle-read.is-read:hover{background-color:#15803d}.library-vocabulary{margin-top:2rem;border-top:2px dashed var(--border-color);padding-top:1.5rem}.library-vocabulary-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:1rem}.library-vocabulary-list{display:flex;flex-direction:column;gap:.75rem}.library-vocab-row{padding:.75rem 1rem;background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;gap:1rem}.vocab-word-info{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem}.vocab-word{font-weight:700;color:var(--text-main)}.vocab-type{font-style:italic;color:var(--text-muted);font-size:.8rem}.vocab-meaning{color:var(--text-main);margin-left:.25rem}.vocab-synonyms{color:var(--text-muted);font-size:.8rem}.ezber-btn-small{padding:.35rem .75rem;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.ezber-btn-small:hover{border-color:var(--accent);color:var(--accent);background-color:#0284c70d}.ezber-btn-small.active{background-color:var(--accent);border-color:var(--accent);color:var(--text-inverse)}@media (max-width: 992px){.library-layout{grid-template-columns:1fr}.library-sidebar{max-height:400px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.modal-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:460px;padding:28px;position:relative;animation:modalPopIn .3s cubic-bezier(.34,1.56,.64,1);color:var(--text-main)}@keyframes modalPopIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-main)}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);transition:color var(--transition-speed) ease}.modal-close-btn:hover{color:var(--text-main)}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-muted)}.form-group input{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color);padding:10px 14px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.95rem;transition:border-color var(--transition-speed) ease}.form-group input:focus{outline:none;border-color:var(--primary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:16px;display:none}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-muted)}.status-badge.synced{background-color:var(--success-bg);color:var(--success);border-color:var(--success-border)}.status-badge.error{background-color:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.control-btn{font-family:var(--font-sans);font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-speed) ease}.control-btn:hover{background-color:var(--bg-card-hover);border-color:var(--border-focus)}.control-btn.primary{background-color:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.control-btn.primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background-color:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.25rem .85rem;z-index:1001;overflow-y:auto;transition:width .3s cubic-bezier(.4,0,.2,1),left .3s ease}body.sidebar-collapsed .sidebar,.sidebar.collapsed{width:72px;padding:1.25rem .5rem}body.sidebar-collapsed .sidebar .sidebar-brand span,body.sidebar-collapsed .sidebar .sidebar-menu .tab-btn span,body.sidebar-collapsed .sidebar .sidebar-section-title span,body.sidebar-collapsed .sidebar .sidebar-footer span,body.sidebar-collapsed .sidebar .status-badge,body.sidebar-collapsed .sidebar .custom-lists-container,.sidebar.collapsed .sidebar-brand span,.sidebar.collapsed .sidebar-menu .tab-btn span,.sidebar.collapsed .sidebar-section-title span,.sidebar.collapsed .sidebar-footer span,.sidebar.collapsed .status-badge,.sidebar.collapsed .custom-lists-container{display:none!important}body.sidebar-collapsed .sidebar .sidebar-menu .tab-btn,.sidebar.collapsed .sidebar-menu .tab-btn{justify-content:center;padding:10px 0;border-radius:var(--radius-sm)}body.sidebar-collapsed .sidebar .sidebar-brand,.sidebar.collapsed .sidebar-brand{justify-content:center;padding:0}body.sidebar-collapsed .main-content-wrapper{margin-left:72px!important;width:calc(100% - 72px)!important}.sidebar-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:1.15rem;font-weight:700;color:var(--primary);margin-bottom:2rem;padding:0 .5rem}.sidebar-brand svg{width:24px;height:24px;stroke:var(--primary);stroke-width:2;fill:none}.sidebar-menu{display:flex;flex-direction:column;gap:8px;margin-bottom:2rem}.sidebar-menu .tab-btn{width:100%;text-align:left;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-main);cursor:pointer;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:10px;transition:all var(--transition-speed) ease}.sidebar-menu .tab-btn:hover{background-color:var(--bg-card-hover)}.sidebar-menu .tab-btn.active{background-color:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.sidebar-menu .tab-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.btn-ezber-toggle{background:#ffffff0d!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important;padding:6px 14px!important;border-radius:var(--radius-sm)!important;font-size:.82rem!important;font-weight:500!important;font-family:var(--font-sans)!important;cursor:pointer!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;outline:none!important}.btn-ezber-toggle:hover{background:var(--bg-card-hover)!important;border-color:var(--border-focus)!important;color:var(--text-main)!important}.btn-ezber-toggle.active{background:var(--primary-light)!important;color:#34d399!important;border-color:var(--primary)!important}.sidebar-section{margin-bottom:2rem;padding:0 .5rem}.sidebar-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.sidebar-section-title button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:1.15rem;padding:0 4px;display:flex;align-items:center}.custom-lists-container{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.custom-list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-sm);background-color:var(--bg-body);border:1px solid var(--border-color);font-size:.85rem;cursor:pointer;transition:all var(--transition-speed) ease}.custom-list-item:hover{border-color:var(--border-focus);background-color:var(--bg-card-hover)}.custom-list-item.active{border-color:var(--primary);background-color:var(--bg-card-hover);font-weight:600}.custom-list-name{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.custom-list-actions{display:flex;gap:4px;flex-shrink:0}.custom-list-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.custom-list-action-btn:hover{color:var(--primary)}.custom-list-action-btn.delete:hover{color:var(--danger)}.custom-list-action-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:1.5rem;border-top:1px solid var(--border-color)}.sidebar-footer .theme-toggle,.sidebar-footer .control-btn,.sidebar-footer .btn-reset{width:100%;padding:10px 14px;font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:flex-start;gap:10px;box-sizing:border-box;border-radius:var(--radius-sm)}.sidebar-footer .control-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0}.home-content{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.info-section h3,.navigation-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--accent);display:flex;align-items:center;gap:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.info-card{background:var(--bg-card);border:1px solid var(--border-color);padding:1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.info-card h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.info-card p{font-size:1rem;font-weight:600;color:var(--text-main)}.home-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.home-nav-card{background:var(--bg-card);border:1px solid var(--border-color);padding:1.25rem;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:flex-start;gap:12px;transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;box-shadow:var(--shadow-sm)}.home-nav-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-md)}.home-nav-card .card-icon{background:var(--bg-body);color:var(--accent);padding:8px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-nav-card .card-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none}.home-nav-card .card-info h4{font-size:1.05rem;font-weight:600;color:var(--text-main);margin-bottom:.25rem}.home-nav-card .card-info p{font-size:.85rem;color:var(--text-muted);line-height:1.4}.mobile-header-bar{display:none;position:fixed;top:0;left:0;width:100%;height:60px;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:1000;padding:0 1.5rem;box-sizing:border-box;align-items:center;justify-content:space-between}.hamburger-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-main)}.hamburger-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none}.mobile-brand{font-family:var(--font-sans);font-size:1.1rem;font-weight:700;color:var(--primary)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0f172a66;backdrop-filter:blur(4px);z-index:999}.sidebar-overlay.active{display:block}.main-content-wrapper{width:100%;box-sizing:border-box;transition:margin-left .3s ease}@media (min-width: 769px){body{align-items:stretch!important}.main-content-wrapper{margin-left:240px;width:calc(100% - 240px);min-height:100vh;padding:2rem}.mobile-header-bar{display:none!important}.sidebar{left:0!important}.sidebar-overlay{display:none!important}}@media (max-width: 768px){body{padding-top:calc(60px + 1rem)!important;align-items:stretch!important}.sidebar{left:-240px}.sidebar.active{left:0}.mobile-header-bar{display:flex}.main-content-wrapper{margin-left:0;width:100%;padding:1rem}}.custom-list-dropdown{position:relative;display:inline-block}.custom-list-dropdown-btn{font-family:var(--font-sans);font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-speed) ease}.custom-list-dropdown-btn:hover{background-color:var(--bg-card-hover)}.custom-list-dropdown-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.custom-list-dropdown-content{display:none;position:absolute;bottom:110%;left:50%;transform:translate(-50%);min-width:200px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;padding:8px;max-height:250px;overflow-y:auto}.custom-list-dropdown-content.active{display:block}.custom-list-dropdown-content.drop-up{bottom:110%;top:auto}.custom-list-dropdown-content.drop-down{top:110%;bottom:auto}.custom-list-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:background-color var(--transition-speed) ease;color:var(--text-main);text-align:left;width:100%;border:none;background:transparent}.custom-list-dropdown-item:hover{background-color:var(--bg-card-hover)}.custom-list-dropdown-item input[type=checkbox]{cursor:pointer;accent-color:var(--primary)}.profile-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:2rem}.profile-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.profile-card-header{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding-bottom:8px}.profile-card-header svg{width:20px;height:20px;stroke:var(--primary);stroke-width:2;fill:none}.profile-stat-value{font-family:var(--font-sans);font-size:2rem;font-weight:700;color:var(--text-main)}.profile-stat-detail{font-size:.85rem;color:var(--text-muted);margin-top:-4px}.profile-progress-bar{height:8px;background-color:var(--bg-body);border-radius:var(--radius-sm);overflow:hidden;margin-top:auto}.profile-progress-fill{height:100%;background-color:var(--primary);width:0%;border-radius:var(--radius-sm);transition:width var(--transition-speed) ease}.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.5rem}.profile-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;transition:all var(--transition-speed) ease}.profile-action-btn:hover{background-color:var(--bg-card-hover);border-color:var(--border-focus)}.profile-action-btn.primary{background-color:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.profile-action-btn.primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.profile-action-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.desk-progress-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.desk-progress-text{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--text-main);margin-bottom:.75rem}.desk-progress-bar{background:var(--border-color);height:10px;border-radius:9999px;overflow:hidden;margin-bottom:1rem}.desk-progress-fill{background:var(--primary);height:100%;border-radius:9999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.desk-progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;border-top:1px solid var(--border-color);padding-top:1rem;font-size:.85rem;color:var(--text-muted)}.desk-level-stat{display:flex;flex-direction:column;gap:.25rem}.desk-level-stat-title{font-weight:600;color:var(--text-main)}.desk-levels-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.desk-level-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .2s}.desk-level-card.active{border-color:var(--primary)}.desk-level-header{background:var(--bg-input);padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.desk-level-title{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--text-main);margin:0}.desk-level-badge{font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:9999px;text-transform:uppercase}.desk-level-badge.locked{background:var(--border-color);color:var(--text-muted)}.desk-level-badge.active{background:var(--primary-light);color:var(--primary)}.desk-level-badge.completed{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.desk-steps-list{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.desk-step-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer;background:var(--bg-card)}.desk-step-item.locked{cursor:not-allowed;opacity:.6;background:var(--bg-input)}.desk-step-item:not(.locked):hover{border-color:var(--primary);background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.desk-step-info{display:flex;align-items:center;gap:1rem}.desk-step-icon{width:32px;height:32px;border-radius:50%;background:var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.desk-step-item.completed .desk-step-icon{background:var(--success-bg);color:var(--success)}.desk-step-item.active-step:not(.completed) .desk-step-icon{background:var(--primary-light);color:var(--primary)}.desk-step-details{display:flex;flex-direction:column;gap:.25rem}.desk-step-title-text{font-weight:600;font-size:.95rem;color:var(--text-main)}.desk-step-meta{font-size:.8rem;color:var(--text-muted)}.desk-step-status{display:flex;align-items:center;gap:.5rem}.desk-step-score-badge{font-size:.8rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:var(--primary-light);color:var(--primary)}.desk-step-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}#desk-step-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--text-main);margin:0}.desk-step-body{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.desk-step-body h3{font-family:var(--font-display);margin-top:0;margin-bottom:1.5rem;color:var(--text-main)}.desk-step-body p,.desk-step-body li{font-size:1.05rem;line-height:1.6;color:var(--text-muted)}.desk-step-body ul{margin-bottom:1.5rem;padding-left:1.5rem}.desk-step-body li{margin-bottom:.5rem}.desk-step-footer{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:3rem}.desk-passage-box{background:var(--bg-input);border-left:4px solid var(--primary);padding:1.5rem;border-radius:var(--radius-sm);margin-bottom:2rem;font-family:var(--font-sans);font-size:1.15rem;line-height:1.7;color:var(--text-main)}.desk-question-card{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;background:var(--bg-card)}.desk-question-text{font-weight:600;font-size:1.05rem;color:var(--text-main);margin-bottom:1rem;line-height:1.5}.desk-options-list{display:flex;flex-direction:column;gap:.75rem}.desk-option-label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-size:.95rem;color:var(--text-muted)}.desk-option-label:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.desk-option-label.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:600}.desk-option-label.correct{border-color:var(--success);background:var(--success-bg);color:var(--success);font-weight:600}.desk-option-label.wrong{border-color:var(--danger);background:var(--danger-bg);color:var(--danger);font-weight:600}.desk-option-input{display:none}.desk-question-explanation{margin-top:1rem;padding:1rem;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.desk-question-explanation.wrong-alert{background:var(--danger-bg);color:var(--danger)}.desk-question-card.skipped{border:1.5px dashed var(--text-muted);opacity:.95}.desk-skipped-badge{display:inline-block;margin-top:.75rem;padding:.25rem .5rem;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.desk-feedback-alert{padding:1.25rem 1.5rem;border-radius:var(--radius-md);font-weight:600;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.desk-feedback-alert.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.desk-feedback-alert.danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.desk-examples-container{margin-top:2rem;border-top:1px dashed var(--border-color);padding-top:1.5rem}.desk-examples-container h4{font-family:var(--font-display);font-size:1.3rem;color:var(--text-main);margin-bottom:1.25rem}.desk-examples-list{list-style-type:decimal;padding-left:1.25rem}.desk-example-item{margin-bottom:1.75rem;background:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm)}.desk-example-sentence{font-size:1.05rem;line-height:1.6;color:var(--text-main);margin-bottom:.5rem}.desk-example-sentence strong{color:var(--primary)}.desk-example-translation{font-size:1.05rem;line-height:1.6;color:var(--text-muted);margin-bottom:.75rem}.desk-example-translation strong{color:var(--text-main)}.desk-analysis-toggle-btn{font-size:.95rem;padding:.5rem 1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.desk-analysis-panel{margin-top:1rem;padding:1.25rem;border-left:4px solid var(--primary);background:var(--bg-card);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:inset var(--shadow-sm)}.desk-analysis-section{margin-bottom:1rem}.desk-analysis-section:last-child{margin-bottom:0}.desk-analysis-section strong{display:block;font-size:1.05rem;color:var(--text-main);margin-bottom:.35rem}.desk-analysis-section p{font-size:1.05rem;line-height:1.6;color:var(--text-muted);margin:0}