@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700&family=Atkinson+Hyperlegible:wght@400;700&family=IBM+Plex+Mono:wght@400&display=swap";.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login-brand-panel{display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-8);background:linear-gradient(160deg,var(--secondary),var(--primary));color:var(--on-navy)}.login-brand-content{display:flex;flex-direction:column;align-items:flex-start;margin-top:var(--space-8)}.login-mark{display:block;margin-bottom:var(--space-4);filter:drop-shadow(0 6px 16px rgba(0,0,0,.25))}.login-wordmark{font-family:var(--font-display);font-weight:700;font-size:24px;margin-bottom:var(--space-3)}.login-brand-tagline{font-size:16px;line-height:26px;max-width:360px;opacity:.92;margin:0}.login-funding-note{font-size:12px;line-height:18px;opacity:.75;max-width:420px;margin:0}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--background)}.login-card{width:100%;max-width:400px}.login-title{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:38px;color:var(--foreground);margin:0 0 var(--space-2)}.login-subtitle{font-size:14px;line-height:22px;color:var(--muted-foreground);margin:0 0 var(--space-6)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-field{display:flex;flex-direction:column;gap:var(--space-2)}.login-field label{font-size:14px;line-height:22px;font-weight:700;color:var(--foreground)}.login-field input{font-family:var(--font-body);font-size:16px;line-height:26px;padding:var(--space-2) var(--space-3);background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);transition:border-color .15s ease,box-shadow .15s ease}.login-field input:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.login-field input:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.login-field input:disabled{opacity:.6}.login-error{font-size:14px;line-height:22px;color:var(--destructive);margin:0}.login-submit{font-family:var(--font-body);font-size:16px;font-weight:700;line-height:26px;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--primary-foreground);border:none;border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--space-2);box-shadow:0 8px 20px -8px color-mix(in srgb,var(--primary) 60%,transparent);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.login-submit:hover:not(:disabled){box-shadow:0 10px 24px -8px color-mix(in srgb,var(--primary) 70%,transparent);transform:translateY(-1px)}.login-submit:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 760px){.login-page{grid-template-columns:1fr}.login-brand-panel{padding:var(--space-6)}.login-brand-content{margin-top:0}.login-funding-note{display:none}}.app-shell{min-height:100vh;background:var(--sheet)}.app-nav{display:flex;align-items:center;gap:var(--space-6);background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-6);position:sticky;top:0;z-index:10}.app-nav-brand{display:flex;align-items:center;gap:var(--space-2)}.app-nav-wordmark{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--foreground);white-space:nowrap}.app-nav-links{display:flex;align-items:center;gap:var(--space-2);flex:1}.app-nav-link{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--muted-foreground);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.app-nav-link:hover{color:var(--foreground);background:var(--sheet)}.app-nav-link-active{color:var(--primary)}.app-nav-link-active:hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.app-nav-link-disabled{cursor:default;opacity:.55}.app-nav-link-disabled:hover{background:none;color:var(--muted-foreground)}.app-nav-soon{font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted-foreground);background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-full);padding:1px 6px}.app-nav-user{display:flex;align-items:center;gap:var(--space-3)}.app-nav-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--on-blue);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:13px;flex-shrink:0}.app-nav-user-info{display:flex;flex-direction:column;line-height:1.25}.app-nav-user-name{font-size:14px;font-weight:700;color:var(--foreground);white-space:nowrap}.app-nav-user-role{font-size:12px;color:var(--muted-foreground)}.app-nav-logout{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm)}.app-nav-logout:hover{color:var(--destructive);background:color-mix(in srgb,var(--destructive) 10%,transparent)}.app-shell-body{max-width:1180px;margin:0 auto;padding:var(--space-6)}@media (max-width: 860px){.app-nav{flex-wrap:wrap}.app-nav-links{order:3;width:100%;overflow-x:auto}}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-8)}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;background:linear-gradient(135deg,var(--secondary),var(--primary));color:var(--on-navy);border-radius:var(--radius-lg);padding:var(--space-8)}.dashboard-hero-content{max-width:640px}.dashboard-hero-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--on-navy) 18%,transparent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.dashboard-hero-content h1{font-size:32px;line-height:40px;margin-bottom:var(--space-2)}.dashboard-hero-content p{margin:0;opacity:.92}.dashboard-hero-stats{display:flex;gap:var(--space-4);flex-shrink:0}.dashboard-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:color-mix(in srgb,var(--on-navy) 14%,transparent);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);min-width:110px}.dashboard-stat-value{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1}.dashboard-stat-label{font-size:12px;opacity:.9;text-align:center}.dashboard-units-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.dashboard-units-header h2{font-size:22px}.dashboard-units-header p{margin:0}.dashboard-units-controls{display:flex;align-items:center;gap:var(--space-3)}.dashboard-audience-pill{font-size:13px;font-weight:700;color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);white-space:nowrap}.dashboard-search{display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--muted-foreground)}.dashboard-search input{border:none;background:none;font-family:var(--font-body);font-size:14px;color:var(--foreground);min-width:200px}.dashboard-search input:focus{outline:none}.dashboard-unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.dashboard-unit-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-unit-card-empty{opacity:.6}.dashboard-unit-badge{display:inline-block;align-self:flex-start;font-size:12px;font-weight:700;color:var(--secondary);background:color-mix(in srgb,var(--secondary) 10%,transparent);border-radius:var(--radius-full);padding:2px var(--space-2);margin-bottom:var(--space-1)}.dashboard-unit-card h3{font-size:18px;line-height:24px}.dashboard-unit-card h3 a{color:inherit;text-decoration:none}.dashboard-unit-card h3 a:hover{text-decoration:underline}.dashboard-unit-card p{margin:0;font-size:14px}.dashboard-unit-more{margin-top:var(--space-2);font-size:13px;font-weight:700;color:var(--primary);text-decoration:none}.dashboard-unit-more:hover{text-decoration:underline}.component-focus-page{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.component-focus-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.component-focus-header-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.component-focus-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--sheet);color:var(--foreground);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.component-focus-back:hover{background:var(--line)}.component-focus-divider{width:1px;height:28px;background:var(--border);flex-shrink:0}.component-focus-lesson-info{display:flex;flex-direction:column;gap:2px;min-width:0}.component-focus-lesson-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-focus-module{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary)}.component-focus-header-right{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.component-focus-brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--secondary);white-space:nowrap}.component-focus-generic-body{padding:var(--space-6);max-width:900px;margin:0 auto;width:100%}@media (max-width: 700px){.component-focus-lesson-title{max-width:40vw}}.lessons-page{font-family:var(--font-body);color:var(--foreground);display:flex;flex-direction:column;gap:var(--space-4)}.lessons-page h1{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:40px;margin:0}.lessons-page h2,.lessons-page h3{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:30px;margin:0 0 var(--space-2)}.lessons-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.lessons-search{display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--muted-foreground)}.lessons-search input{border:none;background:none;font-family:var(--font-body);font-size:14px;color:var(--foreground);min-width:220px}.lessons-search input:focus{outline:none}.cc-muted{color:var(--muted-foreground)}.cc-small{font-size:12px;line-height:18px}.lesson-back-link{display:inline-block;margin-bottom:var(--space-4);color:var(--primary);text-decoration:none;font-size:14px}.lesson-back-link:hover{text-decoration:underline}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.lesson-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}.lesson-card:hover{border-color:var(--primary);transform:translateY(-2px)}.lesson-card-module{display:inline-block;font-size:12px;font-weight:700;color:var(--secondary);margin-bottom:var(--space-2)}.lesson-status{display:inline-block;font-size:12px;font-weight:700;padding:2px var(--space-2);border-radius:var(--radius-full);text-transform:capitalize}.lesson-status-draft{background:var(--sheet);color:var(--muted-foreground)}.lesson-status-published{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.lesson-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--border);margin:var(--space-6) 0}.lesson-tab{font-family:var(--font-body);font-size:14px;font-weight:700;padding:var(--space-2) var(--space-3);background:none;border:none;border-bottom:2px solid transparent;color:var(--muted-foreground);cursor:pointer}.lesson-tab-active{color:var(--primary);border-bottom-color:var(--primary)}.lesson-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6)}.timeline-step{position:relative;padding-left:var(--space-6);border-left:2px solid var(--border)}.timeline-step-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.timeline-step-meta{display:flex;gap:var(--space-3);font-size:12px;color:var(--muted-foreground);white-space:nowrap}.timeline-step-roles{font-size:14px;color:var(--muted-foreground);display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-2) 0}.timeline-step-components{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.lesson-components{display:flex;flex-direction:column;gap:var(--space-4)}.lesson-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.lesson-file{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.lesson-file-info{display:flex;flex-direction:column;gap:2px;min-width:0}.lesson-file-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-file-download{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--sheet);color:var(--primary);text-decoration:none}.lesson-file-download:hover{background:color-mix(in srgb,var(--primary) 12%,transparent)}.component-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.component-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.component-card-title{margin:0}.component-card-title a{color:inherit;text-decoration:none}.component-card-title a:hover{text-decoration:underline}.component-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:12px;font-weight:700;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--sheet);color:var(--secondary);white-space:nowrap}.component-badge-ai_ethics{color:var(--destructive)}.component-badge-rubric,.component-badge-quiz{color:var(--primary)}.step-content{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0}.step-code{font-family:var(--font-code);font-size:14px;background:var(--sheet);border-radius:var(--radius-sm);padding:var(--space-3);overflow-x:auto}.step-image img{max-width:100%;border-radius:var(--radius-md)}.cc-quiz{display:flex;flex-direction:column;gap:var(--space-4);padding-left:var(--space-4)}.cc-quiz-options{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.cc-quiz-option{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--sheet)}.cc-quiz-option-correct{background:color-mix(in srgb,var(--primary) 15%,transparent);font-weight:700}.cc-quiz-explanation{color:var(--muted-foreground);font-size:14px}.cc-worksheet-section{margin-bottom:var(--space-4)}.cc-worksheet-fields{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.cc-worksheet-field-label{font-weight:700;font-size:14px}.cc-worksheet-input-group{display:flex;flex-direction:column;gap:var(--space-1)}.cc-worksheet-input,.cc-worksheet-textarea{font-family:var(--font-body);font-size:14px;padding:var(--space-2) var(--space-3);background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);resize:vertical}.cc-checkbox{display:flex;align-items:center;gap:var(--space-2)}.cc-table{border-collapse:collapse;width:100%;margin-top:var(--space-2)}.cc-table th,.cc-table td{border:1px solid var(--border);padding:var(--space-2);text-align:left}.cc-rubric-criterion{margin-bottom:var(--space-4)}.cc-rubric-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.cc-rubric-level{background:var(--sheet);border-radius:var(--radius-md);padding:var(--space-3)}.cc-rubric-badge{font-weight:700;margin-bottom:var(--space-1)}.cc-mindmap,.cc-mindmap ul{list-style:none;padding-left:var(--space-6)}.cc-mindmap{padding-left:0}.cc-mindmap-node>span{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--sheet);border-radius:var(--radius-sm);padding:2px var(--space-2);margin:var(--space-1) 0}.cc-mindmap-label-parent{cursor:pointer}.cc-mindmap-chevron{transition:transform .15s ease}.cc-mindmap-chevron-collapsed{transform:rotate(-90deg)}.cc-prompt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.cc-prompt-card{background:var(--sheet);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.cc-prompt-card-text{font-family:var(--font-code);font-size:13px}.cc-prompt-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto}.cc-copy-button{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer;white-space:nowrap}.cc-copy-button:hover{border-color:var(--primary)}.cc-exercise-tasks{padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.cc-exercise-task-done{text-decoration:line-through;color:var(--muted-foreground)}.cc-slideshow{display:flex;flex-direction:column;gap:var(--space-2)}.cc-slideshow-frame{display:flex;gap:var(--space-3);background:var(--sheet);border-radius:var(--radius-md);padding:var(--space-3)}.cc-slide-number{font-family:var(--font-display);font-weight:700;color:var(--muted-foreground)}.cc-slideshow-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.cc-slideshow-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--foreground);cursor:pointer}.cc-slideshow-button:disabled{opacity:.4;cursor:not-allowed}.cc-ai-ethics-scenario{font-weight:700}.cc-tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cc-tag{font-size:12px;font-weight:700;text-transform:capitalize;background:var(--sheet);color:var(--secondary);border-radius:var(--radius-full);padding:2px var(--space-2)}.cc-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.cc-link-card a{color:inherit;text-decoration:none;display:block}.cc-link-title{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--primary);font-weight:700}.cc-link-card:hover .cc-link-title{text-decoration:underline}.mindmap-focus{flex:1;position:relative;display:flex;flex-direction:column;min-height:0;background:var(--sheet);overflow:hidden}.mindmap-focus-error{position:absolute;top:var(--space-6);right:var(--space-6);z-index:2;margin:0;padding:var(--space-2) var(--space-4);background:var(--card);border:1px solid var(--destructive);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--destructive)}.mindmap-focus-hint{position:absolute;top:var(--space-6);left:var(--space-6);z-index:2;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--foreground)}.mindmap-focus-canvas{flex:1;position:relative;overflow:hidden;cursor:grab;background-image:radial-gradient(var(--line) 1.5px,transparent 1.5px);background-size:28px 28px;touch-action:none;--mindmap-branch-0: #2a78d6;--mindmap-branch-1: #eb6834;--mindmap-branch-2: #1baf7a;--mindmap-branch-3: #eda100;--mindmap-branch-4: #e87ba4;--mindmap-branch-5: #008300}@media (prefers-color-scheme: dark){.mindmap-focus-canvas{--mindmap-branch-0: #3987e5;--mindmap-branch-1: #d95926;--mindmap-branch-2: #199e70;--mindmap-branch-3: #c98500;--mindmap-branch-4: #d55181;--mindmap-branch-5: #008300}}.mindmap-focus-canvas:active{cursor:grabbing}.mindmap-focus-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.mindmap-focus-connectors{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.mindmap-focus-edge{stroke-width:2}.mindmap-focus-edge-root{stroke-dasharray:3 5;stroke-width:2.5}.mindmap-focus-edge-branch-0{stroke:var(--mindmap-branch-0)}.mindmap-focus-edge-branch-1{stroke:var(--mindmap-branch-1)}.mindmap-focus-edge-branch-2{stroke:var(--mindmap-branch-2)}.mindmap-focus-edge-branch-3{stroke:var(--mindmap-branch-3)}.mindmap-focus-edge-branch-4{stroke:var(--mindmap-branch-4)}.mindmap-focus-edge-branch-5{stroke:var(--mindmap-branch-5)}.mindmap-focus-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:default}.mindmap-focus-node-label{pointer-events:none}.mindmap-focus-node-input{width:130px;font:inherit;font-weight:inherit;color:var(--foreground);background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:2px 6px;outline:none}.mindmap-focus-node-controls{position:absolute;top:-8px;right:-8px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease;pointer-events:none}.mindmap-focus-node:hover .mindmap-focus-node-controls,.mindmap-focus-node:focus-within .mindmap-focus-node-controls{opacity:1;pointer-events:auto}.mindmap-focus-node-control{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;padding:0}.mindmap-focus-node-control-remove{color:var(--destructive)}.mindmap-focus-node-root{padding:var(--space-4) var(--space-6);border-radius:var(--radius-full);background:var(--secondary);color:var(--on-navy);border:4px solid var(--surface);font-family:var(--font-display);font-weight:800;font-size:18px;white-space:nowrap}.mindmap-focus-node-branch{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--card);border:2px solid var(--border);font-family:var(--font-display);font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer}.mindmap-focus-node-branch.mindmap-focus-node-branch-0{border-color:var(--mindmap-branch-0)}.mindmap-focus-node-branch.mindmap-focus-node-branch-1{border-color:var(--mindmap-branch-1)}.mindmap-focus-node-branch.mindmap-focus-node-branch-2{border-color:var(--mindmap-branch-2)}.mindmap-focus-node-branch.mindmap-focus-node-branch-3{border-color:var(--mindmap-branch-3)}.mindmap-focus-node-branch.mindmap-focus-node-branch-4{border-color:var(--mindmap-branch-4)}.mindmap-focus-node-branch.mindmap-focus-node-branch-5{border-color:var(--mindmap-branch-5)}.mindmap-focus-node-leaf{padding:6px var(--space-3);border-radius:var(--radius-sm);font-weight:600;font-size:12px;white-space:nowrap;cursor:pointer;border:none}.mindmap-focus-node-leaf.mindmap-focus-node-branch-0{background:color-mix(in srgb,var(--mindmap-branch-0) 12%,var(--surface));color:var(--mindmap-branch-0)}.mindmap-focus-node-leaf.mindmap-focus-node-branch-1{background:color-mix(in srgb,var(--mindmap-branch-1) 12%,var(--surface));color:var(--mindmap-branch-1)}.mindmap-focus-node-leaf.mindmap-focus-node-branch-2{background:color-mix(in srgb,var(--mindmap-branch-2) 12%,var(--surface));color:var(--mindmap-branch-2)}.mindmap-focus-node-leaf.mindmap-focus-node-branch-3{background:color-mix(in srgb,var(--mindmap-branch-3) 12%,var(--surface));color:var(--mindmap-branch-3)}.mindmap-focus-node-leaf.mindmap-focus-node-branch-4{background:color-mix(in srgb,var(--mindmap-branch-4) 12%,var(--surface));color:var(--mindmap-branch-4)}.mindmap-focus-node-leaf.mindmap-focus-node-branch-5{background:color-mix(in srgb,var(--mindmap-branch-5) 12%,var(--surface));color:var(--mindmap-branch-5)}.mindmap-focus-tooltip{position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translate(-50%);z-index:3;width:240px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);font-size:13px;line-height:19px;white-space:normal;text-align:left;cursor:auto}.mindmap-focus-tooltip-definition{margin:0 0 var(--space-2);color:var(--foreground)}.mindmap-focus-tooltip-example{margin:0;color:var(--muted-foreground)}.mindmap-focus-toolbar{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:var(--space-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2)}.mindmap-focus-zoom-controls{display:flex;align-items:center;gap:var(--space-1);background:var(--sheet);border-radius:var(--radius-md);padding:var(--space-1)}.mindmap-focus-zoom-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:var(--card);cursor:pointer}.mindmap-focus-zoom-value{width:44px;text-align:center;font-size:13px;font-weight:700}.mindmap-focus-separator{width:1px;height:24px;background:var(--border)}.mindmap-focus-reset-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--ink);color:var(--surface);font-weight:700;font-size:13px;cursor:pointer}.mindmap-focus-fullscreen-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:var(--sheet);cursor:pointer}.quiz-focus{flex:1;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);background:var(--sheet);min-height:0}.quiz-focus-progress{display:flex;flex-direction:column;gap:var(--space-3);max-width:760px;width:100%;margin:0 auto}.quiz-focus-heading{font-family:var(--font-display);font-weight:800;font-size:28px;margin:0;color:var(--foreground)}.quiz-focus-bar-track{height:10px;border-radius:var(--radius-full);background:var(--line);overflow:hidden}.quiz-focus-bar-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .2s ease}.quiz-focus-progress-labels{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.quiz-focus-progress-labels span:first-child{color:var(--primary)}.quiz-focus-progress-labels span:last-child{color:var(--muted-foreground)}.quiz-focus-question-area{display:flex;flex-direction:column;gap:var(--space-4);max-width:760px;width:100%;margin:0 auto;flex:1}.quiz-focus-question-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.quiz-focus-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.quiz-focus-topic-badge{display:inline-flex;padding:4px var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.quiz-focus-instruction{font-size:14px;font-weight:600;color:var(--muted-foreground)}.quiz-focus-prompt{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:34px;margin:0;white-space:pre-wrap}.quiz-focus-options{display:flex;flex-direction:column;gap:var(--space-4)}.quiz-focus-option{display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:left;font-family:var(--font-body);font-size:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer}.quiz-focus-option:hover:not(:disabled){border-color:var(--primary)}.quiz-focus-option:disabled{cursor:default}.quiz-focus-option-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--sheet);font-weight:800;font-size:16px}.quiz-focus-option-text{flex:1}.quiz-focus-option-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.quiz-focus-option-correct{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 15%,transparent);font-weight:700}.quiz-focus-option-incorrect{border-color:var(--destructive);background:color-mix(in srgb,var(--destructive) 10%,transparent)}.quiz-focus-option-icon{margin-left:auto;flex-shrink:0}.quiz-focus-text-answer-row{display:flex;gap:var(--space-3)}.quiz-focus-text-answer{flex:1;font-family:var(--font-body);font-size:16px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card)}.quiz-focus-text-submit{padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--primary);color:var(--primary-foreground);font-weight:700;cursor:pointer}.quiz-focus-text-submit:disabled{opacity:.5;cursor:not-allowed}.quiz-focus-feedback{border-radius:var(--radius-md);padding:var(--space-4);font-size:14px}.quiz-focus-feedback p{margin:var(--space-1) 0 0;color:var(--muted-foreground)}.quiz-focus-feedback-correct{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.quiz-focus-feedback-incorrect{background:color-mix(in srgb,var(--destructive) 10%,transparent);color:var(--destructive)}.quiz-focus-control-deck{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.quiz-focus-dots{display:flex;gap:var(--space-2);flex-wrap:wrap}.quiz-focus-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);font-size:12px;font-weight:700;cursor:pointer}.quiz-focus-dot-answered{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.quiz-focus-dot-current{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.quiz-focus-next-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);background:var(--primary);color:var(--primary-foreground);font-weight:700;font-size:15px;cursor:pointer}.quiz-focus-next-button:disabled{background:var(--line);color:var(--muted-foreground);cursor:not-allowed}.quiz-focus-finished{align-items:center;justify-content:center}.quiz-focus-finished-card{max-width:420px;width:100%;margin:auto;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.quiz-focus-score{font-size:18px;font-weight:700;color:var(--primary);margin:0}.quiz-focus-review-button{align-self:center;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;font-weight:700;cursor:pointer}@media (max-width: 700px){.quiz-focus-heading{font-size:22px}.quiz-focus-prompt{font-size:19px;line-height:27px}}.lesson-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--muted-foreground)}.lesson-breadcrumb a{color:var(--muted-foreground);text-decoration:none}.lesson-breadcrumb a:hover{color:var(--primary);text-decoration:underline}.lesson-breadcrumb-current{color:var(--foreground);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-detail-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-6);align-items:start}.lesson-detail-sidebar{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:calc(var(--space-8) + 56px)}.lesson-detail-summary-card,.lesson-share-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.lesson-detail-summary-card h1{font-size:24px;line-height:30px;margin:0 0 var(--space-2)}.lesson-detail-summary-card p{margin:0}.lesson-share-card h3{font-size:14px;margin:0 0 var(--space-3)}.lesson-share-qr{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--sheet);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--muted-foreground);opacity:.6;margin-bottom:var(--space-3)}.lesson-share-room{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.lesson-share-soon{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--muted-foreground);background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px var(--space-2)}.lesson-share-card>p{margin:0}.lesson-start-steps-mode{display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);text-decoration:none;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--primary) 60%,transparent)}.lesson-start-steps-mode:hover{filter:brightness(1.05)}.lesson-start-steps-mode[aria-disabled=true]{background:var(--muted);cursor:not-allowed;box-shadow:none}.lesson-detail-main h2{font-size:20px;margin-bottom:var(--space-1)}.lesson-detail-main>p.cc-muted{margin:0 0 var(--space-4)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.resource-card-wrapper{position:relative}.resource-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;font-family:var(--font-body);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;color:var(--foreground);transition:border-color .15s ease,background .15s ease}.resource-card-chevron{opacity:.6}.resource-card-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:transparent}.resource-card-picker{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:10;display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 24px -12px color-mix(in srgb,var(--ink) 45%,transparent)}.resource-card-picker-title{padding:var(--space-1) var(--space-2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted-foreground)}.resource-card-picker-item{padding:var(--space-2);border-radius:var(--radius-sm);color:var(--foreground);text-decoration:none;font-size:13px;font-weight:600}.resource-card-picker-item:hover{background:var(--sheet)}.resource-card:hover:not(:disabled){border-color:var(--primary)}.resource-card-active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.resource-card-active .resource-card-sub{color:color-mix(in srgb,var(--on-blue) 80%,transparent)}.resource-card-empty{opacity:.55;border-style:dashed}.resource-card-icon{margin-bottom:var(--space-1)}.resource-card-title{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700}.resource-card-sub{font-size:12px;color:var(--muted-foreground)}.resource-panel{margin-bottom:var(--space-8)}.resource-panel-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-6);border:1px dashed var(--border);border-radius:var(--radius-lg)}.lesson-attachments h2{font-size:18px}.lesson-resources-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.lesson-generate-button,.lesson-upload-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--card);color:var(--foreground);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.lesson-generate-button{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.lesson-generate-button:hover,.lesson-upload-button:hover:not(:disabled){filter:brightness(1.07)}.lesson-upload-button:disabled{opacity:.6;cursor:progress}.lesson-upload-input{display:none}.lesson-attachments-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.lesson-files-error,.generate-error{margin:var(--space-2) 0 0;color:var(--destructive);font-size:13px}.lesson-file-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.lesson-file-action{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--foreground);font-family:inherit;font-size:12px;cursor:pointer}.lesson-file-delete{display:inline-flex;padding:var(--space-1);border:0;background:transparent;color:var(--muted-foreground);cursor:pointer}.lesson-file-delete:hover{color:var(--destructive)}.extraction-badge{display:inline-flex;align-items:center;gap:4px}.extraction-ready{color:var(--primary)}.extraction-pending,.extraction-unsupported{color:var(--muted-foreground)}.extraction-failed{color:var(--destructive)}.generate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--ink) 55%,transparent)}.generate-dialog{display:flex;flex-direction:column;gap:var(--space-4);width:min(520px,100%);max-height:90vh;overflow-y:auto;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card)}.generate-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.generate-dialog-header h2{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:18px}.generate-dialog-close{display:inline-flex;padding:var(--space-1);border:0;background:transparent;color:var(--muted-foreground);cursor:pointer}.generate-field{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:0}.generate-field-label{font-size:13px;font-weight:700}.generate-field select,.generate-field textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--foreground);font-family:inherit;font-size:14px}.generate-source-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.generate-source{display:flex;align-items:center;gap:var(--space-2);font-size:14px}.generate-source-disabled{opacity:.55}.generate-source-name{overflow-wrap:anywhere}.generate-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.generate-dialog-actions{display:inline-flex;gap:var(--space-2)}.generate-dialog-actions button{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--foreground);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.generate-submit{display:inline-flex;align-items:center;gap:var(--space-2);border-color:var(--primary)!important;background:var(--primary)!important;color:var(--primary-foreground)!important}.generate-submit:disabled{opacity:.55;cursor:not-allowed}.component-card-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-wrap:wrap}.component-action{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--foreground);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.component-action-ai:hover{border-color:var(--primary);color:var(--primary)}.component-action-danger:hover{border-color:var(--destructive);color:var(--destructive)}.component-source-tag{padding:2px var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 25%,transparent);font-size:11px;font-weight:700}.component-enrich-form{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-2)}@media (max-width: 860px){.lesson-detail-layout{grid-template-columns:1fr}.lesson-detail-sidebar{position:static}}.steps-mode-status{padding:var(--space-8);font-family:var(--font-body)}.steps-mode{min-height:100vh;display:flex;flex-direction:column;background:var(--sheet)}.steps-mode-header{display:flex;align-items:center;justify-content:space-between;background:var(--secondary);color:var(--on-navy);padding:var(--space-3) var(--space-6)}.steps-mode-brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:15px}.steps-mode-progress{font-size:13px;font-weight:700;background:color-mix(in srgb,var(--on-navy) 18%,transparent);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);white-space:nowrap}.steps-mode-body{flex:1;display:grid;grid-template-columns:260px 1fr;min-height:0}.steps-mode-sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-4);overflow-y:auto}.steps-mode-sidebar-title{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:var(--space-3)}.steps-mode-sidebar ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.steps-mode-nav-item{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;font-family:var(--font-body);background:none;border:none;border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;color:var(--foreground)}.steps-mode-nav-item:hover{background:var(--sheet)}.steps-mode-nav-bullet{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:12px;font-weight:700;flex-shrink:0;background:var(--sheet);color:var(--muted-foreground)}.steps-mode-nav-item-done .steps-mode-nav-bullet{background:var(--accent);color:var(--on-gold)}.steps-mode-nav-item-current{background:color-mix(in srgb,var(--primary) 10%,transparent)}.steps-mode-nav-item-current .steps-mode-nav-bullet{background:var(--primary);color:var(--on-blue)}.steps-mode-nav-text{display:flex;flex-direction:column;min-width:0}.steps-mode-nav-label{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steps-mode-nav-time{font-size:11px;color:var(--muted-foreground)}.steps-mode-main{overflow-y:auto;padding:var(--space-8);display:flex;justify-content:center}.steps-mode-step-card{width:100%;max-width:720px;display:flex;flex-direction:column;gap:var(--space-4)}.steps-mode-step-card>h1{font-size:26px}.steps-mode-inline-component{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.steps-mode-inline-component h3{margin-bottom:var(--space-2)}.steps-mode-footer{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-top:1px solid var(--border);padding:var(--space-3) var(--space-6)}.steps-mode-end{font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--destructive-foreground);background:var(--destructive);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer}.steps-mode-end:hover{filter:brightness(1.05)}.steps-mode-footer-nav{display:flex;gap:var(--space-2)}.steps-mode-nav-button{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-weight:700;font-size:14px;border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer}.steps-mode-nav-button:disabled{opacity:.4;cursor:not-allowed}.steps-mode-nav-button-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.iq-quiz{display:flex;flex-direction:column;gap:var(--space-4)}.iq-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.iq-eyebrow{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary)}.iq-prompt{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:26px;margin:0;white-space:pre-wrap}.iq-options{display:flex;flex-direction:column;gap:var(--space-2)}.iq-option{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;font-family:var(--font-body);font-size:15px;background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);cursor:pointer;color:var(--foreground)}.iq-option:hover:not(:disabled){border-color:var(--primary)}.iq-option:disabled{cursor:default}.iq-option-letter{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:700;flex-shrink:0}.iq-option-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.iq-option-selected .iq-option-letter{background:var(--primary);border-color:var(--primary);color:var(--on-blue)}.iq-option-correct{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 15%,transparent);font-weight:700}.iq-option-incorrect{border-color:var(--destructive);background:color-mix(in srgb,var(--destructive) 10%,transparent)}.iq-option-icon{margin-left:auto}.iq-text-answer{font-family:var(--font-body);font-size:15px;padding:var(--space-2) var(--space-3);background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-sm)}.iq-feedback{border-radius:var(--radius-sm);padding:var(--space-3);font-size:14px}.iq-feedback p{margin:var(--space-1) 0 0;color:var(--muted-foreground)}.iq-feedback-correct{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.iq-feedback-incorrect{background:color-mix(in srgb,var(--destructive) 10%,transparent);color:var(--destructive)}.iq-actions{display:flex;justify-content:flex-end}.iq-submit-button{font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--primary-foreground);background:var(--primary);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer}.iq-submit-button:disabled{opacity:.5;cursor:not-allowed}.iq-secondary-button{font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--primary);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer}@media (max-width: 760px){.steps-mode-body{grid-template-columns:1fr}.steps-mode-sidebar{display:none}}:root{color-scheme:light dark;--ink: #141414;--blue: #1d4f9e;--navy: #1b3a6b;--gold: #f5b915;--red: #e1201e;--sheet: #f3f5f9;--line: #dde2ea;--white: #ffffff;--surface: #ffffff;--surface-raised: #ffffff;--muted: #62708a;--on-blue: #ffffff;--on-navy: #ffffff;--on-gold: #141414;--on-red: #ffffff;--background: var(--surface);--foreground: var(--ink);--border: var(--line);--muted-foreground: var(--muted);--primary: var(--blue);--primary-foreground: var(--on-blue);--secondary: var(--navy);--secondary-foreground: var(--on-navy);--accent: var(--gold);--accent-foreground: var(--on-gold);--destructive: var(--red);--destructive-foreground: var(--on-red);--card: var(--surface-raised);--card-foreground: var(--ink);--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Atkinson Hyperlegible", ui-sans-serif, system-ui, sans-serif;--font-code: "IBM Plex Mono", ui-monospace, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px}@media (prefers-color-scheme: dark){:root{--ink: #edeff3;--blue: #5b9bf0;--navy: #5c86d6;--gold: #f7c13d;--red: #f0524f;--sheet: #1c2129;--line: #2c323c;--surface: #0e1116;--surface-raised: #171b22;--muted: #8b96aa}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:26px;background:var(--background);color:var(--foreground)}h1,h2,h3{font-family:var(--font-display);margin:0}code,pre{font-family:var(--font-code)}