:root{--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .375vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--text-3xl:clamp(1.875rem, 1.5rem + 1.875vw, 2.25rem);--text-4xl:clamp(2.25rem, 1.75rem + 2.5vw, 3rem);--leading-tight:1.1;--leading-snug:1.375;--leading-normal:1.6;--leading-relaxed:1.75;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--gray-1:#0a0a0b;--gray-2:#111113;--gray-3:#18181b;--gray-4:#1f1f23;--gray-5:#27272a;--gray-6:#2e2e33;--gray-7:#3a3a40;--gray-8:#48484f;--gray-9:#5a5a63;--gray-10:#6e6e79;--gray-11:#b4b4bf;--gray-12:#eeeeef;--cyan-8:#00bf8a;--cyan-9:#00e6a8;--cyan-10:#1ae6b0;--cyan-11:#4de6bd;--cyan-12:#80e6ca;--green-9:#22c55e;--yellow-9:#eab308;--red-9:#ef4444;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--shadow-xs:0 1px 2px 0 #0006;--shadow-sm:0 2px 4px -1px #00000080;--shadow-md:0 4px 6px -2px #0009;--shadow-lg:0 10px 15px -3px #000000b3;--shadow-xl:0 20px 25px -5px #000c;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--transition-fast:.1s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--blur-sm:blur(4px);--blur-md:blur(12px);--content-max-width:1200px;--header-bg:#18181bf2;--sidebar-bg:#18181bcc;--bg-primary:var(--gray-2);--bg-secondary:var(--gray-3);--text-primary:var(--gray-12);--text-secondary:var(--gray-11);--border-color:var(--gray-7);--accent-color:var(--cyan-9);--font-mono:"Monaco", "Menlo", "Courier New", monospace;--font-sans:"Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--font-display:"Space Grotesk", var(--font-sans)}html[data-theme=light]{--gray-1:#fff;--gray-2:#f8f9fa;--gray-3:#f1f3f5;--gray-4:#e9ecef;--gray-5:#dee2e6;--gray-6:#ced4da;--gray-7:#adb5bd;--gray-8:#868e96;--gray-9:#495057;--gray-10:#343a40;--gray-11:#212529;--gray-12:#0a0a0b;--cyan-8:#0d9488;--cyan-9:#0f766e;--cyan-10:#115e59;--cyan-11:#134e4a;--cyan-12:#0f766e;--green-9:#16a34a;--yellow-9:#ca8a04;--red-9:#dc2626;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 2px 4px -1px #0000001a;--shadow-md:0 4px 6px -2px #00000026;--shadow-lg:0 10px 15px -3px #0003;--shadow-xl:0 20px 25px -5px #00000040;--header-bg:#f8f9faf2;--sidebar-bg:#f8f9facc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--gray-12);background:var(--gray-1);padding:var(--space-5);padding-top:calc(var(--space-5) + 60px)}.course-header{z-index:1000;background:var(--header-bg);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);box-shadow:var(--shadow-sm);border-bottom:1px solid #00e6a814;position:fixed;top:0;left:0;right:0}.header-content{max-width:var(--content-max-width);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-actions{align-items:center;gap:var(--space-6);display:flex}.logo{font-family:var(--font-display);letter-spacing:-1px;color:var(--gray-12);align-items:center;font-size:24px;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{width:auto;height:1.1em;margin-right:.08em}.logo-letter{color:var(--gray-12);display:inline-block;position:relative}.logo:hover .logo-letter{animation:.6s ease-in-out forwards wave}.logo:hover .logo-letter:first-child{animation-delay:0s}.logo:hover .logo-letter:nth-child(2){animation-delay:50ms}.logo:hover .logo-letter:nth-child(3){animation-delay:.1s}.logo:hover .logo-letter:nth-child(4){animation-delay:.15s}.logo:hover .logo-letter:nth-child(5){animation-delay:.2s}@keyframes wave{0%,to{text-shadow:0 0 #00e6a800;transform:translateY(0)scale(1)}25%{text-shadow:0 0 20px #00e6a899,0 0 40px #00e6a866,0 5px 15px #00e6a833;transform:translateY(-8px)scale(1.1)}50%{text-shadow:0 0 30px #00e6a8cc,0 0 60px #00e6a880,0 8px 20px #00e6a84d;transform:translateY(-12px)scale(1.15)}75%{text-shadow:0 0 20px #00e6a899,0 0 40px #00e6a866,0 5px 15px #00e6a833;transform:translateY(-8px)scale(1.1)}}.course-header .logout-link{padding:var(--space-2) var(--space-4);color:var(--gray-11);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-sm);border:1px solid var(--gray-7);margin:0;text-decoration:none;transition:all .2s;display:inline-block}.course-header .logout-link:hover{background:var(--gray-5);color:var(--cyan-11);border-color:var(--cyan-9)}.theme-toggle{background:var(--gray-4);border:1px solid var(--gray-7);border-radius:var(--radius-md);width:40px;height:40px;color:var(--gray-11);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--gray-5);border-color:var(--cyan-9);color:var(--cyan-11)}.theme-toggle:focus-visible{outline:2px solid var(--cyan-9);outline-offset:2px}.theme-toggle svg{width:20px;height:20px}.theme-icon{display:none}html[data-theme=dark] .theme-icon-sun,html[data-theme=light] .theme-icon-moon{display:block}html[data-theme],html[data-theme] *{transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base)}@media (prefers-reduced-motion:reduce){html[data-theme],html[data-theme] *{transition:none!important}}.nav-toggle{background:var(--gray-4);border:1px solid var(--gray-7);border-radius:var(--radius-md);width:40px;height:40px;color:var(--gray-11);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:none}.nav-toggle:hover{background:var(--gray-5);border-color:var(--cyan-9)}.nav-toggle:focus-visible{outline:2px solid var(--cyan-9);outline-offset:2px}.nav-toggle-bar{background:var(--gray-11);width:18px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);border-radius:2px;display:block}.nav-toggle[aria-expanded=true] .nav-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-overlay{z-index:990;background:#00000080;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.container{max-width:var(--content-max-width);gap:var(--space-8);grid-template-columns:250px 1fr;margin:0 auto;display:grid}.sidebar{top:var(--space-5);max-height:calc(100vh - var(--space-10));background:var(--sidebar-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--gray-7);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--gray-7) transparent;position:sticky;overflow:hidden auto}.sidebar h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--cyan-11)}.sidebar h3{font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-5);margin-bottom:var(--space-3);color:var(--gray-11);text-transform:uppercase;letter-spacing:.05em}.sidebar ul{list-style:none}.sidebar li{margin-bottom:var(--space-2)}.sidebar a{padding:var(--space-2) var(--space-3);color:var(--gray-11);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none;display:block}.sidebar a:hover{background:var(--gray-5);color:var(--cyan-11)}.sidebar a.active{color:var(--cyan-9);border-left:3px solid var(--cyan-9);padding-left:calc(var(--space-3) - 3px);font-weight:var(--font-medium);background:#00e6a81a}.content{background:var(--gray-3);border:1px solid var(--gray-7);border-radius:var(--radius-lg);padding:var(--space-12);overflow-wrap:break-word;min-width:0;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#00e6a80f 0%,#00e6a805 40%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-120px}.content>*{z-index:1;position:relative}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background-color:var(--gray-7);border-radius:var(--radius-sm)}.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--gray-8)}.mermaid-wrapper{scrollbar-width:thin;scrollbar-color:var(--gray-7) transparent}.mermaid-wrapper::-webkit-scrollbar{width:8px;height:8px}.mermaid-wrapper::-webkit-scrollbar-track{background:0 0}.mermaid-wrapper::-webkit-scrollbar-thumb{background-color:var(--gray-7);border-radius:var(--radius-sm)}.mermaid-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--gray-8)}.nav-chapter{margin-bottom:var(--space-2)}.nav-chapter-toggle{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--gray-11);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.nav-chapter-toggle:hover{background:var(--gray-5);color:var(--cyan-11)}.nav-chapter-icon{transition:transform var(--transition-base);flex-shrink:0}.nav-chapter-toggle[aria-expanded=true] .nav-chapter-icon{transform:rotate(180deg)}.nav-chapter-panel{transition:grid-template-rows var(--transition-slow);grid-template-rows:0fr;display:grid;overflow:hidden}.nav-chapter-panel>ul{min-height:0}.nav-chapter-toggle[aria-expanded=true]+.nav-chapter-panel{grid-template-rows:1fr}.nav-chapter-toggle[aria-expanded=false]+.nav-chapter-panel a.active{color:var(--gray-11);background:0 0}@supports not (grid-template-rows:0fr){.nav-chapter-panel{max-height:0;transition:max-height var(--transition-slow)}.nav-chapter-toggle[aria-expanded=true]+.nav-chapter-panel{max-height:2000px}}h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-8);color:var(--gray-12);border-bottom:2px solid var(--cyan-9);padding-bottom:var(--space-4)}h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-top:var(--space-12);margin-bottom:var(--space-5);color:var(--gray-12);--underline-scale:1;position:relative}h2:after{content:"";background:var(--cyan-9);height:2px;margin-top:var(--space-2);transform:scaleX(var(--underline-scale));transform-origin:0;transition:transform var(--transition-base);display:block}h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--gray-12);--underline-scale:1;position:relative}h3:after{content:"";background:var(--cyan-10);height:1px;margin-top:var(--space-2);transform:scaleX(var(--underline-scale));transform-origin:0;transition:transform var(--transition-base);display:block}h4{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-medium);margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--gray-11)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed);color:var(--gray-11)}a{color:var(--cyan-11);transition:all var(--transition-fast);border-bottom:1px solid #0000;text-decoration:none}a:hover{color:var(--cyan-10);border-bottom-color:var(--cyan-10)}a.broken-link{color:var(--red-9);border-bottom:2px solid var(--red-9);text-decoration:line-through}a.broken-link:hover{color:var(--red-9);border-bottom-color:var(--red-9)}strong{font-weight:var(--font-semibold);color:var(--gray-12)}hr{border:none;border-top:1px solid var(--gray-7);margin:var(--space-10) 0}code{background:var(--gray-4);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--cyan-11);border:1px solid var(--gray-7);font-family:Monaco,Menlo,Courier New,monospace;font-size:.9em}pre{background:var(--gray-2);border:1px solid var(--gray-7);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-6) 0;box-shadow:var(--shadow-sm);--accent-scale:1;position:relative;overflow-x:auto}pre:before{content:"";background:var(--cyan-9);height:3px;transform:scaleX(var(--accent-scale));transform-origin:0;border-radius:var(--radius-md) var(--radius-md) 0 0;position:absolute;top:0;left:0;right:0}pre code{font-size:var(--text-sm);color:var(--gray-11);background:0 0;border:none;padding:0}blockquote{--border-width:4px;border-left:var(--border-width) solid var(--cyan-9);margin:var(--space-6) 0;color:var(--gray-10);background:var(--gray-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);transition:border-width var(--transition-base);font-style:italic}.source-link{background:var(--gray-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);margin:var(--space-1);border:1px solid var(--gray-7);transition:all var(--transition-fast);display:inline-block}.source-link:hover{background:var(--gray-5);border-color:var(--cyan-9)}.prompt-container{margin:var(--space-6) 0;padding:var(--space-6);background:var(--gray-2);border:2px solid var(--cyan-9);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.prompt-container pre{box-shadow:none;background:0 0;border:none;margin:0;padding:0}table{border-collapse:separate;border-spacing:0;width:100%;margin:var(--space-6) 0;border:1px solid var(--gray-7);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}thead{background:var(--gray-4)}th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--gray-12);border-bottom:1px solid var(--gray-7)}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-6);color:var(--gray-11)}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--gray-4)}tbody tr:last-child td{border-bottom:none}ul,ol{margin:var(--space-4) 0;padding-left:var(--space-8);--marker-opacity:1}li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed);color:var(--gray-11)}li::marker{color:var(--cyan-9);opacity:var(--marker-opacity);transition:opacity var(--transition-base)}img{max-width:100%;height:auto;margin:var(--space-6) 0;border-radius:var(--radius-md);border:1px solid var(--gray-7);box-shadow:var(--shadow-md);display:block}p img{margin:var(--space-4) auto}.chart-container{margin:var(--space-8) 0;padding:var(--space-6);background:var(--gray-2);border:1px solid var(--gray-7);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.chart-container canvas{max-height:400px}.chart-error{color:var(--red-9);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--red-9);background:#ef44441a}.mermaid-container{margin:var(--space-8) 0;padding:var(--space-16);background:var(--gray-2);border:1px solid var(--gray-7);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:400px;position:relative;overflow:hidden}.mermaid-zoom-controls{top:var(--space-8);right:var(--space-8);gap:var(--space-2);z-index:10;display:flex;position:absolute}.mermaid-zoom-btn{background:var(--gray-3);border:1px solid var(--cyan-8);border-radius:var(--radius-md);width:32px;height:32px;color:var(--cyan-8);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .2s;display:flex}.mermaid-zoom-btn:hover{background:var(--cyan-8);color:var(--gray-1);transform:scale(1.1)}.mermaid-zoom-btn:active{transform:scale(.95)}.mermaid-wrapper{width:100%;min-height:400px;max-height:800px;padding:var(--space-16);justify-content:center;align-items:center;display:flex;overflow:auto}.mermaid-container .mermaid{font-family:var(--font-sans);transform-origin:50%;cursor:grab;margin:25px;transition:transform .1s;transform:scale(2)}.mermaid-container .mermaid:active{cursor:grabbing}.youtube-container{margin:var(--space-8) 0;padding:var(--space-6);background:var(--gray-2);border:1px solid var(--gray-7);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.youtube-wrapper{border-radius:var(--radius-md);background:var(--gray-8);width:100%;padding-top:56.25%;position:relative;overflow:hidden}.youtube-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.youtube-error{color:var(--red-9);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--red-9);background:#ef44441a}.youtube-link-container{margin:var(--space-8) 0;padding:var(--space-8);background:var(--gray-2);border:1px solid var(--gray-7);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-6);display:flex}.youtube-link-icon{color:var(--red-9);flex-shrink:0;justify-content:center;align-items:center;display:flex}.youtube-link-content{flex:1}.youtube-link-title{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);color:var(--gray-12);font-weight:600}.youtube-link-description{margin:0 0 var(--space-4) 0;color:var(--gray-11);font-size:var(--text-sm)}.youtube-link-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--red-9);color:#fff;border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);text-decoration:none;transition:background .2s;display:inline-flex}.youtube-link-btn:hover{background:var(--red-10)}.youtube-link-btn svg{width:16px;height:16px}.model-selector{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base)}.prompt-input{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;min-height:120px}.prompt-input:focus{border-color:var(--accent-color);outline:none}.send-button,.clear-button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.send-button{background:var(--cyan-9);color:var(--gray-1);border:none}.send-button:hover:not(:disabled){background:var(--cyan-10);box-shadow:var(--shadow-sm)}.send-button:disabled{opacity:.6;cursor:not-allowed}.clear-button{background:var(--gray-2);color:var(--gray-11);border:1px solid var(--gray-6)}.clear-button:hover{background:var(--gray-3);border-color:var(--gray-7)}[data-theme=dark] .clear-button:hover{background:var(--gray-6);border-color:var(--gray-8)}:focus-visible{outline:2px solid var(--cyan-9);outline-offset:2px;border-radius:var(--radius-sm)}.chutes-playground{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-6);margin:var(--space-6) 0}.playground-header{margin-bottom:var(--space-4)}.playground-header h3{margin:0 0 var(--space-2) 0;color:var(--text-primary)}.playground-header p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.playground-controls{margin-bottom:var(--space-4)}.playground-controls label{margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600;display:block}.playground-input{margin-bottom:var(--space-4)}.input-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.input-header label{color:var(--text-primary);font-weight:600}.token-counter{font-size:var(--text-sm);color:var(--text-secondary)}.playground-actions{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.playground-response{margin-bottom:var(--space-4)}.response-header{margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600}.response-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-4);min-height:150px;color:var(--text-primary)}.response-content pre{white-space:pre-wrap;overflow-wrap:break-word;margin:0}.response-content code{font-family:var(--font-mono);font-size:var(--text-sm)}.response-content em{color:var(--text-secondary);font-style:italic}.token-info{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-sm)}.error-message{color:#c33;padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-4);background:#fee;border:1px solid #fcc}.loading-indicator{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-2) 0;display:flex}.loading-spinner{border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.feedback-float-button{bottom:var(--space-4);right:var(--space-4);background:linear-gradient(135deg, var(--cyan-9), var(--cyan-10));color:var(--gray-1);padding:var(--space-3) var(--space-5);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-sm);cursor:pointer;z-index:999;border:none;border-radius:999px;font-weight:600;transition:all .2s ease-out;display:block;position:fixed;box-shadow:0 4px 20px #00e6a826}.feedback-float-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00e6a840}.feedback-backdrop{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.feedback-modal{background:var(--gray-3);border-radius:var(--radius-md);padding:var(--space-6);width:90%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0006}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600}.modal-close{cursor:pointer;color:var(--text-secondary);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;font-size:1.5rem;line-height:1;transition:color .2s ease-out,background .2s ease-out}.modal-close:hover{color:var(--text-primary);background:#ffffff0d}.feedback-modal .modal-header h3:after{display:none}.rating-group{margin-bottom:var(--space-5)}.rating-group label{margin-bottom:var(--space-3);font-weight:500;font-size:var(--text-sm);color:var(--text-secondary);display:block}.star-rating{gap:var(--space-2);cursor:pointer;font-size:1.75rem;display:flex}.star{color:var(--cyan-9);-webkit-user-select:none;user-select:none;transition:transform .15s ease-out}.star:hover{transform:scale(1.15)}.category-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.category-pill{padding:var(--space-2) var(--space-4);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #48484966;border-radius:999px;font-weight:500;transition:all .2s ease-out}.category-pill:hover{border-color:var(--cyan-9);color:var(--text-primary)}.category-pill.active{border-color:var(--cyan-9);color:var(--cyan-9);background:#00e6a81f}.form-group{margin-bottom:var(--space-5)}.form-group label{margin-bottom:var(--space-3);font-weight:500;font-size:var(--text-sm);color:var(--text-secondary);display:block}.feedback-modal textarea{background:var(--gray-2);border-radius:var(--radius-sm);width:100%;padding:var(--space-3) var(--space-4);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-sm);resize:vertical;box-sizing:border-box;border:1px solid #0000;line-height:1.6;transition:border-color .2s ease-out,box-shadow .2s ease-out}.feedback-modal textarea::placeholder{color:var(--text-secondary);opacity:.6}.feedback-modal textarea:focus{border-color:#00e6a880;outline:none;box-shadow:0 0 0 3px #00e6a81a}.char-counter{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);text-align:right;opacity:.6;display:block}.modal-actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.modal-actions .send-button{background:linear-gradient(135deg, var(--cyan-9), var(--cyan-10));color:var(--gray-1);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);font-weight:600;font-size:var(--text-sm);cursor:pointer;border:none;flex:1;transition:box-shadow .2s ease-out}.modal-actions .send-button:hover{box-shadow:0 4px 20px #00e6a833}.modal-actions .modal-cancel{color:var(--text-secondary);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);font-weight:500;font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #48484966;flex:1;transition:border-color .2s ease-out,color .2s ease-out}.modal-actions .modal-cancel:hover{border-color:var(--cyan-9);color:var(--text-primary)}.success-message{color:var(--cyan-9);padding:var(--space-5);border-radius:var(--radius-sm);text-align:center;background:#00e6a814;font-weight:600}@media (max-width:768px){.feedback-float-button{bottom:var(--space-3);right:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.feedback-modal{width:95%;padding:var(--space-4)}.modal-actions{flex-direction:column}.star-rating{font-size:1.5rem}.category-pills{gap:var(--space-1)}.category-pill{padding:var(--space-1) var(--space-3);font-size:.6875rem}}.code-line{white-space:pre;font-family:inherit}.no-animations h2:after,.no-animations h3:after{transform:scaleX(1)!important}.no-animations blockquote{border-left-width:4px!important}.no-animations pre:before{transform:scaleX(1)!important}.no-animations li::marker{opacity:1!important}.no-animations *,.no-animations .code-line{opacity:1!important;clip-path:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#course-search{position:relative}#course-search .pagefind-ui__form{width:300px;position:relative}#course-search .pagefind-ui__search-input:before{display:none}#course-search .pagefind-ui__form:before{content:"";pointer-events:none;background-color:var(--gray-9);width:16px;height:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#course-search .pagefind-ui__search-input{background:var(--gray-3);color:var(--gray-12);border:1px solid var(--gray-6);border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--space-1) 72px var(--space-1) 34px;box-sizing:border-box;width:100%;height:36px;transition:border-color var(--transition-base)}#course-search .pagefind-ui__search-input:focus{border-color:var(--cyan-9);outline:2px solid var(--cyan-9);outline-offset:1px}#course-search .pagefind-ui__search-input::placeholder{color:var(--gray-9)}#course-search .pagefind-ui__search-clear{min-width:58px;height:28px;padding:0 var(--space-2);background:var(--gray-4);border:1px solid var(--gray-7);border-radius:var(--radius-sm);color:var(--gray-11);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);position:absolute;top:50%;right:4px;transform:translateY(-50%)}#course-search .pagefind-ui__search-clear:hover{background:var(--gray-5);border-color:var(--emerald-8);color:var(--emerald-11)}#course-search .pagefind-ui__results-area{top:calc(100% + var(--space-2));background:var(--gray-2);border:1px solid var(--gray-6);border-radius:var(--radius-md);width:420px;box-shadow:var(--shadow-md);z-index:1001;max-height:60vh;position:absolute;right:0;overflow-y:auto}#course-search .pagefind-ui__result{padding:var(--space-3);border-bottom:1px solid var(--gray-5)}#course-search .pagefind-ui__result-link,#course-search .pagefind-ui__result a{color:var(--cyan-9);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none}#course-search .pagefind-ui__result-link:hover,#course-search .pagefind-ui__result a:hover{color:var(--cyan-11);text-decoration:underline}#course-search .pagefind-ui__result-excerpt{color:var(--gray-11);font-size:var(--text-xs);line-height:var(--leading-normal);margin-top:var(--space-1)}#course-search mark{background:var(--cyan-9);color:var(--gray-1);border-radius:2px;padding:0 2px}#course-search .pagefind-ui__message{color:var(--gray-10);font-size:var(--text-sm);padding:var(--space-2) 0}@media (max-width:768px){#course-search{display:none}}body:has(.catalog-header){padding-top:0}.catalog-header{padding:var(--space-4) var(--space-6);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);z-index:100;background:#111113eb;border-bottom:1px solid #00e6a814;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.catalog-header .logo{letter-spacing:-1px;color:var(--gray-12);flex-direction:column;align-items:flex-start;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(22px,1.8vw + 8px,32px);font-weight:700;text-decoration:none;display:inline-flex}.catalog-header .logo-letters{align-items:baseline;display:inline-flex}.catalog-header .logo-mark{vertical-align:baseline;width:auto;height:1.1em;margin-right:.08em}.catalog-header .logo-letter:last-child{letter-spacing:0}.catalog-header .logo-letter{color:var(--gray-12);display:inline-block;position:relative}.catalog-header .logo-divider{background-color:var(--cyan-9);width:100%;height:1px;margin:.15em 0;display:block}.catalog-header .logo-sub{text-align:justify;text-align-last:justify;letter-spacing:normal;text-transform:uppercase;width:100%;color:var(--cyan-9);margin-top:-.2em;font-size:.85em;font-weight:600;display:block}.catalog-header .logo:hover .logo-letters .logo-letter{animation:.6s ease-in-out forwards catalog-logo-wave}.catalog-header .logo:hover .logo-letters .logo-letter:nth-child(2){animation-delay:0s}.catalog-header .logo:hover .logo-letters .logo-letter:nth-child(3){animation-delay:50ms}.catalog-header .logo:hover .logo-letters .logo-letter:nth-child(4){animation-delay:.1s}.catalog-header .logo:hover .logo-letters .logo-letter:nth-child(5){animation-delay:.15s}.catalog-header .logo:hover .logo-letters .logo-letter:nth-child(6){animation-delay:.2s}@keyframes catalog-logo-wave{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-6px)scale(1.1)}50%{transform:translateY(-9px)scale(1.15)}75%{transform:translateY(-6px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.catalog-header .logo:hover .logo-letters .logo-letter{animation:none}}.catalog-header nav{align-items:center;gap:var(--space-4);display:flex}.catalog-header nav a{color:var(--gray-11);font-size:var(--text-sm);text-decoration:none}.catalog-header nav a:hover{color:var(--cyan-9)}.catalog-header .sign-in-link{padding:var(--space-1) var(--space-4);border:1px solid var(--cyan-9);border-radius:var(--radius-sm,6px);color:var(--cyan-9);font-weight:600;transition:background .2s,color .2s}.catalog-header .sign-in-link:hover{background:var(--cyan-9);color:var(--gray-1)}.curriculum-page{background:var(--gray-1);color:var(--gray-12)}.curriculum-main{padding:var(--space-8) var(--space-4)}.curriculum-container{max-width:720px;margin:0 auto}.curriculum-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.curriculum-subtitle{color:var(--gray-10);font-size:var(--text-lg);margin-bottom:var(--space-8)}.curriculum-weeks{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.curriculum-week{padding:var(--space-5);background:var(--gray-2);border:1px solid var(--gray-4);border-radius:8px}.curriculum-week-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.curriculum-week-number{background:var(--gray-4);width:2rem;height:2rem;color:var(--cyan-9);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.curriculum-week-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.curriculum-week-description{color:var(--gray-11);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.sidebar-close{display:none}@media (max-width:768px){body{padding:var(--space-3)}.container{gap:var(--space-5);grid-template-columns:1fr}.sidebar{width:280px;transition:transform var(--transition-slow);z-index:995;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;position:fixed;top:4.5rem;bottom:0;left:0;overflow-y:auto;transform:translate(-110%)}.sidebar.sidebar--open{transform:translate(0)}.sidebar-close{border:1px solid var(--gray-7);border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--gray-11);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin:.75rem .75rem 0 auto;font-size:1.25rem;line-height:1;display:flex}.nav-toggle{display:flex}.nav-overlay.nav-overlay--visible{display:block}.content{padding:var(--space-6)}h1{font-size:var(--text-3xl)}.chart-container canvas{max-height:300px}.youtube-container{padding:var(--space-4)}.youtube-link-container{text-align:center;padding:var(--space-6);flex-direction:column}.sidebar a{align-items:center;min-height:44px;display:flex}.theme-toggle{min-width:44px;min-height:44px}.course-header .logout-link{align-items:center;min-height:44px;display:flex}}