@font-face{font-family:mono-1;src:url(/assets/fonts/Ch_ANyFt.woff2)format("woff2"),url(/assets/fonts/DtdOuSti.woff)format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:mono-3;src:url(data:font/woff2;base64,d09GMgABAAAAAA18AAoAAAAALLQAAA0tAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAhDoKvSSzfgE2AiQDgkQLgSQABCAFjw4HgVMbtiazERVsHAID0Wpk/+WBTYZGw/WTGtEIbUpGWGlrCprGo77Y8+0KciPthXMf6rxOmZ9WNJLeenYoH97OegMlP/JsbqK/hLszS0GlWG516q4DxfP096xz73vvB81EQfgF0maaKaDGo4yWVmwBaLkAyH9/cJPWLNnsFWaSf3aAktDVVai73yIIrx6epxP/u9rRLWiPvnBB52ijv/wtVxt+oBlteUE72nJAO7rlvdepn5dputFVGJfedsoBcpHI6TDJPv9t+n+t9amPSN0l8alqFYXlAd0JGSAhb17T9vb0zAeeDwyve3aTmdkLEahUNsCoSZiTcSAjTHyUyjGWmtNU+5hNSp3LDDGUUqSIeKGEMOv2fwDwdWcDAdif9gDq24dn3tJSrD6XA/Df/LN1vcobcBP7Trm3/+7j71m1A5sBYM+9B9BwkD2/igGAueIw7H9vPm5AmRICliYgKCQsgooWK068BImSJMuVp0iJWi06devVb9Cw6RY46cJO/6N+zJhNKacuVa/tkFEzy12oqCix4jcqWA04hBibf631rN8ZFrrvTTdcd81Vr73yxDlnHbY8Jxj1FWS2/BeXc6spaWypr62oLG7KK8stTUpOSU1Lz8jMys4H0KzORJIsV612pys4ehwcypHFasMZztFXrZzT5fZ4fWqUf5wWCIbCs/UMjI6JjYtPSER2igb/myJsdCssPISlBDV/sIFM5SSJgmhalPIQG6ooTLmAtDGWeqhSgjVSZptkqFlUMZLX7p3NI548aKTAbia6dx3J/a3TuYHyYZVY4wpktSQmg2iPOXr4LKomG5E9/xrrXCefd2EnmlF8te4/8kNKSZLdqpICt2b1G2mZpprdZXwnZ+2PfIYGTQ9h+bjj2+/l32CePyaEM2TZmxci5Mw+ieRYhWSjPMdiRd4HCtm0MhuRLcGyF0KgLsAVbBeEfQa0XAJ2DSW3CVqaTNMFGdPTDWifyQv1XgRqoodYTosy1EyW9cSVjkYN6dbXYfB4RxdwG6sjVV5WhimMGeapy2fWxsNhIycxKGGoFmg5NORw4UXyQUUhzCLkKk6tTVkH7jd0sah9PzLCCDEoqId5KRznUGt7T3nIXYtulicBAbsn/UrxZiY4a4obJoSMxHjdgdYLAXiigh7iAYgLy7wO2c+x2tuYkKuQZ5jDuLg7hGaRpeDAvK6lLxSRiaD211DBsKQhwtlETxFyWQobKEaFYFISYbAhB6hQGjPUVbECxsiRJ1yj1HY1k/BEYsAqILSJtAHlXrhZoBpo8aY5DldvmOtRqQZeNFFmoTRhBX23VYUSY/GxZcdUN6COBiG4NIoxm+ER57LIOCfOHygJIU9KS5oLndLtQOLrzeVOv4kQShmFSinYWhESRIGdDZCcmHe4ukaPxQCzzywD4wKW0KY7Z8IpIOBw4GPnCtYcG8zF2iNRaoXufXoNpXEZocwtSq3TXQFYX12ZzTgccGi0fC3JtYS5QColB3FhuST8FO7BhPXXuQmJn3Tqsd+NJ45goK2o9GE7bgWmlRWkmgU7rs01XE+P07YF16A6wd+2QB051/SUoMpCBFFjlxqoSR9Kq3WKZalDGYfYc7rOIQqA7xcRNuJIeAIVAWa82gkhL+RkK1VkaN4RgWYlMDBOSEOxf5A4o9Eh9WRbXMlFbE5zoGCmy8rW2FVFCi1fErilWIdjyXJhGiysilsHOZcOEdFVwKUWXFxKKnBGT+GrIKyHLmc3E9jFUZasYuS6zV7JxFvoCH7nMlf3p8qONMZXg9Qs7AR6cYuzO37MOBaSW9sFYqV6KROXdrIpcnXZAjMzkCeHeJVaeSBryAK82f9SH2o+zz8biEBb9vbZv3vcLklKu2BwwMlcUfEzfYGaqsnhPqMVbbopQ6fzC3UAOVxKAUiAWKpIMTdJBknl3XcDRZqrMoVOEz91D8TMJeH1dctH1j9/etFwf7uO1bWsB/daZufJrF+y61AhmuBbuefTaVagPXQ4rVPTNK/zQdUe22xqpgsd2tuMFHQKZYg/63c1rkcS3a+7khy3xXl2NGzMfyxeVc7ueq97giQlU+KKuXMOpwzkdi/TYx4E0xKv+xmcVUrhcj8Pfn6pK5Nn2qC5LGVpNak4gJfVLqcz3l2gTfFhhI7jCjScb4/vL1EaSiHKsuHR8etQ29nzGKGTjlTHc/YO2ygWWthQESzn8/CbI0kza4sxzR97Ds2qzD8wMkWtDaSD0AHd9ClzMOjGb86BeCTcLSOt9nLMppDokQM7ynjDS0iPd1nYjlPtFIXauCk8bHHXWVcpTLn190lbZY2otsMkEaZeLfKtJkCzJc2/hwj022rpiF4dMT3O8AiO2Skid4dHeTz/md+Buab9nT7/pBl1M49pvwL837v97r4vw/jLbyYtMM/XH6+dHvMDEtrNuz8mCXDAvK9HBR7xsCx4nIpBDzMZw0v0YVVsdfivSsUFQCtMs/WhQ121CcxpfQFpnGbbZHy0isnsxXSA0Mi3fBcFiKWuaprNttIq8PzF3060+lBvKz2Or03ysoDSzVamElGjFYyIRMVZzotMu0dlGmR6FOdFLkolFQZS7+3wQhTbCi0v1GxiHBTBt0VmEzhJMt6Q1o/Ptojxi5m3CG3vZkt/05hpbHHQznvC62pgLMv33cu4GvUfUU8HJgfPp62pVz4frOrh6jcL4udObabAuI3DIQn1r6pftdmiXjp9dUoS4PQjGmy1jb23rZJymgBjsa5dGSVH/ZEZIC120y3AfbU9nXQk+jgPc3D1K7MiSXpsd6NecXVpOBy9Qd0alM4O+AYPjWalJeoSPCX66PhVh3vCUuRTo0w7Qdbw9AodyNMGRD0k5BfYFkNJ133HRf18/cKUNOP0Oaq7OaE6WL5E6+S0x/Oede7wNJMU8IYFrsmW9e+eQHKvFqdlXeYIdp4PxenglBSq3/pv/Sxv5fuZh2ijqK8QbhLFpVGXv8O2N1lop46/cXoVCdu3xn/P70Omnck1M4D0NaLpwzPuy0GCr02myxH29MsiKIg6kGiri6puBvuyyXYC6hNwlnvUflfSnN7z03xZQCy+bIGuvtVmws9rtDORWBavnvyVQfkax6mvywejsL3ZJZIn40R6ZPtEm1wYRSjiHvrINGIRLxdlxs/V3QDHx6TKtP7o1FsXEg4XaOKIT+3dx0vGZZ0Yt3ZMZHe9o6cULbrz9Adj0NR+bl9ngdy2nxMg5/tLe+amHAGkUfsM/VT/Rz2nhk0F/7KJewHA0wNBFQCepS/xCV5qPFcx/AARq8D+EtnB/ULjPzNMl7Z2mYaOoO26M/oMu1dD8y7uSV/9yIScGemEupd5RvbBbjsa5nV52tZmsbzHg7w6XSIKVCeSbWzIGDXv5H17B2LaMlA0F2bXN1BVYE2eK3qZ3kHgOkprouNDS1l9SF3LwsX2Sbs8+kI0Kagd6Kgw52GrKRi7Da/xg2IArRYT1C/J2uTzWmA+Nm3+TP07qBnyJZTKyrCCsCTTCUc1T/HiTZuJIN5RIrK4Q2QxHhKFOQrR88WjCGzKIAYb06yMsOkBMdPn95tbiBXBYaYC4GoJEEa4Y4Rl7BvCyemvHA+7RhoRdI0uIgqOM0TWNG4RhX+qRC9r5ikCm6YTQ4LzWM4IwTJPzJzr3zdhQTb749J0/EcyjBjKpXIdrhHCAqVhOMpffDXfJekHegyjhCNNBjIRc2zalhVKjhJXePptfZA8fFnha/LxdkIx0IqFMJUd5hUvP4lDeMYweTlki1Kd7/wLgO6I6XZjMeYVy+5IRmoFN/9sYA6chHUkFUPmY4umqAq7XkS3Xs1q0nfLyhVgpHz6d9LA2NG/paNYFmCRSF/DHInwjxyRmGQurWuF2398RarpaazTE66RNDCf+gS46IBT0wqOXvUlPVQGfUiUjwQ8w8suqy0cYlQv9LfPXqwATu4jGgbiajBEOefjyJfjvhBS5F8KHJiPTuBwG0aj9GCAO5e/vUJTeBpjzLZdXxP9/xCHJxlG3Fgu0fdTh2uEsEBpBEuP8hdf3VLSD/Sq1x8lHGkykNG2kGPTtkgUSuH7S1zh6bf1QfI0wk4YCuOisRjkI4qF+v5lLXr1y0/iEJ4x3OgXO2SLElnYuZ8n2z3SgYpjFos2su6uCLS0MQ1mlgJz4GCjdKmlGwD6I/XXNkVV2PUiuvWqewXZlbzjpgv4T1U+/S/M2KvaybUUDiwSWQ5pmCuuo8Y/2hUBTk/qlChROWTKiVTT02zOBwV1LbW0wMy9/mJw0QGnbhsQRi/p/PMpgz4kLsxEAg7g57ustnCI5Syt6a3yukKsL4EmwSqHSWHJVOfjyHCL3BfXpCEPAjAZjU7dvXMb0DHaOhHuDhMjQlOknscKBYSxVVR/12fwf09ZtZLk139LmWzJ4Hdglyu1eqPZ7k5n88Vytd5sd/vD8XS+sNOpS7cevfr0G/D/Rt+Pk4ubh5ePimNhEuU0PiwMRFZmZX+rhv/O+swCnRDFahKjAPkExUhS+x4qRkIfAAA=)format("woff2"),url(/assets/fonts/CyEqEnY_.woff)format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:mono-2;src:url(/assets/fonts/CRqsZep0.woff2)format("woff2"),url(/assets/fonts/D7w2LnOV.woff)format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-display:swap;font-family:Noto Sans SC;font-style:normal;font-weight:400;src:url(/assets/fonts/DkkGUnQU.woff2)format("woff2"),url(/assets/fonts/BDYPtVg-.woff)format("woff"),url(/assets/fonts/By6FeczE.ttf)format("truetype")}@font-face{font-display:swap;font-family:Noto Sans SC;font-style:normal;font-weight:600;src:url(/assets/fonts/snLrL-WM.woff2)format("woff2"),url(/assets/fonts/BPvxv_zI.woff)format("woff"),url(/assets/fonts/Bcthrz3_.ttf)format("truetype")}@font-face{font-display:swap;font-family:Noto Sans SC;font-style:normal;font-weight:800;src:url(/assets/fonts/DLcsN3pm.woff2)format("woff2"),url(/assets/fonts/Po08RKHg.woff)format("woff"),url(/assets/fonts/DR87zMZt.ttf)format("truetype")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;scrollbar-color:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#0e0e0e);--font-pixel:"mono-1", ui-sans-serif, system-ui, sans-serif;--font-pixel-2:"mono-2", ui-sans-serif, system-ui, sans-serif;--font-pixel-3:"mono-3", ui-sans-serif, system-ui, sans-serif;--font-sans:"Noto Sans SC", ui-sans-serif, system-ui, sans-serif;--font-pixel-3-pixel-1:"mono-3", "mono-1", ui-sans-serif, system-ui, sans-serif;--font-pixel-3-sans:"mono-3", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;--primary-color:#9e4439;--secondary-color:#ebe8e0;--text-color:var(--secondary-color);--background-color:#070707;--container-background-color:#0e0e0e;--border-color:var(--secondary-color);--base-font-size:6rem;--page-noise-z-index:999990;--cursor-z-index:999980;--page-loading-z-index:999970;--vh-max:calc(var(--vh,1vh) * 100);--vw-scrollable-inner:100%;--vh-scrollable-inner:var(--vh-max);--border-width:1px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.surface-dark{--secondary-color:#ebe8e0;--text-color:var(--secondary-color);--background-color:#070707;--container-background-color:#0e0e0e;--border-color:var(--secondary-color)}.surface-light{--secondary-color:#070707;--text-color:var(--secondary-color);--background-color:#ebe8e0;--container-background-color:#dad7ce;--border-color:var(--secondary-color)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2036'%20width='16'%20height='24'%3e%3cpath%20fill='%23FFF'%20d='M21%2015h-3v-3h-3V9h-3V6H9V3H6V0H0v33h6v-3h3v3h3v3h9v-9h3v-9h-3v-3z'/%3e%3cpath%20d='M21%2018v6h-6v3h3v6h-6v-3H9v-3H6v3H3V3h3v3h3v3h3v3h3v3h3v3h3z'/%3e%3c/svg%3e") 0 0,default}body{font-family:var(--font-pixel-3);font-size:var(--base-font-size);color:var(--text-color);background-color:var(--background-color);overflow-x:clip}a{color:inherit;cursor:pointer;text-decoration:none}main{background-color:var(--background-color)}.divider{background-color:#000;width:100%;height:4px}.smile-eyes{font-family:Arial,Helvetica,sans-serif;line-height:.8}.hover-effect{color:#eeede6;transition:color .3s;display:inline-block;position:relative;overflow:hidden}.hover-effect:after{content:"";z-index:0;background-color:transparent;width:100%;height:100%;transition:transform .3s,background-color .3s;position:absolute;bottom:0;left:0;transform:translateY(100%)}.hover-effect:hover{color:#000}.hover-effect:hover:after{background-color:#fff;transform:translateY(0)}.hover-effect span{z-index:1;position:relative}.page__noise{height:100vh;pointer-events:none;height:100dvh;z-index:var(--page-noise-z-index);opacity:.045;user-select:none;background-image:url(/assets/images/BKoUHY4k.gif);background-repeat:repeat;background-size:100px 100px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.scrollable__content{z-index:0;background-color:var(--background-color)}.main-cursor{z-index:var(--cursor-z-index);pointer-events:none;user-select:none;contain:layout style size;direction:ltr;position:fixed;top:0;left:0}@supports (mix-blend-mode:exclusion){.main-cursor{mix-blend-mode:exclusion}.main-cursor.-media{mix-blend-mode:normal}}@media (hover:hover){.main-cursor{display:block}}@media (hover:none){.main-cursor{display:none}}.main-cursor .main-cursor-inner{will-change:transform}.main-cursor .main-cursor-inner:before{content:"";opacity:1;background:var(--secondary-color);filter:blur(1px);border-radius:100%;width:14px;height:14px;transition:background-color .2s ease-out,transform .2s cubic-bezier(.22,.61,.36,1),opacity .2s ease-out;display:block;position:absolute;top:-10px;left:-10px;transform:scale(1)}.main-cursor.-hidden .main-cursor-inner:before{opacity:0;transition:transform .2s ease-in,opacity .1s ease-in .1s;transform:scale(0)}.main-cursor.-active-link .main-cursor-inner:before,.main-cursor.-active-click .main-cursor-inner:before{opacity:1;transition:transform .2s cubic-bezier(.22,.61,.36,1),opacity .2s ease-out;transform:scale(4)}.main-cursor.-media .main-cursor-inner:before{opacity:0;transition:transform .2s ease-in,opacity .1s ease-in .1s;transform:scale(0)}.page__loading{top:0;bottom:0;left:0;right:0;height:100vh;height:100dvh;z-index:var(--page-loading-z-index);opacity:1;overscroll-behavior:none;background-color:transparent;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.page__loading--loaded{background-color:transparent}.page__loading-text{z-index:2;opacity:0;user-select:none;pointer-events:none;color:var(--text-color);flex-direction:column;justify-content:end;align-items:start;padding:min(4vw,8vh);transition:opacity .3s ease-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}@media (max-width:1200px){.page__loading-text{padding:min(6vw,12vh)}}@media (max-width:900px){.page__loading-text{padding:min(8vw,16vh)}}@keyframes loadingFadeIn{0%{opacity:0}to{opacity:1}}.page__loading-text--show{opacity:1;transition:opacity .5s ease-out}.page__loading--loaded .page__loading-text{opacity:0;transition:opacity}.page__loading-text-progress{color:var(--text-color);font-family:var(--font-pixel-2);text-align:left;font-variant-numeric:tabular-nums;-webkit-font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";font-feature-settings:"tnum";min-width:4ch;margin-left:min(.16vw,.32vh);font-size:min(5.5vw,11vh);font-weight:900;line-height:1.6}@media (max-width:1200px){.page__loading-text-progress{margin-left:min(.2vw,.4vh);font-size:min(7.4vw,14.8vh)}}@media (max-width:900px){.page__loading-text-progress{margin-left:min(.3vw,.6vh);font-size:min(12.3vw,24.6vh)}}.page__loading-text-title{color:var(--text-color);font-family:var(--font-pixel);font-size:min(9vw,18vh);font-weight:900;line-height:.9}@media (max-width:1200px){.page__loading-text-title{font-size:min(12vw,24vh)}}@media (max-width:900px){.page__loading-text-title{font-size:min(20vw,40vh)}}.page__loading-text-title:after{content:"";animation:.6s steps(2,end) infinite loadingTitle}@keyframes loadingTitle{0%{content:"AMOOOS "}to{content:"AMOOOS."}}.page__loading-container{z-index:1;opacity:1;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.page__loading-container-box{background-color:var(--primary-color);opacity:1}.page__loading--loaded .page__loading-container-box{animation:.5s ease-in-out forwards boxFadeOut}@keyframes boxFadeOut{to{opacity:0}}.hero{height:calc(var(--vh-scrollable-inner) * 2.5);background-color:var(--background-color);user-select:none}@media (max-aspect-ratio:7/8){.hero{height:calc(var(--vh-scrollable-inner) * 1.8)}}.hero__wrapper{height:var(--vh-scrollable-inner);background-color:var(--background-color);flex-direction:column;justify-content:center;align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.hero__overlay{opacity:0;z-index:1;background-color:var(--background-color);pointer-events:none;user-select:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero__title{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;overflow:visible}.hero__title-subtitle{color:var(--text-color);font-size:min(1.6vmax,3.2vmin);font-weight:400;font-family:var(--font-pixel-3);line-height:1}.hero__title-main{color:var(--text-color);font-size:min(8vmax,16vmin);font-weight:600;font-family:var(--font-pixel);white-space:nowrap;padding-left:.2863ch;line-height:1.2;display:inline-block;text-size-adjust:100%!important}.hero__box-wrapper{width:100%;height:100%;position:absolute}.hero__box{z-index:0;opacity:.001;transform-origin:50%;justify-content:center;align-items:center;width:fit-content;height:fit-content;display:flex;position:absolute}.hero__box-img{-o-object-fit:cover;object-fit:cover;pointer-events:none;border-radius:min(1vmax,2vmin);overflow:hidden}.hero__box-tag{color:#fff;font-family:var(--font-pixel);white-space:nowrap;overflow-wrap:normal;word-break:keep-all;hyphens:none;pointer-events:none;border-radius:min(6vmax,12vmin);justify-content:center;align-items:center;padding:min(1.5vmax,3vmin) min(3vmax,6vmin);font-size:min(2.5vmax,5vmin);font-weight:400;line-height:1;display:flex}.hero__box-img--flutter_tilt_1,.hero__box-img--flutter_tilt_2{width:min(20vmax,40vmin);height:auto}.hero__box-tag--open_source{color:#489142;background-color:#a7ff9f}.hero__box-img--flutter_cn_1,.hero__box-img--dart_cn_1{width:min(20vmax,40vmin);height:auto}.hero__box-tag--package{color:#4c55a5;background-color:#9fa9ff}.hero__box-tag--code{color:#7a63a0;background-color:#d8c0ff}.hero__box-img--mood_example_logo_1{width:min(4vmax,8vmin);height:auto}.intro{width:100%;height:calc(var(--vh-scrollable-inner) * 2)}.intro__wrapper{height:var(--vh-scrollable-inner);flex-direction:column;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.intro__paragraph p{font-family:var(--font-pixel-3-sans);color:var(--text-color);align-items:center;padding-bottom:min(1.5vmax,3vmin);font-size:min(1.5vmax,3vmin);font-weight:400;line-height:1;display:block}.intro__paragraph sup{vertical-align:super;font-size:min(1.5vmax,3vmin)}@media (max-width:900px){.intro__paragraph p{font-size:min(2.5vmax,5vmin)}.intro__paragraph sup{font-size:min(1.875vmax,3.75vmin)}}.intro__decoration{user-select:none;pointer-events:none}.work{background-color:var(--background-color);padding-bottom:min(15vmax,30vmin)}.work__title{justify-content:start;align-items:start;padding:min(5vmax,10vmin) min(7vmax,14vmin) min(10vmax,20vmin);display:flex}@media (min-aspect-ratio:2){.work__title{padding-left:9vmin;padding-right:9vmin}}.work__title-text{font-family:var(--font-pixel);color:var(--text-color);font-size:min(5vmax,10vmin);font-weight:400;line-height:1.2}#work__mosaic-animation{background-color:var(--background-color);width:100%;height:30vh;display:block}@media (max-aspect-ratio:1.2){#work__mosaic-animation{height:20vh}}.work__list{height:calc(var(--work-card-count) * var(--vh-scrollable-inner));background-color:var(--background-color)}@media (max-aspect-ratio:1.2){.work__list{height:auto}}.work__wrapper{height:var(--vh-scrollable-inner);flex-direction:column;display:flex;position:sticky;top:0}@media (max-aspect-ratio:1.2){.work__wrapper{height:auto;position:relative}}.work__display-gap{height:min(6vmax,12vmin)}@media (min-aspect-ratio:2){.work__display-gap{height:4vmin}}.work__display{flex:1;width:100%;height:100%;padding:min(1vmax,2vmin);overflow:hidden}@media (max-aspect-ratio:1.2){.work__display{padding:min(1vmax,2vmin)}}@media (min-aspect-ratio:2){.work__display{padding:1vmin}}.work__display-wrapper{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.work__card{z-index:0;height:100%;width:calc(var(--vw-scrollable-inner) * .7);display:flex;position:absolute;left:0;overflow:hidden}@media (max-aspect-ratio:1.2){.work__card{width:100%;position:relative}}.work__card:before{opacity:.4;content:"";z-index:-1;background-color:var(--container-background-color);pointer-events:none;border-radius:min(2vmax,4vmin);position:absolute;top:min(2vmax,4vmin);bottom:min(2vmax,4vmin);left:min(2vmax,4vmin);right:min(2vmax,4vmin)}@media (max-aspect-ratio:1.2){.work__card:before{top:min(2vmax,4vmin);bottom:min(2vmax,4vmin);left:min(2vmax,4vmin);right:min(2vmax,4vmin)}}@media (min-aspect-ratio:2){.work__card:before{top:2vmin;bottom:2vmin;left:2vmin;right:2vmin}}.work__card-body{z-index:0;grid-template-columns:60% 40%;justify-content:space-between;width:100%;padding:min(6vmax,12vmin);display:grid}@media (max-aspect-ratio:.8){.work__card-body{grid-template-columns:100%;justify-content:start}}@media (min-aspect-ratio:2){.work__card-body{padding:9vmin}}.work__card-info{flex-direction:column;justify-content:space-between;align-items:start;width:100%;padding-right:min(2vmax,4vmin);display:flex}@media (max-aspect-ratio:.8){.work__card-info{padding-bottom:min(4vmax,8vmin);padding-right:0}}.work__card-info-body{flex-direction:column;width:100%;padding-bottom:min(4vmax,8vmin);display:flex}@media (max-aspect-ratio:1.4){.work__card-info-body{padding-bottom:min(6vmax,12vmin)}}@media (min-aspect-ratio:2){.work__card-info-body{padding-bottom:4vmin}}.work__card-role{color:#3a3a3a;font-family:var(--font-pixel-3-sans);font-size:min(1vmax,2vmin);font-weight:400}.work__card-title{font-family:var(--font-sans);color:var(--text-color);margin-top:min(.3vmax,.6vmin);margin-bottom:min(1.6vmax,3.2vmin);font-size:min(2.6vmax,5.2vmin);font-weight:600;line-height:1.2;position:relative;left:-.5%}.work__card-desc{text-overflow:ellipsis;font-family:var(--font-pixel-3-sans);color:#3a3a3a;white-space:normal;font-size:min(1vmax,2vmin);font-weight:400;line-height:1.7;overflow:hidden}@media (max-aspect-ratio:1.4){.work__card-role{font-size:min(1.5vmax,3vmin)}.work__card-title{margin-top:min(.5vmax,1vmin);margin-bottom:min(2.5vmax,3vmin);font-size:min(3.6vmax,7.2vmin)}.work__card-desc{font-size:min(1.5vmax,3vmin);line-height:1.5}}@media (min-aspect-ratio:2){.work__card-role{font-size:2.4vmin}.work__card-title{margin-top:1.8vmin;margin-bottom:2.6vmin;font-size:4.4vmin}.work__card-desc{font-size:2vmin;line-height:1.5}}.work__card-actions{user-select:none;pointer-events:all}.work__card-link{flex-direction:row;margin-top:min(2vmax,4vmin);display:flex;position:relative;left:-.5%}.work__card-link a{background-color:var(--container-background-color);border:2px solid var(--container-background-color);border-radius:min(.8vmax,1.6vmin);justify-content:center;align-items:center;margin-right:min(.6vmax,1.2vmin);transition:border .2s ease-in-out;display:flex}.work__card-link a:hover{border:2px solid rgba(7,7,7,.1)}.work__card-link-icon{justify-content:center;align-items:center;width:min(1.6vmax,3.2vmin);height:min(1.6vmax,3.2vmin);margin:min(.5vmax,1vmin);display:flex}@media (max-aspect-ratio:1.4){.work__card-link{margin-top:min(2.5vmax,5vmin)}.work__card-link a{border-radius:min(1.2vmax,2.4vmin);margin-right:min(1vmax,2vmin)}.work__card-link-icon{width:min(2.4vmax,4.8vmin);height:min(2.4vmax,4.8vmin);margin:min(.8vmax,1.6vmin)}}@media (min-aspect-ratio:2){.work__card-link{margin-top:3.6vmin}.work__card-link a{border-radius:1.8vmin;margin-right:1.2vmin}.work__card-link-icon{width:3.6vmin;height:3.6vmin;margin:1.3vmin}}.work__card-statistics{flex-direction:column;width:100%;display:flex}.work__card-statistics-type{font-family:var(--font-pixel-3-sans);color:#3a3a3a;margin-bottom:min(.3vmax,.6vmin);font-size:min(1vmax,2vmin);font-weight:400}.work__card-statistics-count{flex-direction:row;justify-content:start;align-items:end;display:flex}.work__card-statistics-number{font-family:var(--font-pixel-2);color:var(--text-color);font-size:min(2.4vmax,4.8vmin);font-weight:400;line-height:1.2;position:relative;left:-.5%}.work__card-statistics-unit{font-family:var(--font-pixel-3-sans);color:#3a3a3a;margin-left:min(.2vmax,.4vmin);font-size:min(1vmax,2vmin);font-weight:400;line-height:2}.work__card-statistics-desc{font-family:var(--font-pixel);color:var(--text-color);font-size:min(1.8vmax,3.6vmin);font-weight:400;line-height:1}@media (max-aspect-ratio:1.4){.work__card-statistics-type{margin-bottom:min(.5vmax,1vmin);font-size:min(1.5vmax,3vmin)}.work__card-statistics-number{font-size:min(3.6vmax,7.2vmin)}.work__card-statistics-unit{margin-left:min(.2vmax,.4vmin);font-size:min(1.5vmax,3vmin);line-height:2}.work__card-statistics-desc{font-size:min(2.65vmax,5.3vmin)}}@media (min-aspect-ratio:2){.work__card-statistics-type{margin-bottom:1.8vmin;font-size:2vmin}.work__card-statistics-number{font-size:4.4vmin}.work__card-statistics-unit{margin-left:.36vmin;font-size:2vmin;line-height:1.3}.work__card-statistics-desc{font-size:3.18vmin}}.work__card-other{justify-content:end;align-items:end;width:100%;height:100%;display:flex;position:relative}@media (max-aspect-ratio:.8){.work__card-other{justify-content:start;align-items:start}}.work__card-cover{border-radius:min(1vmax,2vmin);width:fit-content;height:fit-content;display:block;position:relative;overflow:hidden}.work__card-cover-img{pointer-events:none;user-select:none;width:100%;max-width:min(21vmax,42vmin);height:100%;max-height:min(10vmax,20vmin);display:block;position:relative}@media (max-aspect-ratio:.8){.work__card-cover-img{max-width:min(40vmax,80vmin);max-height:min(20vmax,40vmin)}}@media (max-aspect-ratio:1.4){.work__card-cover-img{max-width:min(30vmax,60vmin);max-height:min(15vmax,30vmin)}}@media (min-aspect-ratio:2){.work__card-cover-img{max-width:36vmin;max-height:18vmin}}.work__card-cover-overlay{user-select:none;background:rgba(7,7,7,.05);width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;top:-10px;left:-10px}.composition{flex-direction:column;justify-content:center;align-items:center;margin-top:min(5vmax,10vmin);display:flex}@media (max-width:900px){.composition{margin-top:min(15vmax,30vmin)}}.composition__wrapper{background-image:radial-gradient(circle,#6d6d6d min(.1vmax,.2vmin),transparent min(.1vmax,.2vmin));background-size:min(2vmax,4vmin) min(2vmax,4vmin);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10% 5%;display:flex;position:relative;overflow:hidden}.composition__wrapper:after{content:"";z-index:calc(var(--cursor-z-index) - 100);user-select:none;pointer-events:none;background:linear-gradient(#070707 0%,rgba(7,7,7,0) 20%,rgba(7,7,7,0) 50%,rgba(7,7,7,0) 80%,#070707 100%),linear-gradient(90deg,#070707 0%,rgba(7,7,7,0) 10%,rgba(7,7,7,0) 50%,rgba(7,7,7,0) 90%,#070707 100%);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.composition__title{justify-content:start;align-items:center;width:100%;height:fit-content;padding:10% 15% 0;display:flex}@media (max-width:900px){.composition__title{padding:30% 0 10% 15%}}.ascii-fluid{width:min(15vmax,30vmin);height:min(15vmax,30vmin);position:relative}#ascii-fluid__gl-canvas{--clip-path-polygon-card-1:min(4vmax, 8vmin);--clip-path-polygon-card-05:min(2vmax, 4vmin);width:100%;height:100%;-webkit-clip-path:polygon(var(--clip-path-polygon-card-1) 0, calc(100% - var(--clip-path-polygon-card-1)) 0, calc(100% - var(--clip-path-polygon-card-1)) var(--clip-path-polygon-card-05), calc(100% - var(--clip-path-polygon-card-05)) var(--clip-path-polygon-card-05), calc(100% - var(--clip-path-polygon-card-05)) var(--clip-path-polygon-card-1), 100% var(--clip-path-polygon-card-1), 100% calc(100% - var(--clip-path-polygon-card-1)), calc(100% - var(--clip-path-polygon-card-05)) calc(100% - var(--clip-path-polygon-card-1)), calc(100% - var(--clip-path-polygon-card-05)) calc(100% - var(--clip-path-polygon-card-05)), calc(100% - var(--clip-path-polygon-card-1)) calc(100% - var(--clip-path-polygon-card-05)), calc(100% - var(--clip-path-polygon-card-1)) 100%, var(--clip-path-polygon-card-1) 100%, var(--clip-path-polygon-card-1) calc(100% - var(--clip-path-polygon-card-05)), var(--clip-path-polygon-card-05) calc(100% - var(--clip-path-polygon-card-05)), var(--clip-path-polygon-card-05) calc(100% - var(--clip-path-polygon-card-1)), 0 calc(100% - var(--clip-path-polygon-card-1)), 0 var(--clip-path-polygon-card-1), var(--clip-path-polygon-card-05) var(--clip-path-polygon-card-1), var(--clip-path-polygon-card-05) var(--clip-path-polygon-card-05), var(--clip-path-polygon-card-1) var(--clip-path-polygon-card-05), var(--clip-path-polygon-card-1) 0);clip-path:polygon(var(--clip-path-polygon-card-1) 0, calc(100% - var(--clip-path-polygon-card-1)) 0, calc(100% - var(--clip-path-polygon-card-1)) var(--clip-path-polygon-card-05), calc(100% - var(--clip-path-polygon-card-05)) var(--clip-path-polygon-card-05), calc(100% - var(--clip-path-polygon-card-05)) var(--clip-path-polygon-card-1), 100% var(--clip-path-polygon-card-1), 100% calc(100% - var(--clip-path-polygon-card-1)), calc(100% - var(--clip-path-polygon-card-05)) calc(100% - var(--clip-path-polygon-card-1)), calc(100% - var(--clip-path-polygon-card-05)) calc(100% - var(--clip-path-polygon-card-05)), calc(100% - var(--clip-path-polygon-card-1)) calc(100% - var(--clip-path-polygon-card-05)), calc(100% - var(--clip-path-polygon-card-1)) 100%, var(--clip-path-polygon-card-1) 100%, var(--clip-path-polygon-card-1) calc(100% - var(--clip-path-polygon-card-05)), var(--clip-path-polygon-card-05) calc(100% - var(--clip-path-polygon-card-05)), var(--clip-path-polygon-card-05) calc(100% - var(--clip-path-polygon-card-1)), 0 calc(100% - var(--clip-path-polygon-card-1)), 0 var(--clip-path-polygon-card-1), var(--clip-path-polygon-card-05) var(--clip-path-polygon-card-1), var(--clip-path-polygon-card-05) var(--clip-path-polygon-card-05), var(--clip-path-polygon-card-1) var(--clip-path-polygon-card-05), var(--clip-path-polygon-card-1) 0);display:block}.composition__world{width:100%;height:min(80vmax,160vmin);position:relative}@media (max-width:900px){.composition__world{height:min(120vmax,240vmin)}}.composition__box-text{width:fit-content;display:block;position:absolute}.composition__box-img{width:fit-content;height:fit-content;display:block;position:absolute}.composition__box-text--cf{width:min(13vmax,26vmin);height:auto}.composition__box-text--flutter{width:min(20vmax,40vmin);height:auto}.composition__box-text--dart{width:min(13vmax,25vmin);height:auto}.composition__box-text--git,.composition__box-text--vue{width:min(11vmax,22vmin);height:auto}.composition__box-text--react{width:min(17vmax,34vmin);height:auto}.composition__box-text--golang{width:min(20vmax,40vmin);height:auto}.composition__box-img--sheep-1{width:min(15vmax,30vmin);height:min(15vmax,30vmin)}@media (max-width:900px){.composition__box-img--sheep-1{width:min(20vmax,40vmin);height:min(20vmax,40vmin)}}.composition__box-img--cloud-1,.composition__box-img--cloud-1 img{width:min(25vmax,50vmin);height:auto}.composition__box-img--cloud-2,.composition__box-img--cloud-2 img{width:min(20vmax,40vmin);height:auto}.composition__box-img--cfug-logo{width:min(10vmax,20vmin);height:min(10vmax,20vmin)}@media (max-width:900px){.composition__box-img--cfug-logo{width:min(12vmax,24vmin);height:min(12vmax,24vmin)}}.composition__box-img--flutter-candies{width:min(10vmax,20vmin);height:min(10vmax,20vmin)}@media (max-width:900px){.composition__box-img--flutter-candies{width:min(12vmax,24vmin);height:min(12vmax,24vmin)}}#contact__mosaic-animation{background-color:var(--background-color);width:100%;height:30vh;display:block}.contact__wrapper{grid-template-columns:50% 50%;align-items:center;padding:min(5vmax,10vmin) min(5vmax,10vmin) 20px;display:grid}@media (max-width:900px){.contact__wrapper{grid-template-columns:100%}}@media (max-aspect-ratio:1.2){#contact__mosaic-animation{height:20vh}}.contact__link-container{font-family:var(--font-pixel)}.contact__link-gap{height:min(6vmax,12vmin)}.contact__link-title{padding:min(1vmax,2vmin) min(2vmax,4vmin)}.contact__link-title-en{opacity:.5;color:var(--text-color);font-size:min(2vmax,4vmin);font-weight:400}.contact__link-title-zh{opacity:.5;color:var(--text-color);margin-top:min(.8vmax,1.6vmin);font-size:min(2vmax,4vmin);font-weight:400}.contact__link{flex-direction:column;justify-content:start;display:flex}.contact__link a{width:fit-content;margin-top:min(.4vmax,.8vmin);margin-bottom:min(.4vmax,.8vmin);padding:min(.5vmax,1vmin) min(2vmax,4vmin);font-size:min(2.5vmax,5vmin);font-weight:400}.magnetic__container{width:fit-content;display:inherit;position:relative;overflow:visible}.magnetic__link{z-index:1;display:inline-block;position:relative}.circular-animation__container{width:100%;height:100%;font-family:var(--font-pixel);justify-content:center;align-items:center;margin-bottom:min(12vmax,24vmin);display:flex}@media (max-width:900px){.circular-animation__container{height:min(50vmax,100vmin);margin-bottom:0}}.circular-animation__text span{font-size:min(4.5vmax,9vmin);font-weight:900}@media (max-width:900px){.circular-animation__text span{font-size:min(5.5vmax,11vmin)}}.copyright__container{justify-content:space-between;align-items:end;padding:min(10vmax,20vmin) min(2vmax,4vmin) min(2vmax,4vmin);display:flex}@media (max-width:900px){.copyright__container{padding-bottom:min(3vmax,6vmin);padding-left:min(3vmax,6vmin);padding-right:min(3vmax,6vmin)}}.copyright__avatar{user-select:none;pointer-events:none;align-items:end;display:flex}.copyright__avatar img{border-radius:100%;width:40px;height:40px}.copyright__info{color:var(--text-color);text-align:end;font-size:10px;font-weight:400;position:relative;bottom:-6px}.copyright__info div{opacity:.5;margin-bottom:6px;display:block}.copyright__info-koko{color:var(--text-color);margin-bottom:14px;opacity:1!important}.circular-animation__container{user-select:none}.circular-animation__text{z-index:1;position:relative;left:-10px}.circular-animation__text span{z-index:1;position:absolute}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
/*$vite$:1*/