*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{color:inherit}.svg-defs{width:0;height:0;position:absolute}.reading-checklist{z-index:110;color:#171717;background:#f5f1e8 url(/textures/paper-light.png) 50%/720px 540px;border:1.5px solid #171717;border-radius:7px 25px 8px 20px/22px 7px 24px 8px;width:min(232px,100vw - 1.6rem);transition:width .22s,box-shadow .22s;position:fixed;top:50%;right:.8rem;transform:translateY(-50%)rotate(-.35deg);box-shadow:5px 7px 18px #0000002e}.reading-checklist__toggle{cursor:pointer;width:100%;font:700 .52rem var(--mono);letter-spacing:.11em;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.6rem;padding:.72rem .8rem;display:flex}.reading-checklist__toggle span:after{content:attr(data-count);color:var(--accent-text);letter-spacing:0;margin-left:.55rem;font-size:.48rem}.reading-checklist__toggle i{width:20px;height:20px;font:700 .85rem/1 var(--mono);border:1px solid #292929;border-radius:50%;flex:none;place-items:center;display:grid}.reading-checklist__body{border-top:1px dashed #17171747;padding:0 .8rem .72rem}.reading-checklist ol{scrollbar-width:thin;max-height:58vh;padding:.45rem 0 .3rem;list-style:none;overflow:auto}.reading-checklist li+li{border-top:1px solid #17171714}.reading-checklist label{cursor:pointer;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:.55rem;padding:.38rem .1rem;display:grid}.reading-checklist label:hover>span{opacity:.7}.reading-checklist input{opacity:0;pointer-events:none;position:absolute}.reading-checklist label>i{background:#fff;border:1.3px solid #292929;border-radius:2px;width:15px;height:15px;position:relative}.reading-checklist label>i:after{content:"✓";color:var(--accent-text);font:italic 700 1.15rem/1 var(--mono);opacity:0;transition:opacity .15s,transform .2s cubic-bezier(.2,1.5,.3,1);position:absolute;top:-7px;left:0;transform:rotate(-12deg)scale(.65)}.reading-checklist label>span{color:#292929;min-width:0;font:600 .58rem/1.3 var(--body);text-overflow:ellipsis;white-space:nowrap;transition:opacity .18s;overflow:hidden}.reading-checklist input:checked+i:after{opacity:1;transform:rotate(-12deg)scale(1)}.reading-checklist input:checked~span{text-decoration:line-through;-webkit-text-decoration-color:var(--accent-text);text-decoration-color:var(--accent-text);opacity:.48;text-decoration-thickness:1.5px}.reading-checklist input:focus-visible+i{outline:2px solid var(--volt);outline-offset:2px}.reading-checklist.is-collapsed{border-radius:50%;width:42px;box-shadow:3px 4px 12px #00000029}.reading-checklist.is-collapsed .reading-checklist__toggle{justify-content:center;height:42px;padding:0}.reading-checklist.is-collapsed .reading-checklist__toggle span,.reading-checklist.is-collapsed .reading-checklist__body{display:none}.reading-checklist.is-collapsed .reading-checklist__toggle i{width:26px;height:26px;color:var(--accent-text);border:0;font-size:1rem}.nav{z-index:100;min-height:65px;color:var(--paper);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0b0bf7;border-bottom:1px solid #ffffff14;align-items:center;gap:1.8rem;padding:.75rem 1.8rem;display:flex;position:fixed;inset:3px 0 auto}.brand{align-items:center;gap:1.2rem;text-decoration:none;display:flex}.brand__mark{width:auto;height:1.3rem;display:block}.brand__word{width:auto;height:.75rem;display:block}html[data-theme=dark] footer .brand__mark,html[data-theme=dark] footer .brand__word{filter:invert()}.nav__title,.nav__back{font:600 .68rem/1 var(--label);letter-spacing:.18em}.nav__title{opacity:.7;margin:0 auto}.nav__back{border:1px solid #ffffff40;padding:.58rem .85rem;text-decoration:none}.nav__back:hover{color:var(--accent-text);border-color:var(--accent-text)}.nav__back span{color:var(--accent-text)}.article{max-width:760px;margin:0 auto;padding:130px 1.4rem 5rem}.kicker{color:var(--accent-text);font:700 .7rem/1.4 var(--mono);letter-spacing:.16em;margin-bottom:1rem}mark{color:var(--accent-text);background:0 0}.article__hero{padding-bottom:2.5rem}.article__hero h1{font:400 clamp(2.7rem,6.5vw,4.6rem)/1 var(--display);letter-spacing:-.01em;text-transform:uppercase}.lede{max-width:62ch;margin-top:1.6rem;font-size:clamp(1.02rem,1.4vw,1.16rem);line-height:1.75}.lede em{font-style:italic}.article__meta{font:700 .64rem var(--mono);letter-spacing:.12em;color:#0b0b0ba6;align-items:center;gap:.8rem;margin-top:1.6rem;display:flex}.article__meta i{background:#0b0b0b4d;width:26px;height:1px}.toc{border:2px solid var(--ink);border-radius:var(--sketch);background:var(--paper-2);margin:0 0 3.5rem;padding:1.15rem 1.3rem 1.25rem;box-shadow:0 10px 22px #0000000f}.toc__title{font:700 .68rem var(--mono);letter-spacing:.16em;color:var(--accent-text);margin-bottom:.75rem}.toc ol{columns:2;font:500 .85rem/2 var(--mono);column-gap:2rem;padding-left:1.4rem}.toc li::marker{color:var(--accent-text);font-weight:700}.toc a{color:inherit;border-bottom:1px solid #0000;text-decoration:none}.toc a:hover{color:var(--accent-text);border-bottom-color:var(--accent-text)}.chapter{border-top:1px solid var(--line);padding:2.6rem 0}.chapter h2{font:400 clamp(1.9rem,4vw,2.9rem)/1.05 var(--display);letter-spacing:0;text-transform:uppercase;margin-bottom:1.3rem}.chapter h2 em{color:var(--accent-text);font-style:italic}.chapter p{max-width:66ch;margin-bottom:1.15rem;font-size:clamp(.97rem,1.25vw,1.06rem);line-height:1.8}.chapter strong{font-weight:700}.chapter em{font-style:italic}.pillars{grid-template-columns:1fr 1fr;gap:.7rem;margin:1.4rem 0 1.5rem;list-style:none;display:grid}.pillars li{border:1.5px solid var(--ink);border-radius:var(--sketch-sm);background:#fff;padding:.85rem .95rem;box-shadow:0 7px 15px #0000000d}.pillars b{font:700 .66rem var(--mono);letter-spacing:.1em;color:#3f6212;margin-bottom:.35rem;display:block}.pillars span{font-size:.88rem;line-height:1.5}.takeaway{color:#090b0e;background:#fff;border:1.5px solid #090b0e;border-radius:5px 22px 6px 18px/18px 5px 20px 6px;margin:1.9rem .35rem .4rem;padding:1.7rem 1.25rem 1.15rem;position:relative;transform:rotate(-.45deg);box-shadow:6px 8px #00000029}.takeaway:before{content:"OBSERVAÇÃO";font:700 .5rem var(--mono);letter-spacing:.14em;opacity:.62;position:absolute;top:.55rem;left:1.25rem}.takeaway:after{content:"";background:linear-gradient(135deg,#ffffff47 0 48%,#090b0e 49% 52%,#0000 53%);width:18px;height:18px;position:absolute;bottom:-1px;right:-1px}html[lang=en] .takeaway:before{content:"NOTE"}.takeaway>span{display:none}.takeaway p{max-width:none;margin:0;font-size:clamp(.9rem,1.3vw,1.05rem);font-weight:700;line-height:1.5}.takeaway b{color:#090b0e;border-bottom:2px solid var(--accent-text)}.demo{border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow);opacity:0;border-radius:14px;margin:1.9rem -1rem;transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1);overflow:hidden;transform:translateY(22px)}.demo.in-view{opacity:1;transform:none}.demo__head{border-bottom:1px solid var(--line);font:700 .7rem var(--mono);letter-spacing:.08em;background:repeating-linear-gradient(135deg,#0000 0 10px,#0b0b0b06 10px 20px);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.demo__head strong{color:var(--accent-text);text-align:right;transition:color .3s}.demo__body{background-image:radial-gradient(#0b0b0b12 1px,#0000 1px);background-size:20px 20px;flex-direction:column;gap:1rem;padding:1.15rem;display:flex}button{font-family:var(--mono);cursor:pointer}.segmented{gap:.35rem;display:flex}.segmented button{border:1px solid var(--line);letter-spacing:.05em;background:#fff;flex:1;padding:.6rem .4rem;font-size:.82rem;font-weight:700;transition:all .2s}.segmented small{letter-spacing:.08em;margin-top:.2rem;font-size:.56rem;display:block}.segmented button:hover,.segmented button:focus-visible{border-color:var(--accent-text);outline:none}.segmented button.is-active{color:#090b0e;background:var(--volt);border-color:var(--accent-text);box-shadow:0 6px 14px #e8ff2b3d}.action-btn,.danger-btn{color:#fff;background:var(--ink);min-height:44px;font:700 .68rem var(--mono);letter-spacing:.07em;border:0;border-radius:7px;justify-content:center;align-self:center;align-items:center;gap:.6rem;padding:.6rem 1.05rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 18px #00000029}.action-btn:hover,.action-btn:focus-visible,.danger-btn:hover,.danger-btn:focus-visible{outline:2px solid var(--acid);outline-offset:2px;transform:translateY(-2px);box-shadow:0 11px 24px #00000038}.action-btn span,.danger-btn span{background:var(--volt);border-radius:50%;place-items:center;width:27px;height:27px;font-size:.85rem;display:grid}.action-btn span{color:#090b0e}.danger-btn{background:#21100f}.danger-btn span{background:var(--red)}.ghost-btn{border:2px solid var(--ink);min-height:44px;font:700 .68rem var(--mono);letter-spacing:.07em;border-radius:7px;align-items:center;padding:.6rem 1.05rem;text-decoration:none;transition:all .2s;display:inline-flex}.ghost-btn:hover{background:var(--acid)}.tnode{border:2px solid var(--ink);border-radius:var(--sketch);background:#fff;flex-direction:column;align-items:center;gap:.45rem;min-width:104px;padding:.75rem .7rem;transition:all .3s;display:flex;box-shadow:0 8px 18px #0000000f}.tnode svg{fill:none;width:38px;height:40px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:url(#rough-line)}.tnode>b{font:700 .64rem var(--mono);letter-spacing:.04em}.tnode small{font:600 .56rem var(--mono)}.tnode small b{color:#3f6212;transition:color .3s}.meter{border:1.5px solid var(--ink);border-radius:5px;width:80px;height:9px;overflow:hidden}.meter i{background:var(--accent-text);width:18%;height:100%;transition:width .5s,background .3s;display:block}.tlink{--pk:1.4s;flex:0 90px;min-width:34px;height:10px;position:relative}.tlink:before{content:"";background:repeating-linear-gradient(90deg,var(--ink) 0 7px,transparent 7px 13px);opacity:.5;height:2px;position:absolute;inset:50% 0 auto}.tlink i{background:var(--accent-text);opacity:0;width:8px;height:8px;animation:packet var(--pk) linear infinite;border-radius:50%;margin-top:-4px;position:absolute;top:50%;left:0}.tlink i:nth-child(2){animation-delay:calc(var(--pk)/3)}.tlink i:nth-child(3){animation-delay:calc(var(--pk)/1.5)}@keyframes packet{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}@keyframes shake{25%{transform:translate(-2px)rotate(-.4deg)}75%{transform:translate(2px)rotate(.4deg)}}.traffic-board{flex-direction:column;gap:.9rem;display:flex}.crowd-zone{flex-direction:column;display:flex}.crowd{height:150px;position:relative}.person{opacity:0;width:25px;transition:transform .55s cubic-bezier(.2,1.55,.35,1) var(--d,0s),opacity .25s ease var(--d,0s);position:absolute;transform:translate(-50%,-50%)scale(0)}.person svg{width:100%;fill:var(--paper-2);stroke:var(--ink);stroke-width:2px;stroke-linecap:round;filter:url(#rough-line);display:block}.person:after{content:"!";color:var(--red);font:700 .68rem var(--mono);opacity:0;transition:all .25s;position:absolute;top:-40%;left:72%;transform:scale(0)}.traffic-board[data-state="10"] .person[data-tier="0"],.traffic-board[data-state="100"] .person[data-tier="0"],.traffic-board[data-state="100"] .person[data-tier="1"],.traffic-board[data-state="10000"] .person{opacity:1;transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(var(--s,1))}.traffic-board[data-state="10000"] .person svg{animation:.34s ease-in-out infinite panic;animation-delay:calc(var(--d,0s)*-1)}.traffic-board[data-state="10000"] .person:nth-child(5n):after{opacity:1;transform:scale(1)}@keyframes panic{25%{transform:translate(-1.4px,.6px)rotate(-2.5deg)}75%{transform:translate(1.4px,-.8px)rotate(2.5deg)}}.crowd-note{text-align:center;align-self:center;padding:.1rem .2rem .55rem;position:relative}.crowd-note strong{font:600 .92rem var(--label);letter-spacing:.24em;color:var(--accent-text);transition:color .3s}.crowd-note svg{fill:none;width:170px;height:10px;stroke:var(--accent-text);stroke-width:2.6px;stroke-linecap:round;filter:url(#rough-line);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.crowd-note.is-draw svg path{stroke-dasharray:210;stroke-dashoffset:210px;animation:.7s .1s forwards noteDraw}@keyframes noteDraw{to{stroke-dashoffset:0}}.traffic-board[data-state="10000"] .crowd-note strong{color:var(--red)}.traffic-board[data-state="10000"] .crowd-note svg{stroke:var(--red)}.traffic-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.traffic-board[data-state="100"] .tlink{--pk:.75s}.traffic-board[data-state="10000"] .tlink{--pk:.3s}.traffic-board[data-state="10000"] .tlink i{background:var(--red)}.traffic-board[data-state="10000"] .tnode--meter{border-color:var(--red);animation:.34s linear infinite shake}.impact-zone{flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:38px;display:flex}.impact-zone span{border:1.5px solid var(--ink);border-radius:var(--sketch-sm);font:700 .62rem var(--mono);opacity:0;animation:impactIn .45s cubic-bezier(.2,1.4,.3,1) var(--d,0s) forwards;background:#fff;align-items:center;gap:.45rem;padding:.55rem .75rem;display:inline-flex;transform:translateY(8px)scale(.9);box-shadow:0 7px 15px #0000000f}.impact-zone span.is-bad{border-color:var(--red);color:var(--red)}@keyframes impactIn{to{opacity:1;transform:none}}.request-path{height:220px;position:relative}.route-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.route{fill:none;stroke:var(--ink);stroke-width:2px;stroke-dasharray:8 6;stroke-linecap:round;filter:url(#rough-line);opacity:.65}.packet{fill:var(--accent-text);opacity:0;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent-text) 55%,transparent));transition:fill .25s}.request-path.is-running .packet{opacity:1}.request-path.phase-back .packet{fill:var(--violet);filter:drop-shadow(0 0 7px #6048ff8c)}.path-tag{border:1.5px solid var(--ink);font:700 .6rem var(--mono);letter-spacing:.08em;opacity:0;background:#fff;border-radius:7px 90px 7px 84px/90px 7px 84px;padding:.35rem .55rem;transition:all .3s;position:absolute;transform:rotate(-3deg)translateY(6px);box-shadow:0 6px 13px #00000012}.path-tag--go{color:var(--accent-text);top:2%;left:20%}.path-tag--back{color:var(--violet);bottom:2%;right:20%;transform:rotate(2.5deg)translateY(6px)}.request-path.phase-out .path-tag--go{opacity:1;transform:rotate(-3deg)}.request-path.phase-back .path-tag--back{opacity:1;transform:rotate(2.5deg)}.rnode{border:2px solid var(--ink);background:#fff;border-radius:46% 54% 48% 52%/52% 46% 54% 48%;flex-direction:column;align-items:center;gap:.45rem;min-width:100px;padding:.75rem .85rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #0000000f}.rnode svg{fill:none;width:38px;height:38px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;filter:url(#rough-line)}.rnode b{font:700 .64rem var(--mono)}.rnode--user{left:9%}.rnode--server{left:50%}.rnode--db{left:91%}.rnode.is-hit{animation:.5s cubic-bezier(.2,1.4,.3,1) nodeHit}@keyframes nodeHit{35%{transform:translate(-50%,-50%)scale(1.09)}}.request-log{border:2px solid var(--ink);border-radius:var(--sketch);background:#fff;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:.5rem;padding:.8rem .95rem;display:grid}.request-log span{opacity:.28;font:600 .6rem var(--mono);transition:all .3s}.request-log span.is-done{opacity:1;color:var(--accent-text)}.request-log span:nth-of-type(4).is-done{color:var(--violet)}.request-log strong{font:700 .8rem var(--mono)}.scale-stage{flex-direction:column;gap:1rem;display:flex}.scale-source{border:1.5px dashed var(--ink);font:700 .58rem var(--mono);letter-spacing:.07em;background:var(--paper-2);border-radius:999px;align-self:center;padding:.3rem .85rem}.scale-trunk{background-image:linear-gradient(var(--ink) 60%,transparent 0);opacity:.55;background-repeat:repeat-y;background-size:2px 8px;align-self:center;width:2px;height:22px;transition:height .4s;position:relative}.scale-stage[data-state=vertical] .scale-trunk{height:60px}.scale-pulse{background:var(--accent-text);opacity:0;border-radius:50%;width:6px;height:6px;margin-left:-3px;animation:.7s linear infinite scaleFlow;position:absolute;top:0;left:50%}.scale-stage[data-state=vertical] .scale-pulse{animation-duration:1s}@keyframes scaleFlow{0%{opacity:0;top:0%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}.scale-lb{border:2px solid var(--ink);background:var(--acid);width:70px;height:70px;font:700 .74rem var(--mono);border-radius:46% 54% 50% 50%/52% 48%;flex-direction:column;justify-content:center;align-self:center;align-items:center;transition:transform .4s cubic-bezier(.2,1.5,.3,1);display:none;transform:scale(0)rotate(-8deg);box-shadow:0 8px 18px #0000001f}.scale-lb small{font:600 .4rem var(--mono);letter-spacing:.08em}.scale-stage[data-state=horizontal] .scale-lb{display:flex;transform:scale(1)}.scale-machines{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.smachine{border:2px solid var(--ink);border-radius:var(--sketch);background:#fff;flex-direction:column;align-items:center;gap:.5rem;min-width:140px;padding:.9rem .95rem;transition:all .45s cubic-bezier(.2,1.2,.3,1);display:flex;position:relative;box-shadow:0 8px 18px #0000000f}.scale-stem{background-image:linear-gradient(var(--ink) 60%,transparent 0);opacity:.55;background-repeat:repeat-y;background-size:2px 6px;width:2px;height:14px;margin-left:-1px;display:none;position:absolute;top:-14px;left:50%}.scale-stage[data-state=horizontal] .scale-stem{display:block}.smachine svg{fill:none;width:66px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;filter:url(#rough-line);transition:width .45s}.smachine strong{font:700 .64rem var(--mono)}.smachine span{font:500 .56rem var(--mono)}.smachine--extra{opacity:.32;border-style:dashed}.scale-stage[data-state=vertical] .smachine--main{transform:scale(1.06)}.scale-stage[data-state=vertical] .smachine--main svg{width:90px}.scale-stage[data-state=horizontal] .smachine--extra{opacity:1;border-style:solid}.tradeoffs{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.tradeoffs span{border:1.5px solid var(--ink);border-radius:var(--sketch-sm);background:#fff;padding:.65rem .75rem;box-shadow:0 6px 14px #00000012}.tradeoffs b{font:700 .54rem var(--mono);opacity:.55;display:block}.tradeoffs strong{color:var(--accent-text);font:700 .78rem var(--mono);margin-top:.25rem;display:block}.metric-controls{border:2px solid var(--ink);border-radius:var(--sketch);background:#fff;padding:.85rem 1.05rem}.metric-controls label{font:700 .66rem var(--mono);letter-spacing:.06em;justify-content:space-between;display:flex}.metric-controls output{color:var(--accent-text);font-size:.85rem}.metric-controls input{width:100%;accent-color:var(--accent-text);margin-top:.6rem}.metric-cards{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.metric-cards span{border:1.5px solid var(--ink);border-radius:var(--sketch-sm);background:#fff;padding:.75rem .85rem;box-shadow:0 7px 16px #0000000f}.metric-cards b{font:700 .54rem var(--mono);opacity:.55;display:block}.metric-cards strong{font:400 clamp(1.4rem,2.8vw,2rem)/1 var(--display);margin-top:.25rem;transition:color .3s;display:inline-block}.metric-cards small{font:600 .6rem var(--mono);opacity:.6;margin-left:.25rem}.metric-cards[data-zone=red] strong{color:var(--red)}.metric-cards[data-zone=warn] strong:first-of-type{color:var(--violet)}.load-graph{border:2px solid var(--ink);background:#fff;border-radius:12px 230px 12px 220px/230px 12px 220px;height:160px;position:relative;overflow:hidden}.load-graph svg{width:calc(100% - 24px);height:calc(100% - 28px);position:absolute;inset:8px 12px 20px}.load-graph path{fill:none;stroke-width:2px;filter:url(#rough-line)}.load-graph .axis{stroke:var(--ink);opacity:.4}.load-graph .safe{stroke:var(--accent-text)}.load-graph .danger{stroke:var(--red);stroke-dasharray:6 5}.graph-dot{background:var(--accent-text);width:13px;height:13px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-text) 20%,transparent);border:3px solid #fff;border-radius:50%;transition:left .2s linear,top .2s linear,background .35s;position:absolute;top:65%;left:8%;transform:translate(-50%,-50%)}.graph-tag{border:1.5px solid var(--ink);font:700 .52rem var(--mono);letter-spacing:.06em;background:#fff;border-radius:6px 70px 6px 66px/70px 6px 66px;padding:.3rem .5rem;position:absolute;box-shadow:0 5px 10px #0000000f}.graph-tag--ok{color:var(--accent-text);bottom:24%;left:6%;transform:rotate(-2deg)}.graph-tag--bad{color:var(--red);opacity:.2;transition:opacity .3s;top:9%;right:4%;transform:rotate(2deg)}.metric-cards[data-zone=red]~.load-graph .graph-tag--bad{opacity:1}.metric-cards[data-zone=red]~.load-graph .graph-dot{background:var(--red)}.load-graph small{font:600 .52rem var(--mono);position:absolute;bottom:4px}.load-graph small:first-of-type{left:12px}.load-graph small:last-child{right:12px}.cache-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.tnode--cache{transition:background .35s,transform .35s;position:relative}.zzz{border:1.5px solid var(--ink);color:var(--accent-text);font:italic 700 .56rem var(--mono);opacity:0;background:#fff;border-radius:6px;padding:.16rem .35rem;transition:all .3s cubic-bezier(.2,1.4,.3,1);position:absolute;top:-11px;right:-8px;transform:scale(.6)}.cache-row[data-on=true] .tnode--cache{background:var(--acid);transform:translateY(-4px)}.cache-row[data-on=true] .zzz{opacity:1;transform:scale(1)}.cache-row[data-on=true] .tnode--db{opacity:.5}.cache-row[data-on=true] .tlink--db i{opacity:0;animation:none}.cache-stats{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.cache-stats span{border:1.5px solid var(--ink);border-radius:var(--sketch-sm);background:#fff;padding:.75rem .8rem;box-shadow:0 7px 16px #0000000f}.cache-stats b{font:700 .54rem var(--mono);opacity:.55;display:block}.cache-stats strong{font:700 .85rem var(--mono);margin-top:.25rem;transition:all .3s;display:block}.cache-row[data-on=true]~.cache-stats strong{color:var(--accent-text)}.toggle-btn{border:2px solid var(--ink);font:700 .66rem var(--mono);background:#fff;border-radius:8px;align-self:center;align-items:center;gap:.6rem;padding:.55rem .95rem;display:flex}.toggle-btn i{background:#b8b7b2;border-radius:12px;width:40px;height:22px;transition:all .3s;position:relative}.toggle-btn i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle-btn[aria-pressed=true] i{background:var(--accent-text)}.toggle-btn[aria-pressed=true] i:after{left:21px}.order-row{grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}.order-row[data-mode=async]{grid-template-columns:auto auto 1fr}.order-row .queue-box{display:none}.order-row[data-mode=async] .queue-box{display:flex}.ocustomer{flex-direction:column;align-items:center;gap:.4rem;min-width:104px;display:flex}.ocustomer svg{fill:none;width:56px;height:56px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;filter:url(#rough-line)}.ocustomer b{font:700 .64rem var(--mono)}.ocustomer small{color:var(--red);font:700 .56rem var(--mono);text-align:center;transition:color .3s}.ocustomer.is-happy small{color:var(--accent-text)}.ocustomer.is-waiting svg{animation:.6s linear infinite shake}.queue-box{border:2px dashed var(--accent-text);border-radius:var(--sketch);background:#fff;justify-content:center;align-items:center;gap:5px;min-width:96px;min-height:80px;position:relative}.queue-box span{border:2px solid var(--accent-text);background:color-mix(in srgb,var(--accent-text) 12%,transparent);border-radius:2px;width:14px;height:12px;animation:1.4s ease-in-out infinite msgPulse}.queue-box span:nth-child(2){animation-delay:.25s}.queue-box span:nth-child(3){animation-delay:.5s}@keyframes msgPulse{50%{transform:translateY(-3px)}}.queue-box b{font:700 .56rem var(--mono);position:absolute;bottom:7px}.order-services{gap:.45rem;display:grid}.order-services article{border:2px solid var(--ink);opacity:.4;background:#fff;border-radius:10px 130px 10px 124px/130px 10px 124px;align-items:center;gap:.65rem;padding:.55rem .75rem;transition:all .3s;display:flex;position:relative}.order-services svg{fill:none;width:28px;height:28px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:url(#rough-line);flex:none}.order-services b{font:700 .62rem var(--mono)}.order-services article:after{content:"✓";color:#2a9a4a;font:700 .8rem var(--mono);opacity:0;transition:all .3s cubic-bezier(.2,1.5,.3,1);position:absolute;right:11px;transform:scale(0)}.order-services article.is-processing{opacity:1;border-color:var(--accent-text);transform:translate(5px)}.order-services article.is-processing svg{stroke:var(--accent-text)}.order-services article.is-done{opacity:1;background:#f4fff4}.order-services article.is-done:after{opacity:1;transform:scale(1)}.order-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;display:flex}.order-time{font:700 .66rem var(--mono);letter-spacing:.06em}.order-time strong{color:var(--accent-text);font-size:.85rem}.rpanel{display:none}.rpanel.is-active{flex-direction:column;gap:1rem;display:flex}.rnote{border-left:3px solid var(--accent-text);font:700 .66rem var(--mono);letter-spacing:.05em;text-align:center;background:#fff;align-self:center;padding:.5rem .7rem;transition:all .3s}.rnote.is-bad{border-left-color:var(--red);color:var(--red)}.rnote.is-ok{color:#1d7a38;border-left-color:#2a9a4a}.attempts{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;min-height:58px;display:flex}.attempt{border:1.5px solid var(--ink);border-radius:var(--sketch-sm);font:700 .6rem var(--mono);opacity:0;background:#fff;flex-direction:column;align-items:center;gap:.28rem;padding:.55rem .75rem;animation:.45s cubic-bezier(.2,1.4,.3,1) forwards impactIn;display:inline-flex;transform:translateY(8px)scale(.9);box-shadow:0 7px 15px #0000000f}.attempt small{font:600 .52rem var(--mono);opacity:.6}.attempt.is-fail{border-color:var(--red);color:var(--red)}.attempt.is-ok{color:#1d7a38;background:#f4fff4;border-color:#2a9a4a}.attempt-gap{font:700 .56rem var(--mono);opacity:0;color:var(--accent-text);animation:.3s forwards impactIn}.breaker-flow{justify-content:center;align-items:center;gap:1rem;display:flex}.bnode{border:2px solid var(--ink);border-radius:var(--sketch-sm);font:700 .66rem var(--mono);background:#fff;padding:.65rem .9rem;transition:all .3s}.bnode.is-down{border-color:var(--red);color:var(--red);border-style:dashed;animation:.34s linear infinite shake}.breaker{font:700 .56rem var(--mono);flex-direction:column;align-items:center;gap:.3rem;display:inline-flex}.breaker i{border:2px solid var(--ink);background:#fff;border-radius:8px;width:60px;height:28px;transition:all .3s;position:relative}.breaker i:after{content:"";transform-origin:0;background:#2a9a4a;width:48px;height:2.5px;transition:all .3s;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.breaker[data-state=open] i:after{background:var(--red);transform:translateY(-50%)rotate(-24deg)}.breaker[data-state=half] i:after{background:var(--violet);transform:translateY(-50%)rotate(-11deg)}.breaker[data-state=open] b{color:var(--red)}.breaker[data-state=half] b{color:var(--violet)}.breaker-log{flex-direction:column;align-items:center;gap:.32rem;min-height:86px;display:flex}.breaker-log span{border:1.5px solid var(--ink);font:600 .6rem var(--mono);opacity:0;background:#fff;border-radius:6px;padding:.32rem .6rem;animation:.3s forwards impactIn}.breaker-log span.is-bad{border-color:var(--red);color:var(--red)}.breaker-log span.is-block{opacity:.85;border-style:dashed}.breaker-log span.is-ok{color:#1d7a38;background:#f4fff4;border-color:#2a9a4a}.receipts{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;min-height:70px;display:flex}.receipt{border:1.5px solid var(--ink);border-radius:var(--sketch-sm);font:700 .64rem var(--mono);opacity:0;background:#fff;flex-direction:column;gap:.28rem;padding:.65rem .85rem;animation:.45s cubic-bezier(.2,1.4,.3,1) forwards impactIn;display:inline-flex;transform:translateY(8px)scale(.9);box-shadow:0 7px 15px #0000000f}.receipt small{font:600 .52rem var(--mono);opacity:.55}.receipt.is-dup{border-color:var(--red);color:var(--red)}.receipt.is-skip{opacity:.9;border-style:dashed}.receipt.is-skip small{color:var(--accent-text);opacity:1}.regions{grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;display:grid}.region{border:2px solid var(--ink);border-radius:var(--sketch);background:#fff;padding:.85rem .95rem;transition:all .35s;box-shadow:0 8px 18px #0000000f}.region header{font:700 .64rem var(--mono);justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.region header span{color:var(--accent-text);transition:color .3s}.region__nodes{gap:.4rem;display:flex}.region__nodes i{border:2px solid var(--ink);background:repeating-linear-gradient(135deg,#0000 0 4px,#e8ff2b80 5px 7px);border-radius:5px;flex:1;height:28px;transition:all .35s}.region-link{font:700 .64rem var(--mono);text-align:center;transition:color .3s}.regions[data-failed=true] .region--a{opacity:.45;border-color:var(--red);border-style:dashed}.regions[data-failed=true] .region--a header span{color:var(--red)}.regions[data-failed=true] .region--a .region__nodes i{background:repeating-linear-gradient(135deg,#0000 0 4px,#e44d4273 5px 7px)}.regions[data-failed=true] .region-link{color:var(--red)}.regions[data-failed=true] .region--b{border-color:var(--accent-text);transform:scale(1.04);box-shadow:0 12px 26px #e8ff2b2e}.trace{gap:.5rem;display:grid}.trace__row{font:700 .6rem var(--mono);grid-template-columns:112px 1fr;align-items:center;gap:.6rem;display:grid}.tbar{background:#0b0b0b0f;border-radius:4px;height:24px;position:relative}.tbar:before{content:"";left:var(--o);width:var(--w);border:1.5px solid var(--ink);background:repeating-linear-gradient(135deg,#0000 0 4px,#e8ff2b73 5px 7px);border-radius:4px;position:absolute;top:0;bottom:0}.tbar em{left:calc(var(--o) + var(--w) + 8px);font:600 .58rem var(--mono);opacity:.7;font-style:normal;position:absolute;top:50%;transform:translateY(-50%)}.trace[data-found=true] .trace__row--culprit .tbar:before{border-color:var(--red);background:repeating-linear-gradient(135deg,#0000 0 4px,#e44d428c 5px 7px);animation:1s ease-in-out infinite culpritPulse}.trace[data-found=true] .trace__row--culprit b{color:var(--red)}@keyframes culpritPulse{50%{opacity:.55}}.trace__diagnosis{border-left:3px solid var(--accent-text);font:700 .66rem var(--mono);letter-spacing:.05em;background:#fff;align-self:center;padding:.5rem .7rem;transition:all .3s}.trace[data-found=true]~.trace__diagnosis{border-left-color:var(--red)}.technical-note{border:1.5px solid #090b0e;border-left:5px solid var(--accent-text);border-radius:var(--sketch-sm);color:#090b0e;background:#fff;margin:1.4rem 0;padding:1rem 1.1rem;box-shadow:4px 5px #0b0b0b14}.technical-note b{font:700 .64rem var(--mono);letter-spacing:.08em;color:#3f6212}.technical-note p{margin:.45rem 0 0;font-size:.9rem;line-height:1.6}.crosscut{border-radius:var(--sketch);color:#090b0e;background:#fff;border:2px solid #090b0e;flex-direction:column;gap:.45rem;margin:1.5rem 0;padding:1rem 1.2rem;display:flex;box-shadow:5px 6px #0b0b0b1f}.crosscut b{font:700 .66rem var(--mono);letter-spacing:.08em}.crosscut span{font-size:.85rem;line-height:1.55}.article-sources{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:.55rem;margin:2.2rem 0;padding:1.2rem 0;display:grid}.article-sources .kicker{margin-bottom:.25rem}.article-sources a{width:fit-content;font:600 .72rem/1.45 var(--mono);color:var(--accent-text);text-underline-offset:3px;text-decoration-thickness:1px}.article-sources a:hover{color:var(--ink)}.prod-map{flex-direction:column;gap:.6rem;display:flex}.prod-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.pnode{border:2px dashed var(--line);border-radius:var(--sketch-sm);font:700 .64rem var(--mono);opacity:.45;background:#fff;padding:.65rem .9rem;transition:all .4s cubic-bezier(.2,1.2,.3,1);transform:scale(.94)}.prod-map .tlink i{opacity:0;animation-play-state:paused}.prod-map.is-live .pnode{opacity:1;border:2px solid var(--ink);transform:none;box-shadow:0 8px 18px #00000012}.prod-map.is-live .pnode--cache{background:var(--acid)}.prod-map.is-live .pnode--seg{color:#090b0e;background:var(--volt)}.prod-map.is-live .tlink i{opacity:0;animation:1s linear infinite packet}.prod-map.is-live .tlink i:nth-child(2){animation-delay:.33s}.prod-map.is-live .tlink i:nth-child(3){animation-delay:.66s}.article__end{border-top:1px solid var(--line);text-align:left;padding:3rem 0 1rem}.article__end h2{font:400 clamp(2rem,4.5vw,3.1rem)/1.05 var(--display);text-transform:uppercase}.article__end p{max-width:56ch;margin:1rem 0 1.5rem;font-size:1rem;line-height:1.7}.article__end-actions{flex-wrap:wrap;gap:.8rem;display:flex}footer{color:var(--paper);background:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:1.4rem;padding:3.5rem 1.5rem 3rem;display:flex}footer p{font:600 .68rem var(--label);letter-spacing:.2em;opacity:.7}.footer-cta{font:600 .7rem var(--label);letter-spacing:.16em;border:1px solid #ffffff4d;align-items:center;gap:.6rem;padding:.8rem 1.2rem;text-decoration:none;transition:all .2s;display:inline-flex}.footer-cta:hover{color:var(--ink);background:var(--acid);border-color:var(--accent-text)}@media (max-width:640px){.reading-checklist{width:min(158px,100vw - 1.2rem);top:auto;bottom:1rem;right:.6rem;transform:rotate(-.35deg)}.reading-checklist ol{max-height:34vh}.reading-checklist__toggle{padding:.62rem .65rem}.reading-checklist__body{padding:0 .65rem .62rem}.reading-checklist label>span{font-size:.53rem}.nav{gap:1rem;padding:.7rem 1rem}.nav__title,.brand__word{display:none}.article{padding-top:110px}.toc ol{columns:1}.pillars{grid-template-columns:1fr}.demo{margin:1.6rem 0}.crowd{height:110px}.request-path{height:190px}.rnode{min-width:76px;padding:.55rem .5rem}.rnode svg{width:28px;height:28px}.path-tag{font-size:.5rem}.request-log{grid-template-columns:1fr 1fr;gap:.4rem}.request-log strong{text-align:center;grid-column:1/-1}.metric-cards,.cache-stats,.tradeoffs{grid-template-columns:1fr 1fr}.segmented{flex-wrap:wrap}.segmented button{font-size:.72rem}.order-row,.order-row[data-mode=async]{grid-template-columns:1fr;justify-items:center}.regions{grid-template-columns:1fr;gap:.5rem}.trace__row{grid-template-columns:90px 1fr}.tbar em{display:none}}