.not-found-page{--dish-fill:#c478960d;--dish-edge:#1d1b1833;--dish-grid:#1d1b180f;--cell-fill:#d46e9638;--cell-edge:#aa466e80;--nucleus:#4e3896b3;--cell-hover-fill:#d46e965c;--cell-hover-edge:#a8466e;--zap-fill:#7a1f2b40;--zap-fill-peak:#7a1f2b73;--zap-edge:#7a1f2b;--zap-clear:#7a1f2b00;--flare:#4e3896;--flare-peak:#f3dfe5;--virus:#8b1a2b;--virus-hover:#b0263d;--virus-glow:none;--zap-flash:#7a1f2b1f;max-width:1160px;min-height:100dvh;color:var(--ink);grid-template-rows:auto 1fr auto;margin:0 auto;padding:24px 32px;display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .not-found-page{--dish-fill:#39ff9e08;--dish-edge:#39ff9e26;--dish-grid:#39ff9e0f;--cell-fill:#60a5fa1a;--cell-edge:#60a5fa40;--nucleus:#60a5fa33;--cell-hover-fill:#60a5fa33;--cell-hover-edge:#60a5fa;--zap-fill:#39ff9e59;--zap-fill-peak:#39ff9e99;--zap-edge:#39ff9e;--zap-clear:#39ff9e00;--flare:#39ff9e;--flare-peak:#fff;--virus:#ff4070;--virus-hover:#ff6b8a;--virus-glow:url(#glow);--zap-flash:#39ff9e4d}}:root[data-theme=dark] .not-found-page{--dish-fill:#39ff9e08;--dish-edge:#39ff9e26;--dish-grid:#39ff9e0f;--cell-fill:#60a5fa1a;--cell-edge:#60a5fa40;--nucleus:#60a5fa33;--cell-hover-fill:#60a5fa33;--cell-hover-edge:#60a5fa;--zap-fill:#39ff9e59;--zap-fill-peak:#39ff9e99;--zap-edge:#39ff9e;--zap-clear:#39ff9e00;--flare:#39ff9e;--flare-peak:#fff;--virus:#ff4070;--virus-hover:#ff6b8a;--virus-glow:url(#glow);--zap-flash:#39ff9e4d}.nf-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding:48px 0;display:grid}.left-col{gap:32px;max-width:480px;display:grid}.dish-container{aspect-ratio:1;justify-self:center;width:100%;max-width:420px;position:relative}.petri-dish{width:100%;height:100%;display:block}.dish-bg{fill:var(--dish-fill);stroke:var(--dish-edge);stroke-width:2px}.dish-grid{stroke:var(--dish-grid);stroke-width:.5px}.cell{cursor:pointer}.cell-body{fill:var(--cell-fill);stroke:var(--cell-edge);stroke-width:1.5px;transition:fill .3s,stroke .3s}.cell-nucleus{fill:var(--nucleus);transition:fill .3s}.cell:hover .cell-body{fill:var(--cell-hover-fill);stroke:var(--cell-hover-edge)}.cell.zapped .cell-body{fill:var(--zap-fill);stroke:var(--zap-edge);animation:1.2s forwards cellZap}.cell.zapped .cell-nucleus{fill:var(--flare);animation:1.2s forwards nucleusFlare}@keyframes cellZap{0%{fill:var(--zap-fill);stroke:var(--zap-edge)}40%{fill:var(--zap-fill-peak);stroke:var(--zap-edge)}to{fill:var(--zap-clear);stroke:var(--zap-clear);opacity:0}}@keyframes nucleusFlare{0%{fill:var(--flare);r:8}40%{fill:var(--flare-peak);r:14}to{fill:var(--zap-clear);r:0;opacity:0}}.cell-float{animation:8s ease-in-out infinite alternate cellDrift}.cell-float:nth-child(2){animation-duration:9s;animation-delay:-1.5s}.cell-float:nth-child(3){animation-duration:7.5s;animation-delay:-3s}.cell-float:nth-child(4){animation-duration:10s;animation-delay:-4.5s}.cell-float:nth-child(5){animation-duration:8.5s;animation-delay:-6s}.cell-float:nth-child(6){animation-duration:9.5s;animation-delay:-2s}@keyframes cellDrift{0%{transform:translate(0)}25%{transform:translate(3px,-4px)}50%{transform:translate(-3px,2px)}75%{transform:translate(2px,3px)}to{transform:translate(-2px,-3px)}}.virus-particle.virus-seeking{animation:8s ease-in-out infinite virusSeek}@keyframes virusSeek{0%,to{transform:translate(0)}15%,25%{transform:translate(40px,-60px)}40%,50%{transform:translate(-120px,30px)}65%,80%{transform:translate(60px,40px)}}.virus-group{filter:var(--virus-glow)}.virus-core{fill:var(--virus);transition:fill .3s}.spike{fill:none;stroke:var(--virus);stroke-width:2px;stroke-linecap:round;transition:stroke .3s}.virus-group:hover .virus-core{fill:var(--virus-hover)}.virus-group:hover .spike{stroke:var(--virus-hover)}.content{z-index:1;text-align:left;position:relative}.content .subtext{margin-left:0}.error-code{font-family:var(--font-serif), "Cormorant Garamond", serif;font-variant-numeric:lining-nums;color:var(--ink);margin-bottom:8px;font-size:96px;font-weight:500;line-height:1}.error-label{font-family:var(--font-mono), "IBM Plex Mono", ui-monospace, monospace;color:var(--accent);margin-bottom:24px;font-size:13px}.headline{margin-bottom:16px;font-size:36px;line-height:1.15}.subtext{color:var(--ink-2);font-size:16px;line-height:1.65}.strain-path{font-family:var(--font-mono), "IBM Plex Mono", ui-monospace, monospace;color:var(--accent);font-size:.9em}.actions{display:flex}.btn-primary{background:var(--button-bg);height:40px;color:var(--button-ink);transition:background-color .15s var(--ease);border-radius:8px;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary svg{stroke-width:1.5px;width:16px;height:16px}.btn-primary:hover{background:var(--button-hover);color:var(--button-ink);text-decoration:none;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}14%{transform:scale(1.06)}28%{transform:scale(1)}42%{transform:scale(1.04)}56%{transform:scale(1)}}.not-found-page .footer{border-top:1px solid var(--rule)}.zap-flash{pointer-events:none;z-index:100;background:radial-gradient(circle at var(--zap-x,50%) var(--zap-y,50%), var(--zap-flash), transparent 60%);opacity:0;transition:opacity .1s;position:fixed;inset:0}.zap-flash.active{opacity:1;transition:opacity}@media (max-width:900px){.nf-main{grid-template-columns:1fr;gap:40px;padding:40px 0}.dish-container{justify-self:start;max-width:320px}}@media (max-width:600px){.not-found-page{padding:16px}.error-code{font-size:72px}.headline{font-size:28px}}@media (prefers-reduced-motion:reduce){.virus-group,.virus-particle.virus-seeking,.cell-float{animation:none!important}}
