@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0f;--bg-elevated:#11151d;--bg-mesh:radial-gradient(1200px 600px at 12% -8%, #6366f124 0%, transparent 55%), radial-gradient(900px 500px at 88% 0%, #2dd4bf1a 0%, transparent 50%);--border:#ffffff17;--border-strong:#ffffff24;--text:#eef2f8;--muted:#94a3b8;--accent:#2dd4bf;--accent-dim:#14b8a6;--accent-muted:#2dd4bf26;--danger:#f87171;--input-bg:#0c0f16;--surface-raised:#12171f;--surface-card:#0f141c;--pill-bg:#1a2230;--segmented-active:#1e293b;--kanban-drop-hover:#2dd4bf1a;--badge-default-bg:#1a2230;--badge-beginner-bg:#134e4a;--badge-beginner-fg:#5eead4;--badge-int-bg:#422006;--badge-int-fg:#fcd34d;--badge-adv-bg:#4c0519;--badge-adv-fg:#fda4af;--adjust-panel-bg:#11151dbf;--chat-user-bg:#1e293b;--chat-assistant-bg:#0f172a;--inline-code-bg:#1e293b;--primary-fg:#042f2e;--shadow:0 16px 48px #00000073;--shadow-sm:0 4px 20px #00000040;--overlay-scrim:#06080ce0;--modal-backdrop:#0009;--nav-blur:#080a0fbf;--radius:14px;--radius-sm:10px;--focus-ring:#2dd4bf73}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fb;--bg-elevated:#fff;--bg-mesh:radial-gradient(1200px 600px at 12% -8%, #3b82f61f 0%, transparent 55%), radial-gradient(900px 500px at 88% 0%, #10b9811a 0%, transparent 50%);--border:#0f172a1a;--border-strong:#0f172a24;--text:#0f172a;--muted:#64748b;--accent:#0d9488;--accent-dim:#0f766e;--accent-muted:#0d94881f;--danger:#dc2626;--input-bg:#fff;--surface-raised:#f1f5f9;--surface-card:#fff;--pill-bg:#e2e8f0;--segmented-active:#ecfdf5;--kanban-drop-hover:#0d948814;--badge-default-bg:#e2e8f0;--badge-beginner-bg:#d1fae5;--badge-beginner-fg:#047857;--badge-int-bg:#fef3c7;--badge-int-fg:#b45309;--badge-adv-bg:#fce7f3;--badge-adv-fg:#be185d;--adjust-panel-bg:#ffffffeb;--chat-user-bg:#e0f2fe;--chat-assistant-bg:#f1f5f9;--inline-code-bg:#e2e8f0;--primary-fg:#fff;--shadow:0 16px 48px #0f172a14;--shadow-sm:0 4px 20px #0f172a0f;--overlay-scrim:#ffffffe6;--modal-backdrop:#0f172a59;--nav-blur:#ffffffb8;--radius:14px;--radius-sm:10px;--focus-ring:#0d948859}html{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;line-height:1.55}body{background:var(--bg-mesh), var(--bg);min-height:100vh;margin:0;transition:background .28s,color .2s}*,:before,:after{box-sizing:border-box}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-dim);text-decoration:underline}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-shell{flex-direction:column;flex:1;min-width:0;max-width:1120px;margin:0 auto;padding:1.25rem;display:flex}.top-nav{border-radius:var(--radius);border:1px solid var(--border);background:var(--nav-blur);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:.65rem 1rem;display:flex}.top-nav-actions{align-items:center;gap:.75rem;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(180deg, var(--accent), var(--accent-dim));width:7px;height:26px;box-shadow:0 0 18px var(--accent-muted);border-radius:4px}.brand:hover{color:var(--accent);text-decoration:none}.theme-toggle{border:1px solid var(--border);background:var(--surface-raised);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.theme-toggle-btn{width:36px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .18s,color .18s;display:flex}.theme-toggle-btn:hover{color:var(--text)}.theme-toggle-btn.active{background:var(--accent-muted);color:var(--accent)}.nav-links{gap:1rem;display:flex}.nav-links a{color:var(--muted);align-items:center;gap:.35rem;font-size:.95rem;display:inline-flex}.nav-links a:hover{color:var(--text);text-decoration:none}.page-title{margin:0 0 1rem;font-size:1.75rem;font-weight:700}.page-main{flex-direction:column;gap:1.25rem;display:flex}.hero-block{max-width:640px;padding:2.5rem 0 1rem}.hero-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow);padding:2rem 2rem 2.25rem}.hero-cta{box-shadow:0 8px 28px var(--accent-muted);margin-top:.25rem}.eyebrow{color:var(--accent);letter-spacing:.02em;align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.hero-title{margin:.5rem 0;font-size:clamp(2rem,4vw,2.75rem)}.hero-lead{color:var(--muted);margin-bottom:1.5rem;font-size:1.05rem}.lead{color:var(--muted);margin-top:0}.muted{color:var(--muted)}.form-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);max-width:520px;box-shadow:var(--shadow);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.form-card-wide{max-width:640px}.form-section{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.85rem;margin:0;padding:1rem 1.25rem;display:flex}.form-section legend{color:var(--text);padding:0 .35rem;font-weight:600}.form-card textarea{border:1px solid var(--border);background:var(--input-bg);color:var(--text);resize:vertical;border-radius:8px;min-height:4rem;padding:.65rem .75rem}.form-card label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.form-card input,.form-card select,.form-row input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:8px;padding:.65rem .75rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.error-text{color:var(--danger);margin:0}.btn{border:1px solid var(--border);background:var(--surface-card);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:var(--primary-fg);border:none}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:0 0}.btn.large{padding:.85rem 1.25rem;font-size:1rem}.btn.small{padding:.35rem .65rem;font-size:.85rem}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem}.icon-btn:hover{color:var(--text)}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.segmented{border:1px solid var(--border);border-radius:10px;display:inline-flex;overflow:hidden}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.45rem .75rem}.segmented button.active{background:var(--segmented-active);color:var(--text)}.inline input{border:1px solid var(--border);background:var(--input-bg);width:4rem;color:var(--text);border-radius:8px;margin-left:.35rem;padding:.35rem .5rem}.kanban-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=900px){.kanban-grid{grid-template-columns:1fr}}.kanban-column h2{color:var(--muted);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.95rem;display:flex}.count{background:var(--pill-bg);border-radius:999px;padding:.1rem .45rem;font-size:.8rem}.kanban-drop{background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;gap:.65rem;min-height:200px;padding:.75rem;display:flex}.kanban-drop.over{border-color:var(--accent);background:var(--kanban-drop-hover)}.task-card{background:var(--surface-card);border:1px solid var(--border);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:start;gap:.35rem;padding:.5rem .5rem .5rem .25rem;display:grid}.task-card.dragging{opacity:.85;box-shadow:var(--shadow)}.task-drag{color:var(--muted);cursor:grab;background:0 0;border:none;padding:.2rem}.task-body{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.task-title{font-weight:600}.task-meta{color:var(--muted);font-size:.85rem}.task-badges{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.badge{background:var(--pill-bg);color:var(--muted);text-transform:capitalize;border-radius:999px;padding:.15rem .45rem;font-size:.7rem}.badge.diff-beginner{background:var(--badge-beginner-bg);color:var(--badge-beginner-fg)}.badge.diff-intermediate{background:var(--badge-int-bg);color:var(--badge-int-fg)}.badge.diff-advanced{background:var(--badge-adv-bg);color:var(--badge-adv-fg)}.task-actions{align-self:center}.linkish{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.85rem}.adjust-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--adjust-panel-bg);margin-top:1.5rem;padding:1rem 1.25rem}.adjust-panel h3{align-items:center;gap:.4rem;margin:0 0 .35rem;font-size:1rem;display:flex}.adjust-row{gap:.5rem;margin-top:.75rem;display:flex}.adjust-row input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:8px;flex:1;padding:.55rem .65rem}.chat-fab{background:linear-gradient(135deg, var(--accent), var(--accent-dim));width:52px;height:52px;color:var(--primary-fg);cursor:pointer;box-shadow:var(--shadow);z-index:40;border:none;border-radius:999px;position:fixed;bottom:1.25rem;right:1.25rem}.chat-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);z-index:41;width:min(400px,100vw - 2.5rem);height:420px;box-shadow:var(--shadow);flex-direction:column;display:flex;position:fixed;bottom:5.5rem;right:1.25rem}.chat-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.chat-messages{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow:auto}.chat-bubble{white-space:pre-wrap;border-radius:10px;max-width:95%;padding:.55rem .75rem;font-size:.92rem}.chat-bubble.user{background:var(--chat-user-bg);align-self:flex-end}.chat-bubble.assistant{background:var(--chat-assistant-bg);border:1px solid var(--border);align-self:flex-start}.chat-input-row{border-top:1px solid var(--border);gap:.35rem;padding:.65rem;display:flex}.chat-input-row input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:8px;flex:1;padding:.5rem .65rem}.topic-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.topic-article.prose,.prose{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.prose h2{margin-top:1.25rem}.inline-code{background:var(--inline-code-bg);border-radius:6px;padding:.1rem .35rem;font-size:.9em}.md-pre-wrap,.md-block-in-p{margin:.75rem 0}.stack{flex-direction:column;gap:1rem;display:flex}.quiz-stack{max-width:720px}.quiz-q{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin:0;padding:1rem}.quiz-q legend{padding:0 .35rem;font-weight:600}.choices{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.choice{cursor:pointer;align-items:flex-start;gap:.5rem;display:flex}.choice input{flex-shrink:0;margin-top:.25rem}.choice-text{word-break:break-word;flex:1;min-width:0;line-height:1.45}textarea{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;margin-top:.5rem;padding:.65rem}.btn-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.result-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);max-width:640px;padding:1.25rem}.result-card .score{color:var(--accent);margin:.25rem 0;font-size:2rem;font-weight:700}.archive-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.archive-item{text-align:left;border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);cursor:pointer;border-radius:10px;justify-content:space-between;gap:1rem;padding:.85rem 1rem;display:flex}.modal-backdrop{background:var(--modal-backdrop);z-index:50;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow);padding:1.5rem}.modal.wide{max-width:720px;max-height:85vh;overflow:auto}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{z-index:100;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(12px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-overlay-inner{text-align:center;max-width:22rem;padding:2rem}.loading-orbit{width:72px;height:72px;margin:0 auto 1.25rem;position:relative}.loading-orbit-dot{background:linear-gradient(135deg, var(--accent), var(--accent-dim));width:12px;height:12px;box-shadow:0 0 22px var(--accent-muted);border-radius:999px;animation:1.4s ease-in-out infinite orbit-dot;position:absolute}.loading-orbit-dot:first-child{margin-left:-6px;animation-delay:0s;top:0;left:50%}@keyframes book-bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)scaleY(1)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-25px)scaleY(.9)}}@keyframes page-flip{0%{transform:rotateY(0)}to{opacity:0;transform:rotateY(-180deg)}}.loading-orbit{perspective:200px;width:60px;height:40px;margin:0 auto 1.5rem;animation:1.2s infinite book-bounce;position:relative}.loading-orbit-dot{background:linear-gradient(135deg, var(--accent), var(--accent-dim));width:50%;box-shadow:0 4px 15px var(--accent-muted);border-radius:4px;position:absolute;top:0;bottom:0}.loading-orbit-dot:first-child{transform-origin:100%;animation:none;left:0}.loading-orbit-dot:nth-child(2){transform-origin:0;animation:1.2s linear infinite page-flip;right:0}.loading-orbit-dot:nth-child(3){display:none}.loading-overlay-title{color:var(--text);margin:0 0 .35rem;font-size:1.15rem;font-weight:600}.loading-overlay-sub{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.layout-wrapper{min-height:100vh;display:flex}.sidebar-container{background:var(--nav-blur);-webkit-backdrop-filter:blur(14px);border-right:1px solid var(--border);width:280px;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.sidebar-head h3{margin:0;font-size:1.1rem}.sidebar-list{flex-direction:column;gap:.5rem;margin:0;padding:1rem;list-style:none;display:flex}.sidebar-link{color:var(--text);border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{border-color:var(--accent);background:var(--surface-card);color:var(--accent);text-decoration:none}.chat-panel.inline{width:100%;max-width:none;height:350px;min-height:250px;box-shadow:none;border:1px solid var(--border);z-index:1;resize:vertical;border-radius:12px;flex-direction:column;display:flex;position:relative;bottom:auto;right:auto;overflow:hidden}.chat-panel.inline .chat-messages{flex:1;max-height:none}.prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem}.prose th,.prose td{border:1px solid var(--border);vertical-align:top;padding:.75rem 1rem}.prose th{background-color:var(--surface-card);text-align:left;font-weight:600}.prose tr:nth-child(2n){background-color:#00000005}.inline-code{background-color:var(--surface-card);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:.15rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em}