@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Lora:ital,wght@0,400;0,500;1,400&display=swap";:root{--bg:#0a0a0a;--bg-surface:#111;--bg-elevated:#181818;--bg-code:#0d1a13;--border:#222;--border-dim:#1a1a1a;--text:#e0e0e0;--text-muted:#666;--text-dim:#999;--text-inv:#0a0a0a;--accent:#00d4aa;--accent-dim:#009978;--accent-glow:#00d4aa1f;--red:#ff6b6b;--yellow:#ffd166;--blue:#74b9e8;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, "Courier New", monospace;--font-prose:"Lora", Georgia, "Times New Roman", serif;--radius:2px;--max-w:72rem;--col-w:48rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);flex-direction:column;min-height:100dvh;font-size:.875rem;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);letter-spacing:-.01em;font-weight:600;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:.9375rem}p{font-family:var(--font-prose);color:var(--text);font-size:.9375rem;line-height:1.75}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:#fff}code{font-family:var(--font-mono);background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);padding:.1em .35em;font-size:.8125em}pre{font-family:var(--font-mono);background:var(--bg-code);border:1px solid var(--border);border-left:3px solid var(--accent-dim);border-radius:var(--radius);padding:1rem 1.25rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}pre code{font-size:inherit;color:#a8d8c8;background:0 0;border:none;padding:0}ul,ol{padding-left:1.25rem}li{font-family:var(--font-prose);margin-bottom:.25rem;font-size:.9375rem;line-height:1.7}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 2rem}.col{max-width:var(--col-w)}main{flex:1;padding:3rem 0 5rem}.site-header{border-bottom:1px solid var(--border);backdrop-filter:blur(8px);z-index:100;background:#0a0a0af2;padding:1.25rem 0;position:sticky;top:0}.site-header .container{align-items:center;gap:1rem;display:flex}.site-logo{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-size:1rem;font-weight:700;text-decoration:none}.site-logo:hover{color:var(--accent);opacity:.8}.site-tagline{color:var(--text-muted);letter-spacing:.04em;font-size:.75rem}.site-header nav{gap:1.5rem;margin-left:auto;display:flex}.site-header nav a{color:var(--text-muted);letter-spacing:.04em;font-size:.75rem}.site-header nav a:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border);padding:1.5rem 0}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer p{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--accent)}.page-header{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:2rem}.page-header .label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:.75rem;font-size:.6875rem}.page-header h1{color:var(--text);margin-bottom:.75rem}.page-header .description{font-family:var(--font-prose);color:var(--text-dim);max-width:40rem;font-size:.9375rem}.checklist-index{flex-direction:column;gap:0;display:flex}.checklist-card{border-bottom:1px solid var(--border-dim);padding:1.5rem 0;text-decoration:none;transition:background .1s;display:block}.checklist-card:hover{background:0 0}.checklist-card:hover .card-title{color:var(--accent)}.card-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.card-phase{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dim);font-size:.6875rem}.card-slug{color:var(--text-muted);letter-spacing:.04em;font-size:.6875rem}.card-title{color:var(--text);margin-bottom:.4rem;font-size:1rem;font-weight:600;transition:color .15s}.card-description{font-family:var(--font-prose);color:var(--text-dim);max-width:36rem;margin-bottom:.75rem;font-size:.875rem}.card-footer{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.badge{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);background:var(--bg-surface);align-items:center;padding:.2em .55em;font-size:.6875rem;display:inline-flex}.badge-accent{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-glow)}.difficulty{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.6875rem;display:inline-flex}.difficulty .pips{gap:2px;display:inline-flex}.difficulty .pip{border:1px solid var(--border);border-radius:1px;width:7px;height:7px}.difficulty.low .pip:first-child{background:var(--accent);border-color:var(--accent)}.difficulty.medium .pip:nth-child(-n+2){background:var(--yellow);border-color:var(--yellow)}.difficulty.high .pip{background:var(--red);border-color:var(--red)}.tag-list{flex-wrap:wrap;gap:.375rem;display:flex}.checklist-header{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:2rem}.checklist-header .breadcrumb{color:var(--text-muted);letter-spacing:.04em;margin-bottom:1rem;font-size:.6875rem}.checklist-header .breadcrumb a{color:var(--text-muted)}.checklist-header .breadcrumb a:hover{color:var(--accent)}.checklist-header h1{margin-bottom:.75rem;font-size:1.625rem}.checklist-meta-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.checklist-description{font-family:var(--font-prose);color:var(--text-dim);max-width:42rem;margin-bottom:1.25rem;font-size:1rem;line-height:1.75}.checklist-tools{margin-bottom:0}.checklist-tools .label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.6875rem}.steps-section{margin-bottom:3rem}.steps-section>h2{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem;font-size:.75rem}.step{border-left:2px solid var(--border);margin-bottom:2rem;padding-left:1.25rem;transition:border-color .15s}.step:hover{border-color:var(--accent-dim)}.step-id{letter-spacing:.08em;color:var(--accent-dim);margin-bottom:.35rem;font-size:.6875rem}.step h3{color:var(--text);margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.step-description{font-family:var(--font-prose);color:var(--text-dim);margin-bottom:.75rem;font-size:.875rem}.step-commands{margin-bottom:.75rem}.step-note{font-family:var(--font-prose);color:var(--text-muted);border-left:2px solid var(--border);margin-top:.5rem;padding-left:.75rem;font-size:.8125rem;font-style:italic}.references-section h2{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-size:.75rem}.references-section ol{padding-left:1.25rem}.references-section li{font-family:var(--font-mono);word-break:break-all;margin-bottom:.5rem;font-size:.8125rem}.prose{margin-bottom:2.5rem}.prose h2{color:var(--text);margin:2rem 0 .75rem;font-size:1rem;font-weight:600}.prose p,.prose ul,.prose ol{margin-bottom:1rem}.api-notice{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:.75rem 1rem;display:flex}.api-notice p{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.api-notice .api-url{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;font-size:.75rem}.text-muted{color:var(--text-muted)}.index-meta{color:var(--text-muted);letter-spacing:.04em;margin-bottom:2rem;font-size:.75rem}.checklist-tags{margin-bottom:2.5rem}.checklist-tags .label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.6875rem}.checklist-footer-nav{border-top:1px solid var(--border);justify-content:space-between;margin-top:3rem;padding-top:2rem;display:flex}.checklist-footer-nav a{color:var(--text-muted);font-size:.8125rem}@media (width<=640px){.container{padding:0 1rem}main{padding:2rem 0 3rem}.checklist-header h1{font-size:1.25rem}.site-header nav{display:none}}
