/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@500;700&display=swap";@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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}}}@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-cyan-400:oklch(78.9% .154 211.53);--color-gray-300:oklch(87.2% .01 258.338);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-xl:24px;--blur-2xl:40px;--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);--color-bg-dark:#010101;--color-glass-bg:#ffffff08;--color-glass-border:#ffffff0d}}@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;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}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.top-10{top:calc(var(--spacing)*10)}.left-10{left:calc(var(--spacing)*10)}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-10{height:calc(var(--spacing)*10)}.w-10{width:calc(var(--spacing)*10)}.w-full{width:100%}.max-w-\[1200px\]{max-width:1200px}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-5{gap:calc(var(--spacing)*5)}.\!overflow-visible{overflow:visible!important}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-\[var\(--glass-border\)\]{border-color:var(--glass-border)}.border-transparent{border-color:#0000}.\!bg-transparent{background-color:#0000!important}.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)}}.stroke-current{stroke:currentColor}.\!p-0{padding:calc(var(--spacing)*0)!important}.px-5{padding-inline:calc(var(--spacing)*5)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.text-center{text-align:center}.text-\[\#5865F2\]{color:#5865f2}.text-\[\#E1306C\]{color:#e1306c}.text-\[\#FF0000\]{color:red}.text-\[var\(--text-main\)\]{color:var(--text-main)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-white{color:var(--color-white)}.no-underline{text-decoration-line:none}.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-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-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-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:-translate-y-1:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.group-hover\:text-\[var\(--accent-primary\)\]:is(:where(.group):hover *){color:var(--accent-primary)}.group-hover\:text-\[var\(--accent-secondary\)\]:is(:where(.group):hover *){color:var(--accent-secondary)}}.group-active\:rotate-90:is(:where(.group):active *){rotate:90deg}@media (hover:hover){.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\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-\[var\(--accent-primary\)\]:hover{border-color:var(--accent-primary)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.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 (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.glass-panel{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-glass-border);background-color:var(--color-glass-bg);--tw-backdrop-blur:blur(var(--blur-2xl));-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,);box-shadow:0 4px 24px -1px #0003,inset 0 0 0 1px #ffffff0d}.glass-panel-hover{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}.glass-panel-hover:hover{z-index:10;--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.glass-panel-hover:hover{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.glass-panel-hover:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.glass-panel-hover:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.glass-panel-hover:hover{box-shadow:0 20px 40px -10px #00000080,inset 0 0 0 1px #ffffff1a}.sortable-ghost{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:.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}.sortable-drag{z-index:50;--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y);cursor:grabbing;--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)}.bento-item{cursor:grab}.bento-item:active{cursor:grabbing}.cube-container{perspective:1000px;width:100%;height:100%}.cube{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.cube-face{backface-visibility:visible;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;border:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.face-front{transform:rotateY(0)translateZ(35px)}.face-back{transform:rotateY(180deg)translateZ(35px)}.face-right{transform:rotateY(90deg)translateZ(35px)}.face-left{transform:rotateY(-90deg)translateZ(35px)}.face-top{transform:rotateX(90deg)translateZ(35px)}.face-bottom{transform:rotateX(-90deg)translateZ(35px)}.face-front i,.face-back i,.face-right i,.face-left i{transition:transform .4s;transform:scale(1)}.group:hover .cube{transform:rotateX(20deg)rotateY(-20deg)}.social-item.github:hover .cube{transform:rotateY(90deg)}.social-item.discord:hover .cube{transform:rotateX(-90deg)}.social-item.instagram:hover .cube{transform:rotateY(-180deg)}.social-item.youtube:hover .cube{transform:rotateX(90deg)}.face-right{background:#ffffff0a}.face-left{background:#ffffff05}.face-top{background:#ffffff0f}.face-bottom{background:#ffffff03}}.journey-progress{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px;transition:height .1s linear}.journey-progress:after{content:"";background:var(--accent-secondary);width:12px;height:12px;box-shadow:0 0 20px 5px var(--accent-secondary),0 0 10px var(--accent-primary);z-index:10;border-radius:50%;transition:all .1s linear;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.journey-marker{border-style:var(--tw-border-style);border-width:2px;border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.journey-marker{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.journey-marker{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:.5s;transition-duration:.5s}.journey-marker.active{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y);border-color:var(--color-cyan-400);background-color:var(--color-cyan-400);--tw-shadow:0 0 20px var(--tw-shadow-color,#06b6d4);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.journey-card{--tw-translate-x:calc(var(--spacing)*10);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:.5;--tw-blur:blur(2px);--tw-grayscale:grayscale(100%);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,);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:.7s;transition-duration:.7s}.journey-card.active{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;--tw-blur: ;--tw-grayscale:grayscale(0%);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,)}#custom-context-menu{z-index:50;border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;border-radius:16px;min-width:200px;display:none;position:fixed}@supports (color:color-mix(in lab, red, red)){#custom-context-menu{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}#custom-context-menu{background-color:#000c}@supports (color:color-mix(in lab, red, red)){#custom-context-menu{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}#custom-context-menu{padding:calc(var(--spacing)*2);--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-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,);animation:.2s cubic-bezier(.16,1,.3,1) menu-pop}@keyframes menu-pop{0%{opacity:0;transform:scale(.95)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}.ctx-menu-item{cursor:pointer;align-items:center;gap:calc(var(--spacing)*3);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-300);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:.2s;transition-duration:.2s;display:flex}.ctx-menu-item:hover{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y);background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ctx-menu-item:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.ctx-menu-item:hover{color:var(--color-white)}.ctx-separator{margin-inline:calc(var(--spacing)*2);margin-block:calc(var(--spacing)*1);background-color:#ffffff1a;height:1px}@supports (color:color-mix(in lab, red, red)){.ctx-separator{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}@keyframes messagePing{75%,to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes spotifyGradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes spotifyPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-25%)}}@media (max-width:1024px){.bento-container{grid-template-columns:repeat(3,1fr)}.profile-widget{grid-column:span 3}}@media (max-width:768px){.bento-container{grid-template-columns:repeat(2,1fr)}.profile-widget,.col-span-1,.col-span-2,.col-span-3,.col-span-4{grid-column:span 2}.mobile-col-span-1{grid-column:span 1!important}.consent-banner{text-align:center;flex-direction:column;gap:15px;width:calc(100% - 30px);padding:20px}}@keyframes floatHero{0%,to{transform:translateY(-50%)rotate(-5deg)}50%{transform:translateY(-55%)rotate(0)}}@media (max-width:1024px){.broken-grid{grid-template-columns:1fr}.sheet-bio,.sheet-stats,.sheet-full{grid-column:span 1;margin-top:0}.hero-immersive{text-align:center;flex-direction:column;justify-content:center}.hero-character-stage{width:100%;height:400px;margin-top:50px;animation:none;position:relative;top:auto;right:auto;transform:none}.journey-stop:nth-child(odd) .journey-card,.journey-stop:nth-child(2n) .journey-card{margin:0}.journey-line{display:none}.journey-stop{margin-bottom:50px}}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}10%{clip:rect(112px,9999px,76px,0)}20%{clip:rect(85px,9999px,77px,0)}30%{clip:rect(27px,9999px,97px,0)}40%{clip:rect(64px,9999px,98px,0)}50%{clip:rect(61px,9999px,85px,0)}60%{clip:rect(99px,9999px,114px,0)}70%{clip:rect(34px,9999px,115px,0)}80%{clip:rect(98px,9999px,129px,0)}90%{clip:rect(43px,9999px,96px,0)}to{clip:rect(82px,9999px,64px,0)}}@keyframes glitch-anim2{0%{clip:rect(2px,9999px,94px,0)}10%{clip:rect(6px,9999px,16px,0)}20%{clip:rect(44px,9999px,22px,0)}30%{clip:rect(12px,9999px,88px,0)}40%{clip:rect(66px,9999px,33px,0)}50%{clip:rect(77px,9999px,22px,0)}60%{clip:rect(88px,9999px,11px,0)}70%{clip:rect(22px,9999px,99px,0)}80%{clip:rect(2px,9999px,6px,0)}90%{clip:rect(11px,9999px,88px,0)}to{clip:rect(33px,9999px,44px,0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes statusPing{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes pageOut{0%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.guestbook-container{padding:100px 15px 150px}.back-button-fixed{padding:8px 15px;font-size:.9rem;top:20px;left:20px}.guestbook-header h1{font-size:2rem}.guestbook-comments{padding:20px 15px}.guestbook-info{flex-direction:column;gap:15px}.info-item{min-width:100%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}:root{--bg-dark:#010101;--bg-panel:#0a0a0a;--accent-primary:#6d28d9;--accent-secondary:#06b6d4;--accent-glow:#6d28d980;--text-main:#fff;--text-muted:#a1a1aa;--text-dim:#52525b;--glass-bg:#ffffff08;--glass-border:#ffffff0d;--glass-highlight:#ffffff1a;--radius-lg:28px;--radius-md:20px;--radius-sm:12px;--grid-gap:20px}body.light-mode{--bg-dark:#f8fafc;--bg-panel:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--glass-bg:#ffffffd9;--glass-border:#0000001a;--glass-highlight:#00000026;--accent-glow:#6d28d926}body.light-mode:before,body.light-mode:after{opacity:.06}body.light-mode .bento-item{background:#ffffffe6;border-color:#00000014;box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000a}body.light-mode .bento-item:hover{box-shadow:0 4px 16px #0000001a,0 12px 32px #0000000f}body.light-mode .profile-widget{background:linear-gradient(145deg,#fffffff2,#f8fafcfa)}body.light-mode .profile-info h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text}body.light-mode .nav-dock{background:#ffffffe6;border-color:#0000001a;box-shadow:0 4px 30px #0000001f}body.light-mode .dock-item{color:#64748b}body.light-mode .dock-item:hover{color:#0f172a;background:#0000000f}body.light-mode .dock-tooltip{color:#fff;background:#0f172a}body.light-mode .spotify-widget:not(.playing){background:linear-gradient(135deg,#1db954 0%,#169c46 30%,#f8fafc 100%)}body.light-mode #particles-canvas{opacity:.25}body.light-mode .social-item{background:#00000008}body.light-mode .social-item svg,body.light-mode .social-item i{color:#64748b}body.light-mode .social-item:hover svg,body.light-mode .social-item:hover i{color:var(--brand-color)}body.light-mode .glass-sheet{background:#ffffffd9;border-color:#00000014;box-shadow:0 4px 20px #0000000f}body.light-mode .glass-sheet:hover{border-color:#0000001f;box-shadow:0 8px 40px #0000001a}body.light-mode .hero-text-huge{color:#0f172a;text-shadow:none}body.light-mode .hero-sub{color:var(--accent-primary)}body.light-mode .glass-sheet h2,body.light-mode .glass-sheet h3,body.light-mode .sheet-bio h2,body.light-mode .sheet-stats h3,body.light-mode .sheet-full h3{color:#0f172a!important}body.light-mode .journey-line{background:#0000001a}body.light-mode .journey-card h3,body.light-mode .journey-section h2{color:#0f172a!important}body.light-mode .journey-card{border-color:var(--accent-primary);background:#fff;box-shadow:0 8px 32px #0000001a}body.light-mode .journey-marker{border-color:var(--accent-primary);background:#fff}body.light-mode .inventory-item{background:#00000005;border-color:#00000014}body.light-mode .inventory-item:hover{border-color:var(--accent-primary);background:#0000000a}body.light-mode .inventory-tooltip{background:#0f172a;border-color:#ffffff1a}body.light-mode .timeline-track{background:linear-gradient(to bottom,transparent,var(--accent-primary),transparent)}body.light-mode .timeline-node{background:#fff}body.light-mode .timeline-content{background:#ffffffe6;border-color:#00000014}body.light-mode .doc-container{background:#fffffff2;box-shadow:0 20px 50px #00000014}body.light-mode .doc-title{background:linear-gradient(135deg,#1e293b 0%,var(--accent-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.light-mode .doc-header{border-bottom-color:#00000014}body.light-mode .consent-banner{background:#fffffff2;border-color:#0000001a;box-shadow:0 10px 40px #00000026}body.light-mode .project-card-mini{border-color:#00000014}body.light-mode .project-card-mini:hover{border-color:#00000026}body.light-mode .guestbook-comments,body.light-mode .guestbook-info{background:#ffffffe6}body.light-mode .guestbook-header h1{background:linear-gradient(to right,#1e293b,var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.light-mode .back-button-fixed,body.light-mode a[href=index\.html][style*=position\:fixed]{color:#64748b;background:#ffffffe6;border-color:#0000001a}body.light-mode .back-button-fixed:hover,body.light-mode a[href=index\.html][style*=position\:fixed]:hover{color:#0f172a;background:#fff}body.light-mode .discord-status{background:#00000008;border-color:#00000014}body.light-mode .glitch-text{color:#0f172a}body.light-mode .glitch-wrapper .bento-item{color:#0f172a;background:#0000000d}body.light-mode .tech-icon{color:#64748b;filter:grayscale(50%)}body.light-mode .map-widget{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important}body.light-mode .accent-primary{color:var(--accent-primary)}body.light-mode .accent-secondary{color:var(--accent-secondary)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle,var(--accent-glow)0%,transparent 70%);opacity:.15;z-index:-1;filter:blur(100px);pointer-events:none;width:60%;height:60%;position:fixed;top:-20%;left:-10%}body:after{content:"";opacity:.15;z-index:-1;filter:blur(100px);pointer-events:none;background:radial-gradient(circle,#06b6d44d 0%,#0000 70%);width:60%;height:60%;position:fixed;bottom:-20%;right:-10%}.bento-container{gap:var(--grid-gap);grid-template-rows:repeat(auto-fill,minmax(180px,auto));grid-template-columns:repeat(4,1fr);width:100%;max-width:1200px;display:grid}.bento-item{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(40px)saturate(160%);contain:layout style;background:#ffffff03;border:1px solid #ffffff14;flex-direction:column;padding:24px;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s,border-color .4s,background .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px -1px #0003,inset 0 0 0 1px #ffffff0d}a.bento-item:hover,.bento-item.interactive:hover{z-index:10;cursor:pointer;background:#ffffff08;border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 20px 40px -10px #00000080,inset 0 0 0 1px #ffffff1a}.bento-item:not(a):not(.interactive):hover{border-color:#ffffff1a}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}.profile-widget{background:linear-gradient(145deg,#141419cc,#0a0a0ce6);flex-direction:column;justify-content:space-between;display:flex}.profile-header{align-items:center;gap:20px;display:flex}.profile-img-container{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;width:60px;height:60px;padding:2px;box-shadow:0 0 20px #6d28d94d}.profile-img{object-fit:cover;border:2px solid var(--bg-panel);border-radius:50%;width:100%;height:100%}.profile-info h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;margin-bottom:2px;font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:700;line-height:1.1}.profile-info p{color:var(--text-muted);font-size:.9rem}.profile-bio{color:var(--text-dim);margin-top:15px;font-size:.9rem;line-height:1.5}.social-item{background:#ffffff08;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.social-item:before{content:"";background:radial-gradient(circle at center,var(--brand-color),transparent 70%);opacity:0;z-index:1;transition:opacity .4s;position:absolute;inset:0}.social-item:hover:before{opacity:.2}.social-item svg,.social-item i{width:50px;height:50px;color:var(--text-muted);z-index:2;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:visible}.social-item:hover svg,.social-item:hover i{color:#fff;filter:drop-shadow(0 0 15px var(--brand-color));transform:scale(1.2)}.social-item.github{--brand-color:#fff}.social-item.discord{--brand-color:#5865f2}.social-item.instagram{--brand-color:#e1306c}.social-item.youtube{--brand-color:red}.map-widget{background-image:url(https://api.mapbox.com/styles/v1/mapbox/dark-v10/static/29.0,41.0,11,0/400x400?access_token=YOUR_TOKEN);background-position:50%;background-size:cover;min-height:200px;position:relative}.map-overlay{color:#fff;background:linear-gradient(#0000,#000000e6);width:100%;padding:20px;position:absolute;bottom:0;left:0}.map-pin{background:var(--accent-secondary);border:3px solid #fff;border-radius:50%;width:20px;height:20px;animation:2s cubic-bezier(0,0,.2,1) infinite messagePing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #06b6d433}.spotify-widget{color:#fff;border-radius:var(--radius-lg);isolation:isolate;background:#121212;flex-direction:column;justify-content:flex-end;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.spotify-widget:not(.playing){background:linear-gradient(135deg,#1db954 0%,#169c46 30%,#121212 100%);box-shadow:0 8px 32px #1db95426}.spotify-icon{opacity:.9;filter:drop-shadow(0 0 8px #1db95480);width:32px;height:32px;transition:all .3s;position:absolute;top:20px;right:20px}.spotify-widget:hover .spotify-icon{filter:drop-shadow(0 0 12px #1db954cc);transform:scale(1.1)rotate(5deg)}.spotify-content{z-index:2;transition:transform .3s}.spotify-widget:hover .spotify-content{transform:translateY(-2px)}.spotify-status{opacity:.9;text-transform:uppercase;letter-spacing:2px;align-items:center;gap:6px;margin-bottom:8px;font-size:.75rem;font-weight:700;transition:all .3s;display:flex}.spotify-status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite statusPulse}.spotify-song{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 10px #0000004d;margin-bottom:4px;font-size:1.1rem;font-weight:700;line-height:1.3;transition:all .3s;overflow:hidden}.spotify-artist{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;transition:all .3s;overflow:hidden}#spotify-bars-visual{position:absolute;bottom:50%;right:20px;transform:translateY(50%)}.spotify-bar{box-shadow:0 0 8px #1db95499;transition:height .15s ease-out!important}.tech-stack-widget{white-space:nowrap;pointer-events:none;align-items:center;padding:0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.tech-track{gap:60px;width:max-content;padding:0 30px;animation:80s linear infinite scroll;display:flex}.tech-icon{color:var(--text-muted);filter:grayscale();opacity:.6;font-size:2.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1)}.project-card-mini{color:inherit;border:1px solid var(--glass-border);flex-direction:column;justify-content:space-between;text-decoration:none;display:flex}.project-icon{margin-bottom:15px;font-size:2rem}.project-title{font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:700}.project-desc{color:var(--text-muted);margin-top:5px;font-size:.9rem}.project-arrow{opacity:0;align-self:flex-end;transition:all .3s;transform:translate(-10px)}.project-card-mini:hover .project-arrow{opacity:1;transform:translate(0)}.nav-dock-wrapper{z-index:100;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.nav-dock{-webkit-backdrop-filter:blur(30px)saturate(180%);background:#ffffff08;border:1px solid #ffffff1a;border-radius:50px;gap:15px;padding:12px 20px;display:flex;box-shadow:0 15px 35px -5px #0006,inset 0 0 0 1px #ffffff14}.dock-item{color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.dock-item:hover{color:var(--text-main);background:#ffffff1a;transform:translateY(-5px)scale(1.1)}.dock-tooltip{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#000;border-radius:6px;padding:4px 8px;font-size:.8rem;transition:opacity .2s;position:absolute;top:-40px}.dock-item:hover .dock-tooltip{opacity:1}@media (max-width:1024px){.bento-container{grid-template-columns:repeat(3,1fr)}.profile-widget{grid-column:span 3}}@media (max-width:768px){.bento-container{grid-template-columns:repeat(2,1fr)}.profile-widget,.col-span-1,.col-span-2,.col-span-3,.col-span-4{grid-column:span 2}.mobile-col-span-1{grid-column:span 1!important}}.consent-banner{-webkit-backdrop-filter:blur(40px)saturate(150%);z-index:99;border-radius:var(--radius-md);background:#0a0a0c99;border:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:30px;width:calc(100% - 40px);max-width:900px;padding:20px 30px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(200%);box-shadow:0 10px 40px #00000080,inset 0 0 0 1px #ffffff0d}.consent-banner.visible{transform:translate(-50%)translateY(0)}.consent-content{max-width:600px}.consent-text{color:var(--text-muted);font-size:.9rem;line-height:1.5}.consent-text a{color:var(--accent-secondary);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.consent-text a:hover{border-color:var(--accent-secondary)}.consent-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:10px 24px;font-family:Space Grotesk,sans-serif;font-weight:600;transition:all .2s}.consent-btn:hover{background:#5b21b6;transform:translateY(-2px);box-shadow:0 5px 15px #6d28d966}@media (max-width:768px){.consent-banner{text-align:center;flex-direction:column;gap:15px;width:calc(100% - 30px);padding:20px}}.inventory-grid{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#0000004d;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;display:grid}.inventory-item{aspect-ratio:1;-webkit-backdrop-filter:blur(20px)saturate(140%);border-radius:var(--radius-sm);cursor:help;background:#ffffff03;border:1px solid #ffffff0d;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.inventory-item:hover{border-color:var(--accent-primary);background:#ffffff0d;box-shadow:0 0 25px #6d28d933}.inventory-icon{color:var(--text-muted);font-size:2rem}.inventory-item:hover .inventory-icon{color:#fff}.inventory-tooltip{border:1px solid var(--glass-border);text-align:center;opacity:0;pointer-events:none;z-index:20;background:#000;border-radius:8px;width:150px;padding:8px 12px;transition:opacity .2s;position:absolute;bottom:110%;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #00000080}.inventory-item:hover .inventory-tooltip{opacity:1}.item-name{color:var(--accent-secondary);margin-bottom:2px;font-size:.8rem;font-weight:700;display:block}.item-desc{color:var(--text-muted);font-size:.75rem}.timeline-container{height:100%;padding:20px 0;position:relative;overflow-y:auto}.timeline-track{background:linear-gradient(to bottom,transparent,var(--accent-primary),transparent);width:2px;position:absolute;top:0;bottom:0;left:19px}.timeline-event{gap:20px;margin-bottom:25px;display:flex;position:relative}.timeline-node{background:var(--bg-panel);border:2px solid var(--accent-primary);color:#fff;z-index:2;width:40px;height:40px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.timeline-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-grow:1;padding:15px;transition:transform .2s}.timeline-content:hover{border-color:var(--accent-secondary);transform:translate(5px)}.timeline-year{color:var(--accent-secondary);font-family:Space Grotesk;font-size:.9rem;font-weight:700}.timeline-title{color:var(--text-main);margin-bottom:5px;font-size:1.1rem;font-weight:600}.project-showcase{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:linear-gradient(#0000 0%,#000c 100%);flex-direction:column;justify-content:flex-end;height:100%;min-height:300px;padding:30px;text-decoration:none;transition:all .4s;display:flex;position:relative;overflow:hidden}.project-showcase:before{content:"";z-index:-1;background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .8s;position:absolute;top:0;left:0}.project-showcase:hover:before{transform:scale(1.1)}.project-showcase:hover{border-color:var(--accent-primary);box-shadow:0 20px 50px #00000080}.showcase-content{z-index:2;transition:transform .4s;transform:translateY(10px)}.project-showcase:hover .showcase-content{transform:translateY(0)}.showcase-title{color:#fff;text-shadow:0 5px 15px #00000080;margin-bottom:10px;font-family:Space Grotesk;font-size:2rem;font-weight:700}.showcase-tags{gap:8px;margin-bottom:15px;display:flex}.tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:4px 10px;font-size:.8rem}.showcase-link{color:var(--accent-secondary);opacity:0;align-items:center;gap:8px;font-weight:600;transition:all .4s .1s;display:inline-flex;transform:translateY(20px)}.project-showcase:hover .showcase-link{opacity:1;transform:translateY(0)}.editorial-container{width:100%;max-width:1400px;margin:0 auto;padding-top:100px;padding-bottom:100px;position:relative}.hero-immersive{justify-content:space-between;align-items:center;height:85vh;margin-bottom:100px;padding:0 5%;display:flex;position:relative}.hero-text-huge{color:#fff;z-index:2;text-shadow:0 0 50px #6d28d94d;font-family:Space Grotesk,sans-serif;font-size:clamp(4rem,10vw,8rem);font-weight:700;line-height:.9}.hero-sub{color:var(--accent-secondary);letter-spacing:-1px;margin-top:10px;font-size:2rem;font-weight:300;display:block}.hero-character-stage{z-index:1;width:600px;height:600px;filter:drop-shadow(0 0 30px var(--accent-secondary));background:radial-gradient(circle,#6d28d966 0%,#0000 60%);justify-content:center;align-items:center;animation:6s ease-in-out infinite floatHero;display:flex;position:absolute;top:50%;right:0%;transform:translateY(-50%)rotate(-5deg)}.glass-sheet{-webkit-backdrop-filter:blur(50px)saturate(150%);background:#0a0a0c4d;border:1px solid #ffffff0f;border-radius:30px;padding:50px;transition:transform .5s;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a}.glass-sheet:hover{border-color:#ffffff1a;box-shadow:0 20px 60px #0009,inset 0 0 0 1px #ffffff0d}.broken-grid{grid-template-columns:repeat(12,1fr);gap:40px;margin-bottom:100px;padding:0 5%;display:grid}.sheet-bio{flex-direction:column;grid-column:span 7;justify-content:center;min-height:400px;display:flex}.sheet-stats{background:linear-gradient(145deg,#ffffff08,#0006);grid-column:span 5;margin-top:100px}.sheet-full{grid-column:span 12;margin-top:50px}.journey-section{margin-top:50px;padding:100px 0;position:relative}.journey-line{background:var(--glass-border);width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #6d28d933}.journey-progress{background:linear-gradient(to bottom,var(--accent-primary),var(--accent-secondary));z-index:1;width:4px;height:50%;box-shadow:0 0 15px var(--accent-primary);position:absolute;top:0;left:50%;transform:translate(-50%)}.journey-stop{opacity:0;justify-content:center;margin-bottom:200px;transition:all .8s;display:flex;position:relative;transform:translateY(50px)}.journey-stop.visible{opacity:1;transform:translateY(0)}.journey-card{border:1px solid var(--accent-primary);text-align:center;z-index:2;background:#000;border-radius:20px;width:350px;padding:30px;position:relative;box-shadow:0 10px 40px #000c}.journey-year-bg{color:#ffffff05;z-index:-1;white-space:nowrap;font-size:8rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.journey-marker{background:var(--bg-dark);z-index:5;border:4px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #6d28d980}.journey-stop:nth-child(odd) .journey-card{margin-right:400px}.journey-stop:nth-child(2n) .journey-card{margin-left:400px}@media (max-width:1024px){.broken-grid{grid-template-columns:1fr}.sheet-bio,.sheet-stats,.sheet-full{grid-column:span 1;margin-top:0}.hero-immersive{text-align:center;flex-direction:column;justify-content:center}.hero-character-stage{width:100%;height:400px;margin-top:50px;animation:none;position:relative;top:auto;right:auto;transform:none}.journey-stop:nth-child(odd) .journey-card,.journey-stop:nth-child(2n) .journey-card{margin:0}.journey-line{display:none}.journey-stop{margin-bottom:50px}}.doc-container{-webkit-backdrop-filter:blur(40px)saturate(160%);border-radius:var(--radius-lg);background:#ffffff03;border:1px solid #ffffff14;max-width:900px;margin:0 auto;padding:60px;position:relative;box-shadow:0 30px 60px -15px #00000080,inset 0 0 0 1px #ffffff0d}.doc-header{text-align:center;border-bottom:1px solid var(--glass-border);margin-bottom:50px;padding-bottom:30px}.doc-title{background:linear-gradient(135deg,#fff 0%,var(--accent-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700}.doc-content h2{color:var(--text-main);align-items:center;gap:10px;margin:40px 0 20px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;display:flex}.doc-content p,.doc-content li{color:var(--text-muted);margin-bottom:15px;font-size:1.05rem;line-height:1.8}.doc-content ul{padding-left:20px;list-style:none}.doc-content li{position:relative}.doc-content li:before{content:"→";color:var(--accent-secondary);position:absolute;left:-20px}.setup-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px;display:grid}.setup-item{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff08;align-items:center;gap:15px;padding:15px;transition:all .3s;display:flex}.setup-item:hover{border-color:var(--accent-secondary);background:#ffffff0f;transform:translateY(-2px)}.setup-icon{color:var(--accent-secondary);font-size:1.5rem}.setup-info h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.setup-info p{color:var(--text-main);font-size:1rem;font-weight:600}.glitch-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:80vh;display:flex}.glitch-text{color:#fff;letter-spacing:-5px;font-family:Space Grotesk,sans-serif;font-size:8rem;font-weight:700;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch-text:after{text-shadow:-2px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}#particles-canvas{z-index:-2;pointer-events:none;will-change:contents;width:100%;height:100%;position:fixed;top:0;left:0;transform:translateZ(0)}.typing-text{align-items:center;gap:2px;display:flex}.typing-role{color:var(--text-muted);font-size:.9rem}.typing-cursor{color:var(--accent-primary);font-weight:300;animation:1s step-end infinite blink}.discord-status{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff08;align-items:center;gap:10px;margin-top:15px;padding:10px 14px;display:flex}.discord-status-dot{background:#747f8d;border-radius:50%;flex-shrink:0;width:12px;height:12px;position:relative}.discord-status-dot:after{content:"";background:inherit;opacity:.3;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite statusPing;position:absolute;inset:-3px}.discord-status-dot.online{background:#3ba55c}.discord-status-dot.idle{background:#faa61a}.discord-status-dot.dnd{background:#ed4245}.discord-status-dot.offline{background:#747f8d}.discord-status-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.discord-status-text{color:var(--text-main);text-transform:capitalize;font-size:.85rem;font-weight:600}.discord-activity{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.page-transition{animation:.6s cubic-bezier(.16,1,.3,1) forwards pageIn}.page-transition.fade-out{animation:.3s cubic-bezier(.16,1,.3,1) forwards pageOut}.page-transition .nav-dock-wrapper,.page-transition .consent-banner{animation:none!important}.guestbook-container{flex-direction:column;gap:30px;max-width:800px;margin:0 auto;padding:120px 20px 150px;display:flex}.back-button-fixed{z-index:100;color:var(--text-muted);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:30px;align-items:center;gap:10px;padding:10px 20px;text-decoration:none;transition:all .3s;display:flex;position:fixed;top:40px;left:40px}.back-button-fixed:hover{color:var(--text-main);background:#ffffff1a}.guestbook-header{text-align:center;padding:40px 0}.guestbook-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));width:80px;height:80px;box-shadow:0 10px 40px var(--accent-glow);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.guestbook-icon i{color:#fff;width:40px;height:40px}.guestbook-header h1{background:linear-gradient(to right,#fff,var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700}.guestbook-subtitle{color:var(--text-muted);font-size:1.1rem}.guestbook-comments{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:400px;padding:30px;position:relative}.giscus-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:60px 20px;display:flex}.giscus-loading i{width:32px;height:32px}.spin-icon{animation:1.5s linear infinite spin}.giscus{width:100%}.giscus-frame{width:100%!important}.guestbook-info{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-wrap:wrap;justify-content:space-around;gap:20px;padding:25px 30px;display:flex}.info-item{flex:1;align-items:center;gap:15px;min-width:200px;display:flex}.info-item i{width:24px;height:24px;color:var(--accent-secondary);flex-shrink:0}.info-item div{flex-direction:column;display:flex}.info-item strong{color:var(--text-main);font-size:.9rem}.info-item span{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.guestbook-container{padding:100px 15px 150px}.back-button-fixed{padding:8px 15px;font-size:.9rem;top:20px;left:20px}.guestbook-header h1{font-size:2rem}.guestbook-comments{padding:20px 15px}.guestbook-info{flex-direction:column;gap:15px}.info-item{min-width:100%}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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-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}