@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #f8fafc;--bg-elevated: #ffffff;--text: #0f172a;--muted: #475569;--border: #dbe4f0;--accent: #0f4c81;--accent-soft: #e8f1f8;--code-bg: #f1f5f9;--max-width: 980px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,#f8fafc,#f2f6fb);color:var(--text);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;line-height:1.65}.container{width:min(var(--max-width),92vw);margin:0 auto}.site-header{border-bottom:1px solid var(--border);backdrop-filter:blur(2px);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent)}.header-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:1.02rem;font-weight:700;text-decoration:none;color:var(--text);letter-spacing:.2px}nav{display:flex;gap:.9rem;flex-wrap:wrap}nav a{text-decoration:none;color:var(--muted);font-weight:500}main{padding:2.2rem 0 3rem}h1,h2,h3{line-height:1.25;letter-spacing:-.015em}h1{font-size:clamp(1.7rem,2.8vw,2.3rem);margin:0 0 1rem}h2{margin-top:2rem;font-size:clamp(1.35rem,2.2vw,1.7rem)}p,li{color:var(--text)}.muted{color:var(--muted)}.grid{display:grid;gap:1rem}.lesson-card{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem;text-decoration:none;color:inherit}.lesson-card h3{margin:0 0 .4rem;font-size:1.1rem}.lesson-meta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.75rem}.badge{display:inline-flex;align-items:center;font-size:.8rem;color:#0b3a61;background:var(--accent-soft);border:1px solid #cfe3f4;border-radius:999px;padding:.22rem .58rem}.hero{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1.4rem}.quick-start-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.quick-start-card{transition:border-color .15s ease}.quick-start-card:hover{border-color:#b7cce4}.video-section{margin-bottom:1.4rem}.video-embed-placeholder{width:100%;aspect-ratio:16 / 9;background:#0f172a;border-radius:16px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#64748b;font-size:1.1rem;font-weight:500}.prompt-hero{margin-bottom:1rem}.inline-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.8rem}.inline-links a{color:var(--accent);text-decoration:none;font-weight:600}.prompt-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:1rem}.info-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:1.2rem;margin-bottom:1rem}.info-card h2{margin-top:0}.prompt-pre{margin:0;background:var(--code-bg);border:1px solid var(--border);border-radius:12px;padding:.9rem;max-height:560px;overflow:auto}.lesson-shell{display:grid;gap:1.2rem}.lesson-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem;align-items:start}.lesson-top,.video-block,.lesson-content{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:1.2rem}.meta-line{display:flex;gap:.6rem;flex-wrap:wrap}.video-frame{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#000}.video-frame iframe{width:100%;height:100%;border:0}.video-placeholder{border:1px dashed #b5c7dd;border-radius:12px;padding:1rem;background:#f7fbff}.lesson-content :global(pre){background:var(--code-bg);border:1px solid var(--border);border-radius:10px;overflow-x:auto;padding:.85rem}.lesson-content :global(code){font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.lesson-content :global(h2){margin-top:2.2rem;padding-left:.8rem;border-left:4px solid #c9d9ec}.lesson-content :global(h3){margin-top:1.6rem}.lesson-content :global(p),.lesson-content :global(li){color:#11243a}.lesson-content :global(a){color:var(--accent)}.lesson-content :global(ul),.lesson-content :global(ol){padding-left:1.2rem}.lesson-content :global(li+li){margin-top:.2rem}.lesson-content :global(hr){border:0;border-top:1px solid var(--border);margin:1.8rem 0}.lesson-content :global(blockquote){margin:1rem 0;padding:.7rem .9rem;border-left:4px solid #cfe1f4;border-radius:0 8px 8px 0;background:#f7fbff;color:#22384f}.lesson-content :global(table){width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:1rem 0}.lesson-content :global(th),.lesson-content :global(td){text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--border);vertical-align:top}.lesson-content :global(thead th){background:#f2f7fc;font-weight:600}.lesson-content :global(input[type=checkbox]){accent-color:var(--accent);margin-right:.42rem}.lesson-content :global(.anchor-target){position:relative;top:-90px}.lesson-toc{position:sticky;top:92px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:.9rem}.lesson-toc h2{margin:0 0 .6rem;font-size:.95rem;letter-spacing:0;text-transform:uppercase;color:#2b435c}.lesson-toc ol{margin:0;padding-left:1rem;display:grid;gap:.35rem}.lesson-toc a{color:#214566;text-decoration:none;font-size:.92rem}.lesson-toc a:hover{text-decoration:underline}.lesson-nav{display:flex;justify-content:space-between;gap:1rem}.lesson-nav a{color:var(--accent);text-decoration:none;font-weight:600}.site-footer{border-top:1px solid var(--border);padding:1.1rem 0 1.8rem;color:var(--muted)}@media(max-width:720px){.header-wrap{min-height:64px}nav{gap:.6rem}.lesson-main{grid-template-columns:1fr}.lesson-toc{position:static;order:-1}.lesson-top,.video-block,.lesson-content{padding:1rem}}@media print{.site-header,.site-footer,.video-block,.lesson-nav,.lesson-toc{display:none!important}body{background:#fff}.lesson-top,.lesson-content{border:0;padding:0}}