@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@font-face{font-family:ALD721;src:url(/static/media/ALD721.f9051b56bfa6fca6e612.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--surface-color);font-size:62.5%;scroll-behavior:smooth}.blobs{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.blob{filter:blur(88px);position:absolute;will-change:transform,border-radius}.blob-1{animation:blobFloat1 22s ease-in-out infinite;background:var(--blob1);height:420px;left:-120px;top:-100px;width:520px}.blob-2{animation:blobFloat2 18s ease-in-out infinite;background:var(--blob2);bottom:-120px;height:540px;right:-80px;width:460px}.blob-3{animation:blobFloat3 25s ease-in-out infinite;background:var(--blob1);height:320px;opacity:.65;right:-60px;top:25%;width:340px}.blob-4{animation:blobFloat4 16s ease-in-out infinite;background:var(--blob2);bottom:25%;height:300px;left:-90px;opacity:.7;width:380px}.blob-5{animation:blobFloat5 30s ease-in-out infinite;background:var(--blob1);height:260px;left:40%;opacity:.4;top:50%;width:300px}@keyframes blobFloat1{0%,to{border-radius:60% 40% 70% 30%/50% 60% 40% 50%;transform:translate(0) scale(1)}33%{border-radius:40% 60% 30% 70%/60% 40% 60% 40%;transform:translate(45px,35px) scale(1.07)}66%{border-radius:70% 30% 50% 50%/40% 70% 30% 60%;transform:translate(-25px,55px) scale(.95)}}@keyframes blobFloat2{0%,to{border-radius:50% 50% 60% 40%/60% 40% 60% 40%;transform:translate(0) scale(1)}40%{border-radius:65% 35% 40% 60%/45% 55% 45% 55%;transform:translate(-35px,-45px) scale(1.05)}75%{border-radius:35% 65% 55% 45%/55% 45% 65% 35%;transform:translate(30px,-25px) scale(.96)}}@keyframes blobFloat3{0%,to{border-radius:55% 45% 65% 35%/45% 65% 35% 55%;transform:translate(0) scale(1)}50%{border-radius:45% 55% 35% 65%/65% 35% 55% 45%;transform:translate(-40px,50px) scale(1.1)}}@keyframes blobFloat4{0%,to{border-radius:65% 35% 45% 55%/55% 45% 65% 35%;transform:translate(0) scale(1)}35%{border-radius:35% 65% 65% 35%/35% 65% 35% 65%;transform:translate(50px,-35px) scale(1.06)}70%{border-radius:55% 45% 35% 65%/65% 35% 45% 55%;transform:translate(25px,45px) scale(.94)}}@keyframes blobFloat5{0%,to{border-radius:45% 55% 60% 40%/55% 45% 55% 45%;transform:translate(0) scale(1) rotate(0deg)}25%{border-radius:60% 40% 45% 55%/40% 60% 40% 60%;transform:translate(-30px,-40px) scale(1.08) rotate(5deg)}75%{border-radius:40% 60% 55% 45%/60% 40% 60% 40%;transform:translate(40px,30px) scale(.93) rotate(-4deg)}}input.text,input[type=button],input[type=submit],input[type=text],textarea{all:unset;-webkit-appearance:none}button,input,input.text,input[type=button],input[type=submit],input[type=text],textarea{border-radius:0;color:var(--text-color)!important;font-family:Inter,sans-serif}body{-webkit-font-smoothing:antialiased;font-smooth:always;color:var(--text-color);font-family:Inter,sans-serif;font-optical-sizing:auto;font-size:10pt;line-height:1.168;margin:0 auto;max-width:1440px}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{animation:slideInLeft .5s cubic-bezier(.22,1,.36,1) both;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;gap:2em;height:100vh;overflow-y:auto;padding:2.2em 1.6em;position:-webkit-sticky;position:sticky;top:0}.sidebar-brand h1{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(120deg,var(--text-color) 0,var(--primary-color) 60%,var(--text-color) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:1.5rem;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.sidebar-brand h1,.sidebar-brand h1 span{-webkit-text-fill-color:#0000}.sidebar-nav{flex:1 1}.sidebar-nav ul{display:flex;flex-direction:column;gap:.2em;list-style:none}.sidebar-nav ul li{animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both;opacity:0;padding-left:0}.sidebar-nav ul li:before{content:none}.sidebar-nav ul li:first-child{animation-delay:.15s}.sidebar-nav ul li:nth-child(2){animation-delay:.22s}.sidebar-nav ul li:nth-child(3){animation-delay:.29s}.sidebar-nav ul li:nth-child(4){animation-delay:.36s}.sidebar-nav ul li:nth-child(5){animation-delay:.43s}.sidebar-nav ul li:nth-child(6){animation-delay:.5s}.sidebar-nav ul li:nth-child(7){animation-delay:.57s}.sidebar-nav ul li:nth-child(8){animation-delay:.64s}.sidebar-nav ul li a{align-items:center;border-radius:9px;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:600;gap:.65em;padding:.55em .8em;text-decoration:none;transition:background .2s ease,color .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.sidebar-nav ul li a i{flex-shrink:0;font-size:1.1em;opacity:.75;transition:opacity .2s ease}.sidebar-nav ul li a.active,.sidebar-nav ul li a:hover{background:var(--glass-bg);color:var(--primary-color);transform:translateX(3px)}.sidebar-nav ul li a.active i,.sidebar-nav ul li a:hover i{opacity:1}.sidebar-options{border-top:1px solid var(--glass-border);gap:.8em;padding-top:1em}.content-area,.sidebar-options{display:flex;flex-direction:column}.content-area{min-width:0;padding:2.5em 3em}.settings{display:flex;flex-direction:column;gap:.45em;label{font-size:1.1rem;font-weight:700}select{background-color:var(--hl-color);border:1px solid var(--glass-border);border-radius:999px;box-shadow:0 2px 10px #0000004d;color:var(--text-color);cursor:pointer;font-family:Inter,sans-serif;font-size:1.15rem;letter-spacing:.05em;margin-left:0!important;outline:none;padding:4px 12px;transition:border-color .25s ease,box-shadow .25s ease;width:100%;&:hover{border-color:var(--primary-color);box-shadow:0 2px 14px var(--glow)}optgroup,option{background-color:var(--hl-color);color:var(--text-color)}}}main{animation:fadeUp .45s cubic-bezier(.22,1,.36,1) both;display:flex;flex:1 1;flex-direction:column;gap:2em}h1{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(120deg,var(--text-color) 0,var(--primary-color) 60%,var(--text-color) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;text-transform:uppercase}h1,h1 span{-webkit-text-fill-color:#0000}h2{margin-top:1em}.ald{font-family:ALD721;font-weight:400;position:relative}h2.greeting{font-size:2.8rem;font-weight:800;line-height:1.2;margin-top:.5em}p.greeting-sub{font-size:1.2rem;line-height:1.75;max-width:580px;opacity:.85}main section{display:flex;flex-direction:column;gap:1em}.home-section-label{font-size:1.05rem;font-weight:700;letter-spacing:.08em;opacity:.5;text-transform:uppercase}.home-featured .wraps{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(3,1fr)}.home-latest-post{backdrop-filter:blur(24px) saturate(160%) brightness(1.06);-webkit-backdrop-filter:blur(24px) saturate(160%) brightness(1.06);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #00000059,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;gap:.6em;max-width:680px;padding:1.4em 1.6em}.home-latest-post time{font-size:1.05rem;font-weight:600;opacity:.6}.home-latest-post p{font-size:1.1rem;line-height:1.65;opacity:.9}.home-latest-post .read-more{align-items:center;color:var(--primary-color);display:inline-flex;font-size:1.1rem;font-weight:700;gap:.3em;text-decoration:none;transition:opacity .2s ease;&:hover{opacity:.75}}.home-cta{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #00000059,inset 0 1px 0 #ffffff1a;gap:1.5em;max-width:500px;padding:1.4em 1.8em}.home-cta,.home-cta-status{align-items:center;display:flex}.home-cta-status{font-size:1.05rem;font-weight:600;gap:.5em}.home-cta-dot{animation:ctaPulse 2s ease-in-out infinite;background:#4caf50;border-radius:50%;box-shadow:0 0 8px #4caf50;flex-shrink:0;height:9px;width:9px}@keyframes ctaPulse{0%,to{box-shadow:0 0 6px #4caf50}50%{box-shadow:0 0 16px #4caf50,0 0 28px #4caf5066}}.home-cta-link{border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);font-size:1.1rem;font-weight:700;padding:.4em 1.1em;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease;&:hover{background:var(--primary-color);box-shadow:0 4px 18px var(--glow);color:var(--hl-color)}}footer{border-top:1px solid var(--glass-border);font-size:.85em;margin-top:3em;opacity:.6;padding-top:1em;transition:color .25s ease}ul li{list-style-position:inside;list-style-type:none;padding-left:20px;position:relative}ul li,ul li:before{transition:color .2s ease}ul li:before{content:"※";left:0;position:absolute}ul li:hover:before{color:var(--primary-color)}ul li a{color:var(--text-color);text-decoration:none;transition:color .25s cubic-bezier(.22,1,.36,1)}ul li a:hover{color:var(--primary-color)}ul li{animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both;opacity:0}ul li:first-child{animation-delay:.35s}ul li:nth-child(2){animation-delay:.45s}ul li:nth-child(3){animation-delay:.55s}ul li:nth-child(4){animation-delay:.65s}ul li:nth-child(5){animation-delay:.75s}.sns{gap:2em}.sns,.sns a{display:flex}.sns a{align-items:center;color:var(--text-color);gap:.25em;text-decoration:none;transition:color .25s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.sns a:hover{color:var(--primary-color);transform:translateY(-3px)}.sns a i{font-size:1.2em}.crim{animation:glowPulse 5s ease-in-out infinite;background-color:var(--primary-color);border-radius:6px;box-shadow:0 2px 16px var(--glow);color:var(--hl-color);display:inline-block;margin-bottom:.5em;padding:.4em .8em}.about-layout{grid-gap:3em;align-items:start;display:grid;gap:3em;grid-template-columns:1fr 1.5fr}.about-left,.about-right{display:flex;flex-direction:column;gap:2em}.job-collabs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.jb .r small:after{background-color:var(--secondary-color);content:"";display:block;height:2px;left:50%;opacity:0;position:absolute;top:22px;transform:translateX(-50%);transition:width .35s cubic-bezier(.22,1,.36,1),opacity .35s ease;width:0}.jb:hover .r small:after{opacity:1;width:90px}.jb{align-items:center;animation:cardEntrance .6s cubic-bezier(.22,1,.36,1) both;backdrop-filter:blur(24px) saturate(160%) brightness(1.06);-webkit-backdrop-filter:blur(24px) saturate(160%) brightness(1.06);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #00000073,inset 0 1px 0 #ffffff24,inset 0 -1px 0 #00000026;display:flex;flex-direction:column;gap:20px;opacity:0;overflow:hidden;padding:20px;position:relative;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.22,1,.36,1);&:before{background:linear-gradient(90deg,var(--primary-color),#0000);border-radius:20px 20px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}&:hover{box-shadow:0 18px 50px #0000008c,inset 0 1px 0 #fff3,inset 0 -1px 0 #00000026,0 0 0 1px var(--glass-border);transform:translateY(-5px) scale(1.01)}.l{height:50px}.r{position:relative;text-align:center;width:210px;h4{text-align:center;text-transform:uppercase}small{color:var(--secondary-color);font-size:10px}}.l img{max-height:60px}}.jb:first-child{animation-delay:.4s}.jb:nth-child(2){animation-delay:.52s}.jb:nth-child(3){animation-delay:.64s}.jb:nth-child(4){animation-delay:.76s}.wraps{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.proj-link{animation:cardEntrance .6s cubic-bezier(.22,1,.36,1) both;color:var(--text-color);display:flex;opacity:0;position:relative;text-decoration:none;&:after{background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 14px var(--glow);content:"";height:18px;left:-7px;opacity:0;pointer-events:none;position:absolute;top:-7px;transform:scale(.4);transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.34,1.56,.64,1);width:18px;z-index:2}&:hover:after{opacity:1;transform:scale(1)}}.proj-link:first-child{animation-delay:.38s}.proj-link:nth-child(2){animation-delay:.48s}.proj-link:nth-child(3){animation-delay:.58s}.proj-link:nth-child(4){animation-delay:.68s}.proj-link:nth-child(5){animation-delay:.78s}.proj-link:nth-child(6){animation-delay:.88s}.proj{backdrop-filter:blur(24px) saturate(160%) brightness(1.06);-webkit-backdrop-filter:blur(24px) saturate(160%) brightness(1.06);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #00000073,inset 0 1px 0 #ffffff24,inset 0 -1px 0 #00000026;line-height:1.668;overflow:hidden;position:relative;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.22,1,.36,1);width:100%;&:before{background:linear-gradient(90deg,var(--primary-color),#0000);border-radius:16px 16px 0 0;content:"";height:2px;left:0;z-index:1}&:before,.pn{position:absolute;right:0;top:0}.pn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000004d;border-bottom:1px solid var(--glass-border);border-left:1px solid var(--glass-border);border-radius:0 16px 0 10px;color:var(--primary-color);font-size:.8rem;padding:.25em .6em;z-index:2}&:hover{box-shadow:0 18px 50px #0000008c,inset 0 1px 0 #fff3,inset 0 -1px 0 #00000026,0 0 0 1px var(--glass-border);cursor:pointer;transform:translateY(-5px) scale(1.01)}}.proj-screenshot{border-radius:14px 14px 0 0;height:170px;overflow:hidden;position:relative;width:100%;img{display:block;height:100%;object-fit:cover;object-position:top;transition:transform .5s cubic-bezier(.22,1,.36,1);width:100%}}.proj-link:hover .proj-screenshot img{transform:scale(1.04)}.proj-body{display:flex;flex-direction:column;gap:.4em;padding:1em}.proj h4{align-items:center;display:flex;gap:.5em}.proj h4 a{color:var(--text-color);text-decoration:none;transition:color .25s ease;&:hover{color:var(--primary-color)}}.proj p{color:var(--text-color);font-size:.95em;opacity:.8}.design{align-items:center;display:flex;gap:2em;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;will-change:scroll-position;img{border-radius:14px;box-shadow:0 4px 16px #00000073,inset 0 1px 0 #ffffff1a;cursor:zoom-in;flex-shrink:0;height:250px;object-fit:cover;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.22,1,.36,1);width:250px;&:hover{box-shadow:0 12px 36px #0009,inset 0 1px 0 #ffffff24;transform:scale(1.05)}}}.lightbox{align-items:center;animation:fadeIn .2s ease both;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);background:#000000d1;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000;img{animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1) both;border-radius:14px;box-shadow:0 24px 80px #000000b3,inset 0 1px 0 #ffffff1a;max-height:90vh;max-width:90vw;object-fit:contain}}table{border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 8px 32px #00000073,inset 0 1px 0 #ffffff1a;overflow:hidden}td,th{backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);background:var(--glass-bg);border:1px solid var(--glass-border);padding:1em}th{background:var(--primary-color);border-color:#0000;color:var(--hl-color)}td{text-align:center}td a{color:var(--text-color);text-decoration:none;transition:color .25s ease}td a:hover{color:var(--primary-color);text-decoration:underline}.conf{align-items:center;display:flex}.disabled{cursor:default;opacity:.3}.conf a{color:var(--primary-color);text-decoration:none;transition:opacity .2s ease;&:hover{opacity:.75}}.techstack{display:flex;flex-wrap:wrap;gap:.8em;p{backdrop-filter:blur(16px) saturate(150%) brightness(1.05);-webkit-backdrop-filter:blur(16px) saturate(150%) brightness(1.05);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;box-shadow:0 4px 14px #00000059,inset 0 1px 0 #ffffff1f;font-size:.95em;padding:.4em 1em;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;&:hover{box-shadow:0 8px 22px #00000073,inset 0 1px 0 #ffffff29;transform:translateY(-2px)}}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}pre{backdrop-filter:blur(16px) saturate(150%) brightness(1.05);-webkit-backdrop-filter:blur(16px) saturate(150%) brightness(1.05);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;color:var(--text-color);overflow-x:auto;padding:1em}.back-link{color:var(--primary-color);font-weight:700;text-decoration:none;transition:opacity .2s ease;&:hover{opacity:.7}}.mobile-bar,.mobile-drawer{display:none}.menu-btn{background:#0000;border:none;cursor:pointer;font-size:2.8rem;line-height:1;transition:color .25s ease;&:hover i{color:var(--primary-color)}}@media screen and (max-width:960px){.layout{grid-template-columns:1fr}.sidebar{align-items:center;animation:none;border-bottom:1px solid var(--glass-border);border-right:none;flex-direction:row;gap:0;height:auto;justify-content:space-between;padding:0;position:static}.sidebar-brand,.sidebar-nav,.sidebar-options{display:none}.mobile-bar{align-items:center;display:flex;justify-content:space-between;padding:1.2em 1.6em;width:100%}.mobile-bar h1{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(120deg,var(--text-color) 0,var(--primary-color) 60%,var(--text-color) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:1.4rem;text-transform:uppercase}.mobile-bar h1,.mobile-bar h1 span{-webkit-text-fill-color:#0000}.mobile-drawer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1000}.mobile-drawer.open{opacity:1;pointer-events:all}.mobile-drawer-inner{background:var(--surface-color);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;gap:2em;height:100%;left:0;padding:2em 1.6em;position:absolute;top:0;transform:translateX(-100%);transition:transform .35s cubic-bezier(.22,1,.36,1);width:260px}.mobile-drawer.open .mobile-drawer-inner{transform:translateX(0)}.mobile-drawer ul{display:flex;flex:1 1;flex-direction:column;gap:.3em;list-style:none}.mobile-drawer ul li{animation:none;opacity:1;padding-left:0}.mobile-drawer ul li:before{content:none}.mobile-drawer ul li a{align-items:center;border-radius:9px;color:var(--text-color);display:flex;font-size:1.5rem;font-weight:700;gap:.6em;padding:.5em .6em;text-decoration:none;transition:color .25s ease,background .2s ease}.mobile-drawer ul li a.active,.mobile-drawer ul li a:hover{background:var(--glass-bg);color:var(--primary-color)}.close-menu{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:2.5rem;position:absolute;right:1.2rem;top:1.2rem;transition:color .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1);&:hover{color:var(--primary-color);transform:rotate(90deg)}}.drawer-options{border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.8em;padding-top:1em}.content-area{padding:1.5em 1.6em}.about-layout,.home-featured .wraps,.job-collabs,.wraps{grid-template-columns:1fr}.settings select{margin-left:0;margin-top:6px;width:130px}}@media screen and (max-width:600px){.content-area{padding:1.2em}.design img{height:160px;width:160px}.sns{flex-wrap:wrap;gap:1em}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 2px 16px var(--glow)}50%{box-shadow:0 2px 30px var(--glow),0 0 48px var(--glow)}}@keyframes gradientShift{0%,to{background-position:0}50%{background-position:100%}}::selection{background:var(--primary-color);color:var(--hl-color)}html{scrollbar-color:var(--primary-color) var(--surface-color);scrollbar-width:thin}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}
/*# sourceMappingURL=main.ba5f8e7a.css.map*/