*,:before,:after{box-sizing:border-box;font:inherit;vertical-align:baseline;word-break:break-word;border:0;outline:0;margin:0;padding:0}html,body,h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd{margin:0;padding:0}h1{font-size:2rem}h2{font-size:1.7rem}h3{font-size:1.5rem}h4{font-size:1.3rem}h5{font-size:1.1rem}h6{font-size:.9rem}strong{font-weight:800}a,a:link,a:visited,a:focus,a:hover,a:active{color:inherit;outline:0;text-decoration:none}ol,ul{list-style:none}input,button,textarea,select{font:inherit}a,button,input,textarea{-webkit-tap-highlight-color:#0000}img,svg{max-width:100%;height:auto;display:block}table{border-collapse:collapse;width:100%}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--font-noto:"Noto Sans KR",sans-serif;--font-jua:"Jua",sans-serif;--font-nanum:"Nanum Gothic",sans-serif;--font-mono:"Source Code Pro",monospace;--color-dawngold:#ff9800;--color-amberglow:#ffd146;--color-amberglow-bright:#ffda6c;--color-deepgrove:#2e7d32;--color-leafgreen:#6bbf59;--color-leafgreen-active:#b3f8a3;--color-palemint:#f2f9f4;--color-palemint-minty:#cef3c6;--color-palemint-darken:#dbe2dc;--color-darkforest:#020904;--color-darkforest-moss:#06270f;--color-white:#f2f9f4;--color-black:#020904;--color-darkgreen:#151d20;--color-deepgreen:#203940;--color-lightgreen-highlight:#d3f4d6;--color-lightgreen:#82de89;--color-smoothgreen:#89e8bc;--color-smoothgreen-light:#b8fcdc;--color-smoothblue:#85d1cf;--brand-ps:#31a8ff;--brand-ai:#ff9a00;--brand-ae:#99f;--brand-pr:#99f;--brand-au:#99f;--tr-white-02:#ffffff05;--tr-white-05:#ffffff0d;--tr-white-08:#ffffff14;--tr-white-10:#ffffff1a;--tr-white-30:#ffffff4d;--tr-white-40:#fff6;--tr-white-60:#fff9;--tr-black-10:#0000001a;--tr-black-30:#0000004d;--tr-black-40:#0006;--tr-black-50:#00000080;--tr-black-60:#0009;--color-transition-overlay:var(--color-dawngold);--color-transition-background:var(--color-darkforest);--bs-normal:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--bs-medium:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--bs-large:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--bs-bold:0 5px 15px -3px #0000003b,0 4px 6px -2px #0000003b;--bs-deep:0px 0px 20px #0006;--ts-soft:0 1px 2px #00000059;--ts-medium:0 2px 4px #00000059;--ts-bold:0 3px 8px #00000073,0 1px 2px #00000059}@media (max-width:1980px){:root{--base-font-size:20px}}@media (max-width:1440px){:root{--base-font-size:18px}}@media (max-width:1100px){:root{--base-font-size:16px}}@media (max-width:600px){:root{--base-font-size:14px}}@media (max-width:360px){:root{--base-font-size:12px}}@media (min-width:1980px){:root{--base-font-size:22px}}header{z-index:2942942;background:var(--color-palemint);width:60px;height:60px;box-shadow:var(--bs-deep);border-radius:15px;flex-direction:column;justify-content:flex-start;align-items:center;transition:height .35s cubic-bezier(.84,-.48,.14,1.5),transform .2s;display:flex;position:fixed;top:20px;right:20px;overflow:hidden}header:hover .hamburger{transform:scale(1.1)}header.open{height:224px}header.open:hover .hamburger{transform:scale(1)}.header-trigger{cursor:pointer;padding:15px}.header-items{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.header-items button{background:0 0;padding:0}.header-item{cursor:pointer;background:#ddd;border-radius:10px;padding:7px;transition:background-color .2s,transform .2s,border-radius .2s}.header-item:hover,.header-item.active{background:var(--color-amberglow-bright);border-radius:50%}.icon{width:30px;height:30px;stroke:var(--color-darkforest);stroke-width:.24px;justify-content:center;align-items:center;display:flex}.shake{animation:.4s forwards shake}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}.hamburger{width:26px;height:22px;margin:6px 0;transition:transform .2s;display:block;position:relative}.hamburger .line{background:var(--color-darkforest);z-index:2;border-radius:30px;width:100%;height:4px;transition:all .35s cubic-bezier(.84,-.48,.14,1.5);display:block;position:absolute}.hamburger .line:first-child{top:0}.hamburger .line:nth-child(2){width:80%;top:50%;transform:translateY(-50%)}.hamburger .line:nth-child(3){bottom:0}.rotate-down{transform:translateY(-50%)rotate(45deg);top:50%!important}.fade-out{width:0!important}.rotate-up{transform:translateY(50%)rotate(-45deg);bottom:50%!important}@media (max-width:1100px){header{border-radius:15px;flex-direction:row;justify-content:center;width:155px;height:auto;transition:opacity .2s;position:fixed;top:auto;bottom:30px;left:50%;transform:translate(-50%)}header.open{height:auto}header .header-trigger{display:none}header .header-items{-webkit-overflow-scrolling:touch;flex-direction:row;gap:10px;padding:8px;overflow-x:auto}.icon{width:24px;height:24px}}#overlay{pointer-events:none;z-index:294294;position:fixed;inset:0}.transition-circle{pointer-events:none;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.transition-overlay{z-index:1;background:var(--color-transition-overlay);opacity:1}.transition-background{z-index:2;background:var(--color-transition-background);opacity:0}.intro-root{z-index:999999;background:var(--color-transition-overlay);position:fixed;inset:0}.intro-center{pointer-events:none;opacity:1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-circle{background:0 0;border-radius:50%;position:relative;overflow:hidden}.intro-svg{position:absolute;inset:0}.intro-wave{fill:var(--color-background);stroke:var(--color-background);stroke-width:1px;vector-effect:non-scaling-stroke}.intro-text{fill:var(--color-transition-overlay);dominant-baseline:middle;text-anchor:middle;font-size:2rem;font-weight:400}.intro-maskout{z-index:294294294;background:var(--color-dawngold);-webkit-mask-image:var(--transition-mask-image);-webkit-mask-image:var(--transition-mask-image);mask-image:var(--transition-mask-image);will-change:mask-image,-webkit-mask-image;position:fixed;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.hint-scroll{z-index:999;opacity:1;width:max-content;text-shadow:0 0px 10px var(--tr-black-30);pointer-events:none;will-change:opacity;font-size:1.4rem;position:absolute;left:50%;transform:translate(-50%)translateY(170%)}.hint-scroll.bottom{bottom:20px}.hint-scroll.top{top:20px}.hint-scroll.fade-out{opacity:0}.icon-box{justify-content:center;align-items:center;width:44px;height:44px;line-height:0;animation:2s ease-in-out infinite bounceY;display:inline-flex}.hint-scroll.fade-out .icon-box{animation:none}@keyframes bounceY{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.hint-swipeup{z-index:9999;pointer-events:none;opacity:1;transition:opacity .3s;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.hint-swipeup.is-fadeout{opacity:0}.hint-swipeup-inner{border-radius:999px;grid-auto-flow:row;place-items:center;gap:6px;padding:8px 10px;display:grid}.hint-swipeup-glyph{gap:2px;display:grid;position:relative}.hint-swipeup-arrow{fill:currentColor;opacity:0;width:20px;height:20px;filter:drop-shadow(var(--ts-soft));animation:1.8s infinite hintSwipeUp}.hint-swipeup-arrow:first-child{animation-delay:0s}.hint-swipeup-arrow:nth-child(2){animation-delay:.15s}.hint-swipeup-text{color:var(--color-foreground,#fff);text-shadow:var(--ts-soft);font-weight:600;animation:1.8s infinite opacity}@keyframes hintSwipeUp{0%{opacity:0;transform:translateY(8px)}30%{opacity:.9}60%{opacity:.6}to{opacity:0;transform:translateY(-10px)}}@keyframes opacity{0%{opacity:0}50%{opacity:1}to{opacity:0}}.scroll-progress{z-index:999;pointer-events:none;position:fixed;top:0;left:0;right:0}.scroll-progress .back{-webkit-backdrop-filter:saturate(140%)blur(2px);backdrop-filter:saturate(140%)blur(2px);background:#00000094;width:100%;height:4px;overflow:hidden}.scroll-progress .fill{transform-origin:0;will-change:transform;background:linear-gradient(90deg,var(--color-amberglow),var(--color-amberglow-bright));border-radius:99px;width:100%;height:100%;transition:transform .12s linear}.typing-wrapper{white-space:pre;display:inline}.typing-cursor{vertical-align:bottom;display:inline-block}.typing-cursor.bar:after{content:"|";color:currentColor;font-weight:700}.typing-cursor.block:after{content:"";background-color:currentColor;width:.6em;height:.15em;display:inline-block;transform:translateY(.2em)}.blink{animation:1s step-start infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.slide{flex-direction:column;width:500px;min-height:130px;display:flex;position:relative}.slide-wrapper{height:100%;display:flex}.slide-content{text-align:center;flex:1;position:relative;overflow:hidden}.slide-content img{pointer-events:none;display:block}.slide-inner,.slide-wrapper,.slide-content{-webkit-user-select:none;user-select:none}.slide-footer{justify-content:space-between;align-items:center;display:flex}.slide-indicator{gap:.7rem;display:flex}.slide-indicator button{opacity:.3;color:var(--color-white);background-color:#0000;font-size:.5rem;transition:opacity .2s}.slide-indicator .active{opacity:1}.slide-nav-button{color:var(--color-white);cursor:pointer;background:0 0;border:none;width:2rem;height:2rem;transition:opacity .2s}.slide-nav-button:disabled{opacity:.3;cursor:default}.slide-nav-button i{text-shadow:var(--shadow-bold);font-size:1.2rem}.slide-loading{color:var(--color-lttext);justify-content:center;align-items:center;width:100%;height:320px;font-family:Source Code Pro;font-size:.9rem;display:flex}.slide-page{height:100%}.slide-loading-overlay{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);width:100%;height:100%;color:var(--color-white);justify-content:center;align-items:center;font-family:Source Code Pro;font-size:1rem;display:flex;position:absolute;top:0;left:0}.slide-inner{color:var(--color-white)}#error{color:var(--color-dawngold);flex-direction:column;justify-content:center;align-items:center;display:flex}#error .heading-number{white-space:nowrap;align-items:baseline;gap:.15em;margin-top:2rem;font-size:13rem;font-weight:600;line-height:1;display:inline-flex}#error .heading-number .rd-roller{vertical-align:baseline;display:inline-block!important}#error .heading-title{letter-spacing:4px;font-size:5rem;font-weight:600;line-height:1}#error .title-area,#error .button-area{flex-direction:column;justify-content:center;align-items:center;display:flex}#error .title-area{gap:1.2rem}#error .button-area{gap:.3rem;margin-top:2.5rem}#error .subtitle{font-size:1.2rem}#error .buttontitle{font-size:2.1rem;font-weight:200}#error .button{background-color:var(--color-dawngold);cursor:pointer;border:none;border-radius:5px;margin-top:1rem;padding:.5rem 1.3rem;font-weight:700;text-decoration:none;transition:all .2s}#error .button:hover{background-color:var(--color-amberglow)}#error .button span{color:var(--color-darkforest);font-size:1.5rem}#error .button span i{margin-right:10px}#error .logo-wrap{justify-content:center;align-items:center;gap:15px;font-weight:700;display:flex}#error .logo-wrapper{z-index:-1;opacity:.2;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1100px){#error{padding:2rem}#error .heading-number{font-size:10rem}#error .heading-title{text-align:center;font-size:3.5rem}#error .subtitle{font-size:1rem}#error .buttontitle{font-size:1.8rem}}#card{position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.about-card{transform-origin:50%;will-change:transform,opacity}.about-card--tilt{transform:perspective(1000px)rotateX(-7deg)rotateY(7deg)}.about-card--tilt-start{opacity:0;transform:perspective(1000px)rotateX(7deg)rotateY(7deg)}.wave-bg{z-index:0;position:absolute;inset:0}.about-card-wrapper{aspect-ratio:9/4.7;background:var(--color-palemint);min-width:700px;max-width:700px;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;z-index:2;will-change:min-width,min-height,aspect-ratio;border-radius:25px;flex-direction:column;justify-content:space-between;align-items:center;transition:aspect-ratio .3s ease-in-out,min-width .3s ease-in-out,min-height .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #0209046f}.card-top{flex:1;align-items:center;gap:2rem;width:100%;padding:2rem 2rem 1.4rem;display:flex}.card-left{justify-content:center;align-items:center;height:100%;display:flex}.char-frame{aspect-ratio:1;background:var(--color-palemint-darken);border-radius:16px;place-items:center;width:230px;display:grid;overflow:hidden;box-shadow:inset 0 0 8px #00000026}.card-right{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:1.5rem;height:100%;display:flex}.id-row{justify-content:center;align-items:center;gap:15px;display:flex}.id-row img{margin-right:20px}.name-container{flex-direction:column;gap:.6rem;display:flex}.nick-name{letter-spacing:8px;font-size:2.8rem;font-weight:800;line-height:1}.real-name{color:#536657;cursor:help;align-items:center;gap:10px;font-weight:800;display:inline-flex}.color-palette{justify-content:center;align-items:center;gap:.8rem;width:100%;margin-top:.4rem;display:flex}.color-palette:before,.color-palette:after{content:"";border-bottom:1px solid var(--color-darkforest);opacity:.5;flex:1 1 0;height:0}.color-swatch{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000026}.sns-list{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.sns-btn{border:1px solid #0000001f;border-radius:12px;place-items:center;width:40px;height:40px;text-decoration:none;transition:transform .16s,opacity .16s,border-color .16s;display:grid;overflow:hidden}.sns-btn:hover{border:1px solid #0000004d;transform:translateY(-2px)}.sns-btn:hover .sns-ico{background-color:var(--color-darkforest)}.card-bottom{justify-content:center;align-items:center;display:flex}.text-list{letter-spacing:3px;opacity:.8;padding-bottom:1.5rem;font-size:.7rem;font-weight:400}#profile{color:var(--color-palemint);background:0 0;margin:0 auto}#profile .border{width:100%;height:0;margin:4rem 0}#profile .border:after{content:"";border-bottom:3px solid var(--color-dawngold);transform-origin:0;width:100%;transition:transform 2s cubic-bezier(.16,1,.3,1);display:block;transform:scaleX(0)}#profile .border.in-view:after{transform:scaleX(1)}#profile .text-color{color:var(--color-dawngold);font-weight:600}#profile .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.about-profile-wrapper{overscroll-behavior:contain;opacity:0;pointer-events:none;position:fixed;inset:0;overflow-y:auto;transform:translateY(24px)}.about-profile-wrapper.interactive{pointer-events:auto}.profile-body{background:var(--color-darkforest);padding-bottom:10vh}.common-margin{max-width:1500px;margin:0 auto}.profile-main{flex-direction:column;justify-content:center;align-items:flex-start;gap:3rem;height:100dvh;padding:0 1rem;display:flex}.profile-with-character{align-items:center;gap:6rem;display:flex}.profile-character-frame{border:4px solid var(--color-dawngold);aspect-ratio:1;border-radius:30px;width:300px}.profile-title-container{flex-direction:column;gap:1.8rem;display:flex}.profile-title{flex-wrap:wrap;align-items:center;font-size:5.5rem;display:flex}.profile-title .typing-wrapper{color:var(--color-dawngold);font-weight:600;line-height:1}.profile-title .typing-wrapper span{color:var(--color-palemint)}.profile-title .nick{letter-spacing:20px;margin-left:1rem;font-weight:600;line-height:1}.profile-title-sub{letter-spacing:5px;width:fit-content;font-size:3.8rem;font-weight:400}.profile-title-paragraph{font-size:2.4rem;line-height:1.9}.profile-block{flex-flow:row;align-items:center;gap:7.3rem;height:80dvh;padding:0 1rem;display:flex}.profile-block .profile-paragraph{flex:1.6 1 0;width:100%;min-width:340px;font-size:2rem}.profile-block .profile-paragraph p{line-height:1.9}.profile-block .profile-paragraph h4{letter-spacing:3px;background:var(--color-dawngold);width:fit-content;color:var(--color-darkforest);margin-bottom:1rem;padding:.2rem 1rem;font-size:3rem;font-weight:600}.profile-block.vertical{flex-direction:column;justify-content:center;align-items:flex-start}.profile-block.vertical .profile-paragraph{flex:0}.about-design .stack-item[aria-label=Adobe\ Photoshop] svg{color:var(--brand-ps)}.about-design .stack-item[aria-label=Adobe\ Illustrator] svg{color:var(--brand-ai)}.about-design .stack-item[aria-label="Adobe After Effect"] svg,.about-design .stack-item[aria-label="Adobe After Effects"] svg{color:var(--brand-ae)}.about-design .stack-item[aria-label="Adobe Premiere Pro"] svg{color:var(--brand-pr)}.about-design .stack-item[aria-label=Adobe\ Audition] svg{color:var(--brand-au)}.stack-bg-wrap{isolation:isolate;place-items:center;min-height:240px;display:grid;position:relative}.stack-icons-table{--stack-cell:clamp(88px,12vw,140px);z-index:1;grid-template-columns:repeat(3,var(--stack-cell));grid-auto-rows:var(--stack-cell);justify-content:center;align-items:center;gap:1.5rem;width:100%;margin:0 auto;display:grid;position:relative}.stack-icons-table .stack-item.is-visible{animation:1.2s cubic-bezier(.22,1,.36,1) both stack-pop;animation-delay:calc(var(--i,0)*.13s)}.stack-icons-table .stack-item{width:var(--stack-cell);aspect-ratio:1;opacity:0;will-change:transform,opacity;background:#0000002e;border:1px solid #ffffff54;border-radius:16px;place-items:center;display:grid;transform:translateY(14px)scale(.94)}@keyframes stack-pop{0%{opacity:0;filter:blur(1.5px);transform:translateY(14px)scale(.9)}60%{opacity:1;filter:blur();transform:translateY(-2px)scale(1.13)}to{opacity:1;transform:translateY(0)scale(1)}}.palette-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.palette-table-wrapper::-webkit-scrollbar{height:4px;display:block}.palette-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-amberglow);border-radius:6px}.palette-table-wrapper::-webkit-scrollbar-track{background:0 0}#palette-table{border-collapse:collapse;table-layout:fixed;border:none;width:100%;min-width:1100px;overflow:hidden}#palette-table th,#palette-table td{text-overflow:ellipsis;white-space:nowrap;color:var(--color-palemint);overflow:hidden}#palette-table col.col--name{width:25%}#palette-table col.col--num{width:7ch}#palette-table col.col--hex{width:8ch}#palette-table col.col--copy{width:4ch}#palette-table thead th{vertical-align:middle;border-bottom:1px solid #f2f9f447;height:79px;padding:12px 20px;font-size:2rem;font-weight:700}#palette-table tbody td{height:90px;font-family:var(--font-nanum);vertical-align:middle;text-align:center;border-bottom:1px solid #f2f9f429;padding:12px 20px;font-size:1.8rem;font-weight:300}#palette-table th:first-child,#palette-table td:first-child{text-align:left;letter-spacing:2px;font-weight:600}#palette-table tr:first-child td:first-child,#palette-table tr:nth-child(2) td:first-child,#palette-table tr:nth-child(5) td:first-child{color:var(--color-darkforest)}#palette-table .palette-copy-icon{justify-content:center;align-items:center;display:flex}#palette-table .copy-btn{color:var(--color-palemint);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .14s;display:flex}#palette-table .copy-btn:hover{transform:translateY(-5px)}#palette-table .copy-btn:active{transform:translateY(0)}.profile-footer{background:var(--color-dawngold);color:var(--color-darkforest);z-index:-1;flex-direction:column;justify-content:center;align-items:center;height:30vh;padding:1.3rem 0;display:flex;position:sticky;inset:auto 0% 0%;overflow:hidden}.profile-footer .profile-footer-inner{flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex}.profile-footer .footer-bottom{border-top:1px solid #02090447;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.8rem 1rem 0;display:flex}.profile-footer .footer-copy{font-weight:600}.profile-footer .footer-sns{align-items:center;gap:.7rem;display:flex}.profile-footer .footer-sns .sns-btn{border:none}.profile-footer .footer-comment{flex-direction:column;display:flex}.profile-footer .footer-comment .copyright{font-size:.9rem}.profile-footer .footer-comment .inspired{font-size:.8rem}.profile-footer .to-top{cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:100%;font-size:1.7rem;font-weight:800;transition:transform .14s,background .14s;animation:2s ease-in-out infinite bounceUp;display:flex}.profile-footer .footer-description{gap:4rem;display:flex}@keyframes bounceUp{0%,to{transform:translateY(5px)}50%{transform:translateY(-10px)}}.profile-indicator{color:#fff;z-index:10;pointer-events:none;position:fixed;top:50%;right:0;transform:translateY(-50%)}.split-prep{visibility:hidden}.line{vertical-align:top;display:inline-block;overflow:hidden}.word{white-space:break-spaces;display:inline-block}@media (max-width:1440px){.common-margin{margin:0 3rem}.profile-main{height:auto;margin-top:4rem;padding-bottom:5rem}.profile-intro{flex-direction:column;justify-content:center;align-items:flex-start}.profile-block{flex-direction:column;justify-content:center;gap:3rem;height:auto;padding:4rem 0}.about-design .stack-bg-wrap{order:-1}.profile-with-character{flex-direction:column;justify-content:center;gap:3.3rem;width:100%}.palette-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}#palette-table tbody td{height:80px}.profile-block .stack-bg-wrap,.profile-block .profile-paragraph{flex:initial;width:100%;min-width:0}.stack-bg-wrap{min-height:auto}.stack-icons-table{grid-template-columns:repeat(5,1fr)}.stack-icons-table .stack-item{justify-self:center}.profile-footer{height:35vh;padding-bottom:110px}.profile-footer .footer-comment,.profile-footer .footer-bottom{justify-content:center;align-items:center}.profile-footer .footer-sns{display:none}}@media (max-width:1100px){.profile-title{flex-direction:column;align-items:flex-start;gap:.8rem;font-size:4rem}.profile-title .nick{margin:0}.profile-title-sub{font-size:2.4rem}.profile-paragraph{margin-top:2rem;font-size:1.4rem}.profile-paragraph h4{font-size:2.5rem}.stack-icons-table{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.about-card-wrapper{aspect-ratio:5/9;min-width:300px;max-width:300px;max-height:80dvh;margin-bottom:85px}.card-top{flex-direction:column;padding-bottom:1rem}.card-right{flex-direction:column;flex:auto;gap:1rem;margin-top:1rem}.logo-and-name{flex-direction:row;gap:0}.logo-and-name img{width:55px}.logo-and-name .nick-name{font-size:3rem}.logo-and-name .real-name{font-size:1.2rem}.sns-list{gap:8px}.sns-list .sns-btn{border-radius:10px;width:30px;height:30px}.sns-list .sns-ico{width:18px;height:18px}.card-bottom{padding:.3rem 2rem}.card-bottom .text-list{text-align:center;font-size:.8rem}.profile-intro{font-size:5rem}.stack-icons-table{grid-template-columns:repeat(2,1fr);gap:1.5rem}}#works{border-radius:25px;height:100dvh;padding:2rem;overflow-y:auto}.works-list-grid{grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:1.5rem;display:grid}.works-list-grid.dimmed .works:not(.active):not(:hover){filter:brightness(.3);pointer-events:none}.works-line{align-items:flex-start;gap:1.5rem;display:grid;position:relative}.work-video-container{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.work-video-container video,.work-video-container .work-image{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%}.works{border-radius:10px;width:100%;height:100%;transition:transform .3s,opacity .3s,filter .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 0 2px #ff980054}.works:hover,.works.active{transform:scale(1.04);box-shadow:0 0 12px #ff980054}.works:hover .work-title,.works:hover .work-year{top:10px;bottom:unset}.works:hover .gradient-bg{opacity:1;transform:translateY(0)}.works.focused .glitch-layer{display:none}.work-title{color:#fff;z-index:2;pointer-events:none;white-space:nowrap;background-color:#0009;border-radius:5px;padding:4px 8px;font-size:.8rem;font-weight:400;position:absolute;top:10px;left:10px}.work-year{color:#fff;z-index:2;pointer-events:none;white-space:nowrap;background-color:#0009;border-radius:5px;padding:4px 8px;font-size:.8rem;position:absolute;top:10px;right:10px}.work-info-container{z-index:2;gap:15px;transition:opacity .3s;display:flex;position:absolute;bottom:15px;left:15px}.drop-icon{opacity:0;animation:.3s forwards dropIn}.work-type{color:#fff;text-align:center;box-shadow:var(--bs-bold);border-radius:100px;padding:5px 10px;font-size:.8rem;transition:background .3s}#Study{background:#3748e2}#Project{background:#e23770}#Release{background:#278936}.work-icon{width:32px;height:32px;box-shadow:var(--bs-bold);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:background .3s;display:flex}.work-icon.github{font-size:1.35rem}.work-icon.link{font-size:1.1rem}@keyframes dropIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.drop-icon:first-child{animation-delay:.1s}.drop-icon:nth-child(2){animation-delay:.15s}.drop-icon:nth-child(3){animation-delay:.2s}.drop-icon:nth-child(4){animation-delay:.25s}.drop-icon:nth-child(5){animation-delay:.3s}.drop-icon:nth-child(6){animation-delay:.35s}.load-wraper{background:vaR(--ph-bg,#e6e6e6);z-index:3;pointer-events:none;border-radius:inherit;opacity:1;will-change:opacity;transition:opacity var(--ph-fade,.3s)ease;position:absolute;inset:0;overflow:hidden}.load-wraper.ph-exit{opacity:0}.load-wraper .activity{width:50%;height:100%;animation:loading var(--ph-speed,1s)infinite ease-in-out;z-index:4;background-image:linear-gradient(270deg,#fbfbfb0d,#fbfbfb4d,#fbfbfb99,#fbfbfb4d,#fbfbfb0d);position:absolute;left:-45%}@keyframes loading{0%{left:-45%}to{left:100%}}@media (max-width:1440px){.works-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1100px){.works-list-grid{grid-template-columns:1fr;margin-bottom:90px}.work-icon{width:24px;height:24px}.work-info-container{opacity:1}.sidebar-close{display:none}.filter-select-box{justify-content:center;width:100%;font-size:.8rem}}.main-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;overflow:auto}.logo img{width:18em;margin-bottom:1em;animation-name:logo;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.logo-no-animation img{width:18em;margin-bottom:1em;transition:transform .2s ease-out}.logo-wrapper{border:3px solid var(--color-lightgreen);border-radius:50%;justify-content:center;align-items:center;width:15em;height:15em;margin-bottom:1em;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.logo-wrapper:hover{border-color:var(--color-smoothgreen)}.logo-wrapper img{will-change:transform;width:70%;height:70%;transition:transform 50ms linear}.title-wrapper{color:var(--color-palemint);text-align:center;border-radius:20px;flex-direction:column;padding:40px;line-height:27px;display:flex}.title{margin-bottom:5px;font-weight:700;line-height:1.2em}.subtitle{margin-top:.8em;transition:color .3s}.floor{background:var(--color-lightgreen);border-radius:30px;width:100%;height:4px}#position{width:95%;padding-bottom:8dvh;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.position-setter{width:25%;margin-left:auto;margin-right:auto;display:block;position:relative}#moe{width:100%;min-height:100vh;margin:0 auto}.moe-section{flex-direction:column;justify-content:center;width:100%;height:100vh;display:flex}.moe-wrapper{background:#00000051;flex-direction:column;justify-content:center;align-items:center;gap:2em;height:100%;display:flex;overflow:visible}.moe-wrapper .top-wrapper{color:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.2em;display:flex}.moe-title{color:#fff;gap:8px;margin-bottom:.3em;font-weight:700;display:flex}.link-to-main{color:var(--color-amberglow);transition:color .2s}.link-to-main:hover{color:var(--color-dawngold)}.moe-subtitle{color:var(--color-mgray)}.server-item-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1em;display:flex}.server-item{color:#fff;text-align:center;width:100%;box-shadow:var(--shadow-medium);background:#00000051;border-radius:20px;flex-direction:column;flex:1;padding:1.5em;line-height:27px;animation-name:breath;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;display:flex}.server-item .title{white-space:nowrap;margin-bottom:0;font-weight:700;line-height:1.2em}.server-item .subtitle{color:var(--color-mgray);white-space:nowrap;margin-top:5px;transition:color .3s}@keyframes breath{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}.playercount{margin-top:1em;font-size:1.3rem}.sip{background:#82de89aa;border-radius:3px;margin:0 2px;padding:1px 4px;font-weight:700}.items{gap:2em;margin-top:2em;padding:0 40px;display:flex}.item{cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;gap:5px;width:5.5em;display:flex}.item.deactive{cursor:default}.item.deactive i,.item.deactive span p{color:#555!important}.item span{width:100%;height:2em;position:relative;overflow:hidden}.item span p{text-align:center;color:#fff;width:100%;margin:0;padding:0;transition:all .2s;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.item:hover span p{transform:translate(-50%)}.item i{-o-transition:all .2s ease;color:#fff;margin-bottom:7px;font-size:3rem;transition:all .2s}.item i:hover{transform:scale(1.1)}.tooltip-container{display:inline-block;position:relative}.tooltip-container .tooltip-text{visibility:hidden;color:#fff;text-align:center;white-space:nowrap;z-index:10;opacity:0;background-color:#00000051;border-radius:15px;padding:.6em 1em;font-size:.9rem;transition:opacity .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-25px)}.tooltip-container .tooltip-text:after{content:"";border:12px solid #0000;border-top-color:#00000051;position:absolute;top:100%;left:45%}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.intro-wrapper{color:#fff;justify-content:space-evenly;align-items:center;height:100%;padding:2rem;display:flex}.intro-left{flex-direction:column;gap:.5rem;line-height:2.2rem;display:flex}.intro-left p{font-size:1.1rem}.feature-list{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.feature-item{border:2px solid #ffffff70;border-radius:20px;align-items:center;width:100%;padding:.6em 1em;font-size:1.5rem;display:flex}.list-icon{margin-right:.7em}.description-container{background:#00000051;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex}.description-wrapper{justify-content:center;align-items:center;gap:2em;width:100%;max-width:1000px;display:flex}.description-area{text-align:left}.description{color:#fff;text-align:center;border-radius:20px;flex-direction:column;flex:1;width:100%;padding:1.5em;font-weight:400;line-height:27px;display:flex}@media (max-width:1100px){.server-wrapper{flex-direction:column}.intro-wrapper{flex-direction:column;gap:2rem}.intro-wrapper .intro-left{order:2}.intro-wrapper .intro-right{width:100%}.intro-wrapper .intro-right li{width:90%}.item span p{transform:translate(-50%)}.moe-title{flex-direction:column;gap:2px}.moe-title span:nth-child(2){display:none}.server-item{width:90%}.server-item .title,.server-item .subtitle{white-space:wrap}}html,body{scroll-behavior:smooth;min-width:280px;max-width:2560px;font-family:var(--font-noto);font-size:var(--base-font-size);text-rendering:optimizeSpeed;margin:0 auto;line-height:1.5;transition:font-size .1s;position:relative}body{background:var(--color-darkforest);-webkit-tap-highlight-color:#0000}main,section{min-height:100svh;max-height:100lvh}.sns-ico{background-color:var(--color-darkforest);width:24px;height:24px;transition:background .3s;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sns-ico.youtube{-webkit-mask-image:url(https://cdn.simpleicons.org/youtube);mask-image:url(https://cdn.simpleicons.org/youtube)}.sns-ico.x{-webkit-mask-image:url(https://cdn.simpleicons.org/x);mask-image:url(https://cdn.simpleicons.org/x)}.sns-ico.pixiv{-webkit-mask-image:url(https://cdn.simpleicons.org/pixiv);mask-image:url(https://cdn.simpleicons.org/pixiv)}.sns-ico.bluesky{-webkit-mask-image:url(https://cdn.simpleicons.org/bluesky);mask-image:url(https://cdn.simpleicons.org/bluesky)}.sns-ico.github{-webkit-mask-image:url(https://cdn.simpleicons.org/github);mask-image:url(https://cdn.simpleicons.org/github)}.sns-ico.discord{-webkit-mask-image:url(https://cdn.simpleicons.org/discord);mask-image:url(https://cdn.simpleicons.org/discord)}.sns-ico.mail{-webkit-mask-image:url(https://cdn.jsdelivr.net/npm/heroicons@latest/24/solid/envelope.svg);mask-image:url(https://cdn.jsdelivr.net/npm/heroicons@latest/24/solid/envelope.svg)}.pointer-background{opacity:1;pointer-events:none;mix-blend-mode:difference;z-index:9999;white-space:nowrap;will-change:transform,width,height,border-radius,background-color;border-radius:9999px;justify-content:center;align-items:center;transition:opacity .25s,width .22s,height .22s,border-radius .22s,background-color .25s,transform .18s;display:flex;position:fixed}.pointer-background span{color:#f2f9f4;letter-spacing:.04em;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px #0000004d);font-size:1em;font-weight:600;line-height:1;transition:opacity .18s .22s}::-webkit-scrollbar{display:none}