.layout{position:relative;min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-100px;left:.75rem;z-index:50;padding:.5rem .9rem;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-weight:600;font-size:.875rem;text-decoration:none;box-shadow:var(--shadow-md)}.skip-link:focus{top:.5rem;outline:none;box-shadow:var(--focus-ring)}.nav-link:focus-visible,.brand:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-full)}.brand:focus-visible{border-radius:var(--radius-sm)}.header{position:sticky;top:0;z-index:40;padding:0;background:var(--header-bg);backdrop-filter:var(--header-blur);-webkit-backdrop-filter:var(--header-blur);border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow)}.header-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;max-width:72rem;margin:0 auto;padding:.65rem 1.35rem}.header-spacer{flex:1;min-width:0}.header-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem .75rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;border-radius:var(--radius-sm);border:1px solid var(--header-border);background:var(--header-link-bg-hover);color:var(--header-link);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .12s ease}.theme-toggle:hover{color:var(--header-link-hover);background:var(--header-link-bg-hover);border-color:var(--color-border-strong)}.theme-toggle:active{transform:scale(.96)}.brand{color:var(--header-brand);font-weight:700;font-size:1.02rem;letter-spacing:-.03em;text-decoration:none}.brand:hover{color:var(--header-link-hover);text-decoration:none;opacity:.9}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.nav-link{color:var(--header-link);text-decoration:none;font-size:.8125rem;font-weight:500;padding:.4rem .75rem;border-radius:var(--radius-full);transition:background .15s ease,color .15s ease}.nav-link:hover{color:var(--header-link-hover);background:var(--header-link-bg-hover);text-decoration:none}.main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:1.5rem 1.35rem 2.5rem}.lead{color:var(--color-text-secondary);line-height:1.65;font-size:1.02rem}.main h1{margin:0 0 .75rem;font-size:clamp(1.65rem,3.2vw,2.05rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;color:var(--color-text)}.main p+p{margin-top:.5rem}.main p>a{font-weight:600}.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}.course-shell{display:grid;grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);gap:1.5rem;align-items:start;width:100%}@media(max-width:768px){.course-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2;max-height:min(40vh,16rem);overflow:auto;padding-bottom:.75rem;border-bottom:1px solid var(--color-border);margin-bottom:0;background:var(--color-surface-soft)}}.sidebar{padding:0 .25rem 1rem 0}.sidebar-back{display:inline-block;font-size:.875rem;margin-bottom:.5rem}.sidebar-title{font-weight:700;margin:0 0 .25rem;font-size:1rem;line-height:1.35}.sidebar-meta{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.toc{margin-top:1rem}.toc-chapter{margin-bottom:1rem}.toc-chapter-link{display:block;font-weight:600;font-size:.875rem;color:var(--color-text);text-decoration:none;margin-bottom:.35rem}.toc-chapter-link:hover{text-decoration:underline}.toc-lessons{margin:0;padding-left:1.15rem;font-size:.875rem}.toc-lessons li{margin-bottom:.35rem}.toc-lesson-link{color:var(--color-body);text-decoration:none}.toc-lesson-link:hover{color:var(--color-link);text-decoration:underline}.toc-lesson-code{font-variant-numeric:tabular-nums;color:var(--color-text-muted);margin-right:.35rem}.course-main{min-width:0}.course-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}.course-card{margin:0}.course-card-link{display:flex;flex-direction:column;gap:.25rem;padding:1.2rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.course-card-link:hover{border-color:var(--color-primary-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-card-title{font-weight:700;font-size:1.05rem}.course-meta{font-size:.8125rem;color:var(--color-text-muted)}.course-card-desc{font-size:.9375rem;color:var(--color-text-secondary);margin-top:.25rem}.chapter-cards{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.chapter-card{margin:0}.chapter-card-link{display:flex;flex-direction:column;gap:.35rem;padding:1.15rem 1.2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-decoration:none;color:inherit;min-height:100%;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.chapter-card-link:hover{border-color:var(--color-primary-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chapter-card-code{font-size:.8125rem;font-weight:600;color:var(--color-text-muted)}.chapter-card-title{font-weight:700}.chapter-card-meta{font-size:.8125rem;color:var(--color-text-muted)}.breadcrumb{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.15rem;padding:.5rem 0}.breadcrumb a{color:var(--color-link);text-decoration:none;font-weight:500}.breadcrumb a:hover{text-decoration:underline;color:var(--color-link-hover)}.lesson-index{padding-left:1.25rem}.lesson-index-row{margin-bottom:.5rem}.lesson-index-row a{color:var(--color-link);text-decoration:none}.lesson-index-row a:hover{text-decoration:underline}.lesson-index-disabled{color:var(--color-text-muted);cursor:not-allowed}.lesson-done-inline{color:var(--color-success);font-weight:600}.lesson-header .lesson-code{font-size:.875rem;font-weight:600;color:var(--color-text-muted);margin:0 0 .25rem}.lesson-header h1{margin:0 0 .75rem;font-size:clamp(1.45rem,2.5vw,1.85rem);font-weight:700;letter-spacing:-.03em;line-height:1.25;color:var(--color-text)}.lesson{padding-bottom:1rem}.lesson-markdown{margin-bottom:2rem}.md-h2{margin:1.75rem 0 .65rem;font-size:1.28rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.md-h3{margin:1.35rem 0 .5rem;font-size:1.08rem;font-weight:600;color:var(--color-text-secondary)}.md-p{margin:0 0 1rem;line-height:1.7;color:var(--color-body)}.md-ul,.md-ol{margin:0 0 1rem;padding-left:1.35rem;color:var(--color-body);line-height:1.55}.md-li{margin-bottom:.35rem}.md-strong{font-weight:600;color:var(--color-text)}.md-em{font-style:italic}.md-hr{border:none;border-top:1px solid var(--color-border);margin:1.35rem 0}.md-callout{margin:0 0 1rem;padding:1rem 1.15rem;border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-primary-soft);color:var(--color-callout-text);box-shadow:var(--shadow-xs)}.md-callout p:last-child{margin-bottom:0}.md-table-wrap{overflow-x:auto;margin:0 0 1rem}.md-table{width:100%;border-collapse:collapse;font-size:.9375rem}.md-table th,.md-table td{border:1px solid var(--color-border);padding:.45rem .65rem;text-align:left}.md-table th{background:var(--color-surface-soft);font-weight:600}.md-pre{margin:0 0 1rem;padding:1rem 1.15rem;background:var(--md-pre-bg);color:var(--md-pre-fg);border-radius:var(--radius-md);overflow-x:auto;font-size:.875rem;line-height:1.45;box-shadow:var(--shadow-sm);border:1px solid var(--md-pre-border)}.md-code-inline{padding:.15rem .4rem;border-radius:6px;background:var(--color-surface-soft);border:1px solid var(--color-border);font-size:.875em;color:var(--color-text)}.md-pre .md-code-inline{padding:0;background:transparent;color:inherit;font-size:inherit}.lesson-markdown a{color:var(--color-link);font-weight:500}.lesson-markdown a:hover{color:var(--color-link-hover)}.quiz-panel{margin-top:2rem;padding:1.35rem 1.35rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.quiz-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--quiz-top-accent);opacity:.9}.quiz-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem;position:relative}.quiz-panel-title{margin:0;font-size:1.18rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.quiz-score{margin:0;font-size:.9375rem;color:var(--color-text-secondary)}.quiz-hint{margin:0 0 1rem;padding:.65rem .85rem;border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-warning);font-size:.9375rem}.tutorial-quiz-results{margin:0 0 1rem;padding:1rem 1.1rem;border-radius:var(--radius-md);background:var(--tutorial-results-bg);border:1px dashed var(--color-border-strong);box-shadow:var(--shadow-xs)}.tutorial-quiz-results-lead{margin:0;font-size:.9375rem;color:var(--color-body);line-height:1.5}.quiz-questions{margin:0;padding-left:1.15rem}.quiz-question{margin-bottom:1.5rem}.quiz-fieldset{border:none;margin:0;padding:0}.quiz-legend{padding:0;margin-bottom:.6rem;font-weight:600;font-size:1rem;color:var(--color-text);line-height:1.45}.quiz-choices{display:flex;flex-direction:column;gap:.45rem}.quiz-choice{display:flex;align-items:flex-start;gap:.55rem;padding:.65rem .75rem;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.quiz-choice input{margin-top:.25rem}.quiz-choice--picked{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--shadow-xs)}.quiz-choice--correct{border-color:var(--color-quiz-correct-border);background:var(--color-quiz-correct-bg)}.quiz-choice--wrong{border-color:var(--color-quiz-wrong-border);background:var(--color-quiz-wrong-bg)}.quiz-feedback{margin-top:.65rem;padding:.65rem .75rem;border-radius:var(--radius-sm);font-size:.9375rem}.quiz-feedback--ok{background:var(--color-feedback-ok-bg);color:var(--color-feedback-ok-text)}.quiz-feedback--bad{background:var(--color-feedback-bad-bg);color:var(--color-feedback-bad-text)}.quiz-feedback-label{margin:0 0 .35rem;font-weight:600}.quiz-explanation p{margin:0;line-height:1.55}.md-compact .md-p{margin:0}.quiz-actions{margin-top:1rem}.quiz-submit,.quiz-retry{padding:.65rem 1.25rem;border-radius:var(--radius-sm);border:none;font-weight:600;cursor:pointer;font-size:.9375rem;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.quiz-submit{background:var(--quiz-submit-bg);color:var(--color-btn-primary-text);box-shadow:0 4px 18px var(--color-btn-primary-shadow)}.quiz-submit:hover{filter:brightness(1.06);box-shadow:0 8px 24px var(--color-btn-primary-shadow);transform:translateY(-1px)}.quiz-submit:active{transform:translateY(0)}.quiz-retry{background:var(--color-surface-soft);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.quiz-retry:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong)}.quiz-missing{margin-top:1.5rem;padding:.75rem 1rem;background:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-sm);border:1px solid var(--color-danger-border)}.chapter-actions{margin-top:1.75rem}.chapter-review-link{display:inline-flex;align-items:center;font-weight:600;color:var(--color-link);text-decoration:none}.chapter-review-link:hover{text-decoration:underline;color:var(--color-link-hover)}.toc-review-link{display:inline-block;margin-top:.5rem;font-size:.8125rem;font-weight:600;color:var(--color-link);text-decoration:none}.toc-review-link:hover{text-decoration:underline}.toc-lesson{margin-bottom:.35rem}.toc-lesson-link{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .35rem}.toc-lesson-link--disabled{color:var(--color-text-muted);cursor:not-allowed;text-decoration:none}.toc-lock-badge,.toc-done-badge{font-size:.75rem;margin-left:.15rem}.toc-done-badge{color:var(--color-success)}.toc-review-link--locked{color:var(--color-text-muted);cursor:not-allowed;margin-top:.5rem;font-size:.8125rem;font-weight:600}.progress-lock-card{margin-top:.5rem;padding:1.25rem 1.15rem;border-radius:var(--radius-md);border:1px solid var(--color-danger-border);background:var(--color-danger-soft)}.progress-lock-title{margin:0 0 .5rem;font-size:1.2rem;color:var(--color-danger)}.progress-meta{margin:0 0 .75rem;font-size:.875rem;color:var(--color-text-muted)}.progress-meta-inline{display:block;margin-top:.45rem;font-size:.8125rem;color:var(--color-text-muted)}.manual-complete-panel{margin-top:1.5rem;padding:1.15rem 1.25rem;border-radius:var(--radius-md);border:1px dashed var(--color-border-strong);background:var(--color-surface-soft);box-shadow:var(--shadow-xs)}.chapter-review-locked{color:var(--color-text-muted);font-size:.9375rem}.progress-backup{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.progress-backup h2{font-size:1.1rem;margin:0 0 .5rem}.progress-backup-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.75rem}.progress-clear{padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-danger-border);background:var(--color-surface);color:var(--color-danger);font-weight:600;cursor:pointer;font-size:.9375rem}.progress-clear:hover{background:var(--color-danger-soft)}.progress-import-label{position:relative;display:inline-block;cursor:pointer}.progress-import-btn{display:inline-block;cursor:pointer}.progress-import-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}.progress-backup-msg{margin:.75rem 0 0;font-size:.875rem;color:var(--color-text-secondary)}.header-inner{max-width:78rem;padding:.85rem 1.5rem}.brand{font-size:1.08rem;font-weight:800;letter-spacing:-.02em;color:#00a845}.nav{gap:.35rem}.nav-link{font-size:.84rem;font-weight:600;padding:.46rem .82rem;border:1px solid var(--color-border);background:var(--color-surface)}.nav-link:hover{border-color:var(--color-primary);color:var(--color-primary-hover)}.main{max-width:78rem;padding:1.9rem 1.5rem 3rem}.main h1{margin-bottom:.95rem;font-size:clamp(1.8rem,3vw,2.3rem);letter-spacing:-.03em}.lead{max-width:56rem;font-size:1.04rem}.course-shell{gap:1.75rem}.sidebar{position:sticky;top:5.2rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.sidebar-title{font-size:1.05rem}.toc{margin-top:1.1rem}.toc-chapter-link{padding:.45rem .6rem;border-radius:var(--radius-sm);margin-bottom:.25rem}.toc-chapter-link:hover{text-decoration:none;background:var(--color-surface-soft)}.toc-lessons{list-style:none;padding-left:.5rem}.toc-lesson-link{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem 0}.course-card-link,.chapter-card-link{border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface)}.course-card-link:hover,.chapter-card-link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.course-card-title,.chapter-card-title{font-size:1.08rem;letter-spacing:-.01em}.lesson-header{padding:1.15rem 1.25rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.lesson-markdown{margin-top:1rem;padding:1.2rem 1.25rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.md-h2{margin-top:2rem;font-size:1.35rem}.md-h3{margin-top:1.5rem;font-size:1.12rem}.md-callout{border-left-width:5px;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.md-table th,.md-table td{padding:.6rem .75rem}.quiz-panel{border-radius:14px;box-shadow:var(--shadow-md)}.quiz-panel-title{font-size:1.25rem}.quiz-choice{border:1px solid var(--color-border);background:var(--color-surface-raised)}.quiz-choice:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xs)}.quiz-submit,.quiz-retry,.progress-clear{min-height:2.45rem}@media(max-width:1024px){.header-inner,.main{padding-left:1rem;padding-right:1rem}.sidebar{position:static}}.home-layout{display:grid;gap:1.2rem}.home-hero{padding:1.2rem 1.3rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.home-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1rem}.home-panel{padding:1.1rem 1.2rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.home-panel h2{margin:0 0 .8rem;font-size:1.05rem}.home-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.home-link-card{display:grid;gap:.2rem;padding:.85rem .95rem;border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);text-decoration:none;background:var(--color-surface-raised)}.home-link-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.home-link-card span{color:var(--color-text-secondary);font-size:.875rem}.home-panel--stats{background:var(--color-surface-raised)}.home-stats{margin:0;display:grid;gap:.5rem}.home-stats div{display:flex;justify-content:space-between;align-items:baseline;padding:.55rem .65rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.home-stats dt{margin:0;color:var(--color-text-secondary);font-size:.875rem}.home-stats dd{margin:0;font-size:1.15rem;font-weight:800}.home-note{margin:.75rem 0 0;color:var(--color-text-secondary);font-size:.875rem}.course-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.9rem}.courses-layout,.course-overview-layout,.about-layout{display:grid;gap:1rem}.course-overview-hero,.about-card{padding:1.1rem 1.2rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.course-overview-meta p{margin:.55rem 0 0}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.about-card h2{margin:0 0 .5rem;font-size:1.05rem}.about-card p{margin:0;color:var(--color-text-secondary)}@media(max-width:900px){.home-grid,.home-link-grid,.about-grid{grid-template-columns:1fr}}.glossary-page{max-width:44rem}.glossary-title{margin:0 0 .5rem;font-size:1.45rem}.glossary-search{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1.25rem 0}.glossary-search-label{flex:1;min-width:min(100%,16rem)}.glossary-search-input{width:100%;padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;background:var(--color-surface);color:var(--color-text)}.glossary-search-btn{flex-shrink:0}.glossary-tags{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:1rem}.glossary-tags-label{font-size:.875rem;font-weight:600;color:var(--color-text-muted);margin-right:.25rem}.glossary-tag{display:inline-block;padding:.3rem .65rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-size:.8125rem;color:var(--color-body);text-decoration:none}.glossary-tag:hover{border-color:var(--color-border-strong)}.glossary-tag--active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-link);font-weight:600}.glossary-count{margin:0 0 .75rem;font-size:.875rem;color:var(--color-text-muted)}.glossary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.glossary-card{margin:0}.glossary-card-link{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.15rem;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, 16px);background:var(--color-surface, #fff);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm, 0 2px 8px rgb(15 23 42 / .06));transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.glossary-card-link:hover{border-color:var(--color-primary-soft, #eef2ff);box-shadow:var(--shadow-md, 0 6px 24px rgb(15 23 42 / .08));transform:translateY(-2px)}.glossary-card-title{font-weight:700;font-size:1.05rem;color:var(--color-text)}.glossary-card-meta{font-size:.8125rem;color:var(--color-text-muted);font-family:ui-monospace,monospace}.glossary-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.glossary-chip{display:inline-block;padding:.15rem .45rem;border-radius:var(--radius-sm);background:var(--color-surface-soft);font-size:.75rem;color:var(--color-text-secondary)}.glossary-chip--link{text-decoration:none;border:1px solid transparent}.glossary-chip--link:hover{border-color:var(--color-border);background:var(--color-surface-raised)}.glossary-empty{color:var(--color-text-muted);margin-top:1rem}.glossary-term-page{max-width:44rem}.glossary-term-head{margin-bottom:1.25rem}.glossary-term-title{margin:0 0 .35rem;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text, #0f172a)}.glossary-term-slug{margin:0 0 .75rem;font-size:.875rem;color:var(--color-text-muted)}.glossary-term-tags{display:flex;flex-wrap:wrap;gap:.4rem}.glossary-page,.glossary-term-page{max-width:56rem}.glossary-title,.glossary-term-title{font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.03em}.glossary-search{margin:1.35rem 0 1rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.glossary-search-input{min-height:2.5rem;border-radius:10px}.glossary-tags{margin-bottom:1.2rem}.glossary-tag{padding:.36rem .74rem;font-weight:600;border-color:var(--color-border);background:var(--color-surface-raised)}.glossary-tag:hover{border-color:var(--color-primary);color:var(--color-link)}.glossary-tag--active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.glossary-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.9rem}.glossary-card-link{border-radius:18px;padding:1.15rem 1.25rem;background:linear-gradient(170deg,var(--color-surface) 0%,var(--color-surface-raised) 100%)}.glossary-card-link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.glossary-card-title{font-size:1.12rem}.glossary-card-tags{margin-top:.2rem}.glossary-chip{padding:.2rem .5rem;border:1px solid var(--color-border);background:var(--color-surface-soft)}.lab-root{max-width:40rem}.lab-header{margin-bottom:1.25rem}.lab-title{margin:0 0 .35rem;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text, #0f172a)}.lab-lead{margin:0}.lab-card{margin-bottom:1.25rem;padding:1.2rem 1.3rem;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, 16px);background:var(--color-surface, #fff);box-shadow:var(--shadow-sm, 0 2px 8px rgb(15 23 42 / .06))}.lab-section-title{margin:0 0 .75rem;font-size:1.05rem}.lab-steps{margin:0;padding-left:1.25rem;line-height:1.55;color:var(--color-body)}.lab-steps li{margin-bottom:.45rem}.lab-app{border-color:var(--color-border-strong)}.lab-app-brand{font-family:var(--font-sans);color:var(--color-text)}.lab-form{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1rem}.lab-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--color-body)}.lab-field input{padding:.55rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-weight:400;background:var(--color-surface);color:var(--color-text)}.lab-submit-btn{align-self:flex-start}.lab-form-hint{margin:0;color:var(--color-warning);font-size:.9rem}.lab-feedback{padding:.85rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.95rem}.lab-feedback p{margin:.35rem 0 0}.lab-feedback--error{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);color:var(--color-danger)}.lab-feedback--success{background:var(--color-success-soft);border:1px solid var(--color-success-border);color:var(--color-feedback-ok-text)}.lab-telemetry{margin:0;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--color-surface-soft);border:1px solid var(--color-border);font-size:.875rem;display:grid;gap:.5rem}.lab-telemetry dt{font-weight:600;color:var(--color-text-muted)}.lab-telemetry dd{margin:0;color:var(--color-text)}.lab-grade-desc{margin:0 0 .75rem;font-size:.9375rem;color:var(--color-text-secondary)}.lab-grade-check{display:flex;gap:.6rem;align-items:flex-start;font-size:.9375rem;color:var(--color-body);cursor:pointer}.lab-grade-actions{margin-top:1rem}.lab-banner{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.9375rem}.lab-banner--done{background:var(--color-primary-soft);border:1px solid var(--color-border);color:var(--color-link)}.lab-banner--ok{margin-top:1rem;margin-bottom:0;background:var(--color-success-soft);border:1px solid var(--color-success-border);color:var(--color-feedback-ok-text)}.lab-return{margin-top:1.5rem}.lab-pick-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}.lab-pick-card{margin:0}.lab-pick-link{display:flex;flex-direction:column;gap:.35rem;padding:1.15rem 1.25rem;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, 16px);text-decoration:none;color:inherit;background:var(--color-surface, #fff);box-shadow:var(--shadow-sm, 0 2px 8px rgb(15 23 42 / .06));transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.lab-pick-link:hover{border-color:var(--color-primary-soft, #eef2ff);box-shadow:var(--shadow-md, 0 6px 24px rgb(15 23 42 / .08));transform:translateY(-2px)}.lab-pick-title{font-weight:700;font-size:1.05rem}.lab-pick-id{font-size:.8125rem;color:var(--color-text-muted);font-family:ui-monospace,monospace}.lab-pick-summary{font-size:.9375rem;color:var(--color-text-secondary)}.lab-root{max-width:54rem}.lab-title{font-size:clamp(1.7rem,2.8vw,2.15rem)}.lab-lead{color:var(--color-text-secondary)}.lab-card{padding:1.3rem 1.4rem;border-radius:18px;background:linear-gradient(180deg,var(--color-surface-raised) 0%,var(--color-surface) 100%)}.lab-section-title{font-size:1.12rem;letter-spacing:-.01em}.lab-field input{min-height:2.5rem;border-radius:10px}.lab-field input:focus-visible,.lab-grade-check input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lab-feedback,.lab-banner{border-radius:var(--radius-md)}.lab-telemetry{border-radius:var(--radius-md);grid-template-columns:auto 1fr;column-gap:.75rem;row-gap:.55rem}.lab-pick-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.9rem}.lab-pick-link{border-radius:18px;background:linear-gradient(170deg,var(--color-surface) 0%,var(--color-surface-raised) 100%)}.lab-pick-link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.lab-pick-title{font-size:1.08rem}.report-page{max-width:42rem}.report-page-title{margin:0 0 .5rem;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text, #0f172a)}.report-toolbar{margin:1rem 0}.report-model{margin-bottom:1.25rem;padding:1rem 1.15rem;border-radius:var(--radius-md);border:1px dashed var(--color-border-strong);background:var(--color-surface-soft)}.report-model-title{margin:0 0 .65rem;font-size:1rem}.report-model-pre{margin:0;white-space:pre-wrap;font-size:.8125rem;line-height:1.5;color:var(--color-body)}.report-form{display:flex;flex-direction:column;gap:1.25rem}.report-fieldset{margin:0;padding:1.1rem 1.2rem;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, 16px);background:var(--color-surface, #fff);box-shadow:var(--shadow-sm, 0 2px 8px rgb(15 23 42 / .06))}.report-legend{padding:0 .35rem;font-weight:700;font-size:1rem;color:var(--color-text)}.report-label{display:flex;flex-direction:column;gap:.45rem;margin-top:.85rem}.report-label:first-of-type{margin-top:.35rem}.report-label-text{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.report-textarea,.report-input{width:100%;padding:.55rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit;line-height:1.45;background:var(--color-surface);color:var(--color-text)}.report-textarea{resize:vertical;min-height:4rem}.report-textarea--tall{min-height:8rem}.report-result{margin-top:1.5rem;padding:1rem 1.15rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.report-result-title{margin:0 0 .5rem;font-size:1.15rem}.report-result--ok{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-feedback-ok-text)}.report-result--fail{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger)}.report-result-tags-intro{margin:.75rem 0 .35rem;font-weight:600;font-size:.9375rem}.report-tag-list{margin:0 0 .75rem;padding-left:1.25rem}.report-tag-list li{margin-bottom:.25rem}.report-tag{padding:.15rem .4rem;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);font-size:.8125rem}.report-hint-list{margin:0;padding-left:1.25rem;color:var(--color-danger);font-size:.9375rem;line-height:1.55}.report-page{max-width:54rem}.report-page-title{font-size:clamp(1.7rem,2.8vw,2.15rem)}.report-model{border-style:solid;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-surface-raised) 0%,var(--color-surface-soft) 100%)}.report-model-title{font-size:1.05rem}.report-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.report-form>.report-fieldset:first-of-type{grid-column:1 / -1}.report-form>.quiz-submit{grid-column:1 / -1;justify-self:start}@media(max-width:900px){.report-form{grid-template-columns:1fr}}.report-fieldset{border-radius:18px;padding:1.2rem 1.3rem;background:linear-gradient(180deg,var(--color-surface-raised) 0%,var(--color-surface) 100%)}.report-legend{letter-spacing:-.01em}.report-textarea,.report-input{min-height:2.5rem;border-radius:10px}.report-textarea:focus-visible,.report-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.report-result{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.report-result-title{font-size:1.2rem}.report-tag{font-weight:600}.service-tutorial-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none}.service-tutorial-highlight{position:fixed;border-radius:var(--radius-md);border:2px solid var(--color-primary);box-shadow:0 0 0 2px var(--color-surface),0 0 0 6px var(--color-primary-glow),0 16px 48px var(--color-btn-primary-shadow);pointer-events:none;transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease}.service-tutorial-card{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%);max-width:min(32rem,calc(100vw - 2rem));padding:1.2rem 1.3rem;border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);pointer-events:auto}.service-tutorial-card h2{margin:0 0 .5rem;font-size:1.08rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.service-tutorial-card p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--color-body)}.service-tutorial-meta{margin-top:.65rem;font-size:.8125rem;color:var(--color-text-muted)}.service-tutorial-actions{margin-top:.85rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.service-tutorial-skip{padding:.5rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.service-tutorial-skip:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong);color:var(--color-text)}.service-tutorial-layer:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a5c;pointer-events:none}.service-tutorial-highlight{border-radius:var(--radius-lg);border-width:3px}.service-tutorial-card{bottom:1.5rem;max-width:min(36rem,calc(100vw - 2rem));padding:1.25rem 1.35rem;border-radius:18px;background:linear-gradient(180deg,var(--color-surface-raised) 0%,var(--color-surface) 100%)}.service-tutorial-card h2{font-size:1.14rem}.service-tutorial-meta{margin-top:.8rem}.service-tutorial-actions{margin-top:1rem}html[data-theme=light]{color-scheme:light;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--color-page: #f4f6f8;--color-surface: #ffffff;--color-surface-raised: #fcfdff;--color-surface-soft: #f2f5f7;--color-text: #0f172a;--color-body: #334155;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #d9dee5;--color-border-strong: #c5ccd8;--color-primary: #03c75a;--color-primary-hover: #02b350;--color-primary-soft: #e8f8ef;--color-primary-glow: rgb(3 199 90 / .18);--color-link: #038c40;--color-link-hover: #027638;--color-success: #15803d;--color-success-soft: #ecfdf5;--color-success-border: #bbf7d0;--color-warning: #b45309;--color-warning-soft: #fffbeb;--color-danger: #b91c1c;--color-danger-soft: #fef2f2;--color-danger-border: #fecaca;--color-quiz-correct-bg: #ecfdf5;--color-quiz-correct-border: #86efac;--color-quiz-wrong-bg: #fff7ed;--color-quiz-wrong-border: #fdba74;--color-feedback-ok-bg: #ecfdf5;--color-feedback-ok-text: #14532d;--color-feedback-bad-bg: #fffbeb;--color-feedback-bad-text: #78350f;--color-callout-text: #0f5132;--md-pre-bg: linear-gradient(165deg, #1c1c1f 0%, #0c0c0e 100%);--md-pre-fg: #e4e4e7;--md-pre-border: rgb(255 255 255 / .08);--quiz-top-accent: linear-gradient(90deg, #03c75a, #16a34a, #22c55e);--quiz-submit-bg: linear-gradient(135deg, #03c75a 0%, #16a34a 55%, #22c55e 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(15 23 42 / .04);--shadow-sm: 0 2px 8px rgb(15 23 42 / .06);--shadow-md: 0 10px 24px rgb(15 23 42 / .08);--shadow-lg: 0 20px 46px rgb(15 23 42 / .1);--header-bg: rgb(255 255 255 / .95);--header-blur: blur(8px) saturate(1.05);--header-border: rgb(3 199 90 / .2);--header-shadow: 0 6px 16px rgb(15 23 42 / .04);--header-brand: var(--color-text);--header-link: #334155;--header-link-hover: var(--color-text);--header-link-bg: transparent;--header-link-bg-hover: rgb(3 199 90 / .1);--focus-ring: 0 0 0 2px var(--color-surface), 0 0 0 4px rgb(3 199 90 / .35);--tutorial-results-bg: linear-gradient(135deg, #f7faf8 0%, #e8f8ef 100%);--color-btn-primary-text: #ffffff;--color-btn-primary-shadow: rgb(3 199 90 / .34)}html[data-theme=dark]{color-scheme:dark;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--color-page: #0b1120;--color-surface: #121a2b;--color-surface-raised: #172034;--color-surface-soft: #1c2942;--color-text: #e2e8f0;--color-body: #cbd5e1;--color-text-secondary: #aab8cc;--color-text-muted: #7f8ea3;--color-border: #24324d;--color-border-strong: #334768;--color-primary: #22c55e;--color-primary-hover: #4ade80;--color-primary-soft: rgb(34 197 94 / .22);--color-primary-glow: rgb(34 197 94 / .22);--color-link: #86efac;--color-link-hover: #bbf7d0;--color-success: #4ade80;--color-success-soft: rgb(34 197 94 / .12);--color-success-border: rgb(74 222 128 / .35);--color-warning: #fbbf24;--color-warning-soft: rgb(251 191 36 / .1);--color-danger: #f87171;--color-danger-soft: rgb(248 113 113 / .12);--color-danger-border: rgb(248 113 113 / .35);--color-quiz-correct-bg: rgb(34 197 94 / .12);--color-quiz-correct-border: rgb(74 222 128 / .4);--color-quiz-wrong-bg: rgb(251 146 60 / .12);--color-quiz-wrong-border: rgb(251 146 60 / .4);--color-feedback-ok-bg: rgb(34 197 94 / .12);--color-feedback-ok-text: #86efac;--color-feedback-bad-bg: rgb(251 191 36 / .1);--color-feedback-bad-text: #fcd34d;--color-callout-text: #bbf7d0;--md-pre-bg: linear-gradient(165deg, #27272a 0%, #18181b 100%);--md-pre-fg: #e4e4e7;--md-pre-border: rgb(255 255 255 / .06);--quiz-top-accent: linear-gradient(90deg, #22c55e, #16a34a, #4ade80);--quiz-submit-bg: linear-gradient(135deg, #16a34a 0%, #22c55e 55%, #4ade80 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(0 0 0 / .35);--shadow-sm: 0 6px 16px rgb(2 6 23 / .45);--shadow-md: 0 16px 36px rgb(2 6 23 / .5);--shadow-lg: 0 24px 60px rgb(2 6 23 / .6);--header-bg: rgb(11 17 32 / .86);--header-blur: blur(10px) saturate(1.2);--header-border: rgb(34 197 94 / .28);--header-shadow: 0 10px 26px rgb(2 6 23 / .42);--header-brand: var(--color-text);--header-link: var(--color-text-secondary);--header-link-hover: var(--color-text);--header-link-bg: transparent;--header-link-bg-hover: rgb(34 197 94 / .18);--focus-ring: 0 0 0 2px var(--color-page), 0 0 0 4px rgb(34 197 94 / .42);--tutorial-results-bg: linear-gradient(135deg, #16233a 0%, rgb(34 197 94 / .2) 100%);--color-btn-primary-text: #fafafa;--color-btn-primary-shadow: rgb(34 197 94 / .38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);line-height:1.55;font-weight:400;color:var(--color-text);background-color:var(--color-page);background-image:radial-gradient(ellipse 70% 45% at 20% -10%,var(--color-primary-glow),transparent 52%),radial-gradient(ellipse 50% 36% at 95% -10%,rgb(14 165 233 / .08),transparent 55%);-webkit-font-smoothing:antialiased}html[data-theme=dark] body{background-image:radial-gradient(ellipse 75% 48% at 18% -12%,rgb(34 197 94 / .2),transparent 56%),radial-gradient(ellipse 40% 28% at 95% -8%,rgb(56 189 248 / .1),transparent 48%)}a{color:var(--color-link);text-underline-offset:2px}a:hover{color:var(--color-link-hover)}