:root{--rosewater:92.26% 0.0238 30.49;--flamingo:88.4% 0.0458 351.72;--pink:87% 0.0752 336.3;--mauve:78.71% 0.1187 304.77;--red:70.55% 0.1899 13.38;--maroon:78.21% 0.0903 8.85;--peach:80.04% 0.1281 51.46;--yellow:91.05% 0.1373 94.31;--green:90.83% 0.1839 142.32;--teal:81.21% 0.1409 165.14;--sky:84.67% 0.0833 210.25;--sapphire:67.27% 0.1401 269.58;--blue:76.64% 0.1113 259.88;--lavender:62.56% 0.236 299.56;--text:95.92% 0.019253 273.2377;--subtext1:83.58% 0.0311 275.53;--subtext0:77.23% 0.029 274.54;--overlay2:68.65% 0.0374 274.73;--overlay1:61.76% 0.0367 276;--overlay0:54.97% 0.0345 277.1;--surface2:47.65% 0.034 278.64;--surface1:40.37% 0.032 280.15;--surface0:17.03% 0.0083 285.49;--base:0% 0 0;--mantle:10.67% 0 0;--crust:0% 0 0;--bounce:cubic-bezier(0.175, 0.885, 0.32, 1.9);--monospace:"Iosevka Term Web","Iosevka",monospace;--width:950px}body,html{margin:0;padding:0;background:oklch(var(--base));display:flex;flex-direction:column;min-height:100%;overflow-x:hidden}body,html{width:100%}body.UwU,html.UwU{--monospace:MS Gothic,"Iosevka Term Web","Iosevka",monospace}body.UwU * *,html.UwU * *{font-family:var(--monospace)}body.UwU .letter,body.UwU .letters,body.UwU .period,body.UwU h1,body.UwU h2,body.UwU h3,body.UwU h4,body.UwU h5,body.UwU h6,html.UwU .letter,html.UwU .letters,html.UwU .period,html.UwU h1,html.UwU h2,html.UwU h3,html.UwU h4,html.UwU h5,html.UwU h6{font-family:Yuruka!important}body.UwU .navtitle,html.UwU .navtitle{background:url(/img/vtuber.svg) no-repeat center bottom;background-size:contain;display:block;width:15rem;height:7rem;text-indent:-99999em;padding-top:4rem;transition:transform .5s ease}body.UwU .navtitle:hover,html.UwU .navtitle:hover{animation:gelatine .5s infinite}@keyframes gelatine{from,to{transform:scale(1,1)}25%{transform:scale(.95,1.05)}50%{transform:scale(1.05,.95)}75%{transform:scale(.98,1.02)}}body.monospace * *,html.monospace * *{font-family:var(--monospace)}*{scrollbar-color:oklch(var(--color)) oklch(var(--mantle)/0.5);scrollbar-width:thin;scroll-behavior:smooth;color:oklch(var(--text));box-sizing:border-box;font-display:optional;image-rendering:pixelated}::selection{background:oklch(var(--color)/1);color:oklch(var(--base))}* *{font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.letters{display:inline-flex}.letters .letter{display:inline-block;animation:hover 2s infinite ease-in-out alternate;transform:translateY(5px)}.letters .letter.letter:first-child{animation-delay:.1s}.letters .letter.letter:nth-child(2){animation-delay:.2s}.letters .letter.letter:nth-child(3){animation-delay:.3s}.letters .letter.letter:nth-child(4){animation-delay:.4s}.letters .letter.letter:nth-child(5){animation-delay:.5s}.letters .letter.letter:nth-child(6){animation-delay:.6s}.letters .letter.letter:nth-child(7){animation-delay:.7s}.letters .letter.letter:nth-child(8){animation-delay:.8s}.letters .letter.letter:nth-child(9){animation-delay:.9s}.letters .letter.letter:nth-child(10){animation-delay:1s}.letters .letter.letter:nth-child(11){animation-delay:1.1s}.letters .letter.letter:nth-child(12){animation-delay:1.2s}.letters .letter.letter:nth-child(13){animation-delay:1.3s}.letters .letter.letter:nth-child(14){animation-delay:1.4s}.letters .letter.letter:nth-child(15){animation-delay:1.5s}.letters .letter.letter:nth-child(16){animation-delay:1.6s}.letters .letter.letter:nth-child(17){animation-delay:1.7s}.letters .letter.letter:nth-child(18){animation-delay:1.8s}.letters .letter.letter:nth-child(19){animation-delay:1.9s}.letters .letter.letter:nth-child(20){animation-delay:2s}.letters .letter.letter:nth-child(21){animation-delay:2.1s}.letters .letter.letter:nth-child(22){animation-delay:2.2s}.letters .letter.letter:nth-child(23){animation-delay:2.3s}.letters .letter.letter:nth-child(24){animation-delay:2.4s}.letters .letter.letter:nth-child(25){animation-delay:2.5s}.letters .letter.letter:nth-child(26){animation-delay:2.6s}.chip{display:flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:15px;display:inline-block;background:oklch(var(--surface0)/.3);border:1px solid oklch(100% 0 0deg / .2)}.blur{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;width:50%;height:100%;background:oklch(var(--lavender)/.5);border-radius:50%;filter:blur(50px);z-index:0}br{user-select:none}nav{user-select:none;padding:2rem 0;position:sticky;top:0;z-index:100;background:linear-gradient(90deg,oklch(var(--color)/.02),oklch(var(--color2)/.02));backdrop-filter:blur(20px);box-shadow:0 5px 10px oklch(var(--base)/.5)}nav::after{content:"";position:absolute;background:linear-gradient(90deg,transparent 25%,oklch(var(--color)/1) 50%,transparent 75%);width:100%;height:1px;bottom:0;opacity:.5}nav .inner{display:flex;gap:10px;justify-content:space-between;margin:0 auto;width:var(--width);max-width:calc(100% - 40px)}@media (max-width:900px){nav .inner{flex-direction:column;gap:20px}nav .inner div:first-of-type{max-width:100%!important}nav .inner .nav{justify-content:flex-start}}footer{margin-top:50px;padding:2rem 0;background:linear-gradient(90deg,oklch(var(--color)/.02),oklch(var(--color2)/.02));backdrop-filter:blur(20px);box-shadow:0 -5px 10px oklch(var(--base)/.5);word-break:break-word;overflow-wrap:break-word;white-space:normal}footer::before{content:"";position:absolute;background:linear-gradient(90deg,transparent 25%,oklch(var(--color)/1) 50%,transparent 75%);width:100%;height:1px;top:0;opacity:.5}footer .inner{display:flex;justify-content:space-between;max-width:var(--width);margin:0 auto;padding:0 20px;flex-wrap:wrap}@media (max-width:600px){footer footer{min-height:fit-content;margin-bottom:0}footer .inner{flex-direction:column;padding-right:0 2rem;word-wrap:break-word;overflow-wrap:break-word}footer #konami,footer h4,footer p{flex:1 1 auto;min-width:0;word-wrap:break-word}footer #konami{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:0}footer kbd{padding:5px 10px}footer #lazy{display:block;margin-top:.5rem}}a{user-select:none;display:inline-flex;text-decoration:none;cursor:crosshair!important;padding:2.5px 5px;border-radius:7.5px;color:oklch(var(--color));border:2px solid oklch(var(--color));transition:all .5s var(--bounce),color .25s,border-color .25s}a.no-style{border:none!important;padding:0}a.socials{text-decoration-style:wavy;text-decoration-line:underline;text-decoration-color:oklch(var(--color))}a.socials:hover{transform:scale(1.05) skew(-5deg)}a:not(.no-style):hover{transform:scale(1.05) skew(-5deg)}a:not(.no-style):active{transform:scale(1.05) skew(-5deg)}a:not(.no-style):focus{outline:0;border-color:oklch(var(--sapphire));color:oklch(var(--sapphire))}button{cursor:crosshair;padding:5px 7.5px;border-radius:7.5px;background:oklch(var(--mantle)/.5);border:2px dashed oklch(var(--mantle)/.9);transition:all .5s var(--bounce),color .25s,border .25s}button:hover{transform:scale(1.02);border:2px dashed oklch(var(--color))}button:active{transform:scale(.99)}button:focus{outline:0;border-color:oklch(var(--color))}button.big{border-color:oklch(var(--color)/.8);border-style:dashed;border-radius:.5rem}#konami{display:flex;align-items:center;gap:.5rem}#konami #lazy{opacity:0;pointer-events:none;transition:opacity .6s ease-in-out}#konami:focus-within>#lazy,#konami:hover>#lazy{opacity:1;pointer-events:auto;transition:all .5s var(--bounce),color .25s,border-color .25s;transform:scale(1.05) skew(-5deg)}#konami kbd{font-family:var(--monospace);font-size:.6rem;color:var(--subtext0);border:1px solid oklch(var(--overlay2)/.8);padding:.15rem .7rem;border-radius:4px;transition:.4s ease-in-out;z-index:20!important}#konami kbd.active{color:oklch(var(--color)/1);border-color:oklch(var(--color)/1);box-shadow:0 0 .5rem 0 oklch(var(--color)/.4)}#content{flex:1;padding:0 20px}#content .inner{max-width:var(--width);margin:0 auto}.tooltip{opacity:0;position:fixed;width:max-content;user-select:none;pointer-events:none}.tooltip *{word-break:keep-all}img{user-select:none}img.emoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em}@keyframes hover{0%{transform:translateY(5px)}50%{transform:translateY(-5px)}100%{transform:translateY(5px)}}h1::before{content:"# ";color:oklch(var(--color))}h2::before{content:"## ";color:oklch(var(--color))}h3::before{content:"### ";color:oklch(var(--color))}h4::before{content:"#### ";color:oklch(var(--color))}h5::before{content:"##### ";color:oklch(var(--color))}h6::before{content:"###### ";color:oklch(var(--color))}ol,ul{list-style:none;padding:0 20px;margin:0}.fli,li,ul{margin-bottom:.5rem}ol li::before{content:" ";color:oklch(var(--color));margin-right:5px}ul li::before{content:"* ";color:oklch(var(--color));margin-right:5px}b::before,strong::before{content:"**";color:oklch(var(--color))}b::after,strong::after{content:"**";color:oklch(var(--color))}em::before,i::before{content:"*";color:oklch(var(--color))}em::after,i::after{content:"*";color:oklch(var(--color))}small::before{content:"<small>";color:oklch(var(--color))}small::after{content:"</small>";color:oklch(var(--color))}hr{border:none;margin:1rem 0}hr::after{content:"";position:relative;display:block;height:1px;top:-.5rem;left:30px;background:linear-gradient(90deg,oklch(var(--color)/1),transparent)}hr::before{content:"---";color:oklch(var(--color))}projects-container>*{border-bottom:2px solid oklch(var(--overlay2)/.25)}projects-container>:last-child{border-bottom:none}project-card{width:100%;display:flex;padding:1rem;flex-direction:column;justify-content:flex-end;position:relative;cursor:pointer}project-card *{margin:0;z-index:2}project-card:hover::after{background-color:oklch(var(--color)/.5)}project-card::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;transition:background-color 1s;background-color:oklch(var(--color)/.05);filter:blur(50px);border-radius:10px;z-index:1}textarea{width:100%;border-radius:10px;background:oklch(var(--surface0)/.5);border:1px solid oklch(var(--overlay2)/.5);color:oklch(var(--text));resize:none;font-family:var(--monospace);transition:all .5s var(--bounce),color .25s,border-color .25s}textarea:focus{outline:0;border-color:oklch(var(--color))}input{width:100%;padding:5px;border-radius:10px;background:oklch(var(--surface0)/.5);border:2px solid oklch(var(--overlay2)/.5);color:oklch(var(--text));transition:all .5s var(--bounce),color .25s,border-color .25s}input:focus{outline:0;border-color:oklch(var(--color))}select{width:100%;padding:5px;border-radius:10px;background:oklch(var(--surface0)/.5);border:2px solid oklch(var(--overlay2)/.5);color:oklch(var(--text));transition:all .5s var(--bounce),color .25s,border-color .25s}select:focus{outline:0;border-color:oklch(var(--color))}.tooltip{position:absolute;background:oklch(var(--base)/.75);border-radius:10px;padding:5px;color:oklch(var(--text));z-index:100;box-shadow:0 5px 10px oklch(var(--base)/.5);border:1px solid oklch(var(--overlay2)/.5);backdrop-filter:blur(10px);transition:opacity .25s}.squishy{cursor:crosshair;transition:all .25s var(--bounce),color .25s,border-color .25s}.squishy:hover{transform:scale(1.025)}.squishy:active{transform:scale(.975)}.squishy:focus{outline:0}code{display:inline-block;font-family:var(--monospace);background:oklch(var(--mantle)/.5);padding:5px;border-radius:5px}code::before{content:"`";color:oklch(var(--color))}code::after{content:"`";color:oklch(var(--color))}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;flex:1;height:100%}progress{appearance:none;width:100%;height:20px;border-radius:5px;background:oklch(var(--mantle)/.5);border:1px solid oklch(var(--mantle)/.5);color:oklch(var(--color));transition:all .5s var(--bounce),color .25s,border-color .25s;overflow:visible}progress::-webkit-progress-bar{background:oklch(var(--mantle)/.5);border-radius:5px}progress::-webkit-progress-value{background:oklch(var(--color));border-radius:5px;box-shadow:0 0 50px oklch(var(--color)/.5)}progress::-moz-progress-bar{background:oklch(var(--color));border-radius:5px;box-shadow:0 0 50px oklch(var(--color)/.5)}progress:focus{outline:0;border-color:oklch(var(--color))}@keyframes flicker{0%{opacity:.3}25%{opacity:.7}50%{opacity:.4}100%{opacity:.9}}@keyframes scan{0%{background-position:0 0,0 0}100%{background-position:0 100%,0 0}}.retro::before{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(oklch(17.55% .0033 17.47deg / 0) 50%,oklch(0 0 0deg / .25) 50%),linear-gradient(90deg,oklch(62.8% .2577 29.23deg / .06),oklch(86.64% .294827 142.4953deg / .02),oklch(45.2% .313214 264.052deg / .06));z-index:999;background-size:100% 2px,3px 100%;pointer-events:none;animation:scan 3s linear infinite}.retro::after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:oklch(17.55% .0033 17.47deg / .1);opacity:0;z-index:999;pointer-events:none;animation:flicker .15s infinite}blink{animation:blink 1ms infinite alternate}@keyframes blink{0%{opacity:.6}25%{opacity:1}50%{opacity:.8}75%{opacity:1}}