@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";
:root{--background:#0d0d0d;--surface:#171717;--surface-hover:#1d1d1d;--line:#303030;--line-active:#4a4a4a;--text:#ededed;--muted:#a7a7a7;--accent:#e05aa9;--display:"Arial Black", Arial, sans-serif;--body:"Quicksand", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overflow-x:hidden}body{background:var(--background);color:var(--text);font-family:var(--body);margin:0;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.page-transition{animation:.22s ease-out both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-frame{width:min(1400px,100% - 64px);margin:0 auto;padding-top:24px}.site-header{background:var(--surface);border:1px solid var(--line);border-radius:18px;justify-content:center;align-items:center;gap:24px;width:fit-content;min-height:60px;margin:0 auto;padding:8px 12px 8px 24px;display:flex;box-shadow:0 8px 24px #00000059}.wordmark{font-family:var(--display);letter-spacing:-.04em;font-size:16px}.wordmark span,.intro h1 span,.projects-intro h1 span{color:var(--accent)}.site-header-nav-wrap{align-items:center;display:flex}.site-header nav{gap:3px;display:flex}.site-header nav a{color:var(--muted);text-transform:lowercase;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:700;transition:color .15s,background-color .15s}.site-header nav a:hover{color:var(--text);background:var(--surface-hover)}.header-contact{border-left:1px solid var(--line);color:var(--muted);text-transform:lowercase;margin-left:6px;padding:7px 10px 7px 12px;font-size:13px;font-weight:700;transition:color .15s}.header-contact:hover{color:var(--accent)}.intro{text-align:center;flex-direction:column;align-items:center;padding:78px 20px 24px;display:flex}.hero-cat-wrapper{perspective:900px;cursor:pointer;-webkit-user-select:none;user-select:none;width:140px;height:140px;margin-bottom:20px;position:relative}.hero-cat-stage{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;display:flex;position:relative}.hero-cat-orbit{border:1.5px dashed var(--line-active);opacity:.6;pointer-events:none;border-radius:50%;width:134px;height:134px;position:absolute;transform:translateZ(5px)}.hero-cat-disc{background:var(--surface);border:1px solid var(--line);border-radius:50%;width:112px;height:112px;position:absolute;transform:translateZ(10px)}.hero-cat-model{width:104px;height:104px;transform-style:preserve-3d;will-change:transform;border-radius:50%;position:relative;overflow:hidden;transform:translateZ(24px);box-shadow:0 10px 24px #00000073}.hero-cat-img{object-fit:cover;border:2px solid var(--surface-hover);border-radius:50%;width:100%;height:100%}.hero-cat-tag{background:var(--accent);color:#0d0d0d;font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;transform-style:preserve-3d;will-change:transform;pointer-events:none;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;bottom:4px;right:-6px;transform:translateZ(32px)}.hero-cat-burst-text{font-family:var(--display);color:var(--accent);pointer-events:none;z-index:50;will-change:transform, opacity;font-size:18px;font-weight:900;position:absolute;top:40%;left:35%}.avatar{border:3px solid var(--surface);object-fit:cover;width:104px;height:104px;box-shadow:0 0 0 1px var(--line);border-radius:50%;margin-bottom:25px}.intro h1{font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(36px,6vw,53px);line-height:1.08}.home-section{flex-direction:column;align-items:center;padding:24px 0;display:flex}.home-section h2{font-family:var(--display);letter-spacing:-.04em;margin:0 0 24px;font-size:25px}.discord-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;width:330px;margin-bottom:14px;transition:border-color .15s,background-color .15s;position:relative;overflow:hidden}.discord-card:hover{background:var(--surface-hover);border-color:var(--line-active)}.discord-card-banner{border-bottom:1px solid var(--line);background:#cabe95;height:76px;position:relative}.discord-card-banner:after{content:"";background:var(--accent);width:64px;height:3px;position:absolute;bottom:0;right:0}.discord-card-avatar{border:4px solid var(--surface);object-fit:cover;border-radius:50%;width:64px;height:64px;position:absolute;top:43px;left:16px}.discord-card-copy{padding:38px 18px 18px}.discord-card-copy strong{font-size:15px}.discord-card-bio{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.7}.discord-card-bio a{color:var(--accent)}.discord-card-bio a:hover{text-decoration:underline}.discord-card-icon{color:var(--accent);font-size:20px;position:absolute;top:91px;right:17px}.link-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,880px);display:grid}.link-button{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:11px;padding:14px 18px;transition:border-color .15s,background-color .15s;display:flex}.link-button:hover{background:var(--surface-hover);border-color:var(--line-active)}.link-button>svg{color:var(--accent);flex-shrink:0;font-size:19px}.link-button strong{font-size:13px}.contact-action-wrapper{width:min(100%,880px);margin-top:14px}.contact-btn{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:16px 22px;font-family:inherit;transition:border-color .15s,background-color .15s;display:flex}.contact-btn:hover{background:var(--surface-hover);border-color:var(--line-active)}.contact-btn-icon{color:var(--accent);justify-content:center;align-items:center;font-size:16px;display:flex}.contact-btn-content{align-items:center;gap:10px;font-size:13px;display:flex}.contact-btn-label{color:var(--text);font-weight:700}.contact-btn-email{color:var(--muted);border:1px solid var(--line);background:#121212;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:13px}.projects-section{flex-direction:column;align-items:center;width:100%;padding-bottom:48px;display:flex}.project-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(100%,1280px);display:grid}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:20px;transition:border-color .15s,background-color .15s;display:flex}.project-card:hover{background:var(--surface-hover);border-color:var(--line-active)}.project-card-head{align-items:center;gap:12px;display:flex}.project-card-icon{background:var(--background);border:1px solid var(--line);width:36px;height:36px;color:var(--text);border-radius:10px;flex-shrink:0;place-items:center;font-size:17px;display:grid}.project-card h3{min-width:0;color:var(--text);flex:1;margin:0;font-size:16px;font-weight:700;line-height:1.3}.card-arrow{color:var(--muted);flex-shrink:0;font-size:16px;transition:color .15s}.project-card:hover .card-arrow{color:var(--accent)}.project-card-desc{color:var(--muted);flex:1;margin:0;font-size:13px;line-height:1.55}.project-card-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding-top:12px;font-size:11px;display:flex}.project-card-lang{color:var(--text);align-items:center;gap:6px;font-weight:700;display:inline-flex}.project-card-dot{background:#178600;border-radius:50%;width:9px;height:9px}.project-card:hover .project-card-repo{color:var(--accent)}.site-footer{border-top:1px solid var(--line);width:100vw;min-height:100px;color:var(--muted);justify-content:center;align-items:center;gap:25px;margin-left:-50vw;margin-right:-50vw;font-size:11px;display:flex;position:relative;left:50%;right:50%}.site-footer p{margin:0}.site-footer>div{gap:17px;display:flex}.site-footer a:hover{color:var(--accent)}.projects-intro{text-align:center;padding:72px 20px 50px}.back-link{color:var(--muted);text-transform:lowercase;align-items:center;gap:6px;margin-bottom:33px;font-size:11px;font-weight:700;transition:color .15s,transform .15s;display:inline-flex}.back-link svg{font-size:13px;transition:transform .15s}.back-link:hover{color:var(--accent)}.projects-intro h1{font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(44px,8vw,68px);line-height:1}.others-catalog{flex-direction:column;align-items:center;width:100%;padding-bottom:76px;display:flex}.not-found{text-align:center;place-content:center;gap:16px;min-height:100vh;padding:30px;display:grid}.not-found h1{color:var(--accent);font-family:var(--display);letter-spacing:-.08em;margin:0;font-size:100px}.not-found p{color:var(--muted);margin:0}.not-found a{color:var(--accent);font-weight:700}@media (max-width:640px){.site-frame{width:min(100% - 24px,880px);padding-top:12px}.site-header{gap:12px;padding-left:12px}.site-header nav a{padding:7px 6px;font-size:9px}.header-contact{display:none}.intro{padding:65px 7px 20px}.home-section{padding:20px 0}.discord-card{width:min(330px,100%)}.link-container,.project-list{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:11px}}.subway-toggle{z-index:90;background:var(--surface);color:var(--muted);border:1px solid var(--line);text-transform:lowercase;cursor:pointer;border-radius:9px;padding:7px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s;position:fixed;bottom:20px;left:20px}.subway-toggle:hover,.subway-toggle.active{color:var(--accent);border-color:var(--line-active);background:var(--surface-hover)}.subway-pip{z-index:100;border-radius:12px;width:220px;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 16px 36px #0009}.subway-video{object-fit:cover;background:#000;width:100%;height:360px;display:block}@media (max-width:768px){.subway-toggle,.subway-pip{display:none!important}}html.bibi-mode{--accent:#2563eb}.bibi-toggle{z-index:90;background:var(--surface);color:var(--muted);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s;display:flex;position:fixed;bottom:58px;left:20px}.bibi-toggle:hover,.bibi-toggle.active{color:var(--accent);border-color:var(--line-active);background:var(--surface-hover)}.bibi-star-icon{flex-shrink:0;display:inline-block}.bibi-picture-container{z-index:99;pointer-events:none;border-radius:12px;width:190px;transition:right .25s;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 16px 36px #0009}body:has(.subway-pip) .bibi-picture-container{right:260px}.bibi-picture{width:100%;height:auto;display:block}.bibi-spinning-david{color:#fff;filter:drop-shadow(0 2px 6px #0038b8cc);animation:12s linear infinite bibi-rotate-slow;position:absolute;top:10px;right:10px}@keyframes bibi-rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.bibi-toggle,.bibi-picture-container{display:none!important}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}*,:before,:after{transition-duration:.01ms!important}}