@layer resets,base,components,utilities;@layer resets{*,*:before,*:after{padding:0;box-sizing:border-box;margin:0;cursor:none;scroll-behavior:smooth}*:hover,*:active,*:focus{cursor:none}}:root{--clr-base: oklch(97.586% .0112 71.721deg);--clr-base-content: oklch(.7544 .1825 57.12deg);--clr-primary: oklch(94.73% .0505 81.644deg);--clr-secondary: oklch(23.929% 0 271.152deg);--clr-shion: oklch(.5721 .259 316.06);--clr-non-avail: color-mix( in oklch, light-dark(var(--clr-secondary), var(--clr-base)), light-dark(var(--clr-base), var(--clr-secondary)) 60% );--base-unit: 1rem;--size-3xs: calc(var(--base-unit) * .25);--size-2xs: calc(var(--base-unit) * .5);--size-xs: calc(var(--base-unit) * .75);--size-sm: calc(var(--base-unit) * .875);--size-md: calc(var(--base-unit) * 1);--size-lg: calc(var(--base-unit) * 1.25);--size-xl: calc(var(--base-unit) * 1.5);--size-2xl: calc(var(--base-unit) * 2);--size-3xl: calc(var(--base-unit) * 2.5);--size-4xl: calc(var(--base-unit) * 3);--size-5xl: calc(var(--base-unit) * 4);--size-6xl: calc(var(--base-unit) * 5);--text-2xs: clamp(.675rem, .5vw, .75rem);--text-xs: clamp(.75rem, 1vw, .875rem);--text-sm: clamp(.75rem, 1.5vw, 1rem);--text-base: clamp(1rem, 2vw, 1.125rem);--text-lg: clamp(1.125rem, 2.5vw, 1.25rem);--text-xl: clamp(1.25rem, 3vw, 1.5rem);--text-2xl: clamp(1.5rem, 4vw, 2rem);--text-3xl: clamp(2rem, 5vw, 3rem);--text-4xl: clamp(2.5rem, 6vw, 4rem)}@layer base{*,*:before,*:after{scrollbar-color:oklch(from var(--clr-base-content) l c h / 64.8%) transparent;scrollbar-width:thin}::selection{background-color:var(--clr-base-content);color:light-dark(var(--clr-secondary),var(--clr-base))}::-moz-selection{background-color:var(--clr-base-content);color:light-dark(var(--clr-secondary),var(--clr-base))}html{scrollbar-gutter:stable}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}body{--bg-size: 45px;--circle-size: 1.5px;--bg-color: light-dark( var(--clr-primary), oklch(from var(--clr-secondary) calc(l + .05) c h) );font-family:var(--font-zpix);font-weight:400;letter-spacing:.7px;position:relative;color:oklch(from var(--clr-base-content) calc(l + .07) c h);background-color:var(--clr-bg);overflow-y:auto;overflow-x:hidden;height:min(100%,100dvh);width:min(100%,100dvw);&:before{--clr-mixed: color-mix( in oklch, light-dark(var(--clr-secondary), var(--clr-primary)), light-dark(var(--clr-primary), var(--clr-secondary)) 75% );content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px,var(--clr-mixed) 1px,transparent 0),radial-gradient(circle at 1px 1px,var(--clr-mixed) 1px,transparent 0),radial-gradient(circle at 1px 1px,var(--clr-mixed) 1px,transparent 0);background-size:20px 20px,30px 30px,25px 25px;background-position:0 0,10px 10px,15px 5px;animation:bg-scroll 40s linear infinite;background-size:40px 40px}}:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-tickerbit);letter-spacing:1.6px;font-style:normal;text-box-trim:trim-both;text-wrap-style:balance;margin-block:1.5rem;background-image:linear-gradient(180deg,var(--clr-base-content) 0%,oklch(.632 .2195 29.12 / 60%) 100%);background-clip:text;color:transparent;&.has-text-reveal{animation:text-reveal-01 2.5s cubic-bezier(.72,0,.14,.99) forwards;background:var(--clr-base-content);color:light-dark(var(--clr-secondary),var(--clr-primary));padding-left:5px;width:fit-content}&:has(+&.has-text-reveal){animation:fade-in 3.7s cubic-bezier(.72,0,.14,.99) forwards;width:fit-content}}h1{font-size:var(--text-6xl);font-weight:800}h2{font-size:var(--text-5xl);font-weight:700}h3{font-size:var(--text-4xl);font-weight:400}h4{font-size:var(--text-3xl);letter-spacing:5px}.prose h4{line-height:.8em;margin-top:1.15rem}h5{font-size:var(--text-2xl);font-weight:450;letter-spacing:1px;line-height:2em}h6{font-size:var(--text-xl);letter-spacing:3px;font-weight:700}li{list-style-position:inside;line-height:1.5}li>:is(ul,ol){padding-left:1.5rem;list-style-type:square}li:has(>ul),li:has(>ol){font-weight:700}li>ul>li,li>ol>li{font-weight:400}p{font-size:var(--text-base);letter-spacing:.5px;line-height:1.2em;text-wrap-style:pretty}.prose p:has(+:is(p,.expressive-code)){margin-bottom:1.15rem}.expressive-code{margin-block:1.15rem}hr{border:none;height:2px;background-color:color-mix(in oklch,currentColor,light-dark(var(--clr-primary),var(--clr-secondary)) 75%)}.prose hr{margin-block:2.25rem}.not-prose>*{all:revert}[data-theme=light]{--clr-bg: var(--clr-base);color-scheme:light}[data-theme=dark]{--clr-bg: var(--clr-secondary);color-scheme:dark}::scroll-marker-group{position:absolute;anchor-name:--carousel;top:anchor(bottom);left:calc(anchor(left) - 10%);right:calc(anchor(right) - 10%);inline-size:45px;overflow-x:auto;scroll-snap-type:mandatory;overscroll-behavior-x:contain;display:grid;gap:.6em;place-content:safe center;justify-self:center;grid-auto-columns:.5rem;grid-auto-flow:column;margin-block:.5rem;scroll-behavior:smooth;scrollbar-width:none;padding:5px 10px;scroll-padding-inline:10px;mask:linear-gradient(to right,transparent 0,black 10px,black calc(100% - 10px),transparent 100%)}mark{background-color:var(--clr-base-content);color:light-dark(var(--clr-secondary),var(--clr-base));padding:2px}del,s{text-decoration-color:light-dark(var(--clr-secondary),var(--clr-base))}q{font-style:italic}code{background-color:#3e3e3e;font-family:monospace;letter-spacing:1.5px;color:var(--clr-base);padding-block:2px;padding-inline:5px;border-radius:3px}progress{display:inline-block;appearance:none;accent-color:var(--clr-primary);border:none;background-color:var(--clr-primary);color:var(--clr-base-content);height:.5rem;width:20rem;margin-left:1rem;&::-webkit-progress-bar{background-color:light-dark(var(--clr-primary),oklch(from var(--clr-secondary) calc(l + .12) c h))}&::-webkit-progress-value{background-color:var(--clr-base-content)}&::-moz-progress-bar{background-color:var(--clr-base-content)}}input{border:none;&:focus{border:none;outline:none}}}@keyframes width-anim{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes height-anim{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes text-reveal-01{0%{clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%)}50%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}to{clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%)}}@keyframes hide-from-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10%)}}@keyframes appear-from-bottom{to{transform:translateY(0);opacity:1}}@keyframes transform-top{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes transform-bottom{0%{transform:translateY(101%)}to{transform:translateY(0)}}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.scroll-container{overflow:hidden;white-space:nowrap;width:100%;>.animate-scroll{display:inline-block;width:max-content;padding-left:100%;animation:scroll-left attr(data-scroll-speed s,10s) linear infinite}}@keyframes bg-scroll{0%{background-position:0 0,0 0,0 0}to{background-position:-100% 100%,-10% 10%,-15% 5%}}@keyframes bg-scroll-alt{0%{background-position:0 0,0 0}to{background-position:-100% -100%,0 0}}@keyframes scroll-bottom{to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@layer components{.desktop{container:desktop / inline-size;block-size:auto;min-block-size:100dvh;inline-size:min(100%,100dvw);position:relative;overflow:visible;display:grid;grid-template-columns:auto 1fr;gap:4rem;padding-inline:3rem;padding-block:5rem;.desktop__nav{position:sticky;top:4em;text-align:center;display:grid;gap:1.5em;align-self:flex-start;width:min-content;@media(max-width:640px){position:relative;inset:0;margin:0;justify-self:center;align-self:initial}}.desktop__apps{position:sticky;top:2em;display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));align-self:flex-start;grid-template-rows:repeat(2,min-content);row-gap:1.5em;span{font-size:calc(var(--size-sm) - 3.4px)}@media(max-width:768px){grid-template-columns:repeat(2,6.5rem)}@media(max-width:641px){position:relative;inset:0;margin:0;padding-inline:2rem;padding-top:2rem;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr))}}.desktop__icon{--icon-size: 4em;--icon-easing: linear( 0, .076 9.6%, .148 17%, .226 23.4%, .315 29.2%, .529 39.5%, .999 57.7%, .85 65.9%, .814 69.6%, .803 73.3%, .81 76.3%, .832 79.5%, .977 92.9%, .995 96.3%, 1 );--icon-duration: 80ms;transition:transform var(--icon-easing) var(--icon-duration),width var(--icon-easing) var(--icon-duration);img{width:var(--icon-size);height:var(--icon-size);place-self:center;pointer-events:none}display:flex;width:min-content;flex-direction:column;place-self:center;text-align:center;gap:5px;font-size:var(--text-xs);text-decoration:none;line-height:1.52rem;color:var(--clr-base-content);&:hover{color:oklch(from var(--clr-base-content) l c h / 56.6%);transform:rotate(5deg);filter:drop-shadow(0 0 10px var(--clr-base-content));>img{width:calc(var(--icon-size) * 1.2);height:calc(var(--icon-size) * 1.2)}}}.desktop__cards{container:desktop-cards / inline-size;position:relative;overflow:visible;margin-bottom:2rem;will-change:transform}@media(max-width:640px){padding-block:2.5rem;padding-inline:.85rem;grid-template-columns:1fr}}.prose a,.link{display:inline-block;color:var(--clr-base-content);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;font-size:var(--text-base);line-height:1.5em;&:hover{color:oklch(from var(--clr-base-content) l c h / 72.5%);outline:1px dashed var(--clr-base-content);outline-offset:1px}&.link--no-underline{text-decoration:none;text-underline-offset:0;text-decoration-thickness:0}}.avatar{position:relative;display:inline-flex;vertical-align:middle;>div{display:block;aspect-ratio:1 / 1;overflow:hidden}img{height:100%;width:100%;object-fit:cover}&.avatar--status:before{content:"";display:block;position:absolute;right:7%;bottom:7%;z-index:1;width:20%;height:20%;border:3px solid transparent;background:linear-gradient(#0f0,#0f0) padding-box,linear-gradient(180deg,light-dark(var(--clr-base),oklch(from var(--clr-base-content) l c h / 20%)) 5%,light-dark(var(--clr-base),oklch(from var(--clr-secondary) calc(l - .1) c h / 80%)) 100%) border-box;border-radius:100%}}.nav-divider{position:relative;display:flex;gap:5px;font-size:var(--text-xs);white-space:nowrap;align-items:center;vertical-align:middle;color:color-mix(in oklab,var(--clr-secondary),var(--clr-primary) 50%);margin-bottom:1.5em;margin-inline:1.5em;&:before{content:"#";left:0}&:after{content:"";background:color-mix(in oklab,currentColor,light-dark(var(--clr-primary),var(--clr-secondary)) 70%);height:1px;width:100%;flex-grow:1}}.nav-list{list-style:none;display:inline;gap:.5em;width:100%}.nav-list li{line-height:1.2rem;margin-inline:1.5rem;display:inline-block;width:max-content;.btn{margin:0;font-size:var(--text-xs)}}.action-bar{display:flex;flex-direction:column;gap:1.3em;text-align:center;line-height:1.5rem;corner-shape:squircle;border-radius:100%;height:auto;width:auto;padding-block:1.2rem;padding-inline:.3rem}.action-bar__item{color:light-dark(var(--clr-secondary),var(--clr-base));transition:all .3s cubic-bezier(1,.01,0,.6);label{display:block;font-size:1rem}&:hover{color:light-dark(var(--clr-secondary),var(--clr-base))}}.btn{display:inline-flex;gap:.85rem;align-items:center;justify-content:center;padding:var(--size-2xs);white-space:nowrap;font-family:var(--font-zpix);color:var(--clr-base-content);user-select:none;font-size:var(--text-sm);cursor:none;background-color:transparent;border-top:none;border-left:none;border-right:2px solid var(--clr-base-content);border-bottom:2px solid var(--clr-base-content);margin-inline:calc(var(--size-sm) - .3rem);margin-block:var(--size-sm);letter-spacing:1px;&.btn--disabled{opacity:50%;pointer-events:none}&.btn--window{padding:calc(var(--size-2xs) - 7px);margin-inline:0;margin-block:calc(var(--size-2xs) - 6px);border:2px solid var(--clr-base-content);color:var(--clr-base-content);background:inherit;transition:transform .3s ease-in-out;[data-icon]{width:clamp(1.2em,1.5vw,1.5em);height:auto;fill:currentColor}}&.btn--outlined{border:2px solid var(--clr-base-content);color:var(--clr-base-content);background:inherit;transition:background .3s linear(0,.283 9.3%,.529 20%,.75 32.8%,.911 45.7%,.963 51.7%,1 57.7%,.979 63.8%,.973 70.3%,.996 90.4%,1),color .3s linear(0,.283 9.3%,.529 20%,.75 32.8%,.911 45.7%,.963 51.7%,1 57.7%,.979 63.8%,.973 70.3%,.996 90.4%,1)}&.btn--soft{color:var(--clr-base-content);background:oklch(from var(--clr-base-content) calc(l + .5) c h);transition:background .3s linear(0,.283 9.3%,.529 20%,.75 32.8%,.911 45.7%,.963 51.7%,1 57.7%,.979 63.8%,.973 70.3%,.996 90.4%,1),color .3s linear(0,.283 9.3%,.529 20%,.75 32.8%,.911 45.7%,.963 51.7%,1 57.7%,.979 63.8%,.973 70.3%,.996 90.4%,1)}&:hover:is(:not(.btn--window,.btn--outlined,.btn--soft)){outline:1.5px dashed var(--clr-base-content);outline-offset:-5px}&:hover.btn--window{transform:scale(1.1)}&:hover:has(.btn--outlined){background:var(--clr-base-content);color:var(--clr-base)}&:hover:has(.btn--soft){background:var(--clr-base-content);color:var(--clr-base)}}.c-menu:popover-open{display:flex;flex-direction:column;text-align:left;background-color:light-dark(var(--clr-base),var(--clr-secondary));border:1px solid var(--clr-base-content);box-shadow:10px 10px 0 -3px oklch(from var(--clr-base-content) l c h / 75%);border-radius:0;cursor:none;top:anchor(bottom);left:anchor(left)}.c-menu .option{padding-block:.5em;padding-inline:1.5em;font-size:var(--text-sm);color:var(--clr-base-content);transition:background-color .2s ease-in,color .3s ease-in;&:is(:hover,:focus,:focus-visible){outline:1.5px dashed var(--clr-base-content);outline-offset:-2px}&:is(:focus,:focus-visible){outline:2px solid currentColor;outline-offset:-2px}}.music-btn{position:relative;width:42px;padding:.7rem;height:100%;border-right:2px solid var(--clr-base-content);transition:background-color .2s ease-in-out;&:hover{background-color:oklch(from var(--clr-base-content) l c h / 26.6%)}}.music-player{position:relative;height:100%;width:100%;margin:0;padding:5px;border:2px solid var(--clr-base-content);display:flex;align-items:center;justify-content:center;gap:5px;>input[type=range]{appearance:none;outline:none;overflow:hidden;width:6rem;height:1rem;&::-webkit-slider-runnable-track{background-color:var(--clr-base-content);height:1rem}&::-webkit-slider-thumb{background:var(--clr-base);height:15px;width:15px;border-radius:50%;border:none;appearance:none}&:focus{outline:none}}}.music-player__playlist{margin-top:.5rem;user-select:none;>ul>li{padding-block:.8rem;padding-inline:.7rem;list-style-type:none;transition:background-color .3s ease-out;&.song-currently-playing{background-color:#fcb10344}}}.modal{position:fixed;inset:0;margin:0;height:100%;width:100%;overflow:clip;z-index:5;overscroll-behavior:contain;border:none;scrollbar-gutter:auto;display:grid;align-items:end;background:transparent;padding:0;color:inherit;opacity:0;pointer-events:none;transition:visibility .3s allow-discrete,background .3s ease-out,opacity .5s cubic-bezier(.78,0,.22,1);&::backdrop{display:none}.name{font-weight:900;height:auto;letter-spacing:0;font-size:2rem;margin-block:.55rem;line-height:20px}.avatar{margin-bottom:1rem}&:before{content:"";position:absolute;opacity:0;inset:0;transition:opacity .5s ease-in-out}&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;background-color:oklch(from var(--clr-secondary) l c h / 90%);transition:visibility 0s allow-discrete,background .3s ease-out,opacity .5s cubic-bezier(.78,0,.22,1);&:before{opacity:1}.modal__content{transform:translateY(0);translate:0 0;opacity:1}@starting-style{&[open],&:target{opacity:0}}}.modal__content{position:fixed;top:anchor(bottom);left:anchor(left);position-anchor:--taskbar;transition:transform .8s linear(0,.015 1.2%,.064 2.7%,.438 10.6%,.631 15.9%,.711 18.9%,.778 22.1%,.833 25.6%,.879 29.5%,.916 33.8%,.943 38.6%,.979 50.8%,.995 68%,1),opacity .4s cubic-bezier(.66,0,.34,1);will-change:transform;border-radius:.2rem;background:linear-gradient(180deg,light-dark(var(--clr-base),oklch(from var(--clr-base-content) l c h / 20%)) 5%,light-dark(var(--clr-base),oklch(from var(--clr-secondary) calc(l - .1) c h / 80%)) 100%);border:1px solid var(--clr-base-content);color:var(--clr-base-content);width:91.66%;z-index:2000;width:32rem;display:grid;grid-template-columns:13rem auto;grid-template-rows:auto 1fr auto;grid-template-areas:"menu-action	menu-action" "menu-info		menu-links" "menu-options	menu-options";transform:translateY(-100%);overflow:hidden;font-size:1.5rem}.modal__action{margin-top:.2rem;grid-area:menu-action;>form[method=dialog]{display:flex;align-items:center;padding-inline:1rem;padding-block:1.5rem;justify-content:start;width:100%}}.modal__info{grid-area:menu-info;justify-content:center;text-align:center;border-right:1px solid var(--clr-base-content);border-bottom:1px solid var(--clr-base-content);border-top:1px solid var(--clr-base-content);padding-block:15px;padding-inline:15px;overflow:auto;p{font-size:clamp(.75rem,2vw,1rem);padding-left:2rem;text-align:left;font-style:italic}}.modal__links{grid-area:menu-links;border-bottom:1px solid var(--clr-base-content);border-top:1px solid var(--clr-base-content)}.modal__options{grid-area:menu-options;display:flex;padding-inline:1.5rem;padding-block:.55rem;align-items:center}button{cursor:none}@media screen and (max-width:550px){.modal__content{width:100%;position-area:top center}}@media screen and (max-width:426px){h4{margin-bottom:0}.avatar{margin-bottom:0;place-self:center}.modal__content{inset:unset;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr 17rem auto;overscroll-behavior:contain;transform:translateY(100%);grid-template-areas:"menu-action" "menu-info" "menu-links" "menu-options"}.modal__action{margin-block:.5rem;>form[method=dialog]{display:flex;align-items:center;padding-inline:1rem;padding-block:0;justify-content:start;width:100%;height:100%}}.modal__info{display:grid;grid-template-areas:"avatar	name" "avatar	details";column-gap:20px;justify-content:unset;text-align:left;border-inline:unset;border-bottom:3.5px solid var(--clr-base-content);p{padding-left:0}}.modal__links{border-top:unset;overflow-y:scroll}}}.startmenu__list{position:relative;grid-area:menu-links;list-style:none;height:100%;font-size:min(1rem,4vw);display:grid;grid-auto-rows:1fr;li{height:100%}li>a{text-decoration:none!important;border-bottom:1px solid var(--clr-base-content);border-top:none;color:var(--clr-base-content);display:flex;height:100%;align-items:center;font-family:var(--font-tickerbit);vertical-align:middle;padding-block:.7rem;padding-left:1rem;transition:background-color .2s ease-in,color .3s ease-in;&:after{content:"";mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%2012h12m0%200-5-5m5%205-5%205'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat;mask-size:cover;background-color:var(--clr-base-content);width:1.5em;height:1.5em;position:absolute;transition:transform .25s ease-in-out;right:1.3em}&:is(:hover,:focus,:focus-visible){background-color:var(--clr-base-content);color:light-dark(var(--clr-secondary),var(--clr-primary));&:after{background-color:light-dark(var(--clr-secondary),var(--clr-primary));transform:translate(6px)}}&:is(:focus,:focus-visible){outline:2px dashed currentColor;outline-offset:-2px}}li:last-child>a{border-bottom:none}}.post__action{display:flex;align-items:center;justify-content:space-around;div{--hovered-btn: light-dark(var(--clr-secondary), var(--clr-base));display:inline-flex;margin-right:1rem;align-items:center}div>button{border-radius:50em;color:light-dark(var(--clr-secondary),var(--clr-base));border:none;box-shadow:none;vertical-align:middle;width:2rem;height:2rem;place-items:center;display:grid;transition:all .3s ease-in-out;background:none;&:hover{background-color:oklch(from var(--hovered-btn) .543deg c h / 30%);+:where(span){color:var(--hovered-btn)}}>img{pointer-events:none}}}.gallery{.gallery__container{display:flex;overflow:auto hidden;overscroll-behavior-x:contain;padding-left:0;scroll-snap-type:x mandatory;scroll-snap-align:start;scroll-marker-group:after;scrollbar-width:none}.gallery__container>div{display:flex;inline-size:100%;aspect-ratio:1 / 1;&::scroll-marker{content:"";background:light-dark(oklch(from var(--clr-base) calc(l - .1) c h),oklch(from var(--clr-secondary) calc(l + .1) c h));display:inline-block;border-radius:5em;cursor:none;transition:background-color .2s ease-in,transform .1s ease-in-out;padding:.25rem;aspect-ratio:1 / 1}&::scroll-marker:hover{background-color:light-dark(oklch(from var(--clr-base) calc(l - .3) c h),oklch(from var(--clr-secondary) calc(l + .3) c h))}&::scroll-marker:target-current{background:light-dark(oklch(from var(--clr-base) calc(l - .5) c h),oklch(from var(--clr-secondary) calc(l + .5) c h))}}.gallery__container>div>img{object-fit:cover;height:100%;flex:0 0 100%;scroll-snap-align:center;text-align:center;border-radius:5px}.gallery__tags{border-top:1px solid darkgray;margin-top:1rem;padding-top:1rem}}.avatar-group>*~*{display:inline-flex;overflow:hidden;margin-left:-.9rem;border-radius:100%;border:4px solid light-dark(var(--clr-base),var(--clr-secondary))}.divider{--_divider-color: color-mix( in oklab, var(--clr-base-content) 90%, transparent );--_divider-m: 1rem 0;position:relative;display:flex;flex-direction:row;height:4rem;align-items:center;align-self:stretch;white-space:nowrap;margin:var(--_divider-m);font-size:3rem;font-family:Raster Forge,Helvetica,sans-serif;color:var(--_divider-color);&:before,&:after{border:none;background-color:var(--_divider-color);content:"";height:1px;width:100%;flex-grow:1}&:not(:empty){gap:.8em}&:has(.divider--vertical){--_divider-m: 1rem 0;height:auto;width:4rem;flex-direction:column;&:before,&:after{height:100%;width:.5rem}}}.box{background:linear-gradient(180deg,light-dark(var(--clr-base),oklch(from var(--clr-base-content) l c h / 20%)) 5%,light-dark(var(--clr-base),oklch(from var(--clr-secondary) calc(l - .1) c h / 80%)) 100%);box-shadow:10px 10px 0 -3px oklch(from var(--clr-base-content) l c h / 80%);border:2px solid var(--clr-base-content);padding-inline:.5rem;padding-top:.3rem;block-size:min(100%,100dvh);inline-size:min(100%,100dvw);@media only screen and (max-width:640px){box-shadow:7px 7px 0 -3px var(--clr-base-content)}}.card{container:card / inline-size;display:grid;grid-template-rows:2.7rem 1fr max-content;padding-top:.35rem;padding-inline:.35rem;margin-block:2rem;background:linear-gradient(180deg,light-dark(var(--clr-base),oklch(from var(--clr-base-content) l c h / 30%)) 5%,light-dark(var(--clr-base),oklch(from var(--clr-secondary) calc(l - .1) c h / 80%)) 100%);box-shadow:10px 10px 0 -3px oklch(from var(--clr-base-content) l c h / 80%);border:2px solid var(--clr-base-content);>.card__header{grid-row:1 / 2;display:grid;grid-template-columns:repeat(2,auto);place-items:center;margin-bottom:.4rem;block-size:fit-content;background-color:light-dark(var(--clr-base),transparent);border:2px solid var(--clr-base-content);padding-right:.2rem;padding-left:.7rem;transition:background-color .15s ease-in-out,color .15s ease-in-out;span{font-size:var(--text-sm);letter-spacing:clamp(.4px,.28vw,3px);line-height:clamp(1em,.5vw,2em);font-family:var(--font-pixelmplus)}[data-icon],svg{width:min(1.25em,4.5vw);height:auto}&:hover{background-color:var(--clr-base-content);color:var(--clr-base)}&:hover .btn{color:var(--clr-base);border:2px solid var(--clr-base)}}>.card__content{grid-row:2 / 3;padding-block:.5rem;padding-inline:1.25rem;background-color:light-dark(var(--clr-base),transparent);color:light-dark(var(--clr-secondary),var(--clr-primary));border:2px solid var(--clr-base-content);overflow:auto;inline-size:100%;block-size:100%}>.card__design{inline-size:100%;display:flex;place-items:start;column-gap:3px;margin-top:.35rem;margin-bottom:-2px;place-self:end;.block-one{display:block;block-size:.7rem;inline-size:2.4rem;border:2px solid var(--clr-base-content);background:oklch(from var(--clr-base-content) calc(l + .1) c h)}.miniblock{display:block;padding:.1rem;border:2px solid var(--clr-base-content);background:oklch(from var(--clr-base-content) calc(l + .1) c h)}}@media(max-width:640px){margin-top:0;margin-bottom:2rem;box-shadow:7px 7px 0 -3px var(--clr-base-content)}}.card,.box{transition:opacity .2s ease-in-out,transform .4s .2ms cubic-bezier(.04,.91,.51,.97);transform:translateY(10%);opacity:0}.cards-reveal{transform:none;opacity:1}.radial-progress{--value: 0;--size: 5rem;--thickness: calc(var(--size) / 10);--radialprogress: calc(var(--value) * 1%);transition:--radialprogress .3s linear;position:relative;display:inline-grid;height:var(--size);width:var(--size);place-content:center;border-radius:5em;background:transparent;vertical-align:middle;box-sizing:content-box;&:before{content:"";position:absolute;inset:0;border-radius:5em;background:radial-gradient(farthest-side,currentColor 98%,#0000) top / var(--thickness) var(--thickness) no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)))}&:after{content:"";position:absolute;inset:calc(50% - var(--thickness) / 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));transition:transform .3s linear;background-color:currentColor;border-radius:5em}}.desktop__taskbar{anchor-name:--taskbar;display:grid;grid-template-columns:repeat(3,minmax(1rem,1fr));align-items:center;justify-content:center;position:fixed;top:5px;left:10px;right:10px;background:radial-gradient(circle,light-dark(var(--clr-base),oklch(from var(--clr-base-content) l c h / 50%)) 5%,light-dark(var(--clr-base),oklch(from var(--clr-secondary) calc(l - .1) c h / 70%)) 100%);color:light-dark(var(--clr-base-content),var(--clr-base));border:2px solid var(--clr-base-content);border-radius:0;font-size:var(--size-xs);block-size:2.6rem;z-index:10;transition-behavior:allow-discrete;.desktop__taskbar--position-start{display:inline-flex;justify-self:left;text-align:center;grid-column:1;gap:.1rem;height:100%;>.taskbar__menu{display:flex;place-content:center;place-items:center;height:100%;width:fit-content;font-size:1.2em;letter-spacing:2.5px;padding-inline:1.1rem;color:var(--clr-base-content);border:none;outline:none;background-color:transparent;gap:1.2em;transition:all .45s ease-in-out;font-family:inherit;&:hover{color:light-dark(var(--clr-secondary),var(--clr-primary))}}}.desktop__taskbar--position-center{white-space:nowrap;justify-self:center;overflow:hidden;height:100%}.desktop__taskbar--position-end{display:inline-flex;justify-self:end;height:100%;gap:1em;margin-inline:1rem}@media screen and (max-width:426px){grid-template-columns:1fr;left:0;right:0;bottom:0;top:unset;block-size:2.25rem;border-inline:unset;border-block-end:unset;.desktop__taskbar--position-center,.desktop__taskbar--position-end{display:none}}}.animate-taskbar{animation:transform-bottom 2.2s .5s linear(0,.029 1.6%,.123 3.5%,.651 10.6%,.862 14.1%,1.002 17.7%,1.046 19.6%,1.074 21.6%,1.087 23.9%,1.086 26.6%,1.014 38.5%,.994 46.3%,1) both;@media(prefers-reduced-motion:reduce){animation:none}}.toggle-maximize{display:grid;grid-template-areas:"stack";white-space:nowrap;& div{grid-area:stack}>input[type=checkbox]{grid-area:stack;appearance:none;width:100%;visibility:hidden}}.desktop:has(.toggle-maximize>input[type=checkbox]:checked){grid-template-columns:1fr;.desktop__nav,.desktop__apps{display:none}@media screen and (max-width:769px){padding-inline:1rem}}.pill{--pill-color: var(--clr-base-content);--pill-color-content: var(--clr-base);--pill-px: 1.2rem;--pill-py: .1rem;display:inline-block;position:relative;padding-inline:var(--pill-px);padding-block:var(--pill-py);margin-block:.2rem;font-family:var(--font-tickerbit);font-size:.8rem;white-space:nowrap;text-wrap:nowrap;vertical-align:middle;border-radius:100%;overflow:hidden;width:auto;background-color:var(--pill-color);color:var(--pill-color-content);&.pill--outlined{border:1px solid var(--pill-color);color:var(--pill-color);background-color:transparent}&.pill--grad{display:inline-block;color:#000;>span{background:var(--pill-color);background-clip:text;-webkit-text-fill-color:transparent;color:transparent}&:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--pill-color);-webkit-mask:linear-gradient(white,white) content-box,linear-gradient(white,white);-webkit-mask-composite:xor;mask-composite:exclude}}&.pill--neutral{--pill-color: light-dark(var(--clr-secondary), var(--clr-primary));--pill-color-content: light-dark( var(--clr-base), var(--clr-secondary) );border:1px solid var(--pill-color)}&.pill--subtle{border:1px solid var(--pill-color);background-color:oklch(from var(--pill-color) l c h / 20%);color:var(--pill-color)}&.pill--success{--pill-color: oklch(76.91% .2146 147deg)}&.pill--warning{--pill-color: oklch(83.33% .1579 82.06deg)}&.pill--sm{--pill-px: .8rem;--pill-py: .15rem;font-size:clamp(.55em,2vw,var(--size-sm))}}.fade-container{display:inline;max-inline-size:100%;overflow:auto;vertical-align:middle;white-space:nowrap}.adachiRei{animation:transform-bottom 2.2s .5s linear(0,.029 1.6%,.123 3.5%,.651 10.6%,.862 14.1%,1.002 17.7%,1.046 19.6%,1.074 21.6%,1.087 23.9%,1.086 26.6%,1.014 38.5%,.994 46.3%,1) forwards;width:min(300px,75vw);height:auto;position:fixed;position-anchor:--taskbar;position-area:left;pointer-events:none;z-index:1}}@layer utilities{.u-flex\@sm{@media(max-width:640px){display:flex!important;opacity:1}}.u-block\@lg{@media(max-width:1024px){display:block!important;opacity:1}}.u-hidden\@md{@media(max-width:768px){display:none!important;opacity:0}}.u-hidden\@lg{@media(min-width:1024px){display:none!important}}.u-hidden{display:none!important}.u-hidden\@sm{@media(max-width:1023px){display:none!important}}.u-text-sub{font-size:var(--text-sm);font-weight:400;color:var(--clr-non-avail)}.items--x-centered{display:grid;place-content:center;inline-size:100%}.items--y-centered{display:grid;place-items:center;block-size:100%}.items--centered{display:grid;place-items:center;place-content:center;block-size:100%}.items--x-end{display:grid;place-content:end;inline-size:100%}.items--x-start{display:grid;place-content:start;inline-size:100%}.items--y-end{display:grid;place-items:end;block-size:100%}.u-group--grid{display:grid;gap:5px;align-items:center}.u-group--flex{display:flex;gap:5px;align-items:center}.u-group--flex\@sm{@media(min-width:641px){display:flex;gap:5px;align-items:center}}.fade--horizontal{display:inline-block;inline-size:100%;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 90%,transparent 100%)}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.cursor[data-astro-cid-ncezgobz]{inset:0;translate:-10% -20%;scale:100%;position:fixed;width:50px;height:50px;background-image:url(/static/cursors/adachi_normal.gif);background-size:cover;z-index:1000;pointer-events:none;@media screen and (pointer:coarse){display:none}}.cursor-move[data-astro-cid-ncezgobz]{background-image:url(/static/cursors/adachi_move.gif)}.cursor-input[data-astro-cid-ncezgobz]{background-image:url(/static/cursors/adachi_input.gif)}.cursor-curious[data-astro-cid-ncezgobz]{background-image:url(/static/cursors/adachi_curious.gif)}.avatar-inner[data-astro-cid-kcljnuag]{width:var(--size);border-radius:var(--radius)}button[data-astro-cid-6lf4emae].menu-btn{--btn-size: 2.5rem;padding:.9em;display:inline-flex;align-items:center;alignment-baseline:middle;user-select:none;justify-content:center;background:oklch(from var(--clr-secondary) l c h / 17.1%);margin-left:auto;color:inherit;background:transparent;border:none;border-radius:2px;&:is(:hover,:focus-visible){outline:1px dashed var(--clr-base-content)}}#theme-toggler[data-astro-cid-6lf4emae]{display:inline-flex;justify-content:center;color:light-dark(var(--clr-secondary),var(--clr-base));padding:.15em;border-radius:5em;align-items:center;user-select:none;backface-visibility:hidden;svg{width:.85em}}[data-theme=light]{#theme-toggler[data-astro-cid-6lf4emae] svg[data-astro-cid-6lf4emae]:first-child{display:none}}[data-theme=dark]{#theme-toggler[data-astro-cid-6lf4emae] svg[data-astro-cid-6lf4emae]:last-child{display:none}}.bars-container{display:flex;flex-direction:row;gap:.5em;width:100%;height:100%;align-items:center;>.bar{display:block;border-radius:5em;width:100%;height:100%;background-color:var(--clr-base-content);animation:height-anim var(--duration, 1s) attr(data-delay s,0s) cubic-bezier(.4,0,.2,1) infinite alternate both}&.bars--xs>.bar{width:.15rem}&.bars--sm>.bar{width:.25rem}&.bars--lg>.bar{width:.8rem}&.bars--xl>.bar{width:1.1rem}&.bars--vertical{flex-direction:column;width:100%;height:100%;>.bar{height:.35rem;width:100%;animation-name:width-anim}&::not(.bars--xs):not(.bars--sm):not(.bars--lg):not(.bars--xl)>.bar{height:100%}&.bars--sm>.bar{height:.25rem;width:100%}&.bars--lg>.bar{height:.8rem;width:100%}&.bars--xl>.bar{height:1.1rem;width:100%}}}[data-astro-cid-xxxugbwa][data-icon]{width:1.8em;height:1.8em}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.box[data-astro-cid-g4zhbugz]{display:flex;flex-direction:column;overflow:hidden;padding:0;height:auto;width:auto}.box__header[data-astro-cid-g4zhbugz]{display:inline-flex;gap:.5rem;align-items:center;justify-content:end;background-color:var(--clr-base-content);color:light-dark(var(--clr-base),var(--clr-secondary));padding:.8rem .5rem}.box__content[data-astro-cid-g4zhbugz]{overflow:hidden;padding-inline:1.2rem;padding-block:1rem;color:light-dark(var(--clr-base),var(--clr-secondary));height:100%}