:root{--lime:#00e676;--pink:#ff007f;--yellow:#ffd600;--cyan:#00e5ff;--black:#0c0c0c;--paper:#fff;--ink:#0c0c0c;--white:#fff;--bg-primary:#f4f4ee;--bg-grid:#0c0c0c0d;--card-bg:#fff;--card-border:#0c0c0c;--card-shadow:#0c0c0c;--text-main:#0c0c0c;--text-muted:#4b5563;--badge-bg:#fff;--font-sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-display:"Archivo Black", impact, sans-serif}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:4px}body{font-family:var(--font-sans);background-color:var(--bg-primary);background-image:linear-gradient(var(--bg-grid) 2px, transparent 2px), linear-gradient(90deg, var(--bg-grid) 2px, transparent 2px);color:var(--text-main);background-position:-2px -2px;background-size:32px 32px;min-height:100vh;transition:background-color .2s,color .2s;position:relative;overflow-x:hidden}.sticker{background:var(--card-bg);border:3px solid var(--card-border);box-shadow:6px 6px 0px var(--card-shadow);color:var(--text-main);border-radius:14px;padding:24px;transition:transform .15s,box-shadow .15s,background-color .2s;position:relative}.sticker:hover{box-shadow:8px 8px 0px var(--card-shadow);transform:translate(-2px,-2px)}.sticker-btn{background:var(--yellow);font-family:var(--font-display);text-transform:uppercase;border:3px solid var(--card-border);box-shadow:4px 4px 0px var(--card-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50px;justify-content:center;align-items:center;padding:10px 24px;font-size:1rem;text-decoration:none;transition:all .12s;display:inline-flex;color:#0c0c0c!important}.sticker-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0px var(--card-shadow)!important;background:var(--pink)!important;color:#fff!important}.sticker-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0px var(--card-shadow)!important}.sticker-btn-pink{background:var(--pink);color:#fff!important}.sticker-btn-pink:hover{background:var(--yellow)!important;color:#0c0c0c!important}.paper-note{background:var(--paper);border:2px dashed var(--card-border);box-shadow:4px 4px 0px var(--card-shadow);color:var(--text-main);border-radius:12px;padding:20px;transition:all .2s}.paper-note-pink{border-color:var(--pink);background:#fff0f5}.stroke-text{font-family:var(--font-display);-webkit-text-stroke:2px var(--card-border);color:#fff;text-shadow:4px 4px 0px var(--card-shadow)}.stroke-text-pink{font-family:var(--font-display);-webkit-text-stroke:2px var(--card-border);color:var(--pink);text-shadow:4px 4px 0px var(--card-shadow)}.hero-title{word-break:break-word;margin-bottom:8px;font-size:clamp(2.2rem,10.5vw,4.5rem);line-height:1.05;transform:rotate(-2deg)}.hero-subtitle{word-break:break-word;margin-bottom:16px;font-size:clamp(1.15rem,5.2vw,2.5rem);line-height:1.15;transform:rotate(1deg)}.logo-text{font-size:clamp(1.1rem,4vw,1.5rem)}.sticker-outline{filter:drop-shadow(3px 3px 0px var(--card-shadow)) drop-shadow(-2px -2px 0px #fff) drop-shadow(2px -2px 0px #fff) drop-shadow(-2px 2px 0px #fff) drop-shadow(2px 2px 0px #fff)}.nav-bar{background:var(--card-bg);border-bottom:3px solid var(--card-border);z-index:100;justify-content:space-between;align-items:center;gap:8px;padding:14px 28px;transition:background-color .2s;display:flex;position:sticky;top:0}.container{max-width:1200px;margin:0 auto;padding:40px 24px}.bento-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}@media (width<=900px){.col-8,.col-7,.col-6,.col-5,.col-4{grid-column:span 12}}@media (width<=600px){.nav-bar{padding:10px 12px}.nav-link{padding:4px 6px!important;font-size:.82rem!important}.container{padding:24px 12px}.sticker{box-shadow:4px 4px 0px var(--card-shadow);padding:16px}.bento-grid{gap:16px}.stroke-text,.stroke-text-pink{text-shadow:2.5px 2.5px 0px var(--card-shadow);-webkit-text-stroke:1.5px var(--card-border)}}.floating-sticker{z-index:10;cursor:grab;-webkit-user-select:none;user-select:none;transform:translate(var(--px-offset-x,0px), var(--px-offset-y,0px));transition:transform .1s cubic-bezier(.16,1,.3,1);position:absolute}[data-parallax-depth]{transform:translate(var(--px-offset-x,0px), var(--px-offset-y,0px));transition:transform .15s cubic-bezier(.16,1,.3,1)}.floating-sticker:active{cursor:grabbing}.network-node{cursor:pointer;transform-origin:50%;transform-box:fill-box;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.network-node:hover{transform:scale(1.1)}.network-cable{stroke-dasharray:8;animation:1s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-16px}}@keyframes smoothFadeUp{0%{opacity:0;transform:translateY(32px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes smoothFadeIn{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}@keyframes floatBob{0%,to{transform:translateY(0px) rotate(var(--rot,0deg))}50%{transform:translateY(-8px) rotate(calc(var(--rot,0deg) + 1.2deg))}}@keyframes floatBobReverse{0%,to{transform:translateY(0px) rotate(var(--rot,0deg))}50%{transform:translateY(7px) rotate(calc(var(--rot,0deg) - 1.2deg))}}@keyframes floatSway{0%,to{transform:translateX(0px) rotate(var(--rot,0deg))}50%{transform:translateX(6px) rotate(calc(var(--rot,0deg) + 2deg))}}@keyframes gentlePulse{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.04)rotate(-3deg)}}.anim-fade-up{will-change:transform, opacity;animation:.65s cubic-bezier(.16,1,.3,1) both smoothFadeUp}.anim-fade-in{will-change:filter, opacity;animation:.6s cubic-bezier(.16,1,.3,1) both smoothFadeIn}.anim-delay-1{animation-delay:80ms}.anim-delay-2{animation-delay:.16s}.anim-delay-3{animation-delay:.24s}.anim-delay-4{animation-delay:.32s}.anim-delay-5{animation-delay:.4s}.parallax-float{will-change:transform;animation:5s ease-in-out infinite floatBob}.parallax-float-reverse{will-change:transform;animation:6s ease-in-out infinite floatBobReverse}.parallax-float-fast{will-change:transform;animation:3.8s ease-in-out infinite floatBob}.parallax-float-slow{will-change:transform;animation:7.5s ease-in-out infinite floatBob}.pulse-badge{will-change:transform;animation:3s ease-in-out infinite gentlePulse}.scroll-reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(36px)scale(.985)}.scroll-reveal.is-revealed{opacity:1;transform:translateY(0)scale(1)}:root{--mouse-px-x:0px;--mouse-px-y:0px}[data-parallax-depth]{--px-d:1;translate:calc(var(--mouse-px-x,0px) * var(--px-d,1)) calc(var(--mouse-px-y,0px) * var(--px-d,1))}[data-parallax-depth="0.2"]{--px-d:.2}[data-parallax-depth="0.3"]{--px-d:.3}[data-parallax-depth="0.4"]{--px-d:.4}[data-parallax-depth="0.5"]{--px-d:.5}[data-parallax-depth="0.6"]{--px-d:.6}[data-parallax-depth="0.8"]{--px-d:.8}[data-parallax-depth="1.0"]{--px-d:1}[data-parallax-depth="1.2"]{--px-d:1.2}[data-parallax-depth="1.5"]{--px-d:1.5}[data-parallax-depth="1.8"]{--px-d:1.8}[data-parallax-depth="2.0"]{--px-d:2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate-slow{animation:20s linear infinite spin}.open-badge{border:2px solid var(--card-border);font-family:var(--font-display);box-shadow:2px 2px 0px var(--card-shadow);background:#0f6;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700;display:inline-block;transform:rotate(-3deg);color:#0c0c0c!important}.toc-container{border:3px solid var(--card-border);background:var(--card-bg);min-height:480px;box-shadow:6px 6px 0px var(--card-shadow);background-image:radial-gradient(#0000000d 15%,#0000 16%);background-size:16px 16px;border-radius:16px;justify-content:center;align-items:center;margin:60px auto;padding:40px;transition:all .2s;display:flex;position:relative;overflow:hidden}@media (width<=768px){.toc-container{flex-direction:column;gap:16px;min-height:auto;padding:24px 16px}}.toc-center-title{background-color:var(--lime);border:4px solid var(--card-border);font-family:var(--font-display);color:#0c0c0c;box-shadow:5px 5px 0px var(--card-shadow);-webkit-user-select:none;user-select:none;z-index:2;text-align:center;padding:16px 36px;font-size:2.2rem;transform:rotate(-2deg)}@media (width<=768px){.toc-center-title{width:100%;margin-bottom:12px;font-size:1.8rem}}.toc-sticker{border:3px solid var(--card-border);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0px var(--card-shadow);-webkit-user-select:none;user-select:none;z-index:3;border-radius:100px;padding:12px 24px;font-size:1.05rem;text-decoration:none;transition:all .12s}.toc-sticker:hover{box-shadow:6px 6px 0px var(--card-shadow);transform:scale(1.05)rotate(0)!important}.toc-sticker-active{box-shadow:6px 6px 0px var(--card-shadow);background-color:var(--pink)!important;color:#fff!important;border-color:var(--card-border)!important}@media (width>=769px){.toc-sticker{position:absolute}}@media (width<=768px){.toc-sticker{text-align:center;width:100%;position:relative!important;top:auto!important;left:auto!important}}.tech-badge{background:var(--badge-bg);color:var(--text-main);border:2px solid var(--card-border);box-shadow:2px 2px 0px var(--card-shadow);border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-block}html.dark{--lime:#0f6;--pink:#ff007f;--yellow:#ffe600;--cyan:#00e5ff;--black:#0c0c0c;--paper:#1c212d;--ink:#e6edf3;--white:#fff;--bg-primary:#0d1117;--bg-grid:#ffffff0a;--card-bg:#161b22;--card-border:#30363d;--card-shadow:#000;--text-main:#e6edf3;--text-muted:#8b949e;--badge-bg:#21262d}html.dark body{color:#e6edf3;background-color:#0d1117;background-image:linear-gradient(#ffffff09 2px,#0000 2px),linear-gradient(90deg,#ffffff09 2px,#0000 2px)}html.dark .sticker{background:#161b22;border-color:#30363d;box-shadow:5px 5px #000000e6}html.dark .sticker:hover{box-shadow:7px 7px #000}html.dark .sticker-btn{background:var(--yellow);border-color:#0c0c0c;box-shadow:3px 3px #000;color:#0c0c0c!important}html.dark .sticker-btn:hover{background:var(--pink)!important;color:#fff!important;border-color:#0c0c0c!important;box-shadow:4px 4px #000!important}html.dark .open-badge{background:var(--lime)!important;color:#0c0c0c!important;border-color:#0c0c0c!important}html.dark .paper-note{color:#e6edf3;background:#1c212d;border-color:#384152;box-shadow:3px 3px #000c}html.dark .paper-note-pink{background:#231924;border-color:#ff2a8d}html.dark .toc-container{background:#13171f radial-gradient(#ffffff0a 15%,#0000 16%);border-color:#30363d;box-shadow:6px 6px #000000b3}html.dark .toc-center-title{color:#0d1117;background-color:#facc15;border-color:#000;box-shadow:4px 4px #000000b3}html.dark .toc-sticker{border-color:#30363d;box-shadow:3px 3px #000000b3}html.dark .tech-badge{color:#c9d1d9;background:#21262d;border-color:#30363d;box-shadow:2px 2px #0009}html.dark .stroke-text{-webkit-text-stroke:1.5px #000;color:#fff;text-shadow:3px 3px #000c}html.dark .stroke-text-pink{-webkit-text-stroke:1.5px #000;color:#ff2a8d;text-shadow:3px 3px #000c}html.dark .nav-bar{background:#161b22;border-bottom-color:#30363d}html.dark .sticker-outline{filter:drop-shadow(3px 3px #000c)drop-shadow(-1px -1px #30363d)drop-shadow(1px -1px #30363d)drop-shadow(-1px 1px #30363d)drop-shadow(1px 1px #30363d)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scroll-reveal{opacity:1!important;transition:none!important;transform:none!important}.parallax-float,[data-parallax-depth]{transform:none!important}}