:root{--primary-bg: #262c43;--navbar-bg: #1c2031;--secondary-bg: #576587;--primary-text: #e3f0f7;--accent: #7795ee;--action: #00ccf0;--secondary: #5894ff;--dark-accent: #1058a4;--secondary-text: #333333;--main-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--cutty-threatening-font: "Creepster", cursive;--cutty-welcome-font: inherit;--font-scale: 1;font-family:var(--main-font-family);line-height:1.6;font-weight:400;font-size:18px;color:var(--primary-text);background-color:var(--primary-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--secondary);text-decoration:inherit}a:hover{color:var(--action)}body{margin:0;display:flex;place-items:center;min-width:0;min-height:100vh;background-color:var(--primary-bg);color:var(--primary-text)}h1{font-size:3.2em;line-height:1.1;color:var(--primary-text)}h2,h3,h4,h5,h6,p{color:var(--primary-text)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1.125rem;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}.nav-selected{background-color:var(--accent);color:var(--primary-text)}.nav-selected:hover{background-color:#5894ff}.file-info{color:var(--primary-text);margin-top:1rem;font-style:italic}@font-face{font-family:SenorSaturno;src:url(/fonts/SenorSaturno-Aw9g.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Undertale;src:url(/fonts/PixelOperator.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@keyframes rainbow-swoosh{0%{filter:none;transform:scale(1)}15%{filter:drop-shadow(0 0 8px rgba(255,0,0,.8)) drop-shadow(0 0 16px rgba(255,127,0,.6));transform:scale(1.05)}30%{filter:drop-shadow(0 0 8px rgba(255,255,0,.8)) drop-shadow(0 0 16px rgba(0,255,0,.6));transform:scale(1.08)}45%{filter:drop-shadow(0 0 8px rgba(0,255,255,.8)) drop-shadow(0 0 16px rgba(0,0,255,.6));transform:scale(1.1)}60%{filter:drop-shadow(0 0 8px rgba(139,0,255,.8)) drop-shadow(0 0 16px rgba(255,0,255,.6));transform:scale(1.08)}80%{filter:drop-shadow(0 0 12px rgba(255,0,128,.9)) drop-shadow(0 0 20px rgba(255,0,128,.7)) drop-shadow(0 0 30px rgba(255,0,128,.5));transform:scale(1.05)}to{filter:drop-shadow(0 0 20px rgba(66,153,225,.6));transform:scale(1.1)}}.cutty-logo{transition:transform .3s ease,filter .3s ease;max-width:100%;height:auto}.cutty-logo:hover{animation:rainbow-swoosh .8s ease-in-out}.cutty-text{display:inline-block;transition:transform .3s ease,text-shadow .3s ease}.cutty-text:hover{animation:rainbow-swoosh .8s ease-in-out;animation-delay:.1s}@keyframes angry-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(3px) rotate(1deg)}}.cutty-angry{animation:angry-shake .5s ease-in-out infinite!important;filter:saturate(1.5) hue-rotate(-50deg) brightness(1.2) contrast(1.3)!important}.cutty-angry:hover{transform:scale(1.1)!important;filter:saturate(2) hue-rotate(-60deg) brightness(1.3) contrast(1.5) drop-shadow(0 0 20px rgba(255,0,0,.8))!important}.cutty-text-angry{animation:angry-shake .5s ease-in-out infinite!important;animation-delay:.05s!important;color:red!important;text-shadow:0 0 10px rgba(255,0,0,.8),0 0 20px rgba(255,0,0,.5)!important}@keyframes ominous-pulse{0%,to{text-shadow:0 0 10px rgba(255,0,0,.8),0 0 20px rgba(255,0,0,.7),0 0 30px rgba(255,0,0,.6),0 0 40px rgba(255,0,0,.5);transform:scale(1)}50%{text-shadow:0 0 20px rgba(255,0,0,1),0 0 40px rgba(255,0,0,.9),0 0 60px rgba(255,0,0,.8),0 0 80px rgba(255,0,0,.7),0 0 100px rgba(255,0,0,.6);transform:scale(1.02)}}.terrifying-message{animation:ominous-pulse 1.5s ease-in-out infinite;color:red!important;font-family:Creepster,cursive!important;font-weight:700!important;letter-spacing:2px;text-transform:uppercase}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.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}