@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,600;1,400&family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Open+Sans:wght@300;400;500;600&display=swap";:root{--bg-color: #0f172a;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-primary: #3b82f6;--accent-hover: #60a5fa;--accent-glow: rgba(59, 130, 246, .4);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--surface-bg: #ffffff;--surface-secondary: #f5f5f7;--surface-elevated: #ffffff;--surface-overlay: rgba(255, 255, 255, .9);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #aeaeb2;--text-on-fill: #ffffff;--border-color: #e5e5ea;--divider: #f0f0f0;--hover-bg: #f0f0f0;--active-bg: #e5e5ea;--card-bg: #ffffff;--card-shadow: 0 1px 4px rgba(0, 0, 0, .04);--input-bg: #f5f5f7;--dropdown-bg: #ffffff;--dropdown-shadow: 0 4px 24px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .05);--progress-track: #f0f0f0;--modal-backdrop: rgba(0, 0, 0, .5);--modal-bg: #ffffff;--stat-streak-bg: #fffbeb;--stat-streak-border: #fed7aa;--stat-today-bg: #eff6ff;--stat-today-border: #bfdbfe;--stat-books-bg: #f0fdf4;--stat-books-border: #bbf7d0;--stat-total-bg: #f5f3ff;--stat-total-border: #ddd6fe;--heat-zero: #f0f0f0;--bar-inactive: #e0e0e0;--error-bg: #fff2f2;--error-border: #ffccc7;--error-text: #cf1322}[data-theme=dark]{--surface-bg: #1c1c1e;--surface-secondary: #2c2c2e;--surface-elevated: #2c2c2e;--surface-overlay: rgba(28, 28, 30, .95);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #636366;--text-on-fill: #ffffff;--border-color: #38383a;--divider: #38383a;--hover-bg: #38383a;--active-bg: #48484a;--card-bg: #2c2c2e;--card-shadow: 0 1px 4px rgba(0, 0, 0, .3);--input-bg: #38383a;--dropdown-bg: #2c2c2e;--dropdown-shadow: 0 4px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06);--progress-track: #38383a;--modal-backdrop: rgba(0, 0, 0, .7);--modal-bg: #2c2c2e;--stat-streak-bg: rgba(255, 149, 0, .12);--stat-streak-border: rgba(255, 149, 0, .25);--stat-today-bg: rgba(0, 122, 255, .12);--stat-today-border: rgba(0, 122, 255, .25);--stat-books-bg: rgba(52, 199, 89, .12);--stat-books-border: rgba(52, 199, 89, .25);--stat-total-bg: rgba(139, 92, 246, .12);--stat-total-border: rgba(139, 92, 246, .25);--heat-zero: #38383a;--bar-inactive: #48484a;--error-bg: rgba(255, 59, 48, .12);--error-border: rgba(255, 59, 48, .3);--error-text: #ff6961}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-bg);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}html,body,#root{min-height:100%;background:var(--surface-bg)}#root,.app-container{min-height:100vh;background:var(--surface-bg);transition:background .25s ease,color .25s ease}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn-primary{background-color:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--glass-border);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600;line-height:1.2}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes sectionExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.section-expand{animation:sectionExpand .3s ease forwards;overflow:hidden}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.sidebar-markdown{color:var(--text-primary);letter-spacing:-.01em}.sidebar-markdown h1,.sidebar-markdown h2,.sidebar-markdown h3{margin:0 0 .55rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.sidebar-markdown h1{font-size:1.05rem}.sidebar-markdown h2{font-size:.95rem}.sidebar-markdown h3{font-size:.88rem}.sidebar-markdown p{margin:0 0 .9rem;line-height:1.8}.sidebar-markdown strong{font-weight:700}.sidebar-markdown ul,.sidebar-markdown ol{margin:0 0 .9rem 1.2rem;padding:0}.sidebar-markdown li{margin-bottom:.45rem;line-height:1.75}.sidebar-markdown blockquote{margin:.75rem 0 1rem;padding:10px 14px;border-left:3px solid rgba(99,102,241,.35);background:#6366f10f;border-radius:0 12px 12px 0;font-style:italic;opacity:.9}.sidebar-markdown hr{border:none;height:1px;background:#80808026;margin:1rem 0}.sidebar-markdown table{width:100%;border-collapse:collapse;margin:.5rem 0 .75rem;font-size:.88rem}.sidebar-markdown th,.sidebar-markdown td{padding:6px 10px;border:1px solid rgba(128,128,128,.2);text-align:left}.sidebar-markdown th{font-weight:700;background:#80808014}.sidebar-markdown code{padding:2px 6px;border-radius:6px;background:#8080801f;font-size:.85em}.sidebar-markdown>*:last-child{margin-bottom:0}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#80808033;border-radius:4px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#80808059}.pdf-scroll::-webkit-scrollbar{-webkit-appearance:none;width:8px}.pdf-scroll::-webkit-scrollbar-track{background:transparent}.pdf-scroll::-webkit-scrollbar-thumb{background:#8080804d;border-radius:4px}.pdf-scroll::-webkit-scrollbar-thumb:hover{background:#80808080}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.markdown-container h1,.markdown-container h2,.markdown-container h3{margin-top:1rem;margin-bottom:.5rem;color:var(--accent-hover)}.markdown-container p{margin-bottom:.75rem}.markdown-container strong{color:#fff;font-weight:600}.markdown-container ul,.markdown-container ol{margin-left:1.5rem;margin-bottom:1rem}.markdown-container li{margin-bottom:.25rem}.markdown-container blockquote{border-left:3px solid var(--accent-primary);padding-left:1rem;margin-left:0;margin-right:0;color:var(--text-muted);font-style:italic}.reader-page-area{position:relative;overflow:hidden}.reader-page-area:after{content:"";position:absolute;top:0;right:0;bottom:0;width:60%;pointer-events:none;opacity:0;z-index:50;background:linear-gradient(to left,rgba(0,0,0,.25) 0%,rgba(0,0,0,.08) 20%,transparent 50%);transition:opacity .15s ease}.reader-page-area.page-curl:after{animation:curlShadow .5s ease forwards}.reader-page-area.page-curl>*{animation:curlPage .5s ease forwards}@keyframes curlPage{0%{transform:perspective(2000px) rotateY(0);transform-origin:left center}25%{transform:perspective(2000px) rotateY(-4deg) scale(.98);transform-origin:left center}50%{transform:perspective(2000px) rotateY(-2deg) scale(.99);transform-origin:left center;opacity:.85}75%{transform:perspective(2000px) rotateY(-1deg);transform-origin:left center;opacity:.95}to{transform:perspective(2000px) rotateY(0) scale(1);transform-origin:left center;opacity:1}}@keyframes curlShadow{0%{opacity:0}20%{opacity:1}70%{opacity:.6}to{opacity:0}}.vocab-card{border-radius:16px;background:var(--card-bg);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow)}.vocab-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026;border-color:var(--active-bg)}.vocab-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;flex-shrink:0;box-shadow:inset 0 2px 4px #ffffff80,0 4px 8px #0000000d}.btn-practice{padding:10px 24px;border-radius:20px;border:none;cursor:pointer;background:linear-gradient(135deg,#ff9a44,#fc6076);color:#fff;font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:8px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;box-shadow:0 4px 12px #fc60764d,inset 0 1px 2px #ffffff4d}.btn-practice:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fc607680,inset 0 1px 2px #fff6}.flashcard-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:32px;background:linear-gradient(135deg,#e0c3fc,#8ec5fc);border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--text-primary);box-shadow:inset 0 2px 20px #ffffff80,0 12px 40px #0000001a}[data-theme=dark] .flashcard-front{background:linear-gradient(135deg,#4a2d6e,#2a4a7f);border-color:#ffffff1a;box-shadow:inset 0 2px 20px #ffffff0d,0 12px 40px #0000004d}.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;transform:rotateX(180deg);border-radius:32px;background:var(--card-bg);border:1px solid var(--border-color);padding:40px;overflow-y:auto;text-align:left;color:var(--text-primary);box-shadow:inset 0 2px 20px #ffffff1a,0 12px 40px #00000026}.btn-flashcard-control{padding:16px 32px;border-radius:20px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:1rem;font-weight:650;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow)}.btn-flashcard-control:not(:disabled):hover{background:var(--hover-bg);border-color:var(--active-bg);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.btn-flashcard-control:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-flashcard-primary{border:none;background:linear-gradient(135deg,#007aff,#0056b3);color:#fff;box-shadow:0 4px 16px #007aff4d,inset 0 1px 2px #fff3}.btn-flashcard-primary:not(:disabled):hover{background:linear-gradient(135deg,#0056b3,#007aff);transform:translateY(-2px);box-shadow:0 8px 24px #007aff66,inset 0 1px 2px #ffffff4d}.btn-flashcard-danger{padding:16px;border-radius:20px;border:1px solid rgba(255,59,48,.2);background:#ff3b300d;color:#ff3b30;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff3b300f}.btn-flashcard-danger:hover{background:#ff3b301a;border-color:#ff3b3066;transform:translateY(-2px);box-shadow:0 8px 24px #ff3b3033}