@font-face{font-family:Gabarito;src:url(/fonts/gabarito-latin.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #17141f;--fg: #fff7fb;--fg-2: #cbc1d8;--fg-3: #a196b0;--on-2: rgba(255, 255, 255, .9);--clay: #2a2535;--rose: #b03568;--pista: #2b7650;--mango: #8f4e09;--violet: #6534d6;--sky: #22679f;--in-hi: rgba(255, 255, 255, .2);--in-lo: rgba(0, 0, 0, .36);--drop: rgba(0, 0, 0, .55);--well-bg: #110e18;--well: inset 6px 8px 14px rgba(0, 0, 0, .6), inset -4px -5px 10px rgba(255, 255, 255, .07);--accent: #d42c66;--accent-hi: #ff8db3;--accent-lo: #a8124b;--pop: #ff8db3;--brand: #b49bff;--star: #ffb21a;--display: "Gabarito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--body: var(--display);--r: 34px;--r-media: 24px;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark}:root[data-theme=light]{--bg: #fdeee6;--fg: #2a1a23;--fg-2: #654955;--fg-3: #7e6572;--on-2: #5a404c;--clay: #fff8f4;--rose: #ffc2d6;--pista: #bfebc4;--mango: #ffd892;--violet: #d6ccff;--sky: #bfe2ff;--in-hi: rgba(255, 255, 255, .9);--in-lo: rgba(90, 40, 60, .16);--drop: rgba(150, 70, 100, .42);--well-bg: #fffdfb;--well: inset 5px 7px 12px rgba(120, 60, 80, .18), inset -4px -5px 10px rgba(255, 255, 255, .95);--pop: #c41f5c;--brand: #6d28d9;--star: #c27a00;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);scrollbar-color:color-mix(in srgb,var(--fg) 25%,var(--bg)) var(--bg);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 var(--body);overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:from-font}img{max-width:100%}h1,h2,h3{font-family:var(--display);line-height:1.06;letter-spacing:-.025em;text-wrap:balance;margin:0 0 .5em}h1{font-size:clamp(34px,5.4vw,66px);font-weight:800}h2{font-size:clamp(22px,2.6vw,30px);font-weight:800}h3{font-weight:700}p,li{text-wrap:pretty}:focus-visible{outline:3px solid var(--pop);outline-offset:3px;border-radius:12px}::selection{background:var(--accent);color:#fff}input,textarea{caret-color:var(--accent)}::placeholder{color:var(--fg-3);opacity:1}.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,3vw,env(safe-area-inset-left,0px));padding-right:max(16px,3vw,env(safe-area-inset-right,0px))}.muted{color:var(--fg-2)}section{padding-block:clamp(26px,4vw,52px)}.crumbs a,.site-footer nav a{display:inline-block;padding-block:4px;min-height:24px}.clay,.panel,.card,.act,.site-header .bar,.toast{--f: var(--fill, var(--clay));background:var(--f);box-shadow:inset 10px 12px 18px -6px var(--in-hi),inset -10px -14px 20px -6px var(--in-lo),0 22px 36px -18px color-mix(in srgb,var(--f) 65%,var(--drop)),0 6px 10px -6px var(--drop);border-radius:var(--r)}.panel{padding:clamp(16px,2vw,24px)}.panel .muted,.card .muted,.act .muted{color:var(--on-2)}.well{background:var(--well-bg);box-shadow:var(--well)}.grid>:nth-child(5n+1),.rail>:nth-child(5n+1){--fill: var(--rose)}.grid>:nth-child(5n+2),.rail>:nth-child(5n+2){--fill: var(--pista)}.grid>:nth-child(5n+3),.rail>:nth-child(5n+3){--fill: var(--mango)}.grid>:nth-child(5n+4),.rail>:nth-child(5n+4){--fill: var(--violet)}.grid>:nth-child(5n+5),.rail>:nth-child(5n+5){--fill: var(--sky)}.grid>.skeleton,.grid>p,.grid>:only-child:not(.card){--fill: var(--clay)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:0;border-radius:999px;background:var(--clay);color:var(--fg);font:600 15px/1.1 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:inset 4px 5px 8px -2px var(--in-hi),inset -4px -6px 9px -2px var(--in-lo),0 10px 16px -10px var(--drop);transition:transform .45s var(--spring),box-shadow .3s var(--ease),background-color .3s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.95);box-shadow:inset -4px -5px 8px -2px var(--in-hi),inset 4px 6px 9px -2px var(--in-lo)}.btn-primary,.chip[aria-current],.chip.on{background:var(--accent);color:#fff;box-shadow:inset 6px 8px 12px -4px var(--accent-hi),inset -6px -9px 14px -4px var(--accent-lo),0 16px 26px -12px var(--accent)}.btn-primary{min-height:52px;padding:0 26px;font-weight:700;font-size:16px}.btn[aria-pressed=true]{color:var(--pop)}.btn svg{flex:none}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--clay);color:var(--fg);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:inset 4px 5px 8px -2px var(--in-hi),inset -4px -6px 9px -2px var(--in-lo),0 10px 16px -10px var(--drop);transition:transform .45s var(--spring)}.chip:hover{transform:translateY(-2px)}.chip:active{transform:scale(.94)}.promptbox{margin:0 0 18px;padding:18px 20px;border-radius:24px;background:var(--well-bg);box-shadow:var(--well);color:var(--fg);font-size:15.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.copy:before{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='3'/%3E%3Cpath d='M5 15V6a3 3 0 0 1 3-3h9'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='3'/%3E%3Cpath d='M5 15V6a3 3 0 0 1 3-3h9'/%3E%3C/svg%3E") center / contain no-repeat}.media{position:relative;overflow:hidden;border-radius:var(--r-media);background:color-mix(in srgb,var(--fg) 8%,var(--bg));max-width:100%;box-shadow:0 8px 16px -8px #00000073}.media img{display:block;width:100%;height:100%;object-fit:cover}.media .ai,.act small{position:absolute;left:10px;bottom:10px;font-size:11.5px;font-weight:600;line-height:1;padding:6px 10px;border-radius:999px;background:#fffffff0;color:#2a1a23;box-shadow:0 4px 10px -4px #0006}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:20px}@media(max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,250px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 8px 26px;margin:-8px -8px -18px;scrollbar-width:thin}.rail>*{scroll-snap-align:start}@media(max-width:640px){.rail{grid-auto-columns:64%;gap:14px}}.card{display:block;padding:10px 10px 16px;color:var(--fg);text-decoration:none;transition:transform .5s var(--spring)}.card .media{border-radius:calc(var(--r) - 10px)}.card-title{font:700 16px/1.25 var(--body);letter-spacing:-.01em;margin:12px 6px 6px}.card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;margin:0 6px;color:var(--on-2)}.skeleton{height:300px;border-radius:var(--r);position:relative;overflow:hidden}.compact{display:flex;gap:12px;align-items:center;padding:8px 14px 8px 8px}.compact .media{width:64px;flex:none;border-radius:18px}.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;padding-block:12px}.site-header .bar{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:999px}.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.logo img{display:block;height:clamp(36px,3.2vw,42px);width:auto;transition:transform .6s var(--spring)}.logo:hover img{transform:rotate(-3deg) scale(1.05)}.logo .on-light,:root[data-theme=light] .logo .on-dark{display:none}:root[data-theme=light] .logo .on-light{display:block}.search{flex:1;min-width:0;max-width:520px;margin-inline:auto;display:flex;align-items:center;gap:8px;padding-left:16px;border-radius:999px;background:var(--well-bg);box-shadow:var(--well)}.search:before,.hero-search:before{content:"";width:18px;height:18px;flex:none;background:var(--fg-3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat}.search input,.hero-search input{flex:1;width:100%;min-width:0;height:44px;padding:0 16px 0 0;border:0;background:none;color:var(--fg);font:inherit;font-size:15px;outline:none}.search:focus-within,.hero-search:focus-within{outline:3px solid var(--pop);outline-offset:3px}.btn.icon{width:44px;min-height:44px;padding:0;flex:none}[data-theme-toggle] .sun,:root[data-theme=light] [data-theme-toggle] .moon{display:none}:root[data-theme=light] [data-theme-toggle] .sun{display:block}@media(max-width:640px){.site-header .bar{flex-wrap:wrap;row-gap:8px;border-radius:30px;padding:8px}.site-header .logo{margin-right:auto;padding-left:8px}.site-header .search{order:3;flex-basis:100%;max-width:none}}.site-footer{color:var(--fg-2);font-size:14px;margin-top:48px;padding-block:36px 56px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:18px}.site-footer nav a{font-weight:600;text-decoration:none}.site-footer nav a:hover{color:var(--fg);text-decoration:underline}.site-footer p{margin:18px 0 0;max-width:70ch}details.panel{margin-bottom:12px}summary{font-weight:700;cursor:pointer;min-height:24px}details[open] summary{margin-bottom:8px}.post{max-width:72ch}.post :is(p,li)>a{color:var(--brand);font-weight:600}.toast{--fill: var(--accent);position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:40;transform:translate(-50%,calc(100% + 40px));visibility:hidden;color:#fff;font-weight:700;padding:12px 22px;border-radius:999px;transition:transform .55s var(--spring),visibility 0s .55s;max-width:calc(100vw - 32px);text-align:center}.toast.show{transform:translate(-50%);visibility:visible;transition:transform .55s var(--spring)}.fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:45}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.4s;animation-timing-function:var(--ease)}body{background-image:radial-gradient(900px 520px at 88% -8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%),radial-gradient(800px 620px at -12% 30%,color-mix(in srgb,var(--violet) 16%,transparent),transparent 62%);background-repeat:no-repeat}.preloader{display:none}.preloader.on{display:grid;place-items:center;position:fixed;inset:0;z-index:50;background:var(--bg);transition:opacity .35s}.preloader.out{opacity:0}.preloader img{width:72px;height:auto;animation:squish .9s var(--spring) infinite alternate}@keyframes squish{0%{transform:scale(.9,1.06) translateY(4px)}to{transform:scale(1.06,.94) translateY(-6px)}}.media img{transition:opacity .45s ease,transform .6s var(--ease)}html.js .media:not(.loaded) img{opacity:0;animation:media-failsafe 0s linear 3s forwards}@keyframes media-failsafe{to{opacity:1}}html.js .media:not(.loaded):before,.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--fg) 12%,transparent) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.card{will-change:transform}.card:hover{transform:translateY(-6px)}.card:hover .media img{transform:scale(1.04)}.copy.done{animation:pop .5s var(--spring)}@keyframes pop{30%{transform:scale(1.08,.92)}60%{transform:scale(.96,1.04)}}.save[aria-pressed=true] svg{fill:currentColor;animation:pop .5s var(--spring)}.reveal{transition:transform .9s var(--ease)}.reveal.pre{transform:translateY(32px) scale(.98)}.story{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"a c" "b b";gap:14px}.story .arrow{display:none}.story>.act:nth-child(1){grid-area:a;--fill: var(--rose)}.story>.act:nth-child(3){grid-area:b;--fill: var(--pista)}.story>.act:nth-child(5){grid-area:c;--fill: var(--mango)}.act{position:relative;padding:10px;min-width:0;color:var(--fg);transition:transform .6s var(--spring),filter .4s}.act .media{border-radius:calc(var(--r) - 10px)}.act small{top:20px;left:20px;bottom:auto;z-index:2;letter-spacing:.01em}.story>.act:nth-child(3){padding:18px 20px}.story>.act:nth-child(3) small{position:static;display:inline-block;margin-bottom:10px;background:var(--well-bg);color:var(--fg);box-shadow:var(--well)}.act.live{transform:translateY(-6px) scale(1.02);filter:saturate(1.12)}.typed{font-size:15px;line-height:1.55;margin:0;min-height:4.65em}.typing .typed .rest{visibility:hidden}.typing .typed .shown:after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.15em;background:currentColor;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pre{transform:none;opacity:1}html.js .media:not(.loaded) img{opacity:1}@view-transition{navigation:none}}[data-astro-cid-3ef6ksr2][data-sound][aria-pressed=false] .on,[data-astro-cid-3ef6ksr2][data-sound][aria-pressed=true] .off{display:none}[data-astro-cid-3ef6ksr2][data-sound][aria-pressed]{color:var(--fg)}.pref[data-astro-cid-yp3cn5br]{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 18px;border-radius:999px;background:var(--clay);color:var(--fg);font-size:14px;font-weight:600;text-decoration:none;box-shadow:inset 4px 5px 8px -2px var(--in-hi),inset -4px -6px 9px -2px var(--in-lo),0 10px 16px -10px var(--drop);transition:transform .45s var(--spring)}.pref[data-astro-cid-yp3cn5br]:hover{transform:translateY(-2px)}.vh[data-astro-cid-yp3cn5br]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}