:root{--ink: #0A0E0C;--ink-2: #0F1512;--ink-3: #141C18;--paper: #EFEBE2;--paper-ink:#181612;--paper-mute:#5B5648;--fg: #F2F4F0;--mist: rgba(242, 244, 240, .66);--faint: rgba(242, 244, 240, .38);--hair: rgba(242, 244, 240, .13);--hair-2: rgba(242, 244, 240, .07);--good: #C8FF5C;--alert: #FF5A4D;--cool: #6FE0D9;--amber: #FFC24B;--accent-a: var(--good);--accent-b: var(--cool);--display: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--body: "Source Serif 4", Georgia, serif;--ui: "Inter", system-ui, sans-serif;--maxw: 1180px;--readw: 700px;--radius: 10px;--radius-s: 6px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}[data-accent=signal]{--accent-a:#C8FF5C;--accent-b:#6FE0D9}[data-accent=database]{--accent-a:#9CFF6B;--accent-b:#5CD0E0}[data-accent=cloud]{--accent-a:#7CD9FF;--accent-b:#A88CFF}[data-accent=language]{--accent-a:#FFD26B;--accent-b:#6FE0D9}[data-accent=frontend]{--accent-a:#FF8FA8;--accent-b:#6FC9FF}[data-accent=infra]{--accent-a:#FFC24B;--accent-b:#5CE0B8}[data-accent=payments]{--accent-a:#C9A8FF;--accent-b:#6BE0A0}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--ui);background:var(--ink);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,var(--hair-2) 0px,transparent 1px,transparent 3px);opacity:.5;mask-image:radial-gradient(ellipse 100% 50% at 50% 0%,#000 25%,transparent 75%)}.wrap{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto;position:relative;z-index:1}.mono{font-family:var(--display)}.eyebrow{font-family:var(--display);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.site-head{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--ink) 80%,transparent);border-bottom:1px solid var(--hair-2)}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--display);font-weight:700;font-size:.95rem;letter-spacing:-.01em}.brand .blip{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 25%,transparent);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.site-head nav{display:flex;gap:1.3rem;font-size:.85rem;color:var(--mist);font-family:var(--ui)}.site-head nav a:hover{color:var(--fg)}.board-hero{padding:clamp(2.6rem,7vw,5rem) 0 2rem}.board-hero .sys-label{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.board-hero .sys-label .blip{width:8px;height:8px;border-radius:50%;background:var(--good);animation:pulse 2.4s ease-in-out infinite}.board-hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:clamp(2.3rem,7vw,4.6rem);line-height:.98}.board-hero h1 .accent{color:var(--good)}.board-hero p{max-width:50ch;margin-top:1.1rem;color:var(--mist);font-family:var(--body);font-size:1.08rem}.board-stats{display:flex;gap:2.2rem;margin-top:1.7rem;flex-wrap:wrap}.board-stats b{font-family:var(--display);font-size:1.5rem;color:var(--fg);display:block;line-height:1.1}.board-stats span{font-size:.72rem;color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-family:var(--ui)}.controls{position:sticky;top:50px;z-index:40;padding:.9rem 0;margin-bottom:.4rem;background:color-mix(in srgb,var(--ink) 90%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair-2)}.search{width:100%;padding:.8rem 1rem .8rem 2.5rem;background:var(--ink-2);border:1px solid var(--hair);border-radius:var(--radius-s);color:var(--fg);font-family:var(--ui);font-size:.98rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23ffffff88' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.8rem center}.search:focus{outline:2px solid var(--cool);outline-offset:2px;border-color:transparent}.tagbar{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.65rem}.tag-chip{font-family:var(--display);font-size:.68rem;letter-spacing:.04em;padding:.3rem .65rem;border-radius:4px;border:1px solid var(--hair);color:var(--mist);background:transparent;cursor:pointer;transition:all .15s var(--ease)}.tag-chip:hover{border-color:var(--cool);color:var(--fg)}.tag-chip[aria-pressed=true]{background:var(--cool);color:var(--ink);border-color:var(--cool);font-weight:700}.board{display:flex;flex-direction:column;gap:.55rem;padding:1.3rem 0 5rem}.row{display:grid;grid-template-columns:5.2rem 1fr auto;gap:1.1rem;align-items:center;padding:.95rem 1.1rem;background:var(--ink-2);border:1px solid var(--hair-2);border-left:3px solid var(--hair);border-radius:var(--radius-s);transition:transform .35s var(--ease-spring),border-color .25s var(--ease),box-shadow .35s var(--ease)}.row:hover{transform:translate(4px) scale(1.005);border-left-color:var(--good);box-shadow:0 8px 28px -14px color-mix(in srgb,var(--good) 55%,transparent)}.row .status-tag{font-family:var(--display);font-size:.62rem;letter-spacing:.08em;color:var(--good);border:1px solid color-mix(in srgb,var(--good) 45%,transparent);padding:.2rem .4rem;border-radius:3px;text-align:center;white-space:nowrap}.row .info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.row .route{font-family:var(--display);font-weight:700;font-size:clamp(.98rem,2.6vw,1.18rem);display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.row .route .f{color:var(--alert)}.row .route .t{color:var(--cool)}.row .route .arrow{color:var(--faint);font-family:var(--ui)}.row .op{font-family:var(--ui);font-size:.78rem;color:var(--mist)}.row .desc{font-family:var(--ui);font-size:.84rem;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .right{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.row .year{font-family:var(--display);color:var(--faint);font-size:.85rem}.row .chips{display:none}.board-empty{text-align:center;padding:4rem 1rem;color:var(--faint);font-family:var(--display)}.story-hero{padding:clamp(2rem,5vw,3.5rem) 0 .5rem}.dash-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}.dash-id{font-family:var(--display);font-size:.78rem;color:var(--faint);letter-spacing:.08em}.status-badge{font-family:var(--display);font-size:.72rem;letter-spacing:.1em;font-weight:700;padding:.3rem .65rem;border-radius:4px;color:var(--ink);background:var(--good);display:inline-flex;align-items:center;gap:.4rem}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink)}.route-line{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,5vw,2.6rem);letter-spacing:-.01em}.route-line .f{color:var(--alert)}.route-line .t{color:var(--cool)}.route-line .arrow{color:var(--faint);font-size:.7em}.story-title{font-family:var(--body);font-weight:600;font-size:clamp(1.3rem,3.4vw,1.9rem);line-height:1.18;letter-spacing:-.01em;margin-top:.9rem;max-width:30ch}.story-tagline{color:var(--mist);font-family:var(--ui);font-size:1.02rem;margin-top:.6rem;max-width:56ch}.dash-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.9rem;font-family:var(--display);font-size:.74rem;color:var(--faint)}.stress-wrap{margin:1.6rem 0 .4rem}.stress-label{display:flex;justify-content:space-between;font-family:var(--display);font-size:.66rem;letter-spacing:.08em;color:var(--faint);margin-bottom:.35rem;text-transform:uppercase}.stress-chart{position:relative;width:100%;height:86px}.stress-chart svg{width:100%;height:100%;display:block;overflow:visible}.stress-chart .threshold-line{stroke:var(--alert);stroke-width:1;stroke-dasharray:4 4;opacity:.55}.stress-chart .curve-path{fill:none;stroke:var(--good);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000}.stress-chart .curve-path.breached{stroke:var(--alert)}.stress-chart .curve-fill{opacity:.1}.stress-chart .breach-dot{fill:var(--alert);opacity:0}.stress-chart .breach-dot.show{opacity:1}.stress-chart.in-view .curve-path{animation:draw 1.8s var(--ease) forwards}.stress-chart.in-view .breach-dot{animation:pop-in .4s var(--ease) 1.2s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.vitals{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;margin:1.6rem 0 0}.vital{padding:.9rem 1rem;border:1px solid var(--hair);border-radius:var(--radius-s);background:var(--ink-2);transition:transform .3s var(--ease-spring),border-color .25s var(--ease)}.vital:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cool) 40%,var(--hair))}.vital b{font-family:var(--display);font-size:1.5rem;font-weight:700;display:block;line-height:1.1;color:var(--fg)}.vital span{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-family:var(--ui)}.log{position:relative;padding:3rem 0 2rem;margin-top:1.5rem}.log:before{content:"";position:absolute;left:13px;top:6px;bottom:0;width:2px;background:var(--hair)}.entry{position:relative;padding:0 0 2.8rem 2.7rem}.entry .node{position:absolute;left:6px;top:5px;width:15px;height:15px;border-radius:50%;background:var(--ink);border:2px solid var(--hair);transition:border-color .4s var(--ease),background .4s var(--ease)}.entry.is-active .node{border-color:var(--cool);background:var(--cool);box-shadow:0 0 0 5px color-mix(in srgb,var(--cool) 18%,transparent)}.entry .tag{font-family:var(--display);font-size:.66rem;color:var(--faint);letter-spacing:.1em;text-transform:uppercase}.entry h2{font-family:var(--ui);font-weight:700;font-size:clamp(1.2rem,3vw,1.55rem);letter-spacing:-.01em;margin:.25rem 0 .85rem;color:var(--fg)}.passage{background:var(--paper);color:var(--paper-ink);border-radius:var(--radius);padding:clamp(1.1rem,3vw,1.6rem);max-width:var(--readw);font-family:var(--body)}.passage p{margin:0 0 1rem;font-size:1.08rem;line-height:1.62}.passage p:last-child{margin-bottom:0}.passage a{color:#a03a2a;text-decoration:underline;text-underline-offset:2px}.passage strong{color:#000}.passage code{font-family:var(--display);font-size:.85em;background:#00000012;padding:.1em .35em;border-radius:4px}.placard{max-width:var(--readw);margin:1.1rem 0;border-radius:var(--radius-s);padding:1.05rem 1.2rem;border:1px solid var(--hair);background:var(--ink-2);font-family:var(--ui)}.placard .ptag{font-family:var(--display);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.45rem}.placard .ptag:before{content:"";width:7px;height:7px;border-radius:50%}.placard p{margin:0;color:var(--fg);font-size:1rem;line-height:1.55}.placard.why-broke{border-color:color-mix(in srgb,var(--alert) 40%,var(--hair))}.placard.why-broke .ptag{color:var(--alert)}.placard.why-broke .ptag:before{background:var(--alert)}.placard.why-fix{border-color:color-mix(in srgb,var(--cool) 40%,var(--hair))}.placard.why-fix .ptag{color:var(--cool)}.placard.why-fix .ptag:before{background:var(--cool)}.placard.aside{border-color:color-mix(in srgb,var(--amber) 35%,var(--hair))}.placard.aside .ptag{color:var(--amber)}.placard.aside .ptag:before{background:var(--amber)}.editor-note{max-width:var(--readw);margin:1rem 0 0;padding:1.2rem 1.4rem;border-radius:var(--radius);background:color-mix(in srgb,var(--cool) 9%,var(--ink-2));border:1px solid color-mix(in srgb,var(--cool) 32%,transparent)}.editor-note .eyebrow{color:var(--cool);margin-bottom:.45rem}.editor-note p:last-child{font-family:var(--body);font-size:1.04rem;color:var(--fg);font-style:italic}.related{max-width:var(--readw);margin:2.3rem 0 0}.related .eyebrow{margin-bottom:.85rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.65rem}.related-card{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1.05rem;border:1px solid var(--hair-2);border-radius:var(--radius-s);background:var(--ink-2);transition:transform .35s var(--ease-spring),border-color .25s var(--ease),box-shadow .35s var(--ease)}.related-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cool) 45%,transparent);box-shadow:0 10px 30px -16px color-mix(in srgb,var(--cool) 55%,transparent)}.related-card .same-wall{align-self:flex-start;font-family:var(--display);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 45%,transparent);padding:.1rem .35rem;border-radius:3px}.related-route{font-family:var(--display);font-weight:700;font-size:1rem;display:flex;gap:.45rem;flex-wrap:wrap}.related-route .f{color:var(--alert)}.related-route .t{color:var(--cool)}.related-route .arrow{color:var(--faint)}.related-op{font-family:var(--ui);font-size:.72rem;color:var(--mist);text-transform:uppercase;letter-spacing:.08em}.source-card{margin:2.8rem 0 4.5rem;padding:1.3rem 1.4rem;border:1px dashed var(--hair);border-radius:var(--radius);background:var(--ink-2);max-width:var(--readw);font-family:var(--ui)}.source-card .eyebrow{margin-bottom:.55rem}.source-card a{color:var(--cool);text-decoration:underline;text-underline-offset:3px;word-break:break-word}.source-card .fidelity{font-size:.84rem;color:var(--faint);margin-top:.55rem;line-height:1.5}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--display);font-size:.78rem;color:var(--mist);padding:1.8rem 0 0}.back-link:hover{color:var(--cool)}.site-foot{border-top:1px solid var(--hair-2);padding:2.2rem 0;color:var(--faint);font-size:.82rem;font-family:var(--ui);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.site-foot a{color:var(--mist)}.site-foot a:hover{color:var(--fg)}@media(max-width:760px){.row{grid-template-columns:4rem 1fr}.row .right{display:none}.dash-top{flex-direction:column;align-items:flex-start}}:focus-visible{outline:2px solid var(--cool);outline-offset:3px;border-radius:3px}.skip-link{position:absolute;left:-999px;top:0;background:var(--cool);color:var(--ink);padding:.6rem 1rem;z-index:100;border-radius:0 0 var(--radius-s) 0;font-weight:700}.skip-link:focus{left:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.stress-chart .curve-path{stroke-dashoffset:0!important}.breach-dot{opacity:1!important}}.cursor-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(480px circle at var(--mx, 50%) var(--my, 20%),color-mix(in srgb,var(--cool) 7%,transparent),transparent 70%);opacity:0;transition:opacity .6s var(--ease)}.cursor-glow.is-active{opacity:1}@keyframes reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}[data-reveal]{opacity:0;animation:reveal-up .7s var(--ease) forwards;animation-delay:var(--reveal-delay, 0s)}@media(prefers-reduced-motion:reduce){.cursor-glow{display:none}[data-reveal]{opacity:1;animation:none}}