:root{--font-stack: system-ui, Avenir, Helvetica, Arial, sans-serif;--fg: #ffffff;--bg: #000000;color-scheme:light dark;font-family:var(--font-stack);line-height:1.5}html,body{margin:0;min-height:100vh;background-color:var(--bg);color:var(--fg)}@media (prefers-color-scheme: light){:root{--fg: #000000;--bg: #ffffff}}.app-root{width:100vw;height:100vh;background:var(--bg);color:var(--fg);overflow-x:hidden;overflow-y:auto}.app-content{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}@media (max-width: 900px){.app-root{padding-left:0!important;padding-right:0!important}}@media (max-width: 600px){.app-root{height:100%;min-height:100vh}.app-content{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:.5rem!important;min-height:auto;margin-top:70px}.typewriter-container,.animated-intro-container,.project-dots-container{width:100%!important;margin-bottom:2rem!important;padding:0 .5rem!important}}@media (max-width: 480px){.app-content{padding:.25rem!important}.typewriter-container,.animated-intro-container,.project-dots-container{padding:0 .25rem!important;margin-bottom:1.5rem!important}}.project-dots-root{position:absolute;inset:0;pointer-events:none}.dot-wrapper{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}.dot-inner{width:100%;height:100%;display:inline-block;will-change:transform;transition:transform .12s linear}.dot-btn{width:100px;height:100px;padding:0;border-radius:999px;border:none;overflow:hidden;background:linear-gradient(135deg,#fff,#e6eefb);box-shadow:0 6px 18px #1018281f;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.dot-img{width:100%;height:100%;object-fit:cover;display:block}.dot-dialog{position:absolute;width:min(200px,45vw);max-width:200px;box-sizing:border-box;background:#fffffffa;border-radius:10px;padding:12px 16px;box-shadow:0 10px 36px #02061729;font-size:14px;color:#0f172a;z-index:9999;pointer-events:auto;white-space:normal;word-break:break-word}.dot-dialog-right{left:calc(100% + 10px);top:50%;transform:translateY(-50%);z-index:9999}.dot-dialog-left{right:calc(100% + 10px);top:50%;transform:translateY(-50%);z-index:9999}.dot-desc{margin-top:6px;font-size:12px;z-index:9999;color:#0f172acc}@media (max-width: 600px){.project-dots-root{position:static;width:100vw;height:100vw;min-width:0;min-height:0;inset:unset;pointer-events:none}.dot-wrapper{position:absolute;width:60px;height:60px;min-width:0;min-height:0}.dot-btn{width:60px;height:60px;min-width:0;min-height:0;font-size:13px;border-radius:999px;box-shadow:0 4px 12px #1018281a}.dot-img{width:44px;height:44px;object-fit:contain}.dot-dialog{width:min(140px,70vw);max-width:140px;font-size:12px;padding:8px;border-radius:8px}}.sidenav-root{position:fixed;left:6px;top:50%;transform:translateY(-50%);z-index:70;display:flex;align-items:center;padding-left:8px}.sidenav-stack{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding-left:6px}.sidenav-btn{width:56px;height:56px;min-width:56px;padding:0;border-radius:45px;color:#000;background:#ffffff80;align-items:center;justify-content:center;z-index:90}.sidenav-btn:hover,.sidenav-btn:focus{transform:scale(1.08);background:#fff;color:#000}.sidenav-tooltip{opacity:0;transform:translate(-8px);transition:opacity .14s ease,transform .14s ease;pointer-events:none;margin-left:8px;padding:6px 10px;border-radius:8px;background:#020617f2;color:#fff;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px #02061747;z-index:100}.sidenav-btn:hover .sidenav-tooltip,.sidenav-btn:focus .sidenav-tooltip,.sidenav-item:hover .sidenav-tooltip,.sidenav-item:focus-within .sidenav-tooltip{opacity:1;transform:translate(0);pointer-events:auto}@media (max-width: 700px){.sidenav-root{left:0;top:auto;bottom:0;width:100vw;height:64px;transform:none;flex-direction:row;justify-content:center;align-items:center;padding:0;background:#020617f2;z-index:100;display:flex}.sidenav-stack{flex-direction:row;gap:10px;align-items:center;padding:0;width:100vw;justify-content:center}.sidenav-btn{width:48px;height:48px;min-width:48px;margin:0 2px;background:#fffc}.sidenav-tooltip{position:absolute;bottom:60px;left:50%;transform:translate(-50%);margin-left:0;font-size:13px;padding:4px 8px;z-index:200}}@media (max-width: 900px){.sidenav-root{left:0;top:auto;bottom:0;width:100vw;height:64px;transform:none;flex-direction:row;justify-content:center;align-items:center;padding:0;background:#020617f2;z-index:100}.sidenav-stack{flex-direction:row;gap:10px;align-items:center;padding:0;width:100vw;justify-content:center}.sidenav-btn{width:48px;height:48px;min-width:48px;margin:0 2px;background:#fffc}.sidenav-tooltip{position:absolute;bottom:60px;left:50%;transform:translate(-50%);margin-left:0;font-size:13px;padding:4px 8px;z-index:200}}.sidenav-btn svg,.sidenav-btn .MuiSvgIcon-root{fill:currentColor;color:inherit;width:22px;height:22px}.sidenav-btn:focus-visible{outline:3px solid rgba(6,182,212,.18);outline-offset:3px;box-shadow:0 0 0 4px #06b6d40f}.sidenav-tooltip{margin-left:100%;margin-top:-80%;font-weight:600;line-height:1;transform:translate(-50%);background:#fff0}.sidenav-item:hover .sidenav-tooltip,.sidenav-item:focus-within .sidenav-tooltip{pointer-events:auto}.animated-intro-root{position:absolute;left:0;top:0;pointer-events:none;z-index:60}.fly-group{width:260px;height:160px;display:block}.ovni{width:260px;height:150px;position:absolute;left:-60px;top:0;transform-origin:50% 50%}.turtle{width:150px;height:86px;position:absolute;left:20px;top:40px;transform-origin:50% 50%}.intro-dialog{position:absolute;background:#fffffffa;padding:12px 16px;border-radius:8px;box-shadow:0 12px 30px #0206171f;pointer-events:auto;display:inline-block;width:auto;max-width:860px;min-width:220px;transition:width .22s ease,transform .18s ease,opacity .18s ease;white-space:normal}.intro-dialog h3{margin:0;font-size:16px}.intro-dialog:after{content:"";position:absolute;width:0;height:0;left:-10px;bottom:-1px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid rgba(255,255,255,.98);filter:drop-shadow(0 4px 8px rgba(2,6,23,.06));transform:rotate(-45deg);transform-origin:center}@media (max-width: 600px){.animated-intro-root{position:static;width:100vw;left:0;top:0;min-width:0;z-index:60}.fly-group{width:90vw;height:80px;min-width:0}.ovni{width:90vw;height:60px;left:0;top:0}.turtle{width:60vw;height:40px;left:0;top:20px}.intro-dialog{max-width:98vw;min-width:0;font-size:15px;padding:8px 6px}}.typewriter-root{position:absolute;z-index:70;pointer-events:none;max-width:46vw}.typewriter-text{margin:0;padding:10px 14px;background:#fffffff5;border-radius:8px;box-shadow:0 12px 30px #0206171f;font-family:Consolas,Courier New,monospace;font-size:14px;color:#0b1220;white-space:pre-wrap;pointer-events:auto;display:inline-block}.typewriter-text:after{content:"|";display:inline-block;margin-left:6px;opacity:.9;animation:blink 1s steps(2,start) infinite}@keyframes blink{0%{opacity:.9}50%{opacity:0}to{opacity:.9}}@media (max-width: 600px){.typewriter-root{position:static;max-width:98vw;width:98vw;margin:0 auto;z-index:70;padding:0}.typewriter-text{font-size:13px;padding:7px 4px;border-radius:6px;box-shadow:0 6px 18px #0206172e;width:98vw;max-width:98vw}}