@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Lexend:wght@300;400;600;700&display=swap");.day20{--d20-bg:#ffffff;--d20-s1:#f5f6f8;--d20-s2:#ecedf2;--d20-s3:#e4e5ec;--d20-border:#d4d5de;--d20-border2:#b8b9c8;--d20-accent:#6366f1;--d20-accentL:#4f46e5;--d20-accentD:#c7d2fe;--d20-text:#0f0f1a;--d20-muted:#6b6b7b;--d20-dim:#9e9eb0;--d20-green:#16a34a;--d20-amber:#d97706;--d20-red:#dc2626;--d20-accent-rgb:99,102,241;--d20-green-rgb:22,163,74;--d20-amber-rgb:217,119,6;--d20-red-rgb:220,38,38;--d20-overlay-rgb:0,0,0;--d20-font:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--d20-display:"Lexend","IBM Plex Sans",system-ui,sans-serif;--d20-mono:"IBM Plex Mono","SF Mono","Fira Code",monospace;--d20-r:6px;--d20-rs:3px;--d20-card-bg:#f5f6f8;--d20-card-tint:#ecedf2;--d20-pre-bg:#ecedf2;--d20-nav-bg:rgba(255,255,255,0.9);--d20-hero-line:rgba(99,102,241,0.08)}:is(.dark) .day20{--d20-bg:#0a0a14;--d20-s1:#111120;--d20-s2:#181826;--d20-s3:#1e1e2e;--d20-border:#252540;--d20-border2:#30305a;--d20-accent:#8182C1;--d20-accentL:#A3A4D8;--d20-accentD:#5a5b99;--d20-text:#f0edee;--d20-muted:#7a7580;--d20-dim:#3d3d5c;--d20-green:#4ade80;--d20-amber:#fbbf24;--d20-red:#f87171;--d20-accent-rgb:129,130,193;--d20-green-rgb:74,222,128;--d20-amber-rgb:251,191,36;--d20-red-rgb:248,113,113;--d20-overlay-rgb:255,255,255;--d20-card-bg:#1e1e2e;--d20-card-tint:#242436;--d20-pre-bg:#181826;--d20-nav-bg:rgba(20,20,28,0.9);--d20-hero-line:rgba(129,130,193,0.06)}.day20{position:relative;background:var(--d20-bg);color:var(--d20-text);font-family:var(--d20-font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:calc(100vh - 57px)}.day20 .d20-nav{position:sticky;top:66px;z-index:100;background:var(--d20-nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--d20-border);padding:0 2rem;height:52px;display:flex;align-items:center;justify-content:space-between}.day20 .d20-nav-brand{font-family:var(--d20-display);font-weight:700;font-size:.95rem;color:var(--d20-text);letter-spacing:-.02em}.day20 .d20-nav-badge{font-family:var(--d20-mono);font-size:.7rem;font-weight:500;padding:3px 10px;border:1px solid var(--d20-border2);border-radius:var(--d20-rs);color:var(--d20-muted);display:flex;align-items:center;gap:6px}.day20 .d20-pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--d20-green);flex-shrink:0;animation:d20pulse 2s ease-in-out infinite}@keyframes d20pulse{0%,to{opacity:1}50%{opacity:.4}}.day20 .d20-hero{position:relative;overflow:hidden;padding:5rem 2rem 3.5rem;text-align:center;background:repeating-linear-gradient(0deg,var(--d20-hero-line) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,var(--d20-hero-line) 0 1px,transparent 1px 32px)}.day20 .d20-hero-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.day20 .d20-eyebrow{font-family:var(--d20-mono);font-size:.72rem;font-weight:500;color:var(--d20-accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.2rem}.day20 .d20-hero h1{font-family:var(--d20-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem;margin-top:0}.day20 .d20-hero-sub{font-family:var(--d20-font);font-weight:300;font-size:1.05rem;color:var(--d20-muted);max-width:560px;margin:0 auto 2.5rem;line-height:1.65}.day20 .d20-stat-row{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.day20 .d20-stat{text-align:center}.day20 .d20-stat-val{font-family:var(--d20-display);font-weight:600;font-size:1.15rem;color:var(--d20-text)}.day20 .d20-stat-label{font-family:var(--d20-mono);font-size:.68rem;color:var(--d20-muted);margin-top:2px}.day20 .d20-container{max-width:820px;margin:0 auto;padding:0 1.5rem}.day20 .d20-section{padding:3rem 0}.day20 .d20-section-title{font-family:var(--d20-display);font-size:1.35rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.35rem;margin-top:0}.day20 .d20-section-sub{font-size:.9rem;color:var(--d20-muted);margin-bottom:2rem}.day20 .d20-cb{position:relative;border:1px solid var(--d20-border);border-radius:var(--d20-r);background:var(--d20-card-bg);padding:1.6rem}.day20 .d20-cb-corner{position:absolute;width:10px;height:10px}.day20 .d20-cb-tl{left:-1px;border-left:2px solid var(--d20-accent)}.day20 .d20-cb-tl,.day20 .d20-cb-tr{top:-1px;border-top:2px solid var(--d20-accent)}.day20 .d20-cb-tr{right:-1px;border-right:2px solid var(--d20-accent)}.day20 .d20-cb-bl{left:-1px;border-left:2px solid var(--d20-accent)}.day20 .d20-cb-bl,.day20 .d20-cb-br{bottom:-1px;border-bottom:2px solid var(--d20-accent)}.day20 .d20-cb-br{right:-1px;border-right:2px solid var(--d20-accent)}.day20 .d20-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.day20 code{font-family:var(--d20-mono);font-size:.82em;background:rgba(var(--d20-accent-rgb),.1);border:1px solid rgba(var(--d20-accent-rgb),.2);padding:1px 6px;border-radius:2px;color:var(--d20-accent)}.day20 .d20-pre{background:var(--d20-pre-bg);border:1px solid var(--d20-border2);border-radius:var(--d20-r);padding:1.2rem 1.4rem;font-family:var(--d20-mono);font-size:.8rem;line-height:1.75;overflow-x:auto;color:var(--d20-text);margin:.8rem 0 0;white-space:pre;-webkit-overflow-scrolling:touch}.day20 .d20-pre::-webkit-scrollbar{height:3px}.day20 .d20-pre::-webkit-scrollbar-thumb{background:var(--d20-border)}.day20 .d20-cm{color:var(--d20-muted)}.day20 .d20-ck{color:var(--d20-accent)}.day20 .d20-cv{color:var(--d20-green)}.day20 .d20-tag{font-family:var(--d20-mono);font-size:.65rem;font-weight:500;padding:2px 8px;border-radius:var(--d20-rs);text-transform:uppercase;letter-spacing:.08em}.day20 .d20-tag-accent{background:rgba(var(--d20-accent-rgb),.1);border:1px solid rgba(var(--d20-accent-rgb),.25);color:var(--d20-accent)}.day20 .d20-tag-green{background:rgba(var(--d20-green-rgb),.1);border:1px solid rgba(var(--d20-green-rgb),.25);color:var(--d20-green)}.day20 .d20-tag-yellow{background:rgba(var(--d20-amber-rgb),.1);border:1px solid rgba(var(--d20-amber-rgb),.25);color:var(--d20-amber)}.day20 .d20-cb-label{font-family:var(--d20-mono);font-size:.68rem;color:var(--d20-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.day20 .d20-rule-title{font-family:var(--d20-display);font-weight:600;font-size:1rem;margin-bottom:.3rem;margin-top:0;color:var(--d20-text)}.day20 .d20-rule-when{font-family:var(--d20-mono);font-size:.72rem;color:var(--d20-accent);margin-bottom:.8rem}.day20 .d20-rule-empty{color:var(--d20-muted);font-size:.88rem;font-style:italic}.day20 .d20-cb p{font-size:.9rem;line-height:1.65;color:var(--d20-text);margin:0 0 .6rem}.day20 .d20-cb p:last-child{margin-bottom:0}.day20 .d20-tree{font-family:var(--d20-mono);font-size:.82rem;line-height:2;padding:1rem 1.4rem;background:var(--d20-pre-bg);border:1px solid var(--d20-border2);border-radius:var(--d20-r)}.day20 .d20-tree-dir{color:var(--d20-accent)}.day20 .d20-tree-file{color:var(--d20-text);cursor:pointer;transition:color .15s;display:inline-block;background:none;border:none;font-family:var(--d20-mono);font-size:.82rem;padding:0}.day20 .d20-tree-file:hover{color:var(--d20-accent);text-decoration:underline}.day20 .d20-tree-file.active{color:var(--d20-green)}.day20 .d20-tree-note{font-size:.72rem;color:var(--d20-muted);margin-left:.5rem}.day20 .d20-rule-panel{background:var(--d20-card-bg);border:1px solid var(--d20-border);border-radius:var(--d20-r);padding:1.4rem;min-height:200px;transition:all .2s}.day20 .d20-rule-panel .d20-pre{font-size:.75rem}.day20 .d20-compare-row{display:flex;gap:1rem;align-items:stretch}.day20 .d20-compare-col{flex:1;background:var(--d20-s1);border:1px solid var(--d20-border);border-radius:var(--d20-r);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.day20 .d20-compare-label{font-family:var(--d20-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}.day20 .d20-compare-bad{border-color:rgba(var(--d20-red-rgb),.3);background:rgba(var(--d20-red-rgb),.04)}.day20 .d20-compare-bad .d20-compare-label{color:var(--d20-red)}.day20 .d20-compare-good{border-color:rgba(var(--d20-green-rgb),.3);background:rgba(var(--d20-green-rgb),.05)}.day20 .d20-compare-good .d20-compare-label{color:var(--d20-green)}.day20 .d20-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;padding:3px 10px;border:1px solid var(--d20-border2);border-radius:20px}.day20 .d20-footer,.day20 .d20-pill{font-family:var(--d20-mono);color:var(--d20-muted)}.day20 .d20-footer{border-top:1px solid var(--d20-border);padding:2rem;text-align:center;font-size:.72rem}.day20 .d20-newsletter{background:var(--d20-s1);border:1px solid var(--d20-border);border-radius:var(--d20-r);padding:2rem;margin:2.5rem 0 1.5rem;text-align:center}.day20 .d20-nl-title{font-family:var(--d20-display);font-weight:600;font-size:1.05rem;margin-bottom:.4rem;color:var(--d20-text)}.day20 .d20-nl-sub{font-size:.85rem;color:var(--d20-muted);margin-bottom:1.2rem;line-height:1.55}.day20 .d20-nl-form{display:flex;gap:.5rem;max-width:420px;margin:0 auto}.day20 .d20-nl-input{flex:1;padding:10px 14px;font-family:var(--d20-font);font-size:14px;background:var(--d20-bg);border:1px solid var(--d20-border2);border-radius:var(--d20-rs);color:var(--d20-text);outline:none;transition:border-color .15s}.day20 .d20-nl-input:focus{border-color:var(--d20-accent)}.day20 .d20-nl-input::placeholder{color:var(--d20-dim)}.day20 .d20-nl-btn{padding:10px 20px;background:var(--d20-accent);color:#fff;border:none;border-radius:var(--d20-rs);font-family:var(--d20-font);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.day20 .d20-nl-btn:hover:not(:disabled){background:var(--d20-accentL)}.day20 .d20-nl-btn:disabled{opacity:.6;cursor:default}.day20 .d20-nl-success{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;color:var(--d20-green);padding:10px 0}.day20 .d20-nl-msg{font-size:.8rem;margin-top:.5rem}.day20 .d20-nl-msg.error{color:var(--d20-red)}.day20 .d20-nl-msg.exists{color:var(--d20-muted)}@media (max-width:768px){.day20 .d20-container,.day20 .d20-nav{padding:0 1rem}.day20 .d20-hero{padding:3.5rem 1rem 2.5rem}.day20 .d20-stat-row{gap:1.5rem}.day20 .d20-section{padding:2rem 0}.day20 .d20-compare-row{flex-direction:column}}@media (max-width:480px){.day20 .d20-container,.day20 .d20-nav{padding:0 .75rem}.day20 .d20-hero{padding:2.5rem .75rem 2rem}.day20 .d20-hero h1{font-size:clamp(1.6rem,6vw,2.4rem)}.day20 .d20-hero-sub{font-size:.95rem}.day20 .d20-stat-row{gap:1rem}.day20 .d20-grid-2{grid-template-columns:1fr}.day20 .d20-cb{padding:1.2rem}.day20 .d20-tree{font-size:.72rem;padding:.8rem 1rem}.day20 .d20-nl-form{flex-direction:column}.day20 .d20-nl-btn{width:100%}.day20 .d20-footer{padding:1.5rem 1rem}.day20 .d20-section-title{font-size:1.15rem}}@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap");.day21{--d21-bg:#ffffff;--d21-bg-alt:#f5f6f8;--d21-card:#f0f1f5;--d21-card-tint:#ecedf2;--d21-border:#d4d5de;--d21-border-light:#c0c1d0;--d21-accent:#6366f1;--d21-accent-muted:#4f46e5;--d21-text:#0f0f1a;--d21-text-muted:#6b6b7b;--d21-green:#16a34a;--d21-green-bg:rgba(22,163,74,0.08);--d21-green-border:rgba(22,163,74,0.2);--d21-yellow:#d97706;--d21-yellow-bg:rgba(217,119,6,0.08);--d21-yellow-border:rgba(217,119,6,0.2);--d21-accent-rgb:99,102,241;--d21-green-rgb:22,163,74;--d21-overlay-rgb:0,0,0;--d21-font-display:"Lexend","IBM Plex Sans",system-ui,sans-serif;--d21-font-body:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--d21-font-mono:"IBM Plex Mono","SF Mono","Fira Code",monospace;--d21-radius-btn:4px;--d21-radius-card:6px}:is(.dark) .day21{--d21-bg:#14141c;--d21-bg-alt:#1a1a28;--d21-card:#1e1e2e;--d21-card-tint:#242436;--d21-border:#2a2a3e;--d21-border-light:#333348;--d21-accent:#8182C1;--d21-accent-muted:#a3a4d8;--d21-text:#f0edee;--d21-text-muted:#7a7580;--d21-green:#4ade80;--d21-green-bg:rgba(74,222,128,0.1);--d21-green-border:rgba(74,222,128,0.25);--d21-yellow:#facc15;--d21-yellow-bg:rgba(250,204,21,0.1);--d21-yellow-border:rgba(250,204,21,0.25);--d21-accent-rgb:129,130,193;--d21-green-rgb:74,222,128;--d21-overlay-rgb:255,255,255}.day21{position:relative;background:var(--d21-bg);color:var(--d21-text);font-family:var(--d21-font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:calc(100vh - 57px)}.day21 .d21-noise{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.03;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}.day21 .d21-nav{position:sticky;top:66px;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--d21-border);padding:0 2rem;height:52px;display:flex;align-items:center;justify-content:space-between}:is(.dark) .day21 .d21-nav{background:rgba(20,20,28,.88)}.day21 .d21-nav-brand{font-family:var(--d21-font-display);font-weight:700;font-size:.95rem;color:var(--d21-text);letter-spacing:-.02em}.day21 .d21-nav-badge{font-family:var(--d21-font-mono);font-size:.7rem;font-weight:500;padding:3px 10px;border:1px solid var(--d21-border-light);border-radius:var(--d21-radius-btn);color:var(--d21-text-muted)}.day21 .d21-hero{position:relative;overflow:hidden;padding:5rem 2rem 3.5rem;text-align:center;background:repeating-linear-gradient(0deg,rgba(var(--d21-accent-rgb),.05) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(var(--d21-accent-rgb),.05) 0 1px,transparent 1px 32px)}.day21 .d21-hero:after,.day21 .d21-hero:before{content:"";position:absolute;top:0;bottom:0;width:24px;background:repeating-conic-gradient(rgba(var(--d21-accent-rgb),.04) 0 25%,transparent 0 50%) 0 0 /12px 12px}.day21 .d21-hero:before{left:0}.day21 .d21-hero:after{right:0}.day21 .d21-hero-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.day21 .d21-eyebrow{font-family:var(--d21-font-mono);font-size:.72rem;font-weight:500;color:var(--d21-accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.2rem}.day21 .d21-hero h1{font-family:var(--d21-font-display);font-size:clamp(1.8rem,5vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem;margin-top:0;color:var(--d21-text)}.day21 .d21-hero-sub{font-family:var(--d21-font-body);font-weight:300;font-size:1.05rem;color:var(--d21-text-muted);max-width:560px;margin:0 auto 2.5rem;line-height:1.65}.day21 .d21-stat-row{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.day21 .d21-stat{text-align:center}.day21 .d21-stat-val{font-family:var(--d21-font-display);font-weight:600;font-size:1.15rem;color:var(--d21-text)}.day21 .d21-stat-label{font-family:var(--d21-font-mono);font-size:.68rem;color:var(--d21-text-muted);margin-top:2px}.day21 .d21-container{max-width:820px;margin:0 auto;padding:0 1.5rem}.day21 .d21-section{padding:3rem 0}.day21 .d21-section-title{font-family:var(--d21-font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.35rem;margin-top:0;color:var(--d21-text)}.day21 .d21-section-sub{font-size:.9rem;color:var(--d21-text-muted);margin-bottom:2rem;margin-top:0}.day21 .d21-cb{position:relative;border:1px solid var(--d21-border);border-radius:var(--d21-radius-card);background:var(--d21-card);padding:1.6rem}.day21 .d21-cb-bl,.day21 .d21-cb-br,.day21 .d21-cb-tl,.day21 .d21-cb-tr{position:absolute;width:10px;height:10px}.day21 .d21-cb-tl{left:-1px;border-left:2px solid var(--d21-accent)}.day21 .d21-cb-tl,.day21 .d21-cb-tr{top:-1px;border-top:2px solid var(--d21-accent)}.day21 .d21-cb-tr{right:-1px;border-right:2px solid var(--d21-accent)}.day21 .d21-cb-bl{left:-1px;border-left:2px solid var(--d21-accent)}.day21 .d21-cb-bl,.day21 .d21-cb-br{bottom:-1px;border-bottom:2px solid var(--d21-accent)}.day21 .d21-cb-br{right:-1px;border-right:2px solid var(--d21-accent)}.day21 .d21-cb-label{font-family:var(--d21-font-mono);font-size:.68rem;color:var(--d21-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.day21 .d21-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.day21 pre{background:var(--d21-bg-alt);border:1px solid var(--d21-border-light);border-radius:var(--d21-radius-card);padding:1.2rem 1.4rem;font-family:var(--d21-font-mono);font-size:.8rem;line-height:1.75;overflow-x:auto;color:var(--d21-text);margin:.8rem 0 0}.day21 pre::-webkit-scrollbar{height:3px}.day21 pre::-webkit-scrollbar-thumb{background:var(--d21-border)}.day21 pre .d21-cm{color:var(--d21-text-muted)}.day21 code,.day21 pre .d21-ck{color:var(--d21-accent)}.day21 code{font-family:var(--d21-font-mono);font-size:.82em;background:rgba(var(--d21-accent-rgb),.1);border:1px solid rgba(var(--d21-accent-rgb),.18);padding:1px 6px;border-radius:3px}.day21 .d21-style-selector{display:flex;gap:.6rem;margin-bottom:1.5rem;flex-wrap:wrap}.day21 .d21-style-btn{flex:1;min-width:140px;background:var(--d21-card);border:1px solid var(--d21-border);border-radius:var(--d21-radius-card);padding:1rem;cursor:pointer;transition:all .2s;text-align:left;color:var(--d21-text);font-family:var(--d21-font-body)}.day21 .d21-style-btn.active,.day21 .d21-style-btn:hover{border-color:var(--d21-accent);background:rgba(var(--d21-accent-rgb),.06)}.day21 .d21-style-btn-name{font-family:var(--d21-font-display);font-weight:600;font-size:.92rem;margin-bottom:.3rem;color:var(--d21-text)}.day21 .d21-style-btn-desc{font-size:.78rem;color:var(--d21-text-muted);line-height:1.5}.day21 .d21-output-demo{background:var(--d21-bg-alt);border:1px solid var(--d21-border-light);border-radius:var(--d21-radius-card);padding:1.4rem}.day21 .d21-output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.day21 .d21-output-title{font-family:var(--d21-font-mono);font-size:.72rem;color:var(--d21-text-muted);text-transform:uppercase;letter-spacing:.08em}.day21 .d21-output-mode-label{font-family:var(--d21-font-mono);font-size:.68rem;padding:2px 8px;border-radius:var(--d21-radius-btn);background:rgba(var(--d21-accent-rgb),.1);border:1px solid rgba(var(--d21-accent-rgb),.2);color:var(--d21-accent)}.day21 .d21-output-body{font-size:.9rem;line-height:1.7;color:var(--d21-text)}.day21 .d21-output-body h4{font-family:var(--d21-font-display);font-weight:600;font-size:.9rem;color:var(--d21-accent);margin:.7rem 0 .3rem}.day21 .d21-output-body ul{padding-left:1.2rem;margin:.3rem 0}.day21 .d21-output-body li{margin:.25rem 0;font-size:.88rem}.day21 .d21-output-body p{margin:0 0 .5rem}.day21 .d21-output-panel{display:none}.day21 .d21-output-panel.active{display:block}.day21 .d21-use-list{padding-left:1rem;color:var(--d21-text);font-size:.9rem;margin:.5rem 0 0;list-style:none}.day21 .d21-use-list li{margin:.35rem 0;color:var(--d21-text)}.day21 .d21-newsletter{background:var(--d21-card);border:1px solid var(--d21-border);border-radius:var(--d21-radius-card);padding:1.8rem;margin:2rem 0}.day21 .d21-newsletter-title{font-family:var(--d21-font-display);font-weight:600;font-size:1rem;margin-bottom:.4rem;color:var(--d21-text)}.day21 .d21-newsletter-sub{font-size:.85rem;color:var(--d21-text-muted);margin-bottom:1rem;line-height:1.55}.day21 .d21-newsletter-form{display:flex;gap:.6rem}.day21 .d21-newsletter-input{flex:1;background:var(--d21-bg);border:1px solid var(--d21-border-light);border-radius:var(--d21-radius-btn);padding:.55rem .9rem;font-family:var(--d21-font-body);font-size:.85rem;color:var(--d21-text);outline:none;transition:border-color .15s}.day21 .d21-newsletter-input:focus{border-color:var(--d21-accent)}.day21 .d21-newsletter-input::placeholder{color:var(--d21-text-muted)}.day21 .d21-newsletter-btn{font-family:var(--d21-font-body);font-size:.82rem;font-weight:600;padding:.55rem 1.2rem;border:1px solid var(--d21-accent);border-radius:var(--d21-radius-btn);background:var(--d21-accent);color:#fff;cursor:pointer;transition:all .15s;white-space:nowrap}.day21 .d21-newsletter-btn:hover:not(:disabled){opacity:.88}.day21 .d21-newsletter-btn:disabled{opacity:.6;cursor:not-allowed}.day21 .d21-newsletter-msg{margin-top:.7rem;font-size:.8rem}.day21 .d21-newsletter-msg.success{color:var(--d21-green)}.day21 .d21-newsletter-msg.error{color:#ef4444}.day21 .d21-newsletter-msg.exists{color:var(--d21-yellow)}.day21 .d21-footer{border-top:1px solid var(--d21-border);padding:2rem;text-align:center;font-family:var(--d21-font-mono);font-size:.72rem;color:var(--d21-text-muted)}.day21 .d21-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--d21-green);animation:d21pulse 2s ease-in-out infinite;vertical-align:middle}@keyframes d21pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:768px){.day21 .d21-hero{padding:3.5rem 1.5rem 2.5rem}.day21 .d21-container{padding:0 1.25rem}.day21 .d21-section{padding:2rem 0}.day21 .d21-grid-3{grid-template-columns:1fr 1fr}.day21 .d21-stat-row{gap:1.5rem}.day21 .d21-style-selector{flex-direction:column}.day21 .d21-style-btn{flex:none;min-width:unset}.day21 .d21-output-header{flex-direction:column;align-items:flex-start}.day21 .d21-newsletter-form{flex-direction:column}.day21 .d21-newsletter-btn{width:100%}}@media (max-width:480px){.day21 .d21-hero{padding:2.5rem 1rem 2rem}.day21 .d21-container{padding:0 1rem}.day21 .d21-section{padding:1.5rem 0}.day21 .d21-grid-3{grid-template-columns:1fr}.day21 .d21-hero-sub{font-size:.92rem}.day21 .d21-section-title{font-size:1.1rem}.day21 .d21-nav{padding:0 1rem}.day21 .d21-cb{padding:1.2rem}.day21 .d21-output-demo{padding:1rem}.day21 .d21-newsletter{padding:1.2rem}.day21 .d21-stat-row{gap:1.2rem}}.day22{--d22-bg:#ffffff;--d22-bg-alt:#f5f6f8;--d22-card:#f0f1f5;--d22-card-tint:#ecedf2;--d22-border:#d4d5de;--d22-border-light:#e4e5ec;--d22-accent:#6366f1;--d22-accent-rgb:99,102,241;--d22-accent-light:#818cf8;--d22-accent-dark:#4f46e5;--d22-accent-glow:rgba(99,102,241,0.08);--d22-accent-border:rgba(99,102,241,0.25);--d22-text:#0f0f1a;--d22-text-display:#000000;--d22-text-muted:#6b6b7b;--d22-text-dim:#9e9eb0;--d22-green:#16a34a;--d22-green-bg:rgba(22,163,74,0.08);--d22-amber:#d97706;--d22-amber-bg:rgba(217,119,6,0.08);--d22-red:#dc2626;--d22-cyan:#0891b2;--d22-cyan-bg:rgba(8,145,178,0.08);--d22-radius:4px;--d22-transition:0.2s ease;font-family:IBM Plex Sans,Inter,sans-serif;font-size:15px;color:var(--d22-text);background:var(--d22-bg);min-height:100%}:is(.dark) .day22{--d22-bg:#14141c;--d22-bg-alt:#1a1a28;--d22-card:#1e1e2e;--d22-card-tint:#22223a;--d22-border:#252540;--d22-border-light:#2a2a42;--d22-accent:#8182C1;--d22-accent-rgb:129,130,193;--d22-accent-light:#A3A4D8;--d22-accent-dark:#5a5b99;--d22-accent-glow:rgba(129,130,193,0.08);--d22-accent-border:rgba(129,130,193,0.22);--d22-text:#f0edee;--d22-text-display:#ffffff;--d22-text-muted:#7a7580;--d22-text-dim:#3d3d5c;--d22-green:#4ade80;--d22-green-bg:rgba(74,222,128,0.08);--d22-amber:#fbbf24;--d22-amber-bg:rgba(251,191,36,0.08);--d22-red:#f87171;--d22-cyan:#22d3ee;--d22-cyan-bg:rgba(34,211,238,0.08)}.d22-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--d22-border);padding:0 16px;display:flex;align-items:center;gap:0;height:48px;position:sticky;top:60px;z-index:40;overflow-x:auto;scrollbar-width:none}.d22-nav::-webkit-scrollbar{display:none}:is(.dark) .d22-nav{background:rgba(20,20,28,.92);border-bottom-color:var(--d22-border)}.d22-brand{font-family:Lexend,IBM Plex Sans,sans-serif;font-size:13px;font-weight:700;color:var(--d22-accent);margin-right:20px;letter-spacing:-.01em}.d22-brand,.d22-nav-link{white-space:nowrap;flex-shrink:0}.d22-nav-link{padding:0 12px;height:48px;display:flex;align-items:center;font-size:12px;font-weight:600;color:var(--d22-text-muted);cursor:pointer;border:none;background:none;transition:all var(--d22-transition);user-select:none;text-decoration:none}.d22-nav-link:hover{color:var(--d22-text)}.d22-nav-link.d22-active{color:var(--d22-text);border-bottom:2px solid var(--d22-accent)}.d22-content{background:var(--d22-bg)}.d22-section{padding:60px 40px;max-width:900px;margin:0 auto;scroll-margin-top:120px}.d22-section-divider{border:none;border-top:1px solid var(--d22-border-light);max-width:900px;margin:0 auto}.d22-hero{background:var(--d22-bg);padding:80px 40px 60px;max-width:900px;margin:0 auto;position:relative;scroll-margin-top:120px}.d22-hero-grid-bg{inset:0;background-image:repeating-linear-gradient(0deg,rgba(var(--d22-accent-rgb),.04) 0,rgba(var(--d22-accent-rgb),.04) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,rgba(var(--d22-accent-rgb),.04) 0,rgba(var(--d22-accent-rgb),.04) 1px,transparent 1px,transparent 32px)}.d22-hero-glow,.d22-hero-grid-bg{position:absolute;pointer-events:none}.d22-hero-glow{top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(var(--d22-accent-rgb),.07) 0,transparent 70%)}.d22-hero-inner{position:relative;z-index:1}.d22-hero-eyebrow{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;color:var(--d22-accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px}.d22-hero-title{font-family:Lexend,IBM Plex Sans,sans-serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--d22-text-display);margin-bottom:16px}.d22-hero-sub{font-size:16px;font-weight:300;color:var(--d22-text-muted);line-height:1.7;max-width:600px;margin-bottom:40px}.d22-hero-stats{display:flex;gap:12px;flex-wrap:wrap}.d22-hero-stat{background:var(--d22-card);border:1px solid var(--d22-border);border-radius:var(--d22-radius);padding:20px 28px;text-align:center;min-width:100px}.d22-hero-stat-num{font-family:Lexend,IBM Plex Sans,sans-serif;font-size:28px;font-weight:800;color:var(--d22-accent);letter-spacing:-.03em;margin-bottom:4px}.d22-hero-stat-label{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;color:var(--d22-text-muted);text-transform:uppercase;letter-spacing:.08em}.d22-sh{margin-bottom:32px}.d22-sh-tag{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;color:var(--d22-accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.d22-sh-title{font-family:Lexend,IBM Plex Sans,sans-serif;font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--d22-text-display);margin-bottom:10px}.d22-sh-sub{font-size:14px;font-weight:300;color:var(--d22-text-muted);line-height:1.7;max-width:600px}.d22-layer-stack{display:flex;flex-direction:column;gap:8px}.d22-layer{background:var(--d22-card);border:1px solid var(--d22-border);border-radius:var(--d22-radius);overflow:hidden;transition:border-color var(--d22-transition)}.d22-layer:hover{border-color:var(--d22-accent-border)}.d22-layer.d22-open{border-color:rgba(var(--d22-accent-rgb),.4)}.d22-layer-header{display:flex;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;user-select:none;background:none;border:none;width:100%;text-align:left}.d22-layer-num{font-family:Lexend,IBM Plex Sans,sans-serif;font-size:28px;font-weight:800;color:var(--d22-text-dim);letter-spacing:-.04em;line-height:1;min-width:44px;transition:color var(--d22-transition)}.d22-open .d22-layer-num{color:var(--d22-accent)}.d22-layer-info{flex:1}.d22-layer-title{font-family:Lexend,IBM Plex Sans,sans-serif;font-size:15px;font-weight:700;color:var(--d22-text);margin-bottom:3px}.d22-layer-tag{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--d22-text-muted);text-transform:uppercase;letter-spacing:.06em}.d22-layer-chevron{font-size:14px;color:var(--d22-text-dim);transition:transform var(--d22-transition);flex-shrink:0}.d22-open .d22-layer-chevron{transform:rotate(180deg)}.d22-layer-body{overflow:hidden;max-height:0;transition:max-height .35s ease}.d22-open .d22-layer-body{max-height:600px}.d22-layer-inner{padding:0 20px 20px 80px}.d22-layer-desc{font-size:13px;font-weight:300;color:var(--d22-text-muted);line-height:1.7;margin-bottom:16px;font-style:italic}.d22-layer-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.d22-layer-item{font-size:13px;font-weight:400;color:var(--d22-text);line-height:1.6;padding-left:0;display:flex;gap:8px}.d22-layer-item:before{content:"//";font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--d22-accent);flex-shrink:0;margin-top:2px}.d22-layer-item strong{font-weight:600;color:var(--d22-text)}.d22-layer-footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--d22-border-light);font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--d22-accent)}.d22-principle-box{background:var(--d22-accent-glow);border:1px solid var(--d22-accent-border);border-left:3px solid var(--d22-accent);padding:20px 24px;font-size:14px;font-style:italic;color:var(--d22-text);line-height:1.7}.d22-principle-box,.d22-table-wrap{border-radius:var(--d22-radius);margin-bottom:28px}.d22-table-wrap{overflow-x:auto;border:1px solid var(--d22-border)}.d22-table{width:100%;border-collapse:collapse;font-size:13px}.d22-table thead tr{background:var(--d22-card-tint);border-bottom:1px solid var(--d22-border)}.d22-table th{padding:10px 16px;text-align:left;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--d22-text-muted);white-space:nowrap}.d22-table td{padding:10px 16px;border-bottom:1px solid var(--d22-border-light);color:var(--d22-text);vertical-align:top}.d22-table tbody tr:last-child td{border-bottom:none}.d22-table tbody tr:hover td{background:var(--d22-card-tint)}.d22-badge{display:inline-block;padding:2px 8px;border-radius:2px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;white-space:nowrap}.d22-badge-green{background:var(--d22-green-bg);color:var(--d22-green);border:1px solid rgba(var(--d22-accent-rgb),.1)}:is(.dark) .d22-badge-green{border-color:rgba(74,222,128,.2)}.d22-badge-amber{background:var(--d22-amber-bg);color:var(--d22-amber)}.d22-badge-cyan{background:var(--d22-cyan-bg);color:var(--d22-cyan)}.d22-badge-muted{background:var(--d22-card-tint);color:var(--d22-text-muted);border:1px solid var(--d22-border-light)}.d22-badge-accent{background:var(--d22-accent-glow);color:var(--d22-accent);border:1px solid var(--d22-accent-border)}.d22-tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.d22-tip{background:var(--d22-card);border:1px solid var(--d22-border-light);border-radius:var(--d22-radius);padding:18px}.d22-tip-title{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;color:var(--d22-accent);margin-bottom:8px}.d22-tip-body{font-size:13px;font-weight:300;color:var(--d22-text-muted);line-height:1.6}.d22-tip-body strong{color:var(--d22-text);font-weight:500}.d22-tip-body code{font-family:IBM Plex Mono,monospace;font-size:11px;background:var(--d22-card-tint);border:1px solid var(--d22-border-light);padding:1px 5px;border-radius:2px;color:var(--d22-accent)}.d22-interview-box{background:var(--d22-card);border:1px solid var(--d22-border-light);border-radius:var(--d22-radius);padding:20px;margin-bottom:20px}.d22-interview-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--d22-text-muted);margin-bottom:10px}.d22-interview-prompt{font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.7;color:var(--d22-text);background:var(--d22-card-tint);border:1px solid var(--d22-border-light);border-radius:var(--d22-radius);padding:14px 16px;position:relative}.d22-copy-btn{position:absolute;top:8px;right:8px;background:var(--d22-card);border:1px solid var(--d22-border);border-radius:3px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;color:var(--d22-text-muted);cursor:pointer;transition:all var(--d22-transition)}.d22-copy-btn:hover{color:var(--d22-accent);border-color:var(--d22-accent-border)}.d22-copy-btn.d22-copied{color:var(--d22-green);border-color:rgba(var(--d22-accent-rgb),.2)}.d22-combo-list{display:flex;flex-direction:column;gap:8px}.d22-combo{background:var(--d22-card);border:1px solid var(--d22-border);border-radius:var(--d22-radius);overflow:hidden;transition:border-color var(--d22-transition)}.d22-combo:hover{border-color:var(--d22-accent-border)}.d22-combo.d22-open{border-color:rgba(var(--d22-accent-rgb),.4)}.d22-combo-header{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;user-select:none;background:none;border:none;width:100%;text-align:left}.d22-combo-num{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;color:var(--d22-accent);min-width:32px;flex-shrink:0}.d22-combo-info{flex:1}.d22-combo-title{font-family:Lexend,IBM Plex Sans,sans-serif;font-size:14px;font-weight:600;color:var(--d22-text);margin-bottom:4px}.d22-combo-tags{display:flex;flex-wrap:wrap;gap:4px}.d22-combo-tag{font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600;padding:2px 6px;border-radius:2px;background:var(--d22-accent-glow);color:var(--d22-accent);border:1px solid var(--d22-accent-border)}.d22-combo-chevron{font-size:13px;color:var(--d22-text-dim);transition:transform var(--d22-transition);flex-shrink:0}.d22-open .d22-combo-chevron{transform:rotate(180deg)}.d22-combo-body{overflow:hidden;max-height:0;transition:max-height .35s ease}.d22-open .d22-combo-body{max-height:800px}.d22-combo-inner{padding:0 20px 20px;border-top:1px solid var(--d22-border-light)}.d22-combo-flow{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.d22-combo-step{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--d22-text);line-height:1.6}.d22-combo-step-arrow{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--d22-accent);flex-shrink:0;margin-top:2px}.d22-combo-result{margin-top:16px;background:var(--d22-green-bg);border:1px solid rgba(74,222,128,.15);border-left:3px solid var(--d22-green);border-radius:var(--d22-radius);padding:12px 16px;font-size:13px;color:var(--d22-text);line-height:1.6}:is(.dark) .d22-combo-result{border-color:rgba(74,222,128,.15)}.d22-combo-result strong{font-weight:600;color:var(--d22-green)}.d22-thinking-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.d22-thinking-card{background:var(--d22-card);border:1px solid var(--d22-border-light);border-radius:var(--d22-radius);padding:20px}.d22-thinking-cmd{font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700;color:var(--d22-accent);margin-bottom:8px}.d22-thinking-body{font-weight:300}.d22-thinking-body,.d22-thinking-when{font-size:13px;color:var(--d22-text-muted);line-height:1.6}.d22-thinking-when{background:var(--d22-card-tint);border:1px solid var(--d22-border-light);border-radius:var(--d22-radius);padding:16px 20px;margin-top:16px}.d22-thinking-when strong{display:block;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--d22-accent);margin-bottom:6px}.d22-session-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.d22-session-cmd{background:var(--d22-card);border:1px solid var(--d22-border-light);border-radius:var(--d22-radius);padding:16px 20px;display:flex;gap:16px;align-items:flex-start}.d22-session-cmd-text{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700;color:var(--d22-accent);flex-shrink:0;min-width:180px}.d22-session-cmd-desc{font-size:13px;font-weight:300;color:var(--d22-text-muted);line-height:1.6}.d22-session-workflow{background:var(--d22-card);border:1px solid var(--d22-border);border-radius:var(--d22-radius);padding:20px;margin-bottom:16px}.d22-session-workflow-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--d22-text-muted);margin-bottom:14px}.d22-session-workflow-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.d22-session-workflow-step{display:flex;gap:10px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--d22-text);line-height:1.6}.d22-session-workflow-step span:first-child{color:var(--d22-text-muted);flex-shrink:0}.d22-ref-table-wrap{overflow-x:auto;border-radius:var(--d22-radius);border:1px solid var(--d22-border)}.d22-ref-table{width:100%;border-collapse:collapse;font-size:13px}.d22-ref-table tr{border-bottom:1px solid var(--d22-border-light);transition:background var(--d22-transition)}.d22-ref-table tr:last-child{border-bottom:none}.d22-ref-table tr:hover td{background:var(--d22-card-tint)}.d22-ref-table td{padding:11px 16px;vertical-align:top}.d22-ref-table td:first-child{color:var(--d22-text-muted);font-style:italic;width:45%}.d22-ref-table td:last-child{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--d22-accent);font-style:normal}.d22-assessment{max-width:640px}.d22-questions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.d22-question{background:var(--d22-card);border:1px solid var(--d22-border-light);border-radius:var(--d22-radius);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;transition:border-color var(--d22-transition);user-select:none}.d22-question:hover{border-color:var(--d22-accent-border)}.d22-question.d22-checked{border-color:rgba(var(--d22-accent-rgb),.4)}.d22-question-text{font-size:13px;line-height:1.6;color:var(--d22-text)}.d22-toggle{flex-shrink:0;width:44px;height:24px;background:var(--d22-border);border-radius:12px;position:relative;transition:background var(--d22-transition)}.d22-toggle.d22-on{background:var(--d22-accent)}.d22-toggle-dot{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left var(--d22-transition)}.d22-toggle.d22-on .d22-toggle-dot{left:24px}.d22-assess-btn{background:var(--d22-accent);color:#fff;border:none;border-radius:var(--d22-radius);padding:12px 28px;font-family:Lexend,IBM Plex Sans,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--d22-transition);letter-spacing:.01em}.d22-assess-btn:hover{opacity:.88}.d22-result{margin-top:28px;background:var(--d22-card);border:1px solid var(--d22-border);border-radius:var(--d22-radius);padding:28px}.d22-result-pct{font-family:Lexend,IBM Plex Sans,sans-serif;font-size:3rem;font-weight:800;letter-spacing:-.04em;margin-bottom:12px;color:var(--d22-accent)}.d22-result-pct.d22-pct-100{color:var(--d22-green)}.d22-result-pct.d22-pct-low{color:var(--d22-amber)}.d22-progress-track{height:6px;background:var(--d22-border);border-radius:3px;margin-bottom:20px;overflow:hidden}.d22-progress-bar{height:100%;border-radius:3px;background:var(--d22-accent);transition:width .6s ease}.d22-progress-bar.d22-bar-100{background:var(--d22-green)}.d22-progress-bar.d22-bar-low{background:var(--d22-amber)}.d22-result-verdict{font-size:14px;line-height:1.7;color:var(--d22-text);margin-bottom:16px}.d22-result-missing{margin-top:16px}.d22-result-missing-title{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--d22-text-muted);margin-bottom:10px}.d22-result-missing-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.d22-result-missing-item{font-size:12px;color:var(--d22-text-muted);display:flex;gap:8px;align-items:center}.d22-result-missing-item:before{content:"→";font-family:IBM Plex Mono,monospace;color:var(--d22-accent)}.d22-footer{text-align:center;padding:28px 40px;font-size:11px;color:var(--d22-text-muted);border-top:1px solid var(--d22-border-light);margin-top:20px}.day22::-webkit-scrollbar{width:3px}.day22::-webkit-scrollbar-track{background:transparent}.day22::-webkit-scrollbar-thumb{background:var(--d22-border);border-radius:2px}@media (max-width:768px){.d22-hero{padding:48px 20px 40px}.d22-section{padding:40px 20px}.d22-hero-stats{flex-direction:row;flex-wrap:wrap}.d22-hero-stat{padding:14px 20px;min-width:80px}.d22-hero-stat-num,.d22-sh-title{font-size:22px}.d22-thinking-grid,.d22-tip-grid{grid-template-columns:1fr}.d22-nav{padding:0 8px}.d22-brand{font-size:11px;margin-right:10px}.d22-nav-link{padding:0 8px;font-size:11px}.d22-layer-inner{padding-left:20px}.d22-session-cmd{flex-direction:column;gap:6px}.d22-session-cmd-text{min-width:unset}}@media (max-width:480px){.d22-hero{padding:36px 16px 32px}.d22-section{padding:32px 16px}.d22-hero-title{font-size:1.9rem}.d22-hero-stats{gap:8px}.d22-hero-stat{padding:12px 16px;flex:1}.d22-sh-title{font-size:20px}.d22-combo-header{padding:14px;gap:10px}.d22-combo-inner{padding:0 14px 14px}.d22-layer-header{padding:14px}.d22-layer-inner{padding:0 14px 14px}.d22-ref-table td{padding:8px 10px}.d22-result{padding:20px}.d22-result-pct{font-size:2.2rem}.d22-nav-link{padding:0 7px;font-size:10px}.d22-brand{font-size:10px;margin-right:6px}}.day23{--d23-bg:#ffffff;--d23-surface1:#f5f6f8;--d23-surface2:#ecedf2;--d23-surface3:#e4e5ec;--d23-border:#d4d5de;--d23-border-strong:#b8b9c8;--d23-accent:#6366f1;--d23-accent-light:#4f46e5;--d23-accent-dark:#c7d2fe;--d23-accent-rgb:99,102,241;--d23-text:#0f0f1a;--d23-muted:#6b6b7b;--d23-dim:#9e9eb0;--d23-green:#16a34a;--d23-amber:#d97706;--d23-red:#dc2626;--d23-green-bg:#dcfce7;--d23-amber-bg:#fef3c7;--d23-red-bg:#fee2e2;--d23-terminal-bg:#1e1e2e;--d23-terminal-text:#cdd6f4;--d23-terminal-comment:#6c7086;--d23-terminal-string:#a6e3a1;--d23-terminal-cmd:#89b4fa;--d23-terminal-flag:#f38ba8}:is(.dark) .day23{--d23-bg:#0a0a14;--d23-surface1:#111120;--d23-surface2:#181826;--d23-surface3:#1e1e2e;--d23-border:#252540;--d23-border-strong:#30305a;--d23-accent:#8182C1;--d23-accent-light:#A3A4D8;--d23-accent-dark:#5a5b99;--d23-accent-rgb:129,130,193;--d23-text:#f0edee;--d23-muted:#7a7580;--d23-dim:#3d3d5c;--d23-green:#4ade80;--d23-amber:#fbbf24;--d23-red:#f87171;--d23-green-bg:rgba(74,222,128,0.1);--d23-amber-bg:rgba(251,191,36,0.1);--d23-red-bg:rgba(248,113,113,0.1)}.day23{background:var(--d23-bg);color:var(--d23-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;line-height:1.6}.day23 *{box-sizing:border-box}.d23-hero{background:var(--d23-surface1);border-bottom:1px solid var(--d23-border);padding:3rem 1.5rem;text-align:center}.d23-hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--d23-accent);background:rgba(var(--d23-accent-rgb),.1);border:1px solid rgba(var(--d23-accent-rgb),.3);border-radius:999px;padding:.3rem .9rem;margin-bottom:1.25rem}.d23-hero-title{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--d23-text);margin:0 0 .75rem}.d23-hero-title span{color:var(--d23-accent)}.d23-hero-subtitle{font-size:1.1rem;color:var(--d23-muted);max-width:560px;margin:0 auto 2rem}.d23-hero-stats{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.d23-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.d23-stat-num{font-size:1.75rem;font-weight:800;color:var(--d23-accent);letter-spacing:-.03em;line-height:1}.d23-stat-label{font-size:.75rem;color:var(--d23-muted);text-transform:uppercase;letter-spacing:.05em}.d23-main{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.d23-tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--d23-border);margin-bottom:2rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.d23-tabs::-webkit-scrollbar{display:none}.d23-tab-btn{flex-shrink:0;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;color:var(--d23-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.d23-tab-btn:hover{color:var(--d23-text)}.d23-tab-btn.d23-active{color:var(--d23-accent);border-bottom-color:var(--d23-accent)}.d23-section-title{font-size:1.5rem;font-weight:700;color:var(--d23-text);margin:0 0 .5rem}.d23-section-subtitle{font-size:.95rem;color:var(--d23-muted);margin:0 0 1.75rem}.d23-card{background:var(--d23-surface1);border:1px solid var(--d23-border);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}.d23-card-title{font-size:1rem;font-weight:700;color:var(--d23-text);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.d23-card-body{font-size:.9rem;color:var(--d23-muted);line-height:1.6;margin:0}.d23-terminal{background:var(--d23-terminal-bg);border-radius:10px;overflow:hidden;margin-bottom:1.25rem;border:1px solid #2a2a45}.d23-terminal-bar{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.06)}.d23-terminal-dot{width:12px;height:12px;border-radius:50%}.d23-dot-red{background:#ff5f57}.d23-dot-yellow{background:#febc2e}.d23-dot-green{background:#28c840}.d23-terminal-title{font-size:.75rem;color:#6c7086;font-family:SF Mono,Fira Code,monospace;margin-left:.5rem}.d23-terminal-body{padding:1.25rem 1.5rem;position:relative}.d23-terminal-body pre{margin:0;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.82rem;line-height:1.7;color:var(--d23-terminal-text);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.d23-cmd{color:var(--d23-terminal-cmd)}.d23-cmt{color:var(--d23-terminal-comment)}.d23-str{color:var(--d23-terminal-string)}.d23-flag{color:var(--d23-terminal-flag)}.d23-pmt{color:#cba6f7}.d23-copy-btn{position:absolute;top:.75rem;right:.75rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;color:#cdd6f4;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.d23-copy-btn:hover{background:rgba(255,255,255,.14)}.d23-copy-btn.d23-copied{color:#a6e3a1;border-color:#a6e3a1}.d23-grid-2{grid-template-columns:1fr 1fr}.d23-grid-2,.d23-grid-3{display:grid;gap:1rem;margin-bottom:1.25rem}.d23-grid-3{grid-template-columns:repeat(3,1fr)}.d23-steps{flex-direction:column;margin-bottom:1.5rem}.d23-step,.d23-steps{display:flex;gap:1rem}.d23-step{align-items:flex-start}.d23-step-num{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--d23-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;margin-top:.1rem}.d23-step-content{flex:1}.d23-step-title{font-size:.95rem;font-weight:700;color:var(--d23-text);margin:0 0 .25rem}.d23-step-desc{font-size:.85rem;color:var(--d23-muted);margin:0}.d23-pane-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;background:#0a0a14;border-radius:12px;padding:8px;border:1px solid #252540;aspect-ratio:16/9;margin-bottom:1.25rem}.d23-pane{background:#111120;border-radius:6px;padding:.75rem;border:1px solid #252540;display:flex;flex-direction:column;overflow:hidden}.d23-pane-header{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--d23-accent);margin-bottom:.5rem;display:flex;align-items:center;gap:.35rem}.d23-pane-header:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--d23-accent)}.d23-pane-line{font-size:.65rem;font-family:SF Mono,Fira Code,monospace;color:#6c7086;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d23-pane-line.d23-pane-cmd{color:#89b4fa}.d23-pane-line.d23-pane-out{color:#a6e3a1}.d23-pane-active{border-color:rgba(var(--d23-accent-rgb),.5)!important}.d23-conflict-demo{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin-bottom:1.25rem}.d23-conflict-box{background:var(--d23-surface2);border:1px solid var(--d23-border);border-radius:10px;padding:1rem}.d23-conflict-box.d23-bad{border-color:var(--d23-red);background:var(--d23-red-bg)}.d23-conflict-box.d23-good{border-color:var(--d23-green);background:var(--d23-green-bg)}.d23-conflict-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.d23-bad .d23-conflict-label{color:var(--d23-red)}.d23-good .d23-conflict-label{color:var(--d23-green)}.d23-conflict-item{font-size:.8rem;font-family:SF Mono,Fira Code,monospace;color:var(--d23-text);padding:.2rem 0}.d23-conflict-arrow{font-size:1.5rem;color:var(--d23-accent);text-align:center}.d23-layout-builder{background:var(--d23-surface1);border:1px solid var(--d23-border);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}.d23-layout-opts{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.d23-layout-opt{padding:.5rem 1rem;border-radius:8px;border:2px solid var(--d23-border);background:var(--d23-surface2);color:var(--d23-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.d23-layout-opt.d23-selected,.d23-layout-opt:hover{border-color:var(--d23-accent)}.d23-layout-opt.d23-selected{background:rgba(var(--d23-accent-rgb),.1);color:var(--d23-accent)}.d23-table-wrap{overflow-x:auto;margin-bottom:1.25rem;border-radius:10px;border:1px solid var(--d23-border)}.d23-table{width:100%;border-collapse:collapse;font-size:.85rem}.d23-table thead th{background:var(--d23-surface2);padding:.7rem 1rem;text-align:left;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--d23-muted)}.d23-table tbody tr,.d23-table thead th{border-bottom:1px solid var(--d23-border)}.d23-table tbody tr{transition:background .12s}.d23-table tbody tr:last-child{border-bottom:none}.d23-table tbody tr:hover{background:var(--d23-surface1)}.d23-table td{padding:.65rem 1rem;color:var(--d23-text);vertical-align:middle}.d23-table td:nth-child(2){font-family:SF Mono,Fira Code,monospace;font-size:.78rem;color:var(--d23-accent);cursor:pointer}.d23-table td:nth-child(3){color:var(--d23-muted);font-size:.8rem}.d23-table-category{background:var(--d23-surface3)}.d23-table-category td{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--d23-accent);padding:.4rem 1rem}.d23-copied-flash{color:var(--d23-green)!important}.d23-quiz,.d23-quiz-q{margin-bottom:1.5rem}.d23-quiz-q-text{font-size:1rem;font-weight:700;color:var(--d23-text);margin:0 0 .75rem}.d23-quiz-q-num{display:inline-block;margin-right:.4rem;color:var(--d23-accent)}.d23-quiz-opts{display:flex;flex-direction:column;gap:.5rem}.d23-quiz-opt{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--d23-border);background:var(--d23-surface1);cursor:pointer;font-size:.9rem;color:var(--d23-text);transition:border-color .15s,background .15s;text-align:left;width:100%}.d23-quiz-opt:hover:not(:disabled){border-color:var(--d23-accent);background:rgba(var(--d23-accent-rgb),.05)}.d23-quiz-opt.d23-correct{border-color:var(--d23-green);background:var(--d23-green-bg);color:var(--d23-green)}.d23-quiz-opt.d23-wrong{border-color:var(--d23-red);background:var(--d23-red-bg);color:var(--d23-red)}.d23-quiz-opt-letter{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--d23-surface2);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--d23-muted)}.d23-quiz-opt.d23-correct .d23-quiz-opt-letter{background:var(--d23-green);color:#fff}.d23-quiz-opt.d23-wrong .d23-quiz-opt-letter{background:var(--d23-red);color:#fff}.d23-quiz-feedback{margin-top:.5rem;font-size:.85rem;font-weight:600;padding:.5rem .75rem;border-radius:6px}.d23-quiz-feedback.d23-correct-fb{color:var(--d23-green);background:var(--d23-green-bg)}.d23-quiz-feedback.d23-wrong-fb{color:var(--d23-red);background:var(--d23-red-bg)}.d23-quiz-score{background:var(--d23-surface2);border:1px solid var(--d23-border);border-radius:12px;padding:1.5rem;text-align:center;margin-top:1rem}.d23-quiz-score-num{font-size:3rem;font-weight:800;color:var(--d23-accent);line-height:1}.d23-quiz-score-label{color:var(--d23-muted);font-size:.9rem;margin-top:.25rem}.d23-quiz-reset{margin-top:1rem;padding:.6rem 1.5rem;background:var(--d23-accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.d23-quiz-reset:hover{opacity:.85}.d23-newsletter{background:var(--d23-surface2);border:1px solid var(--d23-border);border-radius:12px;padding:1.75rem;text-align:center;margin-top:2.5rem}.d23-newsletter-label{font-size:1.15rem;font-weight:700;color:var(--d23-text);margin:0 0 .35rem}.d23-newsletter-desc{font-size:.88rem;color:var(--d23-muted);margin:0 0 1.25rem}.d23-newsletter-form{display:flex;gap:.5rem;max-width:420px;margin:0 auto}.d23-newsletter-input{flex:1;padding:.65rem 1rem;border-radius:8px;border:1px solid var(--d23-border);background:var(--d23-bg);color:var(--d23-text);font-size:.9rem;outline:none;transition:border-color .15s}.d23-newsletter-input:focus{border-color:var(--d23-accent)}.d23-newsletter-btn{padding:.65rem 1.25rem;border-radius:8px;border:none;background:var(--d23-accent);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.d23-newsletter-btn:hover{opacity:.85}.d23-newsletter-btn:disabled{opacity:.55;cursor:not-allowed}.d23-newsletter-success{background:var(--d23-green-bg);border-color:var(--d23-green)}.d23-newsletter-success p{color:var(--d23-green);font-weight:600;margin:0}.d23-newsletter-icon{display:block;font-size:2rem;margin-bottom:.5rem}.d23-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(0);background:var(--d23-surface3);border:1px solid var(--d23-border-strong);border-radius:8px;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;color:var(--d23-text);z-index:1000;pointer-events:none;opacity:1;transition:opacity .3s,transform .3s;box-shadow:0 4px 24px rgba(0,0,0,.15)}.d23-toast.d23-toast-hidden{opacity:0;transform:translateX(-50%) translateY(8px)}.d23-highlight{background:rgba(var(--d23-accent-rgb),.07);border:1px solid rgba(var(--d23-accent-rgb),.25);border-left:4px solid var(--d23-accent);border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin-bottom:1.25rem;font-size:.9rem;color:var(--d23-text)}.d23-highlight strong,.d23-pill{color:var(--d23-accent)}.d23-pill{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;background:rgba(var(--d23-accent-rgb),.12);border:1px solid rgba(var(--d23-accent-rgb),.25)}.d23-pill-green{background:var(--d23-green-bg);color:var(--d23-green);border-color:var(--d23-green)}.d23-pill-amber{background:var(--d23-amber-bg);color:var(--d23-amber);border-color:var(--d23-amber)}.d23-divider{height:1px;background:var(--d23-border);margin:2rem 0}.d23-footer{background:var(--d23-surface1);border-top:1px solid var(--d23-border);padding:2rem 1.5rem;text-align:center;font-size:.85rem;color:var(--d23-muted)}.d23-footer a{color:var(--d23-accent);text-decoration:none}.d23-footer a:hover{text-decoration:underline}@media (max-width:768px){.d23-hero-title{font-size:1.85rem}.d23-hero-stats{gap:1.5rem}.d23-grid-2{grid-template-columns:1fr}.d23-grid-3{grid-template-columns:1fr 1fr}.d23-conflict-demo{grid-template-columns:1fr}.d23-conflict-arrow{transform:rotate(90deg)}.d23-pane-grid{aspect-ratio:auto;grid-template-rows:auto}.d23-pane{min-height:80px}.d23-newsletter-form{flex-direction:column}}@media (max-width:480px){.d23-hero{padding:2rem 1rem}.d23-hero-title{font-size:1.5rem}.d23-hero-subtitle{font-size:.9rem}.d23-stat-num{font-size:1.4rem}.d23-main{padding:1.25rem 1rem}.d23-tab-btn{padding:.5rem .75rem;font-size:.78rem}.d23-grid-3{grid-template-columns:1fr}.d23-card,.d23-layout-builder{padding:1rem}.d23-quiz-score-num{font-size:2.2rem}.d23-newsletter{padding:1.25rem}}.day24{--d24-bg:#f5f6f8;--d24-bg-alt:#ecedf2;--d24-card:#ffffff;--d24-card-tint:#f0f1f6;--d24-border:#d4d5de;--d24-border-light:#e4e5ec;--d24-accent:#6366f1;--d24-accent-rgb:99,102,241;--d24-accent-light:#4f46e5;--d24-accent-dark:#c7d2fe;--d24-accent-glow:rgba(99,102,241,0.10);--d24-accent-border:rgba(99,102,241,0.28);--d24-text:#0f0f1a;--d24-text-muted:#6b6b7b;--d24-green:#16a34a;--d24-green-rgb:22,163,74;--d24-amber:#d97706;--d24-amber-rgb:217,119,6;--d24-red:#dc2626;--d24-red-rgb:220,38,38;--d24-blue:#2563eb;--d24-blue-rgb:37,99,235;--d24-radius-btn:2px;--d24-radius-card:3px;font-family:IBM Plex Sans,Inter,sans-serif;font-size:16px;line-height:1.6;color:var(--d24-text);background:var(--d24-bg);min-height:100%;overflow-x:hidden}:is(.dark) .day24{--d24-bg:#0a0a14;--d24-bg-alt:#111120;--d24-card:#181826;--d24-card-tint:#1e1e2e;--d24-border:#252540;--d24-border-light:#30305a;--d24-accent:#8182C1;--d24-accent-rgb:129,130,193;--d24-accent-light:#A3A4D8;--d24-accent-dark:#5a5b99;--d24-accent-glow:rgba(129,130,193,0.08);--d24-accent-border:rgba(129,130,193,0.22);--d24-text:#f0edee;--d24-text-muted:#7a7580;--d24-green:#4ade80;--d24-green-rgb:74,222,128;--d24-amber:#fbbf24;--d24-amber-rgb:251,191,36;--d24-red:#f87171;--d24-red-rgb:248,113,113;--d24-blue:#56ccf2;--d24-blue-rgb:86,204,242}.d24-nav{position:sticky;top:60px;z-index:40;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:rgba(245,246,248,.9);border-bottom:1px solid var(--d24-border);padding:0 2rem;height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem}:is(.dark) .d24-nav{background:rgba(10,10,20,.9)}.d24-nav-brand{font-family:Lexend,IBM Plex Sans,sans-serif;font-weight:700;font-size:1rem;color:var(--d24-text);letter-spacing:-.02em}.d24-nav-badge,.d24-nav-brand{white-space:nowrap;flex-shrink:0}.d24-nav-badge{font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;color:var(--d24-accent);background:var(--d24-accent-glow);border:1px solid var(--d24-accent-border);padding:4px 12px;border-radius:var(--d24-radius-btn)}.d24-nav-links{display:flex;gap:1.5rem;list-style:none;overflow-x:auto;scrollbar-width:none;flex:1;justify-content:center}.d24-nav-links::-webkit-scrollbar{display:none}.d24-nav-links a{color:var(--d24-text-muted);text-decoration:none;font-size:.82rem;font-family:IBM Plex Sans,sans-serif;transition:color .2s;white-space:nowrap}.d24-nav-links a:hover{color:var(--d24-accent)}.d24-container{max-width:1100px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.d24-section{padding:5rem 0}.d24-section-alt{padding:5rem 0;background:var(--d24-bg-alt);border-top:1px solid var(--d24-border);border-bottom:1px solid var(--d24-border)}.d24-h1{font-weight:800;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.1;letter-spacing:-.03em;margin:0}.d24-h1,.d24-h2{font-family:Lexend,IBM Plex Sans,sans-serif;color:var(--d24-text)}.d24-h2{font-weight:700;font-size:1.8rem;letter-spacing:-.02em;margin-bottom:1rem}.d24-h3{font-family:Lexend,IBM Plex Sans,sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:-.01em;color:var(--d24-text);margin:0}.d24-label{font-family:IBM Plex Sans,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--d24-accent);display:block;margin-bottom:.5rem}.d24-mono{font-family:IBM Plex Mono,monospace}.d24-muted{color:var(--d24-text-muted)}.d24-accent-text{color:var(--d24-accent)}.d24-section-header{margin-bottom:3rem}.d24-hero{min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:5rem 0;background:var(--d24-bg)}.d24-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--d24-accent-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--d24-accent-rgb),.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 70%)}.d24-hero-checker-left,.d24-hero-checker-right{position:absolute;top:0;bottom:0;width:200px;opacity:.03;background-image:repeating-conic-gradient(var(--d24-accent) 0 25%,transparent 0 50%);background-size:30px 30px}.d24-hero-checker-left{left:0}.d24-hero-checker-right{right:0}.d24-hero-canvas{position:absolute;top:0;right:-100px;width:600px;height:600px;z-index:1;opacity:.15;pointer-events:none}.d24-hero-content{position:relative;z-index:2;width:100%}.d24-hero-subtitle{font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--d24-accent);margin-bottom:1.5rem}.d24-hero-desc{font-size:1.1rem;color:var(--d24-text-muted);max-width:580px;margin-top:1.5rem;line-height:1.7}.d24-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;max-width:620px}.d24-hero-stat{text-align:center;padding:1.2rem;background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card)}.d24-hero-stat-num{font-family:Lexend,IBM Plex Sans,sans-serif;font-weight:800;font-size:2rem;color:var(--d24-accent);line-height:1}.d24-hero-stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--d24-text-muted);margin-top:.4rem}.d24-swarm-node{position:absolute;width:8px;height:8px;background:var(--d24-accent);border-radius:50%;animation:d24-swarmPulse 3s ease-in-out infinite}.d24-swarm-node:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);border:1px solid rgba(var(--d24-accent-rgb),.3);border-radius:50%;animation:d24-swarmRing 3s ease-in-out infinite}@keyframes d24-swarmPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes d24-swarmRing{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.d24-comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.d24-comparison-col{background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);overflow:hidden}.d24-comparison-col.d24-highlight{border-color:var(--d24-accent);box-shadow:0 0 30px var(--d24-accent-glow)}.d24-comparison-col-header{padding:1.5rem;border-bottom:1px solid var(--d24-border);text-align:center}.d24-comparison-col-header .d24-mono{font-size:.75rem;color:var(--d24-text-muted)}.d24-comparison-col-body{padding:1.5rem}.d24-comparison-col-body ul{list-style:none}.d24-comparison-col-body li{padding:.5rem 0;font-size:.9rem;color:var(--d24-text-muted);display:flex;align-items:baseline;gap:.5rem}.d24-comparison-col-body li:before{content:"\2192";color:var(--d24-accent);font-size:.8rem;flex-shrink:0}.d24-flow-diagram{margin-top:3rem;padding:2.5rem;background:var(--d24-bg-alt);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);position:relative;overflow:hidden}.d24-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.d24-flow-fan{display:flex;flex-direction:column;align-items:center;gap:.3rem}.d24-flow-label{text-align:center;font-size:.72rem;color:var(--d24-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}.d24-flow-vline{width:1px;height:32px;background:var(--d24-border-light);margin:0 auto}.d24-flow-parallel{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.d24-flow-node{padding:.7rem 1.2rem;background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--d24-text);white-space:nowrap}.d24-flow-node.d24-orchestrator{border-color:var(--d24-accent);background:var(--d24-accent-glow);color:var(--d24-accent);font-weight:600}.d24-flow-node.d24-agent{border-color:var(--d24-green);background:rgba(var(--d24-green-rgb),.06);color:var(--d24-green)}.d24-flow-node.d24-result{border-color:var(--d24-amber);background:rgba(var(--d24-amber-rgb),.06);color:var(--d24-amber)}.d24-flow-node.d24-blue-node{border-color:var(--d24-blue);background:rgba(var(--d24-blue-rgb),.06);color:var(--d24-blue)}.d24-flow-arrow{font-size:1.2rem;padding:0 .6rem;line-height:1}.d24-flow-arrow,.d24-peer-comms-label{color:var(--d24-text-muted);font-family:IBM Plex Mono,monospace}.d24-peer-comms-label{font-size:.7rem;margin:.3rem 0}.d24-patterns-grid{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.d24-pattern-card{background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);overflow:hidden;transition:border-color .3s}.d24-pattern-card:hover{border-color:var(--d24-border-light)}.d24-pattern-card.d24-open{border-color:var(--d24-accent-border)}.d24-pattern-header{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;gap:1rem;transition:background .2s}.d24-pattern-header:hover{background:var(--d24-card-tint)}.d24-pattern-header-left{display:flex;align-items:center;gap:1rem}.d24-pattern-num{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.8rem;color:var(--d24-accent);background:var(--d24-accent-glow);padding:4px 10px;border-radius:var(--d24-radius-btn);white-space:nowrap}.d24-pattern-name{font-family:Lexend,IBM Plex Sans,sans-serif;font-weight:600;font-size:1.05rem;color:var(--d24-text)}.d24-pattern-toggle{color:var(--d24-text-muted);font-size:1.2rem;transition:transform .3s;flex-shrink:0;line-height:1}.d24-pattern-card.d24-open .d24-pattern-toggle{transform:rotate(45deg)}.d24-pattern-body{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.d24-pattern-card.d24-open .d24-pattern-body{max-height:2000px}.d24-pattern-content{padding:0 2rem 2rem;border-top:1px solid var(--d24-border)}.d24-pattern-example{margin-top:1.5rem;padding:1rem 1.5rem;background:var(--d24-bg-alt);border-left:2px solid var(--d24-accent);border-radius:0 var(--d24-radius-card) var(--d24-radius-card) 0;font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--d24-text-muted)}.d24-pattern-desc{margin-top:1rem;color:var(--d24-text-muted);font-size:.92rem;line-height:1.7}.d24-pattern-desc strong{color:var(--d24-text)}.d24-mini-flow{display:flex;align-items:center;justify-content:center;gap:0;margin:1.5rem 0;flex-wrap:wrap}.d24-mini-flow .d24-flow-node{font-size:.72rem;padding:.5rem .8rem}.d24-mini-flow .d24-flow-arrow{font-size:1rem;padding:0 .4rem}.d24-mini-flow-col{display:flex;flex-direction:column;gap:.3rem}.d24-pre{background:var(--d24-bg-alt);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);padding:1.5rem;overflow-x:auto;margin-top:1.5rem}.d24-code{font-family:IBM Plex Mono,monospace;font-size:.82rem;line-height:1.7;color:var(--d24-text-muted);white-space:pre}.d24-kw{color:var(--d24-accent)}.d24-str{color:var(--d24-green)}.d24-cmt{color:var(--d24-text-muted);opacity:.6}.d24-fn{color:var(--d24-amber)}.d24-num{color:var(--d24-blue)}.d24-batch-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.d24-batch-step{background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);padding:1.5rem;text-align:center}.d24-batch-step-num{font-family:IBM Plex Mono,monospace;font-size:1.6rem;font-weight:700;color:var(--d24-accent);opacity:.4;margin-bottom:.5rem}.d24-batch-step-title{font-family:Lexend,IBM Plex Sans,sans-serif;font-weight:600;font-size:.9rem;margin-bottom:.5rem;color:var(--d24-text)}.d24-batch-step-desc{font-size:.82rem;color:var(--d24-text-muted);line-height:1.5}.d24-batch-cmd{margin-bottom:2rem;padding:1.2rem 1.5rem;background:var(--d24-card);border-left:2px solid var(--d24-accent);border-radius:0 var(--d24-radius-card) var(--d24-radius-card) 0;font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--d24-text-muted)}.d24-builder-form{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.d24-builder-field{display:flex;flex-direction:column;gap:.5rem}.d24-builder-field-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--d24-text-muted)}.d24-builder-options{display:flex;flex-wrap:wrap;gap:.5rem}.d24-builder-opt{padding:.5rem 1rem;background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-btn);font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--d24-text-muted);cursor:pointer;transition:all .2s;user-select:none}.d24-builder-opt:hover{border-color:var(--d24-border-light);color:var(--d24-text)}.d24-builder-opt.d24-active{border-color:var(--d24-accent);background:var(--d24-accent-glow);color:var(--d24-accent)}.d24-builder-output{grid-column:1/-1;margin-top:1rem}.d24-builder-output-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--d24-text-muted);display:block;margin-bottom:.5rem}.d24-builder-result{background:var(--d24-bg-alt);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);padding:1.5rem;font-size:.82rem;line-height:1.7;white-space:pre-wrap;min-height:200px;position:relative}.d24-builder-result,.d24-copy-btn{font-family:IBM Plex Mono,monospace;color:var(--d24-text-muted)}.d24-copy-btn{position:absolute;top:1rem;right:1rem;padding:.4rem .8rem;background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-btn);font-size:.72rem;cursor:pointer;transition:all .2s}.d24-copy-btn:hover{border-color:var(--d24-accent);color:var(--d24-accent)}.d24-usecases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.d24-usecase-card{background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);padding:1.8rem;position:relative}.d24-usecase-card:before{top:-1px;left:-1px;border-top:2px solid var(--d24-accent);border-left:2px solid var(--d24-accent)}.d24-usecase-card:after,.d24-usecase-card:before{content:"";position:absolute;width:16px;height:16px}.d24-usecase-card:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--d24-accent);border-right:2px solid var(--d24-accent)}.d24-usecase-title{font-family:Lexend,IBM Plex Sans,sans-serif;font-weight:600;font-size:1rem;margin-bottom:.5rem;color:var(--d24-text)}.d24-usecase-desc{font-size:.88rem;color:var(--d24-text-muted);line-height:1.6}.d24-usecase-meta{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.d24-usecase-tag{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--d24-accent);background:var(--d24-accent-glow);padding:3px 8px;border-radius:var(--d24-radius-btn)}.d24-calc-container{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2rem}.d24-calc-inputs{display:flex;flex-direction:column;gap:1.5rem}.d24-calc-group label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--d24-text-muted);margin-bottom:.5rem}.d24-range-row{display:flex;align-items:center;gap:1rem}.d24-range-input{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--d24-border);border-radius:2px;outline:none;cursor:pointer}.d24-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--d24-accent);border-radius:50%;cursor:pointer}.d24-range-value{font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--d24-accent);min-width:40px;text-align:right}.d24-model-btns{display:flex;gap:.5rem;flex-wrap:wrap}.d24-model-btn{padding:.5rem 1rem;background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-btn);font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--d24-text-muted);cursor:pointer;transition:all .2s}.d24-model-btn:hover{border-color:var(--d24-border-light);color:var(--d24-text)}.d24-model-btn.d24-active{border-color:var(--d24-accent);color:var(--d24-accent);background:var(--d24-accent-glow)}.d24-calc-results{background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.d24-calc-result-row{display:flex;justify-content:space-between;align-items:center}.d24-calc-result-label{font-size:.82rem;color:var(--d24-text-muted)}.d24-calc-result-value{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:1.1rem}.d24-calc-result-value.d24-swarm-val{color:var(--d24-green)}.d24-calc-result-value.d24-seq-val{color:var(--d24-text-muted)}.d24-calc-result-value.d24-savings-val{color:var(--d24-accent)}.d24-calc-divider{border-top:1px solid var(--d24-border);padding-top:1rem}.d24-calc-bar-container{margin-top:.5rem}.d24-calc-bar-label{font-size:.72rem;color:var(--d24-text-muted);margin-bottom:.3rem}.d24-calc-bar{height:8px;background:var(--d24-border);border-radius:4px;overflow:hidden}.d24-calc-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.d24-calc-bar-fill.d24-swarm-bar{background:var(--d24-green)}.d24-calc-bar-fill.d24-seq-bar{background:var(--d24-text-muted)}.d24-quiz-container{max-width:700px;margin:2rem auto 0}.d24-quiz-question{background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);padding:2rem;margin-bottom:1.5rem;transition:border-color .3s}.d24-quiz-question.d24-correct{border-color:var(--d24-green)}.d24-quiz-question.d24-wrong{border-color:var(--d24-red)}.d24-quiz-q-num{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--d24-accent);margin-bottom:.5rem}.d24-quiz-q-text{font-family:Lexend,IBM Plex Sans,sans-serif;font-weight:500;font-size:1rem;margin-bottom:1.2rem;line-height:1.5;color:var(--d24-text)}.d24-quiz-options{display:flex;flex-direction:column;gap:.5rem}.d24-quiz-opt{padding:.8rem 1.2rem;background:var(--d24-bg-alt);border:1px solid var(--d24-border);border-radius:var(--d24-radius-btn);font-size:.88rem;color:var(--d24-text-muted);cursor:pointer;transition:all .2s;user-select:none}.d24-quiz-opt:hover:not(.d24-disabled){border-color:var(--d24-border-light);color:var(--d24-text)}.d24-quiz-opt.d24-selected{border-color:var(--d24-accent);color:var(--d24-accent);background:var(--d24-accent-glow)}.d24-quiz-opt.d24-correct-answer{border-color:var(--d24-green);color:var(--d24-green);background:rgba(var(--d24-green-rgb),.08)}.d24-quiz-opt.d24-wrong-answer{border-color:var(--d24-red);color:var(--d24-red);background:rgba(var(--d24-red-rgb),.06)}.d24-quiz-opt.d24-disabled{cursor:default;pointer-events:none}.d24-quiz-explanation{margin-top:1rem;padding:1rem;background:var(--d24-bg-alt);border-radius:var(--d24-radius-card);font-size:.85rem;color:var(--d24-text-muted);line-height:1.6;display:none}.d24-quiz-explanation.d24-visible{display:block}.d24-quiz-explanation code{font-family:IBM Plex Mono,monospace;background:var(--d24-border);padding:1px 5px;border-radius:2px}.d24-quiz-score{text-align:center;padding:2rem;background:var(--d24-card);border:1px solid var(--d24-border);border-radius:var(--d24-radius-card);display:none}.d24-quiz-score.d24-visible{display:block}.d24-quiz-score-num{font-family:Lexend,IBM Plex Sans,sans-serif;font-weight:800;font-size:3rem;color:var(--d24-accent)}.d24-quiz-score-text{font-size:1rem;color:var(--d24-text-muted);margin-top:.5rem}.d24-quiz-submit{display:block;margin:2rem auto 0;padding:.8rem 2.5rem;background:var(--d24-accent);color:#fff;border:none;border-radius:var(--d24-radius-btn);font-family:Lexend,IBM Plex Sans,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .2s}.d24-quiz-submit:hover{opacity:.85}.d24-swarm-viz{position:relative;width:100%;height:300px;margin:2rem 0;overflow:hidden}.d24-swarm-viz-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--d24-accent-glow);border:2px solid var(--d24-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:.65rem;color:var(--d24-accent);z-index:3}.d24-swarm-viz-center:after{content:"";position:absolute;width:100%;height:100%;border:1px solid var(--d24-accent);border-radius:50%;animation:d24-orchPulse 2s ease-out infinite}@keyframes d24-orchPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}.d24-swarm-viz-agent{position:absolute;width:36px;height:36px;background:rgba(var(--d24-green-rgb),.1);border:1px solid var(--d24-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:.55rem;color:var(--d24-green);z-index:2}.d24-swarm-viz-line{position:absolute;top:50%;left:50%;height:1px;background:linear-gradient(90deg,rgba(var(--d24-accent-rgb),.5),rgba(var(--d24-green-rgb),.3));transform-origin:0 0;z-index:1}.d24-swarm-viz-data{position:absolute;width:6px;height:6px;background:var(--d24-accent);border-radius:50%;z-index:4;opacity:0}.d24-footer{padding:3rem 0;border-top:1px solid var(--d24-border);text-align:center;font-size:.82rem;color:var(--d24-text-muted);background:var(--d24-bg)}.day24::-webkit-scrollbar{width:3px}.day24::-webkit-scrollbar-track{background:transparent}.day24::-webkit-scrollbar-thumb{background:var(--d24-border);border-radius:2px}@media (max-width:768px){.d24-nav{padding:0 1rem}.d24-nav-links{display:none}.d24-container{padding:0 1rem}.d24-section,.d24-section-alt{padding:3rem 0}.d24-h1{font-size:2rem}.d24-hero{min-height:auto}.d24-hero-stats{grid-template-columns:1fr}.d24-hero-canvas{display:none}.d24-comparison-grid,.d24-flow-grid{grid-template-columns:1fr}.d24-flow-grid{gap:2rem}.d24-batch-steps,.d24-builder-form,.d24-calc-container,.d24-usecases-grid{grid-template-columns:1fr}.d24-pattern-header{padding:1rem 1.2rem}.d24-pattern-content{padding:0 1.2rem 1.5rem}.d24-pre{padding:1rem}}@media (max-width:480px){.d24-h2{font-size:1.4rem}.d24-builder-form,.d24-comparison-grid,.d24-flow-grid,.d24-usecases-grid{grid-template-columns:1fr}.d24-pattern-name{font-size:.9rem}.d24-quiz-container{margin:1rem 0 0}.d24-hero-stats{grid-template-columns:1fr 1fr}}