/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-400:oklch(85.2% .199 91.936);--color-green-400:oklch(79.2% .209 151.711);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-pink-600:oklch(59.2% .249 .584);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-lg:16px;--blur-xl:24px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-roboto:"Roboto Mono", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}main{width:100dvw;height:100dvh;overflow:hidden}.window-drag-handle{cursor:grab!important}.window-drag-handle:active{cursor:grabbing!important}.window-root{border-radius:var(--radius-lg);overflow:hidden}nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-user-select:none;user-select:none;z-index:40;background:#ffffff1a;flex-direction:row;justify-content:space-between;align-items:center;padding:4px 20px;transition:all .3s;display:flex;position:relative}nav:hover{background:#ffffff26}nav>div:first-child{flex:1;align-items:center;gap:20px;display:flex}nav>div:nth-child(2){align-items:center;gap:12px;display:flex}nav .logo-portfolio-container{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}nav .logo-portfolio-container img{width:24px;height:24px}nav .portfolio-wrapper{-webkit-user-select:none;user-select:none;display:inline-block;position:relative}nav .portfolio-text{color:#fff;z-index:1;font-size:.875rem;font-weight:700;position:relative}nav .portfolio-text-container{z-index:0;pointer-events:none;width:100%;height:40px;position:absolute;top:100%;left:0;transform:translateY(-35px)}nav .overlay-gif{background-image:url(/images/overlay.gif);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:85px;height:85px;position:absolute;bottom:0;left:-20px;transform:translateY(8px)}nav .logo-portfolio-placeholder{pointer-events:none;background-color:#0000;border:.075rem dashed #ffffff80;border-radius:.375rem;width:190px;height:30px;position:absolute;left:.7rem}nav .datetime-placeholder{pointer-events:none;background-color:#0000;border:.075rem dashed #ffffff80;border-radius:.375rem;width:150px;height:24px;position:absolute;top:.8rem;right:.8rem}nav time{color:#fff;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:500}nav img{filter:invert();transition:all .3s}nav>div:first-child ul{align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}nav>div:first-child ul li{cursor:pointer;padding:2px 4px;position:relative}nav>div:first-child ul li span{color:#ffffffe6;font-size:.875rem;font-weight:500;transition:color .3s}nav>div:nth-child(2) ul{align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}nav>div:nth-child(2) ul li{cursor:pointer}nav>div:nth-child(2) ul li img{filter:invert();transition:all .3s}nav .mobile-menu-btn{display:none}@media (width<=640px){nav{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:8px 16px}nav>div:first-child{justify-content:space-between}nav>div:first-child .logo-portfolio-container{gap:8px}nav>div:first-child ul{display:none!important}nav>div:nth-child(2){justify-content:flex-end}nav>div:nth-child(2) ul{display:none!important}nav>div:nth-child(2) .mobile-menu-btn{color:#fff;cursor:pointer;border-radius:8px;padding:8px;transition:background .3s;display:block}nav>div:nth-child(2) .mobile-menu-btn:hover{background:#ffffff1a}nav .mobile-menu{-webkit-backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;padding:1rem;animation:.2s ease-out slideDown;box-shadow:0 8px 32px #0000001a;z-index:2147483647!important;pointer-events:auto!important;height:auto!important;max-height:calc(100vh - 68px)!important;position:fixed!important;inset:52px 16px 16px!important;overflow:hidden auto!important}nav .mobile-menu>ul{pointer-events:auto!important;flex-direction:column!important;gap:8px!important;width:100%!important;height:auto!important;min-height:400px!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important}nav .mobile-menu>ul>li{pointer-events:auto!important;width:100%!important;margin:0!important;padding:0!important}nav .mobile-menu button{text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:8px;align-items:center;min-height:44px;padding:12px 16px;transition:background .2s;display:flex}nav .mobile-menu button:hover{background:#ffffff1a}nav .mobile-menu button span{color:#ffffffe6;font-size:14px;font-weight:500}nav .mobile-menu button img{filter:invert();width:20px;height:20px;margin-right:8px}nav>div:nth-child(3) .border-t{border-top:1px solid #ffffff1a;margin:8px 0}nav .logo-portfolio-placeholder,nav .datetime-placeholder{display:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}@layer components{.icon{padding:calc(var(--spacing) * 1);border-radius:.25rem}@media (hover:hover){.icon:hover{cursor:default;background-color:var(--color-gray-200)}}#welcome{z-index:0;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-gray-200);-webkit-user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}@media not all and (width>=40rem){#welcome{width:100%;height:100vh;padding-inline:calc(var(--spacing) * 10)}}#welcome{-webkit-user-select:none;user-select:none}#welcome .small-screen{top:calc(var(--spacing) * 20);margin:calc(var(--spacing) * 7);border-radius:var(--radius-md);background-color:#ffa3a333;position:absolute}@supports (color:color-mix(in lab, red, red)){#welcome .small-screen{background-color:color-mix(in oklab, var(--color-red-300) 20%, transparent)}}#welcome .small-screen{padding:calc(var(--spacing) * 3);--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@media (width>=40rem){#welcome .small-screen{display:none}}#welcome .small-screen p{text-align:center;font-family:var(--font-roboto);color:var(--color-gray-400);flex:1;font-size:16px}.welcome-placeholder{pointer-events:none;z-index:0;background-color:#0000;border:.075rem dashed #ffffff80;border-radius:.375rem;width:600px;height:200px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=640px){.welcome-placeholder{display:none}}#dock{bottom:calc(var(--spacing) * 5);z-index:50;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);-webkit-user-select:none;user-select:none;position:absolute;left:50%}#dock .dock-scroll-container{padding-inline:calc(var(--spacing) * 4);justify-content:center;display:flex;overflow:visible}#dock .dock-container{justify-content:space-between;align-items:flex-end;gap:calc(var(--spacing) * 1.5);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:#fff3;display:flex;overflow:visible}@supports (color:color-mix(in lab, red, red)){#dock .dock-container{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}#dock .dock-container{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){#dock .dock-container{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}#dock .dock-container{padding:calc(var(--spacing) * 1.5);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){#dock .dock-container:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){#dock .dock-container:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}}#dock .tooltip{line-height:1.2;background-color:var(--color-blue-200)!important;width:fit-content!important;padding-inline:calc(var(--spacing) * 0)!important;padding-block:calc(var(--spacing) * 0)!important;text-align:center!important;font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important;color:var(--color-blue-900)!important;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important;border-radius:.25rem!important}#dock #dock .dock-custom-tooltip{white-space:nowrap!important;border-radius:4px!important;width:fit-content!important;min-width:auto!important;height:auto!important;min-height:auto!important;padding:0!important;font-size:12px!important;line-height:1.2!important}#dock #dock .dock-custom-tooltip .rt-tooltip-content{white-space:nowrap!important;width:fit-content!important;min-width:auto!important;height:auto!important;min-height:auto!important;padding:0!important;font-size:12px!important;line-height:1.2!important}#dock #dock .rt-tooltip{border-radius:4px!important;width:fit-content!important;min-width:auto!important;height:auto!important;min-height:auto!important;padding:0!important;font-size:12px!important;line-height:1.2!important}#dock #dock .rt-tooltip .rt-tooltip-content{width:fit-content!important;min-width:auto!important;height:auto!important;min-height:auto!important;padding:0!important;font-size:12px!important;line-height:1.2!important}#dock .dock-icon{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);cursor:pointer}@media (width>=1920px){#dock .dock-icon{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}}#dock .dock-icon img{object-fit:cover;object-position:center}#dock .dock-icon img[src*=music\.webp]{--tw-scale-x:93%;--tw-scale-y:93%;--tw-scale-z:93%;scale:var(--tw-scale-x) var(--tw-scale-y)}#dock .dock-icon img[src*=trash\.svg]{--tw-scale-x:92%;--tw-scale-y:92%;--tw-scale-z:92%;scale:var(--tw-scale-x) var(--tw-scale-y)}#dock .dock-icon img[src*=game\.svg]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}#window-controls{gap:calc(var(--spacing) * 2);display:flex}#window-controls .close{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);cursor:pointer;background-color:#ff6157;border-radius:3.40282e38px}@media (width>=1920px){#window-controls .close{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}#window-controls .minimize{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);cursor:pointer;background-color:#ffc030;border-radius:3.40282e38px}@media (width>=1920px){#window-controls .minimize{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}#window-controls .maximize{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);cursor:pointer;background-color:#2acb42;border-radius:3.40282e38px}@media (width>=1920px){#window-controls .maximize{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}.window-root{--tw-shadow:0 25px 50px -12px #00000020!important;--tw-drop-shadow:drop-shadow(0 25px 25px #00000013)!important;filter:drop-shadow(0 10px 15px #00000013)!important;box-shadow:0 10px 30px -5px #00000026!important}#wallpaper{height:600px;width:var(--container-4xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#wallpaper #window-header{z-index:100;pointer-events:auto;position:sticky;top:0}#wallpaper>div:last-child{z-index:1;position:relative}#window-header{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-400);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}#safari{height:600px;width:var(--container-4xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#safari .search{align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);width:66.6667%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);display:flex}#safari .search input::placeholder{color:var(--color-gray-400)}#safari .blog{max-width:var(--container-3xl);background-color:var(--color-white);padding:calc(var(--spacing) * 10);max-height:calc(100% - 40px);margin-inline:auto;overflow-y:auto}#safari .blog h2{margin-bottom:calc(var(--spacing) * 10);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-pink-600)}#safari .blog .blog-post{grid-template-columns:repeat(12,minmax(0,1fr));display:grid}:where(#safari .blog .blog-post>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)))}#safari .blog .blog-post img{border-radius:var(--radius-md);object-fit:cover;width:100%;height:100%}#safari .blog .blog-post .content{grid-column:span 10/span 10}:where(#safari .blog .blog-post .content>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}#safari .blog .blog-post .content p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-gray-500)}#safari .blog .blog-post .content h3{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}#safari .blog .blog-post .content a{align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-blue-600);display:flex}@media (hover:hover){#safari .blog .blog-post .content a:hover{text-decoration-line:underline}}#terminal{height:600px;width:var(--container-4xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#terminal #window-header{padding-inline:calc(var(--spacing) * 3);justify-content:space-between;align-items:center;display:flex}#terminal h2{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-align:center;flex:1;margin:0}#terminal .open-url-btn{cursor:pointer;padding:calc(var(--spacing) * 1);color:var(--color-gray-400);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){#terminal .open-url-btn:hover{color:var(--color-gray-600)}}#terminal .open-url-btn{background:0 0;border:none;padding:4px}#terminal .techstack{font-family:var(--font-roboto);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));height:calc(100% - 48px);margin:0;padding:0;position:relative}#terminal .techstack iframe{border:none;border-radius:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}#terminal .techstack .label{margin-inline-start:calc(var(--spacing) * 10);margin-top:calc(var(--spacing) * 7);align-items:center;display:flex}#terminal .techstack .content{margin-block:calc(var(--spacing) * 5)}:where(#terminal .techstack .content>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}#terminal .techstack .content{border-block-style:var(--tw-border-style);--tw-border-style:dashed;padding-block:calc(var(--spacing) * 5);border-block-width:1px;border-style:dashed}#terminal .techstack .content li .check{width:calc(var(--spacing) * 5);color:#00a154}#terminal .techstack .content li h3{width:calc(var(--spacing) * 32);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#00a154;margin-inline-start:calc(var(--spacing) * 5)}#terminal .techstack .content li ul{align-items:center;gap:calc(var(--spacing) * 3);display:flex}:where(#terminal .techstack .footnote>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}#terminal .techstack .footnote{color:#00a154}#terminal .techstack .footnote p{align-items:center;display:flex}#terminal .techstack .footnote p svg{width:calc(var(--spacing) * 5);margin-inline-end:calc(var(--spacing) * 5)}#contact ul{align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}#contact ul li{transform-origin:50%;border-radius:var(--radius-lg);padding:calc(var(--spacing) * 3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;flex:0 0 calc(50% - 6px);transition-duration:.3s}@media (hover:hover){#contact ul li:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}#photos{height:600px;max-width:var(--container-3xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#photos .sidebar{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);width:25%;padding:calc(var(--spacing) * 5);flex-direction:column;flex:none;display:flex}#photos .sidebar h2{margin-bottom:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-400)}#photos .sidebar ul li{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);display:flex}:where(#photos .sidebar ul li>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}#photos .sidebar ul li{border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#photos .sidebar ul li:first-child{background-color:var(--color-blue-100);color:var(--color-blue-700)}#photos .sidebar ul li img{width:calc(var(--spacing) * 4)}#photos .sidebar ul li p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}#photos .gallery{min-height:calc(var(--spacing) * 0);padding:calc(var(--spacing) * 5);flex:1;overflow-y:auto}#photos .gallery ul{column-count:2;column-gap:.625rem}@media (width>=640px){#photos .gallery .gallery ul{column-count:3}}@media (width>=768px){#photos .gallery .gallery ul{column-count:4}}@media (width>=1920px){#photos .gallery .gallery ul{column-count:6}}#photos .gallery li{break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;cursor:pointer;width:100%;margin-bottom:.625rem;display:inline-block}#photos .gallery li img{border-radius:var(--radius-lg);width:100%;height:auto}#finder{height:600px;width:var(--container-4xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#finder .sidebar{width:calc(var(--spacing) * 48);flex-direction:column;display:flex}:where(#finder .sidebar>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}#finder .sidebar{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);padding:calc(var(--spacing) * 5)}#finder .sidebar h3{margin-bottom:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-400)}:where(#finder .sidebar ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}#finder .sidebar ul .active{background-color:var(--color-blue-100);color:var(--color-blue-700)}#finder .sidebar ul .not-active{color:var(--color-gray-700)}@media (hover:hover){#finder .sidebar ul .not-active:hover{background-color:var(--color-gray-200)}}#finder .sidebar ul li{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:flex}#finder .content{gap:calc(var(--spacing) * 3);background-color:var(--color-white);padding:calc(var(--spacing) * 8);flex-wrap:wrap;width:100%;height:100%;display:flex;position:relative;overflow-y:auto}#finder .content .finder-item{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}#finder .content .finder-item img{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16);object-fit:contain;object-position:center;position:relative}@media (hover:hover){#finder .content .finder-item img:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}#finder .content .finder-item p{width:calc(var(--spacing) * 40);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}#portfolio{height:600px;width:var(--container-4xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#portfolio #window-header{z-index:100;pointer-events:auto;position:sticky;top:0}#about{height:600px;width:var(--container-4xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#about h2{text-align:center;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}#about h3{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}#about ul{align-items:center;gap:calc(var(--spacing) * 3);display:flex}#about ul li{width:calc(var(--spacing) * 60);transform-origin:50%;border-radius:var(--radius-lg);padding:calc(var(--spacing) * 3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){#about ul li:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}:where(#about ul li a>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}#about ul li p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}#contact{height:600px;width:var(--container-4xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#contact h2{text-align:center;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}#contact h3{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}#contact ul{align-items:center;gap:calc(var(--spacing) * 3);display:flex}#contact ul li{width:calc(var(--spacing) * 60);transform-origin:50%;border-radius:var(--radius-lg);padding:calc(var(--spacing) * 3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){#contact ul li:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}:where(#contact ul li a>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}#contact ul li p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}#txtfile{height:550px;width:var(--container-md);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#txtfile h2{text-align:center;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}#imgfile{width:var(--container-xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#imgfile #window-header p{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#5f6266}#imgfile .preview{background-color:var(--color-gray-200);max-height:70vh;padding:calc(var(--spacing) * 2)}#imgfile .preview img{object-fit:contain;object-position:center;width:100%;height:fit-content}#home{z-index:0;position:relative}#home ul li{z-index:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:absolute}#home ul li img{border-radius:var(--radius-md);padding:calc(var(--spacing) * 1)}@media (hover:hover){#home ul li img:is(:where(.group):hover *){background-color:#0307121a}@supports (color:color-mix(in lab, red, red)){#home ul li img:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-gray-950) 10%, transparent)}}}#home ul li img{width:72px;height:72px}#home ul li p{max-width:calc(var(--spacing) * 40);border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 1);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){#home ul li p:is(:where(.group):hover *){background-color:var(--color-blue-500)}}#music{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);width:100%;max-width:860px;height:630px;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#music .sidebar{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);width:33.3333%;padding:calc(var(--spacing) * 5);flex-direction:column;flex:none;display:flex}#music .sidebar h2{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-400)}#music .sidebar ul{min-height:calc(var(--spacing) * 0)}:where(#music .sidebar ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}#music .sidebar ul{overflow-y:auto}#music .sidebar ul li{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:flex}#music .player{min-height:calc(var(--spacing) * 0);width:100%;padding:calc(var(--spacing) * 8);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}#music .player .cover{margin-bottom:calc(var(--spacing) * 6);justify-content:center;width:100%;display:flex}#music .player .cover img{height:calc(var(--spacing) * 64);width:calc(var(--spacing) * 110);border-radius:var(--radius-2xl);object-fit:cover;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);max-width:100%;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}#music .player .sliders{align-items:center;gap:calc(var(--spacing) * 3);width:100%;display:flex;overflow:hidden}#music .player .sliders input[type=range]{min-width:calc(var(--spacing) * 0);flex:1}#vscode{height:600px;width:var(--container-4xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;top:50%;left:50%;overflow:hidden}#vscode #window-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-400);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}#vscode #window-header h2{text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);flex:1}#vscode #window-header a{align-items:center;display:flex}#ner{top:calc(var(--spacing) * 20);left:calc(var(--spacing) * 20);height:600px;width:var(--container-5xl);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);position:absolute;overflow:hidden}#ner #window-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-400);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}#ner #window-header h2{text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);flex:1}#ner #window-header a{align-items:center;display:flex}#game{height:600px;width:var(--container-4xl);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}#game #window-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-400);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}#game #window-header h2{text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);flex:1}#game #window-header a{align-items:center;display:flex}#game .sidebar{width:calc(var(--spacing) * 48);flex-direction:column;flex-shrink:0;display:flex}:where(#game .sidebar>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}#game .sidebar{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);padding:calc(var(--spacing) * 5)}#game .sidebar h3{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-400)}:where(#game .sidebar ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}#game .sidebar ul .active{background-color:var(--color-blue-100);color:var(--color-blue-700)}#game .sidebar ul .not-active{color:var(--color-gray-700)}@media (hover:hover){#game .sidebar ul .not-active:hover{background-color:var(--color-gray-200)}}#game .sidebar ul li{cursor:pointer;border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:space-between;align-items:center;display:flex}#game .content{background-color:var(--color-white);padding:calc(var(--spacing) * 6);flex:1;overflow-y:auto}#game .content li{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}#game .content li img{height:calc(var(--spacing) * 40);object-fit:cover;object-position:center;width:100%;position:relative}@media (hover:hover){#game .content li img:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}#game .content li p{text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media (width<=640px){nav{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);flex-direction:row;justify-content:space-between;align-items:center;display:flex}nav>div:first-child{flex:1!important;align-items:center!important;gap:6px!important;display:flex!important}nav>div:nth-child(2){align-items:center!important;gap:4px!important;display:flex!important}nav .logo-portfolio-container{gap:calc(var(--spacing) * 1.5)}nav .logo-portfolio-container img{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6)}nav .logo-portfolio-container .portfolio-text{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}nav .logo-portfolio-container .portfolio-text-container{width:60px!important;height:60px!important;position:absolute!important;top:50%!important;left:auto!important;right:-60px!important;transform:translateY(-50%)!important}nav .logo-portfolio-container .overlay-gif{background-position:50%!important;width:60px!important;height:60px!important;position:absolute!important;inset:50% auto auto 0!important;transform:translateY(-50%)!important}nav ul{gap:1.5rem}nav ul li span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}nav .datetime-placeholder{display:none}.mobile-dock-no-scrollbar::-webkit-scrollbar{display:none!important}.window-root{z-index:2147483647!important;filter:drop-shadow(0 5px 8px #0000000a)!important;box-shadow:0 5px 15px -2px #00000014!important}#finder{width:90vw;height:70vh}#contact{width:90vw;height:60vh}#contact>div{max-height:calc(100% - 40px)!important;overflow-y:auto!important}#wallpaper,#safari{width:90vw;height:70vh}#safari .blog{max-height:calc(100% - 40px)!important;padding:1rem 1rem 80px!important;overflow-y:auto!important}#terminal,#photos,#music,#vscode,#game,#ner,#trash{width:90vw;height:70vh}#welcome{padding-inline:calc(var(--spacing) * 5)}#welcome h1{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}#welcome p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.tooltip{padding-inline:calc(var(--spacing) * 2)!important;padding-block:calc(var(--spacing) * .5)!important;font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}#window-controls .close,#window-controls .minimize,#window-controls .maximize{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}#window-header{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}#home ul{flex-wrap:wrap!important;justify-content:flex-start!important;gap:1.5rem!important;padding:1.5rem 1rem 1rem 1.5rem!important;display:flex!important}#home ul li{margin:0!important;position:relative!important;inset:auto!important;transform:none!important}#home ul li img{width:64px!important;height:64px!important}#home ul li p{font-size:.75rem!important}}@media (width>=641px) and (width<=1024px){#finder,#contact,#safari,#terminal,#photos,#music,#vscode,#game,#ner{width:80vw;height:75vh}#photos .gallery ul{column-count:3}}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-5{top:calc(var(--spacing) * 5)}.top-10{top:calc(var(--spacing) * 10)}.top-14{top:calc(var(--spacing) * 14)}.top-15{top:calc(var(--spacing) * 15)}.top-20{top:calc(var(--spacing) * 20)}.top-25{top:calc(var(--spacing) * 25)}.top-40{top:calc(var(--spacing) * 40)}.top-52{top:calc(var(--spacing) * 52)}.top-55{top:calc(var(--spacing) * 55)}.top-60{top:calc(var(--spacing) * 60)}.top-65{top:calc(var(--spacing) * 65)}.top-67{top:calc(var(--spacing) * 67)}.top-\[80px\]{top:80px}.top-\[220px\]{top:220px}.top-\[360px\]{top:360px}.right-0{right:calc(var(--spacing) * 0)}.right-10{right:calc(var(--spacing) * 10)}.right-20{right:calc(var(--spacing) * 20)}.right-30{right:calc(var(--spacing) * 30)}.right-70{right:calc(var(--spacing) * 70)}.right-80{right:calc(var(--spacing) * 80)}.right-85{right:calc(var(--spacing) * 85)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-10{left:calc(var(--spacing) * 10)}.left-15{left:calc(var(--spacing) * 15)}.left-16{left:calc(var(--spacing) * 16)}.left-20{left:calc(var(--spacing) * 20)}.left-30{left:calc(var(--spacing) * 30)}.left-45{left:calc(var(--spacing) * 45)}.left-55{left:calc(var(--spacing) * 55)}.left-80{left:calc(var(--spacing) * 80)}.left-\[120px\]{left:120px}.left-\[280px\]{left:280px}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (width>=1920px){.container{max-width:1920px}}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-10{margin-left:calc(var(--spacing) * 10)}.flex-center{justify-content:center;align-items:center;display:flex}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:var(--aspect-video)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-40{height:calc(var(--spacing) * 40)}.h-152{height:calc(var(--spacing) * 152)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[45vh\]{max-height:45vh}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-1\/2{width:50%}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-30{width:calc(var(--spacing) * 30)}.w-48{width:calc(var(--spacing) * 48)}.w-50{width:calc(var(--spacing) * 50)}.w-60{width:calc(var(--spacing) * 60)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.max-w-full{max-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.auto-rows-max{grid-auto-rows:max-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-t-transparent{border-top-color:#0000}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900\/95{background-color:#101828f2}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/95{background-color:color-mix(in oklab, var(--color-gray-900) 95%, transparent)}}.bg-green-400{background-color:var(--color-green-400)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-none{background-image:none}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-\[1px\]{padding-block:1px}.pr-0{padding-right:calc(var(--spacing) * 0)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-700{color:var(--color-blue-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.accent-gray-600{accent-color:var(--color-gray-600)}.accent-red-500{accent-color:var(--color-red-500)}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:shadow-lg:is(:where(.group):hover *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:cursor-default:hover{cursor:default}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (width>=40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}}@keyframes liquidGlassIn{0%{opacity:0;-webkit-backdrop-filter:blur()saturate(0%);transform:scale(.95)translateY(-10px)}50%{opacity:.7;-webkit-backdrop-filter:blur(20px)saturate(90%)}to{opacity:1;-webkit-backdrop-filter:blur(40px)saturate(180%);transform:scale(1)translateY(0)}}@keyframes liquidGlassBtn{0%{transform:scale(1);box-shadow:0 4px 16px #0000001a,inset 0 1px #fff6}50%{transform:scale(.98);box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff80}to{transform:scale(1);box-shadow:0 4px 16px #0000001a,inset 0 1px #fff6}}html,body{background-image:var(--wallpaper-url,url(/images/wallpaper1.jpg));background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:all .3s;overflow:hidden}[data-tooltip-id=dock-tooltip]{--rt-opacity:1;--rt-padding:0;--rt-font-size:12px;--rt-line-height:1.2;--rt-min-width:auto;--rt-max-width:none;--rt-border-radius:4px;--rt-bg-color:#bfdbfe;--rt-text-color:#1e40af}.rt-tooltip[data-tooltip-id=dock-tooltip]{box-sizing:content-box!important;width:fit-content!important;min-width:auto!important;max-width:none!important;height:auto!important;min-height:auto!important;padding:0!important}.rt-tooltip[data-tooltip-id=dock-tooltip] .rt-tooltip-content{box-sizing:content-box!important;white-space:nowrap!important;width:fit-content!important;min-width:auto!important;max-width:none!important;height:auto!important;min-height:auto!important;padding:0!important;font-size:12px!important;line-height:1.2!important;display:inline!important}#root .rt-tooltip[data-tooltip-id=dock-tooltip]{width:fit-content!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;padding:0!important}#root .rt-tooltip[data-tooltip-id=dock-tooltip] .rt-tooltip-content{width:fit-content!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;padding:0!important;font-size:12px!important;line-height:1.2!important}html body #root .rt-tooltip[data-tooltip-id=dock-tooltip]{width:fit-content!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;padding:0!important}html body #root .rt-tooltip[data-tooltip-id=dock-tooltip] .rt-tooltip-content{width:fit-content!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;padding:0!important;font-size:12px!important;line-height:1.2!important}@media (width<=640px){html,body{background-image:var(--wallpaper-url,url(/images/wallpaper1.jpg));background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}main{width:100%;height:100%;overflow:hidden}#portfolio>div:last-child{padding:20px 12px 50px!important}#portfolio>div:last-child>div:first-child{margin-bottom:16px!important}#portfolio>div:last-child>div:first-child h1{font-size:1.25rem!important}#portfolio>div:last-child>div:first-child p{font-size:.8rem!important}#portfolio>div:last-child>div:last-child{gap:16px!important}.project-card{flex-direction:column!important}.project-card>div:first-child{width:100%!important;min-height:200px!important}.project-card>div:last-child{padding:16px!important}.project-card h3{font-size:1.1rem!important}.project-card>div:last-child>div:first-child>p{font-size:.8rem!important}.project-card-tags span{padding:3px 10px!important;font-size:.7rem!important}.project-card>div:last-child>div:last-child{flex-direction:column!important;gap:8px!important;margin-top:12px!important}#finder .content{flex-wrap:wrap!important;justify-content:space-around!important;gap:24px!important;padding:1rem!important;display:flex!important}#finder .sidebar,#photos .sidebar,#music .sidebar,#game .sidebar{display:none!important}#finder .content .finder-item{flex-direction:column!important;flex:0 0 calc(50% - 12px)!important;align-items:center!important;gap:.35rem!important;max-width:calc(50% - 12px)!important}#finder .content .finder-item img{width:44px!important;height:44px!important}#finder .content .finder-item p{white-space:nowrap!important;max-width:none!important;font-size:.7rem!important}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}