.intro-page{--intro-ink: #15202b;--intro-ink-soft: #3d4f5f;--intro-paper: #f5f8fb;--intro-accent: #0b6e6e;--intro-accent-deep: #084f4f;--intro-copper: #b85c38;--intro-wash-teal: rgba(11, 110, 110, .16);--intro-wash-copper: rgba(184, 92, 56, .12);--intro-wash-top: #dce7f0;--intro-wash-bottom: #eef3f7;--intro-line: rgba(21, 32, 43, .12);--intro-card-bg: rgba(255, 255, 255, .68);--intro-font: "DM Sans", system-ui, sans-serif;min-height:calc(100vh - 8.5rem);display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;position:relative;overflow:hidden;font-family:var(--intro-font);color:var(--intro-ink);background-color:var(--intro-paper);background-image:radial-gradient(1200px 600px at 85% -10%,var(--intro-wash-teal),transparent 55%),radial-gradient(900px 500px at -10% 20%,var(--intro-wash-copper),transparent 50%),linear-gradient(180deg,var(--intro-wash-top) 0%,var(--intro-paper) 42%,var(--intro-wash-bottom) 100%);background-attachment:fixed}html[data-theme=dark] .intro-page{--intro-ink: #e8eef4;--intro-ink-soft: #9aadbd;--intro-paper: #121a22;--intro-accent: #3db8b8;--intro-accent-deep: #6fd4d4;--intro-copper: #d4845f;--intro-wash-teal: rgba(61, 184, 184, .14);--intro-wash-copper: rgba(212, 132, 95, .1);--intro-wash-top: #0e151c;--intro-wash-bottom: #15202b;--intro-line: rgba(232, 238, 244, .12);--intro-card-bg: rgba(26, 36, 48, .72)}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .intro-page{--intro-ink: #e8eef4;--intro-ink-soft: #9aadbd;--intro-paper: #121a22;--intro-accent: #3db8b8;--intro-accent-deep: #6fd4d4;--intro-copper: #d4845f;--intro-wash-teal: rgba(61, 184, 184, .14);--intro-wash-copper: rgba(212, 132, 95, .1);--intro-wash-top: #0e151c;--intro-wash-bottom: #15202b;--intro-line: rgba(232, 238, 244, .12);--intro-card-bg: rgba(26, 36, 48, .72)}}.intro-content{max-width:820px;text-align:center;display:flex;flex-direction:column;gap:1.5rem;align-items:center;position:relative;z-index:1}.intro-content h1{font-family:var(--intro-font);font-size:clamp(1.65rem,3.6vw,2.35rem);font-weight:700;letter-spacing:-.035em;line-height:1.15;margin:0;color:var(--intro-ink)}.intro-content>p{color:var(--intro-ink-soft);margin:0;font-size:1.05rem;line-height:1.6;max-width:540px}.intro-media{width:100%;margin:.5rem 0;border-radius:.85rem;overflow:hidden;box-shadow:0 8px 28px #15202b14;background:var(--intro-card-bg);border:1px solid var(--intro-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.intro-media .stage-media{margin-bottom:0;border-radius:0;width:100%;height:auto;max-height:min(70vh,560px);object-fit:contain;background:#f5f8fb}.intro-media .media-transcript{margin:0;padding:.75rem 1rem 1rem;text-align:left;border-top:1px solid var(--intro-line);background:transparent}.intro-media .media-transcript summary{cursor:pointer;font-weight:600;color:var(--intro-accent);font-size:.9rem}.intro-media .media-transcript summary:focus-visible{outline:2px solid var(--intro-accent);outline-offset:2px}.intro-media .media-transcript-text{margin:.75rem 0 0;color:var(--intro-ink-soft);font-size:.92rem;line-height:1.55;white-space:pre-line;text-align:left}.intro-button{margin-top:.5rem;padding:.85rem 1.75rem;background:var(--intro-accent);color:#fff;border:none;border-radius:.65rem;font-family:var(--intro-font);font-weight:600;font-size:1rem;cursor:pointer;transition:background .18s ease,transform .18s ease}.intro-button:hover{background:var(--intro-accent-deep);transform:translateY(-1px)}.intro-button:focus-visible{outline:2px solid var(--intro-accent);outline-offset:3px}.intro-button:active{transform:translateY(0)}.intro-button-arrow{display:inline-block;margin-left:.4rem;transition:transform .18s ease}.intro-button:hover .intro-button-arrow{transform:translate(3px)}@media (max-width: 640px){.intro-page{padding:1.75rem 1rem;min-height:calc(100vh - 10rem)}.intro-content h1{font-size:clamp(1.5rem,6.5vw,1.95rem)}.intro-content>p{font-size:1rem}}@media (prefers-reduced-motion: reduce){.intro-button:hover,.intro-button:hover .intro-button-arrow{transform:none}}.workflow-stage{min-width:120px;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;transition:all var(--spring-snappy);position:relative;box-shadow:var(--shadow-xs)}.workflow-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.workflow-stage-label{font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.05em;color:var(--color-ink);text-transform:uppercase;transition:color var(--transition-fast)}.workflow-stage-primitive{font-size:.8rem;color:var(--color-muted);text-align:center;line-height:1.4;transition:color var(--transition-fast)}.workflow-stage:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-card)}.workflow-stage:hover:before{opacity:1}.workflow-stage.selected{border-color:var(--color-accent);background:var(--color-surface);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.workflow-stage.selected .workflow-stage-label{color:var(--color-accent)}.workflow-stage.selected .workflow-stage-primitive{color:var(--color-accent-dark)}.workflow-stage.unavailable{opacity:.55;cursor:not-allowed}.workflow-stage.unavailable:hover{transform:none;box-shadow:var(--shadow-xs)}.workflow-stage:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.workflow-stage:active:not(.unavailable){transform:translateY(0) scale(.98)}@media (max-width: 640px){.workflow-stage{width:100%;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-4);gap:var(--space-2)}.workflow-stage-primitive{text-align:center}}@media (prefers-reduced-motion: reduce){.workflow-stage:hover,.workflow-stage.selected{transform:none}.workflow-stage:active:not(.unavailable){transform:scale(.98)}}.workflow-stages{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;padding:var(--space-4);position:relative}.workflow-stage-wrapper{display:flex;align-items:center;position:relative}.workflow-connector{width:48px;height:2px;background:var(--color-border);position:relative;flex-shrink:0}.workflow-connector:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:8px;height:8px;background:var(--color-accent);border-radius:50%;opacity:0;animation:flowPulse 3s ease-in-out infinite;animation-delay:calc(var(--connector-index, 0) * .6s)}.workflow-connector.active:after{opacity:1}@keyframes flowPulse{0%{left:0;opacity:0;transform:translateY(-50%) scale(.5)}10%{opacity:1;transform:translateY(-50%) scale(1)}90%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% - 8px);opacity:0;transform:translateY(-50%) scale(.5)}}.workflow-stage-number{position:absolute;top:-8px;left:-8px;width:20px;height:20px;background:var(--color-paper);border:2px solid var(--color-border);border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--color-muted);z-index:2;transition:all var(--spring-snappy)}.workflow-stage.selected .workflow-stage-number{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.workflow-stage.completed .workflow-stage-number{background:var(--color-success);border-color:var(--color-success);color:#fff}.workflow-stage-gh-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.65rem;font-family:var(--font-mono);color:var(--color-muted);margin-top:var(--space-1);transition:all var(--transition-fast)}.workflow-stage-gh-badge svg{width:10px;height:10px;opacity:.7}.workflow-stage:hover .workflow-stage-gh-badge,.workflow-stage.selected .workflow-stage-gh-badge{border-color:var(--color-accent);color:var(--color-accent)}@media (max-width: 800px){.workflow-stages{flex-wrap:wrap;gap:var(--space-3)}.workflow-connector{display:none}}@media (max-width: 640px){.workflow-stages{flex-direction:column;gap:var(--space-2)}.workflow-stage-wrapper{width:100%}.workflow-connector{display:none}}@media (prefers-reduced-motion: reduce){.workflow-connector:after{animation:none;opacity:0}}.exercise-page{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-8) var(--space-4);max-width:900px;margin:0 auto}.exercise-header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8)}.stage-progress{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:0 0 var(--space-1) 0}.back-button{padding:var(--space-2) var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;color:var(--color-muted);transition:all var(--spring-snappy)}.back-button:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translate(-2px)}.exercise-header h1{margin:0}.exercise-content{display:flex;flex-direction:column;gap:var(--space-8)}.exercise-section{padding:var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.exercise-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--color-accent),transparent 80%);opacity:.3}.exercise-section h2{margin-top:0}.scenario-text,.task-text{line-height:1.7;color:var(--color-ink)}.decisions-list{list-style:none;padding:0;margin:var(--space-4) 0 0 0}.decisions-list li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);line-height:1.6}.decisions-list li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--color-accent);border-radius:50%}.begin-button,.submit-button{margin-top:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-weight:600;box-shadow:var(--shadow-sm);transition:all var(--spring-bounce);position:relative;overflow:hidden}.begin-button:before,.submit-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.begin-button:hover,.submit-button:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.begin-button:hover:before,.submit-button:hover:before{opacity:1}.begin-button:active,.submit-button:active{transform:translateY(0) scale(.98)}.submit-button:disabled{background:var(--color-muted);cursor:not-allowed;transform:none;box-shadow:none}.submit-button:disabled:hover{transform:none;box-shadow:none}.artifact-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--color-surface);box-shadow:var(--shadow-card);position:relative}.artifact-section:after{content:"";position:absolute;top:-1px;left:var(--space-6);right:var(--space-6);height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-soft));border-radius:0 0 var(--radius-sm) var(--radius-sm)}.artifact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.artifact-header h2{margin:0;font-size:1.1rem}.artifact-card{display:flex;flex-direction:column;gap:var(--space-4)}.artifact-field{display:flex;flex-direction:column;gap:var(--space-2)}.artifact-field label{font-weight:600;font-size:.85rem;color:var(--color-ink);letter-spacing:-.01em}.artifact-field input,.artifact-field textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;box-sizing:border-box;color:var(--color-ink);caret-color:var(--color-ink);background:var(--color-paper);transition:all var(--transition-fast)}.artifact-field input::placeholder,.artifact-field textarea::placeholder{color:var(--color-muted);opacity:1}.artifact-field input:hover,.artifact-field textarea:hover{border-color:var(--color-muted)}.artifact-field input:focus,.artifact-field textarea:focus{outline:none;border-color:var(--color-accent);background:var(--color-surface);box-shadow:var(--shadow-glow)}.status-message{margin-top:var(--space-3);font-size:.9rem}.status-loading{color:var(--color-muted)}.status-success{color:var(--color-success)}.status-error{color:var(--color-error)}.status-detail{color:var(--color-muted);margin-top:var(--space-1)}.style-guide-toggle{align-self:flex-start;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-accent);font-size:.9rem;cursor:pointer}.style-guide-toggle:hover{border-color:var(--color-accent)}.style-guide-list{list-style:none;padding:var(--space-4);margin:0;background:var(--color-accent-soft);border-radius:var(--radius-sm)}.style-guide-list li{font-size:.9rem;line-height:1.6;color:var(--color-ink)}.style-guide-list li:before{content:"• ";color:var(--color-accent);margin-right:var(--space-2)}.reviewer-feedback{padding:var(--space-4);background:var(--color-warning-soft);border-radius:var(--radius-sm);border-left:3px solid var(--color-warning)}.draft-preview-rendered{padding:var(--space-4);background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:400px;overflow-y:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin-top:var(--space-6);margin-bottom:var(--space-3);letter-spacing:-.02em}.markdown-preview h1:first-child,.markdown-preview h2:first-child,.markdown-preview h3:first-child{margin-top:0}.markdown-preview p{margin:0 0 var(--space-4) 0;line-height:1.7}.markdown-preview ul{padding-left:var(--space-6);margin:0 0 var(--space-4) 0}.markdown-preview li{line-height:1.6;margin-bottom:var(--space-2)}.markdown-preview code{font-family:var(--font-mono);background:var(--color-accent-soft);padding:2px 6px;border-radius:var(--radius-sm);font-size:.85em;color:var(--color-accent-dark);border:1px solid rgba(15,110,100,.1)}.markdown-preview pre.md-code-block{background:#1e1e2e;color:#cdd6f4;padding:0;border-radius:var(--radius-md);overflow:hidden;margin:0 0 var(--space-4) 0;border:1px solid #313244;box-shadow:var(--shadow-card)}.markdown-preview pre.md-code-block:before{content:"";display:block;height:32px;background:#313244;border-bottom:1px solid #45475a;position:relative}.markdown-preview pre.md-code-block:after{content:"● ● ●";position:absolute;top:8px;left:12px;font-size:10px;letter-spacing:4px;color:#6c7086}.markdown-preview pre.md-code-block code{background:none;color:inherit;padding:var(--space-4);display:block;font-size:.85rem;line-height:1.6;border:none}.review-decision-row{display:flex;gap:var(--space-3)}.decision-button{flex:1;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-weight:600}.decision-button:hover{border-color:var(--color-accent)}.checks-list{list-style:none;padding:0;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.check-item{padding:var(--space-3) var(--space-4);font-size:.9rem;display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.check-item:last-child{border-bottom:none}.check-item:hover{background:var(--color-paper)}.check-item:before{content:"";width:16px;height:16px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.check-passed{color:var(--color-success)}.check-passed:before{background:var(--color-success);box-shadow:0 0 0 2px var(--color-success-soft)}.check-failed{color:var(--color-error)}.check-failed:before{background:var(--color-error);box-shadow:0 0 0 2px var(--color-error-soft)}.check-running{color:var(--color-warning)}.check-running:before{background:var(--color-warning);box-shadow:0 0 0 2px var(--color-warning-soft);animation:checkPulse 1.5s ease-in-out infinite}@keyframes checkPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.checkbox-list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-xs)}.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-4);cursor:pointer;border-bottom:1px solid var(--color-border);transition:all var(--spring-snappy);position:relative}.checkbox-row:last-child{border-bottom:none}.checkbox-row:hover{background-color:var(--color-paper)}.checkbox-row-active{background-color:var(--color-accent-soft)}.checkbox-row-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent)}.checkbox-row-active:hover{background-color:var(--color-accent-soft)}.checkbox-row input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin:2px 0 0;cursor:pointer;accent-color:var(--color-accent);border-radius:var(--radius-sm)}.checkbox-row-text{display:flex;flex-direction:column;gap:var(--space-1);text-align:left}.checkbox-row-title{font-weight:600;font-size:.95rem;color:var(--color-ink);transition:color var(--transition-fast)}.checkbox-row-active .checkbox-row-title{color:var(--color-accent-dark)}.checkbox-row-description{font-size:.85rem;color:var(--color-muted);line-height:1.5}.review-status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-weight:600;font-size:.8rem;letter-spacing:.02em;text-transform:uppercase}.review-status-badge:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.review-status-approved{background:var(--color-success-soft);color:var(--color-success)}.review-status-approved:before{background:var(--color-success)}.review-status-changes-requested{background:var(--color-error-soft);color:var(--color-error)}.review-status-changes-requested:before{background:var(--color-error)}.review-status-not-reviewed,.review-status-unknown{background:var(--color-paper);color:var(--color-muted);border:1px solid var(--color-border)}.review-status-not-reviewed:before,.review-status-unknown:before{background:var(--color-muted);opacity:.5}.modified-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--color-warning-soft);color:var(--color-warning)}.history-list{list-style:none;padding:0;margin:0 0 var(--space-6) 0}.history-item{padding:var(--space-3);border-bottom:1px solid var(--color-border)}.history-item:last-child{border-bottom:none}.exercise-content-wrapper{display:flex;flex-direction:column;gap:var(--space-8);max-width:900px;margin:var(--space-8) auto 0 auto;padding:0 var(--space-4)}.markdown-preview table.md-table{width:100%;border-collapse:collapse;margin:0 0 var(--space-4) 0;font-size:.9rem}.markdown-preview table.md-table th,.markdown-preview table.md-table td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}.markdown-preview table.md-table th{background:var(--color-paper);font-weight:600}.markdown-preview table.md-table tr:nth-child(2n) td{background:var(--color-paper)}.stage-media{width:100%;max-height:100%;object-fit:cover;border-radius:var(--radius-md);display:block;margin-bottom:var(--space-6);background:var(--color-paper);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.media-placeholder{width:100%;padding:var(--space-8) var(--space-4);margin-bottom:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;background:var(--color-paper)}.media-placeholder-label{font-weight:600;margin:0 0 var(--space-2) 0}.media-placeholder-hint{font-size:.85rem;color:var(--color-muted);margin:0}.media-transcript{margin:0 0 var(--space-6) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-paper);text-align:left}.media-transcript summary{cursor:pointer;font-weight:600;color:var(--color-ink)}.media-transcript summary:focus-visible{outline:2px solid var(--color-accent, #0b6e6e);outline-offset:2px}.media-transcript p,.media-transcript-text,.media-transcript-list{margin:var(--space-3) 0 0;color:var(--color-muted);font-size:.9rem;line-height:1.5}.media-transcript-text{white-space:pre-line}.media-transcript-list{padding-left:1.2rem}.media-transcript-list li+li{margin-top:.3rem}.exercise-overview-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.exercise-overview-table th,.exercise-overview-table td{border:1px solid var(--border-color, #e3e3e3);padding:.75rem;vertical-align:top;text-align:left}.exercise-overview-table th{width:220px;background:var(--muted-bg, #f9f9f9);font-weight:600}@media (max-width: 700px){.exercise-overview-table th{display:block;width:auto;background:transparent;border-bottom:none;padding-bottom:.25rem}.exercise-overview-table td{display:block;border-top:none}.exercise-overview-table tr{margin-bottom:.75rem;display:block}}.implementation-value{font-family:var(--font-mono);font-weight:500;color:var(--color-accent)}.field-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}.field-table th,.field-table td{padding:var(--space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}.field-table th{width:240px;font-weight:600;color:var(--color-ink)}.field-table td{color:var(--color-ink)}.field-table tr:last-child th,.field-table tr:last-child td{border-bottom:none}@media (max-width: 640px){.field-table,.field-table tbody,.field-table tr,.field-table th,.field-table td{display:block;width:100%}.field-table th{border-bottom:none;padding-bottom:0}.field-table td{padding-top:var(--space-1)}.review-decision-row{flex-direction:column}.review-decision-row .btn{width:100%}.modified-banner{flex-direction:column;align-items:flex-start}}.draft-preview-rendered code{word-break:break-word}.draft-preview-rendered pre{overflow-x:auto;-webkit-overflow-scrolling:touch}.exercise-container{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.confirm-dialog{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-md);max-width:400px;box-shadow:0 4px 20px #00000026}.confirm-dialog-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);justify-content:flex-end}.breadcrumbs{font-size:.85rem;margin-bottom:var(--space-6)}.breadcrumbs-sticky{position:fixed;top:calc(var(--site-header-height, 4.25rem) + var(--space-4));left:var(--space-4);z-index:100;margin-bottom:0;animation:slideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:var(--space-2) var(--space-3);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-full);width:fit-content;box-shadow:var(--shadow-card)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-link{background:none;border:none;padding:var(--space-1) var(--space-2);font-family:inherit;font-size:inherit;color:var(--color-accent);cursor:pointer;border-radius:var(--radius-full);transition:all var(--spring-snappy);display:flex;align-items:center;gap:var(--space-1)}.breadcrumb-link:hover{background:var(--color-accent-soft)}.breadcrumb-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.breadcrumb-text{color:var(--color-muted)}.breadcrumb-current{color:var(--color-ink);font-weight:600;padding:var(--space-1) var(--space-2);background:var(--color-accent-soft);border-radius:var(--radius-full)}.breadcrumb-separator{color:var(--color-border);-webkit-user-select:none;user-select:none;font-size:.8em}@media (max-width: 480px){.breadcrumbs{font-size:.8rem}.breadcrumbs-list{padding:var(--space-1) var(--space-2)}}@media (prefers-reduced-motion: reduce){.breadcrumbs-sticky{animation:none}}.homepage{display:flex;flex-direction:column;min-height:calc(100vh - var(--site-header-height, 4.25rem));padding:var(--space-8) var(--space-4);position:relative}.homepage:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 0% 0%,var(--color-accent-soft) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(15,110,100,.05) 0%,transparent 40%);pointer-events:none;z-index:-1;opacity:.7}.hero{text-align:center;margin-bottom:var(--space-8)}.hero-top-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.hero h1{font-size:clamp(1.5rem,4vw,2rem);margin:0 0 var(--space-2) 0;font-weight:700;letter-spacing:-.02em}.hero p{font-size:1rem;margin:0;color:var(--color-muted)}.workflow{display:flex;justify-content:center;margin-bottom:var(--space-8);padding:var(--space-4) 0}.context{display:flex;justify-content:center;flex:1}.hero-note{margin-top:var(--space-3);font-size:.85rem;color:var(--color-muted);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.home-title-button{background:none;border:none;padding:var(--space-2);margin:0 auto;display:block;cursor:pointer;font:inherit;color:inherit;border-radius:var(--radius-md);transition:all var(--spring-snappy)}.home-title-button:hover{background:var(--color-accent-soft)}.home-title-button:hover h1{color:var(--color-accent)}.home-title-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-sm)}.exercise-container{scroll-margin-top:var(--space-4)}@media (max-width: 640px){.hero h1{font-size:1.5rem}.hero-note{font-size:.8rem}}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;cursor:pointer}.tour-spotlight{position:fixed;border-radius:var(--radius-lg);box-shadow:0 0 0 9999px #000000b3,0 0 0 4px var(--color-accent),0 0 24px var(--color-accent-glow);z-index:10001;pointer-events:none;animation:spotlightPulse 2s ease-in-out infinite}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 9999px #000000b3,0 0 0 4px var(--color-accent),0 0 24px var(--color-accent-glow)}50%{box-shadow:0 0 0 9999px #000000b3,0 0 0 6px var(--color-accent),0 0 32px var(--color-accent-glow)}}.tour-tooltip{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:min(420px,calc(100vw - 32px));box-sizing:border-box;box-shadow:var(--shadow-elevated);z-index:10002;animation:tourFadeInOpacity .25s ease-out}@keyframes tourFadeInOpacity{0%{opacity:0}to{opacity:1}}.tour-tooltip-centered{top:50%;left:50%;transform:translate(-50%,-50%);animation:tourFadeInCentered .2s ease-out}.tour-tooltip-positioned{transform:none!important;animation:tourFadeInOpacity .25s ease-out}@keyframes tourFadeInCentered{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tour-progress{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.tour-title{font-size:1.1rem;font-weight:600;color:var(--color-ink);margin:0 0 var(--space-2) 0}.tour-description{font-size:.95rem;color:var(--color-muted);line-height:1.6;margin:0 0 var(--space-4) 0}.tour-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.tour-nav{display:flex;gap:var(--space-2)}.tour-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--spring-snappy);border:none;font-family:inherit}.tour-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.tour-button-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.tour-button-primary:hover{background:var(--color-accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-card)}.tour-button-secondary{background:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-border)}.tour-button-secondary:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.tour-button-skip{background:none;color:var(--color-muted)}.tour-button-skip:hover{color:var(--color-ink)}.tour-restart-button{position:fixed;bottom:var(--space-4);left:var(--space-4);width:40px;height:40px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);color:var(--color-muted);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--spring-bounce);z-index:50;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.tour-restart-button:hover{border-color:var(--color-accent);color:var(--color-accent);transform:scale(1.1);box-shadow:var(--shadow-card)}.tour-restart-button:active{transform:scale(.95)}.tour-restart-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){.tour-spotlight{animation:none}.tour-button-primary:hover{transform:none}.tour-restart-button:hover{transform:scale(1.05)}}@media (max-width: 480px){.tour-tooltip{max-width:calc(100vw - 32px)}.tour-tooltip-centered{left:16px;right:16px;width:auto;transform:none;top:auto;bottom:16px}.tour-actions{flex-direction:column}.tour-nav{width:100%}.tour-button{flex:1}}.context-panel{max-width:600px;width:100%;padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card)}.context-empty{color:var(--color-muted);font-size:.95rem;text-align:center;padding:var(--space-8) 0}.context-content h2{font-size:1.5rem;margin:0 0 var(--space-6) 0;font-weight:700;letter-spacing:-.02em}.context-section{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-paper);border-radius:var(--radius-md);border:1px solid var(--color-border)}.context-section h3{font-size:.75rem;font-weight:700;margin:0 0 var(--space-3) 0;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.context-section p{margin:0;font-size:.95rem;line-height:1.6;color:var(--color-ink)}.implementation-value{font-family:var(--font-mono);font-weight:600;color:var(--color-accent);padding:var(--space-1) var(--space-2);background:var(--color-accent-soft);border-radius:var(--radius-sm);display:inline-block}.context-section ul{list-style:none;padding:0;margin:0}.context-section li{font-size:.95rem;line-height:1.6;color:var(--color-ink);margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative}.context-section li:last-child{margin-bottom:0}.context-section li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--color-accent);border-radius:50%}.try-button{margin-top:var(--space-6);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-sm);transition:all var(--spring-bounce)}.try-button:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-card)}.try-button:active{transform:translateY(0) scale(.98)}.try-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){.try-button:hover{transform:none}.try-button:active{transform:scale(.98)}}.progress-ring{display:block}.progress-ring-bg{fill:none;stroke:var(--color-border)}.progress-ring-fill{fill:none;stroke:var(--color-accent);stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.progress-ring-check{stroke:var(--color-accent);animation:checkDraw .3s ease-out .3s both}@keyframes checkDraw{0%{stroke-dasharray:20;stroke-dashoffset:20}to{stroke-dasharray:20;stroke-dashoffset:0}}.progress-ring-container{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--spring-snappy)}.progress-ring-container.progress-complete{border-color:var(--color-accent);background:var(--color-accent-soft)}.progress-ring-text{display:flex;flex-direction:column;line-height:1.2}.progress-ring-count{font-size:.9rem;font-weight:700;color:var(--color-ink);font-family:var(--font-mono)}.progress-ring-label{font-size:.7rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.progress-compact{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--spring-snappy)}.progress-compact:hover{border-color:var(--color-accent)}.progress-compact.progress-complete{border-color:var(--color-success);background:var(--color-success-soft)}.progress-badge{font-size:.8rem;font-weight:600;color:var(--color-muted);font-family:var(--font-mono)}.progress-compact.progress-complete .progress-badge{color:var(--color-success)}.progress-complete-check{display:none;color:var(--color-success);font-size:.9rem}.progress-compact.progress-complete .progress-complete-check{display:inline;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.progress-bar-container{width:100%;max-width:400px}.progress-bar-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}.progress-label{font-size:.85rem;font-weight:600;color:var(--color-ink)}.progress-count{font-size:.8rem;color:var(--color-muted);font-family:var(--font-mono)}.progress-bar-track{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark));border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-complete-message{margin-top:var(--space-2);font-size:.8rem;color:var(--color-success);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.progress-complete-message:before{content:"✓"}.progress-text{display:inline-flex;align-items:center}.progress-text .progress-count{font-size:.875rem}@media (max-width: 480px){.progress-bar-container{max-width:100%}.progress-compact{padding:var(--space-1) var(--space-2)}.progress-badge{font-size:.75rem}}@media (prefers-reduced-motion: reduce){.progress-bar-fill:after{animation:none}.progress-ring-fill{transition:stroke-dashoffset .1s ease}.progress-ring-check,.progress-compact.progress-complete .progress-complete-check{animation:none}}:root{--site-header-height: 4.25rem}.site-header,.site-footer{--ink: #15202b;--ink-soft: #3d4f5f;--mist: #e7eef5;--paper: #f5f8fb;--line: rgba(21, 32, 43, .12);--accent: #0b6e6e;--accent-deep: #084f4f;--header-bg: rgba(245, 248, 251, .92);--card-bg: rgba(255, 255, 255, .55);--card-bg-hover: rgba(255, 255, 255, .82);--card-border-hover: rgba(11, 110, 110, .35);--font-display: "DM Sans", system-ui, sans-serif;--font-ui: "DM Sans", system-ui, sans-serif}html[data-theme=dark] .site-header,html[data-theme=dark] .site-footer{--ink: #e8eef4;--ink-soft: #9aadbd;--mist: #1a2430;--paper: #121a22;--line: rgba(232, 238, 244, .12);--accent: #3db8b8;--accent-deep: #6fd4d4;--header-bg: rgba(18, 26, 34, .92);--card-bg: rgba(26, 36, 48, .72);--card-bg-hover: rgba(32, 44, 58, .92);--card-border-hover: rgba(61, 184, 184, .4)}.site-header{position:sticky;top:0;z-index:10000;display:flex;align-items:center;gap:1rem 1.5rem;padding:.9rem 1.5rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--line);font-family:var(--font-ui)}.site-header .brand{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.03em;color:var(--ink);text-decoration:none;white-space:nowrap}.site-header .brand span{color:var(--accent)}.site-header .header-start{display:flex;align-items:center;gap:1rem 1.5rem;min-width:0}.site-header .header-tools{display:flex;align-items:center;gap:1.1rem;margin-left:auto}.site-header .nav{display:flex;flex-wrap:nowrap;align-items:center;gap:1.25rem;font-size:.92rem}.site-header .nav--meta{justify-content:flex-end}.site-header .nav a{color:var(--ink-soft);text-decoration:none;position:relative}.site-header .nav a:hover,.site-header .nav a[aria-current=page]{color:var(--ink)}.site-header .nav a:after{content:"";position:absolute;left:0;right:0;bottom:-.2em;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.site-header .nav a:hover:after,.site-header .nav a[aria-current=page]:after{transform:scaleX(1)}.site-header .theme-toggle{display:inline-grid;place-items:center;position:static;width:2.15rem;height:2.15rem;margin:0;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--card-bg);color:var(--ink);cursor:pointer;font-size:inherit;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .18s ease,border-color .18s ease,color .18s ease;z-index:auto}.site-header .theme-toggle:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);color:var(--accent-deep);transform:none;box-shadow:none}.site-header .theme-toggle:active{transform:none}.site-header .theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header .theme-toggle svg{width:1.05rem;height:1.05rem;display:block}.site-header .theme-toggle .icon-sun,html[data-theme=dark] .site-header .theme-toggle .icon-moon{display:none}html[data-theme=dark] .site-header .theme-toggle .icon-sun{display:block}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .site-header .theme-toggle .icon-moon{display:none}html:not([data-theme=light]) .site-header .theme-toggle .icon-sun{display:block}}.site-footer{border-top:1px solid var(--line);padding:1.5rem;text-align:center;font-family:var(--font-ui);font-size:.88rem;color:var(--ink-soft);background:var(--paper)}.site-footer p{margin:0}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--accent-deep);text-decoration:underline;text-underline-offset:.18em}@media (max-width: 1100px){.site-header{gap:.75rem 1rem;padding:.8rem 1.15rem}.site-header .header-start,.site-header .header-tools{gap:.75rem 1rem}.site-header .nav{gap:.9rem;font-size:.88rem}}@media (max-width: 860px){.site-header{flex-wrap:wrap;align-items:center;column-gap:.75rem;row-gap:.55rem;padding:.75rem 1rem}.site-header .header-start,.site-header .header-tools,.site-header .nav--primary,.site-header .nav--meta{display:contents}.site-header .brand{order:1;font-size:1rem}.site-header .theme-toggle{order:1;margin-left:auto;flex-shrink:0}.site-header:after{content:"";order:2;flex-basis:100%;height:0}.site-header a:not(.brand){order:3;font-size:.88rem}}@media (max-width: 640px){.site-header a:not(.brand){font-size:.85rem}}:root{--color-ink: #1a1d21;--color-muted: #4a5260;--color-paper: #f8f9fb;--color-surface: #ffffff;--color-border: #e2e5ea;--color-accent: #0f6e64;--color-accent-dark: #0b5e55;--color-accent-soft: #e3f2ef;--color-accent-glow: rgba(15, 110, 100, .15);--color-success: #1f7a4d;--color-success-soft: #e8f5e9;--color-error: #b3261e;--color-error-soft: #fbeaea;--color-warning: #b45309;--color-warning-soft: #fff8e6;--color-gh-open: #238636;--color-gh-closed: #8957e5;--color-gh-merged: #a371f7;--color-gh-pending: #bf8700;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(26, 29, 33, .04);--shadow-sm: 0 2px 4px rgba(26, 29, 33, .06), 0 1px 2px rgba(26, 29, 33, .04);--shadow-card: 0 4px 12px rgba(26, 29, 33, .08), 0 2px 4px rgba(26, 29, 33, .04);--shadow-elevated: 0 8px 24px rgba(26, 29, 33, .12), 0 4px 8px rgba(26, 29, 33, .06);--shadow-glow: 0 0 0 1px var(--color-accent-glow), 0 4px 16px var(--color-accent-glow);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-blur: blur(12px);--transition-fast: .15s ease;--transition-medium: .25s ease;--spring-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--spring-smooth: .3s cubic-bezier(.4, 0, .2, 1);--spring-snappy: .2s cubic-bezier(.22, 1, .36, 1);--min-touch-target: 44px;color-scheme:light}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--color-ink: #e8eaed;--color-muted: #9aa0a6;--color-paper: #0d1117;--color-surface: #161b22;--color-border: #30363d;--color-accent: #4fd1c5;--color-accent-dark: #38b2ac;--color-accent-soft: #1a3a38;--color-accent-glow: rgba(79, 209, 197, .2);--color-success: #81c995;--color-success-soft: #1e3a2f;--color-error: #f28b82;--color-error-soft: #3d2929;--color-warning: #fdd663;--color-warning-soft: #3d3422;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-card: 0 4px 12px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 1px var(--color-accent-glow), 0 4px 16px var(--color-accent-glow);--glass-bg: rgba(22, 27, 34, .8);--glass-border: rgba(48, 54, 61, .6)}}[data-theme=dark]{color-scheme:dark;--color-ink: #e8eaed;--color-muted: #9aa0a6;--color-paper: #0d1117;--color-surface: #161b22;--color-border: #30363d;--color-accent: #4fd1c5;--color-accent-dark: #38b2ac;--color-accent-soft: #1a3a38;--color-accent-glow: rgba(79, 209, 197, .2);--color-success: #81c995;--color-success-soft: #1e3a2f;--color-error: #f28b82;--color-error-soft: #3d2929;--color-warning: #fdd663;--color-warning-soft: #3d3422;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-card: 0 4px 12px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 1px var(--color-accent-glow), 0 4px 16px var(--color-accent-glow);--glass-bg: rgba(22, 27, 34, .8);--glass-border: rgba(48, 54, 61, .6)}[data-theme=light]{color-scheme:light;--color-ink: #1a1d21;--color-muted: #4a5260;--color-paper: #f8f9fb;--color-surface: #ffffff;--color-border: #e2e5ea;--color-accent: #0f6e64;--color-accent-dark: #0b5e55;--color-accent-soft: #e3f2ef;--color-accent-glow: rgba(15, 110, 100, .15);--color-success: #1f7a4d;--color-success-soft: #e8f5e9;--color-error: #b3261e;--color-error-soft: #fbeaea;--color-warning: #b45309;--color-warning-soft: #fff8e6;--shadow-xs: 0 1px 2px rgba(26, 29, 33, .04);--shadow-sm: 0 2px 4px rgba(26, 29, 33, .06), 0 1px 2px rgba(26, 29, 33, .04);--shadow-card: 0 4px 12px rgba(26, 29, 33, .08), 0 2px 4px rgba(26, 29, 33, .04);--shadow-elevated: 0 8px 24px rgba(26, 29, 33, .12), 0 4px 8px rgba(26, 29, 33, .06);--shadow-glow: 0 0 0 1px var(--color-accent-glow), 0 4px 16px var(--color-accent-glow);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5)}*{margin:0;padding:0;box-sizing:border-box}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-accent);color:var(--color-surface);padding:var(--space-2) var(--space-4);z-index:100;text-decoration:none;font-weight:600;border-radius:0 0 var(--radius-sm) 0;transition:top var(--transition-fast)}.skip-link:focus{top:0}body{font-family:var(--font-sans);background-color:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3{font-weight:600;letter-spacing:-.02em;line-height:1.25}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.25rem,3vw,1.5rem)}p{letter-spacing:-.01em}a{color:var(--color-accent);transition:color var(--transition-fast)}a:hover{color:var(--color-accent-dark)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}button{border:none;padding:0;background:none;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-border) 0%,var(--color-paper) 20%,var(--color-paper) 40%,var(--color-border) 100%);background-size:200% 100%;animation:skeleton-shimmer 2s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-heading{height:1.5em;width:40%;margin-bottom:var(--space-4)}.skeleton-block{height:200px;border-radius:var(--radius-lg)}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--color-border)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--spring-bounce);text-decoration:none;border:none;font-family:inherit;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.85rem}.btn-md{padding:var(--space-3) var(--space-6);font-size:.95rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-card)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--color-accent);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-accent)}.btn-ghost:hover:not(:disabled){background:var(--color-accent-soft)}.btn-danger{background:var(--color-error);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-card)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-full-width{width:100%}.btn-loading{position:relative}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.btn:hover:not(:disabled){transform:none}.btn:active:not(:disabled){transform:scale(.98)}}.retry-button{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.retry-button:hover{background:var(--color-error-soft)}.field-helper{font-size:.85rem;color:var(--color-muted);margin-bottom:var(--space-1)}.field-error{font-size:.85rem;color:var(--color-error);margin-top:var(--space-1)}.draft-skeleton{padding:var(--space-4)}.history-item-skeleton{padding:var(--space-3);border-bottom:1px solid var(--color-border)}.history-item-skeleton:last-child{border-bottom:none}.mt-4{margin-top:var(--space-4)}@media (pointer: coarse){.btn-sm{min-height:var(--min-touch-target)}.checkbox-row input[type=checkbox]{width:24px;height:24px}}.status-message{margin-top:var(--space-3);font-size:.9rem;border-radius:var(--radius-sm);padding:var(--space-3)}.status-message:focus{outline:2px solid var(--color-accent);outline-offset:2px}.status-message a{text-decoration:underline}.status-loading{background:var(--color-paper);color:var(--color-muted);border-left:3px solid var(--color-muted)}.status-success{background:var(--color-success-soft);color:var(--color-success);border-left:3px solid var(--color-success)}.status-error{background:var(--color-error-soft);color:var(--color-error);border-left:3px solid var(--color-error)}.status-info{background:var(--color-accent-soft);color:var(--color-accent);border-left:3px solid var(--color-accent)}.next-step-banner{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.next-step-banner .btn{margin-top:var(--space-2)}.error-fallback{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-4) 0;box-shadow:var(--shadow-sm)}.error-fallback-exercise{border-left:4px solid var(--color-error)}.error-fallback-content{max-width:500px;text-align:center}.error-fallback-title{color:var(--color-error);margin:0 0 var(--space-3) 0;font-size:1.25rem;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.error-fallback-title:before{content:"⚠";font-size:1.5rem}.error-fallback-message{color:var(--color-muted);margin:0 0 var(--space-4) 0;line-height:1.6}.error-fallback-details{text-align:left;margin-bottom:var(--space-4)}.error-fallback-details summary{cursor:pointer;color:var(--color-muted);font-size:.9rem;margin-bottom:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.error-fallback-details summary:hover{color:var(--color-ink);background:var(--color-paper)}.error-fallback-stack{background:#1e1e2e;color:#f38ba8;padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.75rem;overflow-x:auto;max-height:150px;white-space:pre-wrap;word-break:break-word;border:1px solid #313244}.error-fallback-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.lazy-loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--space-8);gap:var(--space-4)}.lazy-loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 20px var(--color-accent-glow)}.lazy-loading-text{color:var(--color-muted);font-size:.9rem;font-weight:500}@media (prefers-reduced-motion: reduce){.lazy-loading-spinner{animation-duration:1.5s}}