*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow:hidden auto}html{scrollbar-gutter:stable}body{font-family:var(--font-body);background-color:var(--color-paper);color:var(--color-ink-dark);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:optimizelegibility;font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--font-serif:"Playfair Display", "Times New Roman", Georgia, serif;--font-body:"Source Serif Pro", Georgia, serif;--font-sans:"IBM Plex Sans", -apple-system, system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--color-paper:#fcfaf7;--color-paper-rgb:252, 250, 247;--color-paper-dark:#f5f2ed;--color-ink-dark:#1a1a1a;--color-ink-dark-rgb:26, 26, 26;--color-ink-medium:#333;--color-ink-medium-rgb:51, 51, 51;--color-ink-light:#666;--color-ink-light-rgb:102, 102, 102;--color-code-bg:#1a1a1a12;--color-code-border:#1a1a1a1f;--color-accent:#d32f2f;--color-accent-hover:#b71c1c;--color-accent-rgb:211, 47, 47;--color-accent-light:rgba(var(--color-accent-rgb), .08);--font-size-base:16px;--font-size-small:.9rem;--h1-font-size:3rem;--h2-font-size:2rem;--font-size-h1:2.5rem;--font-size-h2:2rem;--paragraph-font-size:1.2rem;--small-font-size:1rem;--line-height-base:1.6;--text-primary:#333;--text-secondary:#666;--background-primary:#fff;--background-secondary:#f8f8f8;--background-accent:#f0f7ff;--background-accent-strong:#e6f3ff;--border-color:#6663;--border-color-light:#6666661a;--border-dotted:1px dotted var(--color-ink-light);--link-color:#06c;--link-hover-color:#049;--button-bg-color:#333;--button-text-color:#fff;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:4rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:3rem;--space-paper-xs:.5rem;--space-paper-sm:1rem;--space-paper-md:1.5rem;--space-paper-lg:2rem;--space-paper-xl:3rem;--space-paper-xxl:4rem;--default-padding:2rem;--mobile-padding:0rem;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 4px 12px #0066cc26;--shadow-soft:0 2px 10px #0000000d;--shadow-medium:0 4px 20px #0000001a;--shadow-strong:0 8px 32px #00000026;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius:var(--border-radius-md);--transition-fast:.2s;--transition-base:all .2s ease;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-timing:cubic-bezier(.4, 0, .2, 1);--bp-xs:360px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1200px;--bp-xxl:1440px;--bp-toc-collapse:1400px;--breakpoint-sm:var(--bp-md);--breakpoint-md:992px;--breakpoint-lg:var(--bp-xl);--content-max-width:950px;--content-min-width:600px;--sidebar-width:250px;--right-sidebar-width:300px;--container-max-width:1350px;--toc-width:350px;--toc-gap:20px;--grid-gap:2rem;--container-padding:2rem;--contact-content-width:280px;--contact-content-min:250px;--contact-content-max:300px;--contact-gap:2rem}.App{background-color:var(--color-paper);color:var(--color-ink-dark);font-family:var(--font-body);flex-direction:column;width:100%;max-width:100%;padding-top:0;font-weight:500;line-height:1.65;display:flex;overflow-x:hidden}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){.floating-text{font-size:1.5rem}.chaos-toggle{display:none!important}}@media (max-width:480px){.chaos-toggle{display:none!important}}@media print{.chaos-overlay,.chaos-toggle,.chaos-mode:before,.chaos-mode:after{display:none!important}.chaos-mode{filter:none!important;animation:none!important}}.skip-link{z-index:9999;background:var(--color-ink,#1a1a1a);color:var(--color-paper,#fafafa);border-radius:0 0 .25rem;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;transition:transform .15s;position:absolute;top:0;left:0;transform:translateY(-100%)}.skip-link:focus{outline-offset:2px;outline:2px solid;transform:translateY(0)}button{background-color:var(--button-bg-color);color:var(--button-text-color);font-size:calc(var(--paragraph-font-size) + .5vw);cursor:pointer;border:none;border-radius:5px;margin:1rem 0;padding:.5rem 1rem;transition:background-color .3s}body{background-color:var(--color-paper);font-family:var(--font-body);font-size:var(--font-size-base);width:100%;max-width:100%;min-height:100vh;flex-direction:column;min-height:-webkit-fill-available;margin:0;padding:0}.app-route-fallback{min-height:40vh}#root{background-color:var(--color-paper);width:100%;max-width:100%;min-height:100vh;min-height:-webkit-fill-available}@media (max-width:768px){body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;overflow-y:auto;background-color:var(--color-paper)!important}#root,html{background-color:var(--color-paper)!important}:root{--h1-font-size:2.5rem;--h2-font-size:2rem;--paragraph-font-size:1rem;--react-canvas-height:50vh;--model-container-width:60vw;--model-container-height:100vw;--model-container-border-radius:20vw}.profile-image{width:30vw;height:30vw}.model-container{border-radius:0;width:100%;max-width:100%;height:auto;margin:0 auto}button{width:80%;font-size:var(--paragraph-font-size)}}@media (max-width:480px){body,#root{width:100%;margin:0;padding:0}:root{--h1-font-size:2rem;--h2-font-size:1.5rem;--paragraph-font-size:.9rem}.model-container{border-radius:0;width:100%;height:auto}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInOut{0%{opacity:0;transform:scale(.5)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(180deg)}to{opacity:0;transform:scale(.5)rotate(360deg)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-5px,-5px)rotate(-1deg)}20%{transform:translate(5px,5px)rotate(1deg)}30%{transform:translate(-5px,5px)rotate(-1deg)}40%{transform:translate(5px,-5px)rotate(1deg)}50%{transform:translate(-5px,-5px)rotate(-1deg)}60%{transform:translate(5px,5px)rotate(1deg)}70%{transform:translate(-5px,5px)rotate(-1deg)}80%{transform:translate(5px,-5px)rotate(1deg)}90%{transform:translate(-5px,-5px)rotate(-1deg)}}@keyframes colorShift{0%{filter:hue-rotate()saturate()}25%{filter:hue-rotate(90deg)saturate(2)}50%{filter:hue-rotate(180deg)saturate(3)}75%{filter:hue-rotate(270deg)saturate(2)}to{filter:hue-rotate(360deg)saturate()}}@keyframes float{0%{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(120deg)}66%{transform:translateY(10px)rotate(240deg)}to{transform:translateY(0)rotate(360deg)}}@keyframes explode{0%{opacity:1;transform:scale(0)rotate(0)}50%{opacity:.8;transform:scale(1.5)rotate(180deg)}to{opacity:0;transform:scale(3)rotate(360deg)}}@keyframes glitch-1{0%,14%,15%,49%,50%,99%,to{transform:translate(0)}15%,49%{transform:translate(-2px,2px)}}@keyframes glitch-2{0%,20%,21%,62%,63%,99%,to{transform:translate(0)}21%,62%{transform:translate(2px,-2px)}}@keyframes diagonalSweep{0%{transform:translate(-100%)translateY(-100%)}to{transform:translate(100%)translateY(100%)}}@keyframes backgroundShift{0%{background-position:0 0,0 0,0 0}25%{background-position:100% 0,0 100%,50%}50%{background-position:0 100%,100% 0,100% 100%}75%{background-position:100% 100%,100% 100%,0 0}to{background-position:0 0,0 0,0 0}}@keyframes matrixFall{0%{opacity:1;transform:translateY(-100vh)}to{opacity:0;transform:translateY(100vh)}}@keyframes spotlightMove{0%{transform:translate(0)scale(1)}25%{transform:translate(100px,-50px)scale(1.2)}50%{transform:translate(-50px,100px)scale(.8)}75%{transform:translate(50px,-100px)scale(1.1)}to{transform:translate(0)scale(1)}}@keyframes spawnIn{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:.8;transform:scale(1.2)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}@keyframes textGlow{0%,to{text-shadow:2px 2px red,-2px -2px #0f0,2px -2px #00f,-2px 2px #ff0}50%{text-shadow:-2px -2px red,2px 2px #0f0,-2px 2px #00f,2px -2px #ff0}}@keyframes borderPulse{0%,to{border-color:red}25%{border-color:#0f0}50%{border-color:#00f}75%{border-color:#ff0}}@keyframes borderGlow{0%{border-color:#0000}25%{border-color:#ff000080}50%{border-color:#00ff0080}75%{border-color:#0000ff80}to{border-color:#0000}}@keyframes randomRotate{0%{transform:rotate(0)}25%{transform:rotate(1deg)}50%{transform:rotate(-1deg)}75%{transform:rotate(.5deg)}to{transform:rotate(0)}}.chaos-overlay{pointer-events:none;z-index:9998;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.chaos-canvas{opacity:.7;width:100%;height:100%;position:absolute;top:0;left:0}.chaos-text{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.floating-text{color:red;text-shadow:2px 2px 4px #000c;pointer-events:none;z-index:9999;font-size:2rem;font-weight:700;animation:3s ease-in-out infinite float;position:absolute}.chaos-toggle{z-index:10000;color:var(--color-ink-medium,#666);font-family:var(--font-serif,Georgia, serif);text-transform:none;letter-spacing:normal;cursor:pointer;opacity:.7;background:0 0;border:none;padding:.2rem .4rem;font-size:.84rem;font-weight:400;text-decoration:none;transition:all .2s;display:inline-block;position:fixed;bottom:1rem;right:1rem}.chaos-toggle:hover,.chaos-toggle:focus{color:var(--color-ink-dark,#333);opacity:1;transform:translate(1px)}.chaos-toggle.active{color:var(--color-accent);opacity:1;font-weight:600}.chaos-toggle.active:hover{color:var(--color-accent);transform:translate(2px)}.explosion{pointer-events:none;z-index:10000;background:radial-gradient(circle,red 0%,#ff0 50%,#0000 100%);border-radius:50%;width:20px;height:20px;animation:1s ease-out forwards explode;position:fixed}.matrix-rain{pointer-events:none;z-index:9995;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.matrix-char{color:#0f0;opacity:.7;font-family:Courier New,monospace;font-size:14px;animation:3s linear infinite matrixFall;position:absolute}.glitch-text{display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:red;z-index:-1;animation:.5s infinite glitch-1}.glitch-text:after{color:#0f0;z-index:-2;animation:.5s infinite glitch-2}.spawn-element{animation:.5s ease-out spawnIn}@media (max-width:768px){.floating-text{font-size:1.5rem}.chaos-toggle{display:none!important}}@media (max-width:480px){.chaos-toggle{display:none!important}}.chaos-text-center{color:red;text-shadow:2px 2px 4px #000c;z-index:10001;pointer-events:none;text-align:center;font-size:3rem;font-weight:700;animation:1s infinite pulse;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.chaos-floating-element{z-index:10000;pointer-events:none;animation:3s ease-in-out infinite float;position:fixed}@media print{.chaos-overlay,.chaos-toggle,.chaos-mode:before,.chaos-mode:after{display:none!important}.chaos-mode{filter:none!important;animation:none!important}}.chaos-mode{animation:.5s infinite shake,2s infinite colorShift;overflow:hidden}.chaos-mode *{animation:.3s infinite glitch}.chaos-mode:before{content:"";pointer-events:none;z-index:9997;background:radial-gradient(circle,#0000 0%,#ff00001a 100%);width:100%;height:100%;animation:1s infinite pulse;position:fixed;top:0;left:0}.chaos-mode .App:after{content:"";pointer-events:none;z-index:9996;background-image:radial-gradient(circle at 20% 20%,#ff00001a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#00ff001a 0%,#0000 50%),radial-gradient(circle at 40% 60%,#0000ff1a 0%,#0000 50%);width:100%;height:100%;animation:3s infinite colorShift;position:fixed;top:0;left:0}.chaos-mode h1,.chaos-mode h2,.chaos-mode h3,.chaos-mode p{position:relative}.chaos-mode h1:before,.chaos-mode h2:before,.chaos-mode h3:before{content:attr(data-text);color:red;z-index:-1;animation:.3s infinite glitch;position:absolute;top:0;left:0}.chaos-mode *{border:1px solid #0000;animation:2s infinite borderGlow}.chaos-mode{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><circle cx=\"16\" cy=\"16\" r=\"15\" fill=\"red\" stroke=\"yellow\" stroke-width=\"2\"/><text x=\"16\" y=\"20\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\" font-weight=\"bold\">💀</text></svg>"),auto}.chaos-mode *{transform-origin:50%;animation:4s infinite randomRotate}.chaos-mode .App{position:relative;overflow:hidden}.chaos-mode .App:before{content:"";pointer-events:none;z-index:9993;background:linear-gradient(45deg,#0000 30%,#ff00001a 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#00ff001a 50%,#0000 70%);width:100%;height:100%;animation:2s infinite diagonalSweep;position:absolute;top:0;left:0}.chaos-mode *{transition:all .1s}.chaos-mode :hover{filter:hue-rotate(180deg);transform:scale(1.05)rotate(2deg)}.chaos-mode body{background-image:radial-gradient(circle at 25% 25%,#ff00001a 0%,#0000 50%),radial-gradient(circle at 75% 75%,#00ff001a 0%,#0000 50%),radial-gradient(circle,#0000ff1a 0%,#0000 50%);background-size:200px 200px,300px 300px,150px 150px;animation:4s infinite backgroundShift}.chaos-mode *{cursor:crosshair}.chaos-mode :hover{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><circle cx=\"16\" cy=\"16\" r=\"15\" fill=\"red\" stroke=\"yellow\" stroke-width=\"2\"/><text x=\"16\" y=\"20\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\" font-weight=\"bold\">💀</text></svg>"),auto}.chaos-mode h1,.chaos-mode h2,.chaos-mode h3{text-shadow:2px 2px red,-2px -2px #0f0,2px -2px #00f,-2px 2px #ff0;animation:1s infinite textGlow}.chaos-mode *{border:2px solid #0000;border-image:linear-gradient(45deg,red,#0f0,#00f,#ff0) 1;animation:2s infinite borderPulse}.home-persistent-layer--suspended{visibility:hidden;pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.about-route-layer{z-index:1;background:var(--color-paper,#faf9f6);min-height:100vh;position:relative}