@font-face{font-family:hand;src:url(../media/patrick_hand_latin_400_normal-s.p.221hkg14stmlx.woff2)format("woff2");font-display:swap}@font-face{font-family:hand Fallback;src:local(Arial);ascent-override:127.81%;descent-override:38.27%;line-gap-override:0.0%;size-adjust:81.53%}.dyNvfq_className{font-family:hand,hand Fallback}.dyNvfq_variable{--font-hand:"hand", "hand Fallback"}
:root{--paper:#f5f3ec;--ink:#1e1c1a;--ink-soft:#4a4640;--card:#fffdf7;--line:#1e1c1a;--blue:#3b55a3;--red:#d6533c;--mustard:#ecbe4a;--green:#5ead6a;--teal:#4db6a2;--code-bg:#ece7d8}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);margin:0;font:18px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3,.logo,.kicker,nav a{font-family:var(--font-hand), "Comic Sans MS", cursive;font-weight:400}a{color:inherit}.wrap{width:min(1040px,100% - 32px);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.logo{letter-spacing:.5px;font-size:32px;text-decoration:none}.logo span{color:var(--red)}nav{gap:18px;font-size:21px;display:flex}nav a{border-bottom:2px solid #0000;text-decoration:none}nav a:hover{border-color:var(--mustard)}nav{align-items:center}.hero{grid-template-columns:1fr auto;align-items:center;gap:24px;padding:24px 0 32px;display:grid}.kicker{color:var(--red);margin:0 0 6px;font-size:22px}h1{margin:0 0 16px;font-size:clamp(38px,6vw,62px);line-height:1.05}.lede{color:var(--ink-soft);max-width:40ch;margin:0;font-size:20px}.hero-art img{width:clamp(150px,22vw,260px);height:auto;transform:rotate(4deg)}.frame{aspect-ratio:16/9;border:3px solid var(--line);background:var(--card);box-shadow:6px 7px 0 var(--mustard);border-radius:18px 22px 16px 24px;position:relative;overflow:hidden}.frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.placeholder{text-align:center;place-content:center;justify-items:center;gap:8px;height:100%;padding:16px;display:grid}.placeholder img{width:clamp(90px,16vw,150px);height:auto}.placeholder p{font-family:var(--font-hand), cursive;margin:0;font-size:24px}h2{margin:56px 0 16px;font-size:clamp(30px,4vw,40px);line-height:1.15}h3{margin:0 0 8px;font-size:25px;line-height:1.15}.card{background:var(--card);border:2.5px solid var(--line);box-shadow:4px 5px 0 var(--accent,var(--line));border-radius:14px 18px 12px 20px;padding:20px 22px}.card p{margin:0}.card.blue{--accent:var(--blue)}.card.red{--accent:var(--red)}.card.green{--accent:var(--green)}.reasons{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.videos{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.videos .card{--accent:var(--mustard)}.videos h3 a{-webkit-text-decoration-color:var(--mustard);text-decoration-color:var(--mustard);text-decoration-thickness:3px}.meta{color:var(--ink-soft);font-size:15px;margin-top:10px!important}.note{color:var(--ink-soft);margin-top:16px}.agents p{max-width:62ch}code{font:.9em ui-monospace,SFMono-Regular,Menlo,monospace}.prompt{background:var(--code-bg);border:2px dashed var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;margin:16px 0 0;padding:14px 16px}.links{flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none;display:flex}.links a{border:2.5px solid var(--line);background:var(--card);min-width:140px;box-shadow:3px 4px 0 var(--teal);border-radius:12px 16px 10px 14px;flex-direction:column;padding:10px 18px;text-decoration:none;display:inline-flex}.links a:hover{box-shadow:5px 6px 0 var(--teal);transform:translate(-1px,-1px)}.links strong{font-family:var(--font-hand), cursive;font-size:22px;font-weight:400}.links span{color:var(--ink-soft);font-size:15px}.foot{border-top:2.5px dashed var(--line);margin-top:72px;padding:24px 0 40px}.foot p{font-family:var(--font-hand), cursive;margin:0;font-size:22px}.foot .meta{font-family:inherit;font-size:14px}@media (max-width:760px){body{font-size:17px}.hero{grid-template-columns:1fr}.hero-art{order:-1}.reasons{grid-template-columns:1fr}nav{gap:14px;font-size:19px}}.prose{max-width:none}.prose h1{margin-top:24px;font-size:clamp(34px,5vw,48px)}.prose h2{margin:40px 0 12px;font-size:clamp(26px,3.5vw,32px)}.prose li{margin-bottom:8px}.prose a{-webkit-text-decoration-color:var(--mustard);text-decoration-color:var(--mustard);text-decoration-thickness:2px}nav .sub{background:var(--red);color:#fffdf7;border:2px solid var(--line);border-radius:10px 12px 9px 13px;padding:2px 12px}nav .sub:hover{border-color:var(--line);box-shadow:2px 3px 0 var(--mustard)}.cta{flex-wrap:wrap;gap:12px;margin:22px 0 0;display:flex}.btn{font-family:var(--font-hand), cursive;background:var(--red);color:#fffdf7;border:2.5px solid var(--line);box-shadow:3px 4px 0 var(--line);border-radius:12px 16px 10px 14px;padding:8px 20px;font-size:23px;text-decoration:none;display:inline-block}.btn:hover{box-shadow:5px 6px 0 var(--line);transform:translate(-1px,-1px)}.btn.ghost{background:var(--card);color:var(--ink);box-shadow:3px 4px 0 var(--mustard)}.lede.wide{max-width:62ch}.more{-webkit-text-decoration-color:var(--mustard);text-decoration-color:var(--mustard);font-weight:600;text-decoration-thickness:3px}.latest{grid-template-columns:3fr 2fr;align-items:center;gap:28px;margin-top:8px;display:grid}.latest h2{margin:0 0 10px;font-size:clamp(28px,3.4vw,36px)}.latest h2 a{text-decoration:none}.latest p{margin:0 0 10px}.series-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.series-card{--accent:var(--blue)}.series-card h3 a{text-decoration:none}.stack{aspect-ratio:2;margin-bottom:14px;display:block;position:relative}.stack img{border:2px solid var(--line);background:var(--card);border-radius:8px;width:72%;height:auto;position:absolute}.stack img:first-child{top:18px;left:0;transform:rotate(-4deg)}.stack img:nth-child(2){top:8px;left:14%;transform:rotate(2deg)}.stack img:nth-child(3){top:0;left:28%;transform:rotate(5deg)}.series-list{gap:20px;margin:24px 0 0;padding:0;list-style:none;display:grid}.series-list .card{--accent:var(--blue)}.series-list h2{margin:0 0 8px;font-size:30px}.series-list h2 a{text-decoration:none}.vcard{flex-direction:column;gap:8px;padding:12px 12px 18px;display:flex}.vcard h3{margin:4px 6px 0;font-size:23px}.vcard h3 a{text-decoration:none}.vcard p{color:var(--ink-soft);margin:0 6px;font-size:16px}.vthumb{display:block;position:relative}.vthumb img{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--line);border-radius:8px 10px 7px 11px;width:100%;height:auto;display:block}.len{background:var(--ink);color:var(--paper);border-radius:6px;padding:1px 7px;font-size:13px;position:absolute;bottom:8px;right:8px}.part{color:var(--red)}ol.videos{list-style:none}.builds{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:20px 0 0;padding:0;list-style:none;display:grid}.build{--accent:var(--teal)}.build h2,.build h3{margin:0 0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.episode h1{font-size:clamp(34px,5vw,52px)}.episode .kicker a{text-decoration:none}.episode .frame{margin-top:20px}.ep-grid{grid-template-columns:2fr 1fr;gap:32px;margin-top:12px;display:grid}.ep-grid h2{margin:32px 0 12px;font-size:clamp(26px,3vw,32px)}.goal{margin-top:32px}.goal h2{margin-top:0}.quiz{padding-left:24px}.quiz li{margin-bottom:12px}details summary{cursor:pointer}details[open] summary{margin-bottom:6px}.quiz details p{color:var(--ink-soft);border-left:3px solid var(--mustard);margin:0;padding-left:12px}.shorts{gap:12px;margin:0;padding:0;list-style:none;display:grid}.shorts a{grid-template-columns:64px 1fr;align-items:center;gap:12px;text-decoration:none;display:grid}.shorts img{aspect-ratio:9/16;object-fit:cover;border:2px solid var(--line);background:var(--card);border-radius:8px;width:64px;height:auto}.shorts span{font-size:16px;line-height:1.3}.next{--accent:var(--mustard);margin-top:28px}.next h3{margin:0;font-size:22px}.sources>ul{padding-left:0;list-style:none}.sources details ul{padding-left:20px}.sources summary a{overflow-wrap:anywhere}.sources>ul>li{margin-bottom:8px}.sources details ul li{margin:8px 0;font-size:16px}.writeup .concept{margin-top:18px}.writeup h3{margin:0 0 4px;font-size:22px}.writeup p{margin:0 0 6px}.writeup .example{color:var(--ink-soft);border-left:3px solid var(--mustard);padding-left:12px}.ep-grid>*{min-width:0}.snippet{margin:0 0 20px}.snippet figcaption{color:var(--ink-soft);margin-bottom:6px;font-size:15px}.snippet pre{background:var(--code-bg);border:2px solid var(--line);border-radius:10px;margin:0;padding:14px 16px;font-size:14px;line-height:1.5;overflow-x:auto}.snippet .meta{margin-top:6px}.snippet summary{cursor:pointer;margin-bottom:8px}blockquote{border-left:3px solid var(--blue);color:var(--ink-soft);margin:6px 0 0;padding-left:12px;font-style:italic}@media (max-width:760px){.latest,.ep-grid{grid-template-columns:1fr}nav{flex-wrap:wrap}}@media (max-width:420px){nav{gap:10px;font-size:17px}nav .sub{padding:1px 8px}}.toy-card{--accent:var(--teal);margin-top:36px}.toy-card h2{margin-top:0}.toy-intro{margin:0 0 12px}.toy-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.toy-col{border:2px solid var(--line);border-radius:10px;min-width:0;margin:0;padding:10px 14px}.toy-col legend{font-family:var(--font-hand), cursive;padding:0 6px;font-size:22px}.toy-row{flex-wrap:wrap;gap:12px 18px;display:flex}.toy-field{color:var(--ink-soft);flex-direction:column;gap:2px;margin-bottom:8px;font-size:15px;display:flex}.toy-field input{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:8px;width:9em;max-width:100%;padding:4px 8px;font-size:17px}.toy-field.wide{flex:14em}.toy-field.wide input{width:100%}.toy-out{margin:10px 0 0;font-size:17px}.toy-verdict{font-family:var(--font-hand), cursive;margin:14px 0 4px;font-size:24px}.toy-list{margin:12px 0 0;padding:0;list-style:none}.toy-list li{overflow-wrap:anywhere;padding:4px 0}.toy-list li.allowed strong{color:var(--green)}.toy-list li.blocked strong{color:var(--red)}@media (max-width:760px){.toy-cols{grid-template-columns:1fr}}@media (pointer:coarse){.toy-field input{min-height:44px}}
