html,body,#root{width:100%;min-height:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;min-height:100vh;margin:0 auto;text-align:center}@font-face{font-family:SonicAdvTypeFont;src:url(/assets/sonic-advanced-2-tNoqVgaq.ttf) format("truetype");font-weight:400;font-style:normal}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#root{overflow:hidden}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:sonic-genesis-mega-drive-font;src:url(/assets/sonic-advanced-2-tNoqVgaq.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SonicTypeFont;src:url(/assets/sonic-1-title-font-CDQb31_Y.otf) format("opentype");font-weight:400;font-style:normal}#landing{z-index:4;position:relative;min-block-size:100vh;overflow:hidden}.center-display{display:flex;justify-content:center;align-items:center;min-block-size:100vh;padding:24px}.center-paper{position:relative;min-height:300px;height:auto;width:600px;max-width:min(600px,calc(100vw - 48px));margin:25px;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:24px;overflow:hidden}@media(max-width:768px){.center-paper{min-height:300px;height:auto;width:90%;max-width:500px;margin:15px;padding:18px;gap:18px}}@media(max-width:480px){.center-display{align-items:center;padding:14px}.center-paper{min-height:300px;width:100%;max-width:calc(100vw - 28px);margin:0;padding:14px 12px 16px;border-radius:16px;gap:12px;overflow:visible}}.right-corner-container{z-index:2;position:fixed;inset:0;overflow:hidden;display:flex;pointer-events:none}.top-right-corner-slider{position:relative;will-change:transform;animation:diagScroll 8s infinite linear;height:2000px;width:2000px;pointer-events:none;z-index:2;top:-40%;right:-40%}@media(max-width:768px){.top-right-corner-slider{height:1200px;width:1200px;top:-26%;right:-52%;animation-duration:10s}}@media(max-width:480px){.top-right-corner-slider{height:1000px;width:1000px;top:-25%;right:10%;animation-duration:12s}}.left-corner-container{z-index:3;position:fixed;inset:0;overflow:hidden;display:flex;pointer-events:none}.top-left-corner-slider{position:relative;will-change:transform;animation:diagScroll 8s infinite linear;height:2000px;width:2000px;pointer-events:none;z-index:3;bottom:40%;left:-40%}@media(max-width:768px){.top-left-corner-slider{height:1200px;width:1200px;bottom:-24%;left:-52%;animation-duration:10s}}@media(max-width:480px){.left-corner-container{display:none}}.carousel-container{z-index:1;position:fixed;inset:0;width:100%;block-size:100vh;overflow:hidden;display:flex;pointer-events:none;background-color:#f7b2b8}@supports (min-block-size: 100dvh){#landing,.center-display{min-block-size:100dvh}.carousel-container{block-size:100dvh}}.sliding-background-piece{position:relative;will-change:transform;animation:leftScroll 14s infinite linear;height:1200px;width:1200px;pointer-events:none;z-index:1;flex:0 0 auto;object-fit:cover}@media(max-width:768px){.sliding-background-piece{height:1100px;width:1100px}}@media(max-width:480px){.sliding-background-piece{height:920px;width:920px;animation-duration:18s}}.heading-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;text-align:center}.heading-container .MuiTypography-root{margin:0;height:30px;max-width:100%;overflow-wrap:normal;word-break:normal;text-wrap:balance}.landing-title{font-family:SonicTypeFont,Arial,Helvetica,sans-serif!important;font-size:1em!important;line-height:.95!important;letter-spacing:.04em}.landing-subtitle{font-size:2em!important;line-height:1.2!important;letter-spacing:.12em}.landing-portfolio-hint{font-family:sonic-genesis-mega-drive-font,Arial,Helvetica,sans-serif!important;font-size:1.5em!important;line-height:1.25!important;letter-spacing:.04em;opacity:.9}.play-button-container{min-height:0;width:100%;display:flex;justify-content:center;align-items:center;padding-top:0}.landing-play-button.MuiButton-contained{font-family:sonic-genesis-mega-drive-font,Arial,Helvetica,sans-serif;font-size:1.3rem;letter-spacing:.12em;font-weight:700;padding:.8rem 1.8rem;border:3px solid #ffffff;border-radius:14px;color:#fff;background:linear-gradient(180deg,#2f93ff,#2256ff);box-shadow:0 0 0 3px #1238b8,0 10px #1238b8,0 0 25px #2f93ffb3;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;animation:playButtonPulse 1.5s infinite ease-in-out;min-width:180px}.landing-play-button.MuiButton-contained:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 3px #1238b8,0 13px #1238b8,0 0 32px #2f93ffe6;filter:brightness(1.05)}.landing-play-button.MuiButton-contained:active{transform:translateY(3px) scale(.99);box-shadow:0 0 0 3px #1238b8,0 5px #1238b8,0 0 16px #2f93ff8c}.landing-play-icon{font-size:1.5rem!important;animation:playIconBounce .7s infinite alternate ease-in-out}@media(max-width:768px){.heading-container{gap:6px}.landing-title{font-size:.9em!important}.landing-subtitle{font-size:1em!important;letter-spacing:.08em}.landing-portfolio-hint{font-size:1em!important;letter-spacing:.04em}.landing-play-button.MuiButton-contained{font-size:1.1rem;padding:.72rem 1.5rem;min-width:160px;box-shadow:0 0 0 3px #1238b8,0 8px #1238b8,0 0 20px #2f93ffa6}.landing-play-button.MuiButton-contained:hover{box-shadow:0 0 0 3px #1238b8,0 10px #1238b8,0 0 24px #2f93ffd1}.landing-play-button.MuiButton-contained:active{box-shadow:0 0 0 3px #1238b8,0 4px #1238b8,0 0 12px #2f93ff80}}@media(max-width:480px){.heading-container{gap:10px}.landing-title{font-size:.9em!important;line-height:1!important}.landing-subtitle{font-size:2em!important;line-height:1.1!important;letter-spacing:.03em}.landing-portfolio-hint{font-size:1em!important;line-height:1.15!important;letter-spacing:.03em}.play-button-container{padding-top:0}.landing-play-button.MuiButton-contained{width:100%;max-width:220px;min-width:0;font-size:.95rem;padding:.64rem 1rem;border-width:2px;border-radius:12px;box-shadow:0 0 0 2px #1238b8,0 6px #1238b8,0 0 16px #2f93ff94}.landing-play-icon{font-size:1.2rem!important}}@media(prefers-reduced-motion:reduce){.landing-play-button.MuiButton-contained,.landing-play-icon{animation:none;transition:none}}@keyframes diagScroll{0%{transform:translate(0)}to{transform:translate(200px,200px)}}@keyframes leftScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes playButtonPulse{0%{box-shadow:0 0 0 3px #1238b8,0 10px #1238b8,0 0 16px #2f93ff8c}to{box-shadow:0 0 0 3px #1238b8,0 10px #1238b8,0 0 30px #2f93fff2}}@keyframes playIconBounce{0%{transform:translate(0)}to{transform:translate(2px)}}