@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-tracking: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-outline-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-duration:initial;--tw-ease:initial;--tw-space-x-reverse:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-3xl:48rem;--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Space Grotesk", system-ui, sans-serif;--default-mono-font-family:"JetBrains Mono", ui-monospace, monospace;--font-display:"Chakra Petch", "Space Grotesk", sans-serif}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.-left-\[9999px\]{left:-9999px}.left-0{left:0}.left-4{left:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.m-0{margin:0}.m-5{margin:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-52{height:calc(var(--spacing) * 52)}.h-\[1px\]{height:1px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[86svh\]{max-height:86svh}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-\[60px\]{min-height:60px}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-9{width:calc(var(--spacing) * 9)}.w-\[1px\]{width:1px}.w-\[min\(34rem\,92vw\)\]{width:min(34rem,92vw)}.w-\[min\(56rem\,92vw\)\]{width:min(56rem,92vw)}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.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)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>: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)))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-md,.rounded-none,.rounded-sm{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.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-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-\[color\:var\(--border\)\]{border-color:var(--border)}.border-input{border-color:var(--input)}.border-primary\/50{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/50{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-\[color\:var\(--mint\)\]{border-left-color:var(--mint)}.border-l-transparent{border-left-color:#0000}.bg-\[color\:var\(--surface-raised\)\]{background-color:var(--surface-raised)}.bg-\[color\:var\(--surface-solid\)\]{background-color:var(--surface-solid)}.bg-\[rgb\(7_4_15\/55\%\)\]{background-color:#07040f8c}.bg-background{background-color:var(--background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-6{padding:calc(var(--spacing) * 6)}.p-\[1px\]{padding:1px}.px-0{padding-inline:0}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-0{padding-top:0}.text-center{text-align:center}.font-display{font-family:Chakra Petch,Space Grotesk,sans-serif}.font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.55rem\]{font-size:.55rem}.text-\[0\.58rem\]{font-size:.58rem}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-\[color\:var\(--foreground\)\]{color:var(--foreground)}.text-\[color\:var\(--mint\)\]{color:var(--mint)}.text-\[color\:var\(--muted-foreground\)\]{color:var(--muted-foreground)}.text-\[color\:var\(--pink\)\]{color:var(--pink)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-70{opacity:.7}.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-lg{--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)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}.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-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-opacity{transition-property:opacity;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}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.fade-in-0{--tw-enter-opacity:0}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.running{animation-play-state:running}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--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)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-\[color\:var\(--muted-foreground\)\]::placeholder,.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-\[color\:var\(--mint\)\]:focus-visible{border-color:var(--mint)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:calc(1 / 2*-100%)}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:calc(48%*-1)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:calc(1 / 2*-100%)}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:calc(48%*-1)}@media (width>=40rem){.sm\:h-64{height:calc(var(--spacing) * 64)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg,.sm\:rounded-none{border-radius:0}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:text-left{text-align:left}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (width>=48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--card:var(--surface-raised);--card-foreground:var(--foreground);--popover:var(--surface-solid);--popover-foreground:var(--foreground);--primary:var(--mint);--primary-foreground:#05130e;--secondary:#7c4dd12e;--secondary-foreground:var(--foreground);--muted:#7c4dd11f;--accent-foreground:#05130e;--destructive:#ff5470;--destructive-foreground:#fff5f7;--input:var(--border);--ring:var(--mint)}.light{--popover:var(--surface-solid);--secondary:#ffffff1a;--muted:#ffffff12;--primary-foreground:#14151a;--accent-foreground:#14151a;--input:var(--border)}[data-slot=dialog-overlay],[data-slot=sheet-overlay]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030108d1}[data-slot=dialog-content]{border-color:var(--border);background:var(--surface-solid);border-radius:0}[data-slot=tooltip-content]{border:1px solid var(--border-strong);background:var(--surface-solid);color:var(--foreground);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:0;font-size:.62rem}[data-slot=button],[data-slot=input],[data-slot=badge],[data-slot=card]{border-radius:0}[data-slot=scroll-area-thumb]{background:var(--violet)}@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-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-tracking{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-outline-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mint:#3ee9b4;--mint-soft:#93f9da;--mint-deep:#12b98a;--violet:#7c4dd1;--violet-soft:#b48cf5;--violet-deep:#2a1749;--pink:#ff6fb5;--void:#0b0714;--background:#07040f;--surface:#100a1f;--surface-raised:#160d2ad1;--surface-solid:#140c26;--foreground:#f2ecff;--muted-foreground:#a89bc7;--border:#7c4dd157;--border-strong:#3ee9b46b;--accent:var(--mint);--ice:var(--violet-soft);--radius:0px;--bevel:14px;--grid-line:#7c4dd117;--scan-line:#3ee9b40d;--shape-notch-tr:polygon(0 0, 20px 0, 20px 8px, 40px 8px, 40px 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);--shape-notch-bl:polygon(0 0, 100% 0, 100% 100%, 40px 100%, 0 calc(100% - 40px), 0 calc(50% + 10px), 8px calc(50% + 10px), 8px calc(50% - 10px), 0 calc(50% - 10px));--shape-blade:polygon(35px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 35px);--shape-chip:polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);--shape-stepped:polygon(0 0, 100% 0, 100% calc(100% - 24px), calc(100% - 12px) calc(100% - 24px), calc(100% - 12px) calc(100% - 12px), calc(100% - 24px) calc(100% - 12px), calc(100% - 24px) 100%, 0 100%);--hud-bg:linear-gradient(to right, #3ee9b48c 14px, transparent 14px), linear-gradient(to bottom, #3ee9b48c 14px, transparent 14px), linear-gradient(to left, #3ee9b48c 14px, transparent 14px), linear-gradient(to top, #3ee9b48c 14px, transparent 14px);--hud-size:14px 1px, 1px 14px, 14px 1px, 1px 14px;--hud-pos:top left, top left, bottom right, bottom right;--glow-mint:0 0 .75rem #3ee9b473, 0 0 2.5rem #3ee9b42e;--glow-violet:0 0 .75rem #7c4dd18c, 0 0 2.75rem #7c4dd138;--glow-pink:0 0 .85rem #ff6fb573;--font-display:"Chakra Petch", "Space Grotesk", sans-serif;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;font-family:var(--font-sans);color:var(--foreground);background:var(--background)}.light{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#14151a;--surface:#1c1e25;--surface-raised:#20222aeb;--surface-solid:#1b1d24;--foreground:#f4f5f8;--muted-foreground:#a7abb8;--border:#ffffff24;--border-strong:#ffffff42;--mint:#7fd8bd;--mint-soft:#a5e6d3;--violet:#8f8fb8;--violet-soft:#b3b3d6;--pink:#d79ab8;--grid-line:#ffffff0d;--scan-line:#ffffff08;--glow-mint:0 0 .6rem #7fd8bd38;--glow-violet:0 0 .6rem #8f8fb833;--glow-pink:0 0 .6rem #d79ab833;--hud-bg:linear-gradient(to right, #ffffff4d 14px, transparent 14px), linear-gradient(to bottom, #ffffff4d 14px, transparent 14px), linear-gradient(to left, #ffffff4d 14px, transparent 14px), linear-gradient(to top, #ffffff4d 14px, transparent 14px)}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100svh;color:var(--foreground);background:var(--background);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input,textarea{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}::selection{background:var(--mint);color:#06110d}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.skip-link{z-index:200;border:1px solid var(--mint);background:var(--surface-solid);color:var(--mint);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;padding:.65rem 1rem;font-size:.62rem;transition:transform .18s;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.light .noise-overlay{opacity:.02}.grid-overlay{z-index:0;pointer-events:none;background:linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 100% 3.5rem, linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 3.5rem 100%;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 82%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 82%)}.scan-overlay{z-index:90;pointer-events:none;background:repeating-linear-gradient(180deg, var(--scan-line) 0 1px, transparent 1px 3px);mix-blend-mode:screen;opacity:.55;position:fixed;inset:0}.light .scan-overlay{display:none}.noise-overlay{z-index:91;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");animation:.62s steps(3,end) infinite noise-shift;position:fixed;inset:0}.vignette-overlay{z-index:89;pointer-events:none;background:radial-gradient(90% 70% at 50% 45%,#0000 40%,#0301089e 100%);position:fixed;inset:0}.light .vignette-overlay{background:radial-gradient(92% 74% at 50% 45%,#0000 45%,#2a17491f 100%)}@keyframes noise-shift{0%{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}.app-shell{z-index:1;isolation:isolate;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);max-width:100vw;min-height:100svh;display:grid;position:relative;overflow-x:clip}.bevel{clip-path:polygon(var(--bevel) 0, 100% 0, 100% calc(100% - var(--bevel)), calc(100% - var(--bevel)) 100%, 0 100%, 0 var(--bevel))}.bevel-sm{--bevel:8px}.bevel-lg{--bevel:22px}.panel{border:1px solid var(--border);background:linear-gradient(160deg, #7c4dd11a, transparent 45%), var(--surface-raised);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);clip-path:polygon(var(--bevel) 0, 100% 0, 100% calc(100% - var(--bevel)), calc(100% - var(--bevel)) 100%, 0 100%, 0 var(--bevel));position:relative}.panel:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#3ee9b40f 50%,#0000 70%);position:absolute;inset:0}.panel-edge:after{content:"";background:linear-gradient(180deg, var(--mint), var(--violet));width:2px;height:100%;box-shadow:var(--glow-mint);position:absolute;top:0;left:0}.display{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;font-weight:700;line-height:.92}.mono-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mint);align-items:center;gap:.6rem;font-size:.62rem;font-weight:500;display:flex}.mono-label:before{content:"▸ "}.mono-label:after{content:"";background:linear-gradient(90deg, var(--mint), transparent);flex:1;height:1px}.mono-dim{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);font-size:.62rem}.glitch{color:var(--foreground);display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);clip-path:inset(0);pointer-events:none;width:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--mint);text-shadow:-2px 0 var(--mint);animation:3.2s step-end infinite glitch-a}.glitch:after{color:var(--pink);text-shadow:2px 0 var(--violet-soft);animation:2.7s step-end infinite glitch-b}@keyframes glitch-a{0%,92%,to{clip-path:inset(0 0 100%);transform:translate(0)}93%{clip-path:inset(10% 0 72%);transform:translate(-3px,-1px)}95%{clip-path:inset(48% 0 34%);transform:translate(3px,1px)}97%{clip-path:inset(78% 0 8%);transform:translate(-2px)}}@keyframes glitch-b{0%,88%,to{clip-path:inset(0 0 100%);transform:translate(0)}89%{clip-path:inset(66% 0 18%);transform:translate(3px,1px)}92%{clip-path:inset(24% 0 58%);transform:translate(-3px,-1px)}96%{clip-path:inset(4% 0 84%);transform:translate(2px,1px)}}.glitch-hover:hover{animation:.26s steps(2,end) glitch-shake}@keyframes glitch-shake{0%{transform:translate(0)}25%{transform:translate(-2px,1px)skew(-2deg)}50%{transform:translate(2px,-1px)skew(2deg)}75%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes card-glitch{0%{transform:translate(0)skew(0)}25%{clip-path:inset(0 2% 0 0);transform:translate(-3px,1px)skew(-1.5deg)}50%{clip-path:inset(0 0 0 2%);transform:translate(3px,-1px)skew(1.5deg)}75%{clip-path:inset(1% 0);transform:translate(-2px)skew(-1deg)}to{transform:translate(0)skew(0)}}.neon-btn{border:1px solid var(--border-strong);color:var(--foreground);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#3ee9b414;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.68rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s,transform .2s;display:inline-flex;position:relative}.neon-btn:hover{background:var(--mint);color:#05130e;box-shadow:var(--glow-mint);transform:translateY(-2px)}.neon-btn:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.neon-btn:after{content:"";pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 34%,#ffffff73 46%,#93f9da8c 50%,#ff9ed166 55%,#0000 66%) 150% 0/280% 100%;transition:background-position .75s,opacity .2s;position:absolute;inset:0}.neon-btn:hover:after,.neon-btn:focus-visible:after{opacity:1;background-position:-50% 0}.neon-btn-violet{background:#7c4dd11f;border-color:#7c4dd199}.neon-btn-violet:hover{background:var(--violet);color:#fff;box-shadow:var(--glow-violet)}.neon-btn-ghost{border-color:var(--border);color:var(--muted-foreground);background:0 0}.neon-btn-ghost:hover{color:var(--foreground);box-shadow:none;background:#7c4dd129}.site-header{z-index:60;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 78%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.5rem,1.5vw,1.5rem);width:100%;max-width:100vw;padding:.75rem clamp(1rem,3vw,2.75rem);display:grid;position:sticky;top:0}.site-header:after{content:"";background:linear-gradient(90deg, transparent, var(--mint) 22%, var(--violet) 60%, transparent);opacity:.55;height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand-mark{font-family:var(--font-display);letter-spacing:-.06em;align-items:baseline;gap:.1rem;font-size:1.35rem;font-weight:700;display:inline-flex}.brand-mark b{color:var(--mint);text-shadow:var(--glow-mint)}.brand-mark small{font-family:var(--font-mono);letter-spacing:.3em;color:var(--muted-foreground);margin-left:.5rem;font-size:.5rem}.site-nav{flex-wrap:wrap;justify-content:center;gap:.15rem;min-width:0;display:flex}.nav-link{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);align-items:center;gap:.4rem;padding:.55rem clamp(.4rem,1vw,.85rem);font-size:clamp(.55rem,.85vw,.64rem);font-weight:500;transition:color .18s,background .18s;display:inline-flex;position:relative}.nav-link i{opacity:.5;font-size:.52rem;font-style:normal}.nav-link>div{opacity:.7;align-items:center;transition:opacity .18s;display:inline-flex}.nav-link:hover>div,.nav-link.is-active>div{opacity:1}.nav-link:hover{color:var(--foreground);background:#7c4dd124}.nav-link.is-active{color:var(--mint);box-shadow:inset 0 -2px 0 var(--mint);background:#3ee9b41a}.header-actions{justify-self:end;align-items:center;gap:.4rem;display:flex}.icon-btn{border:1px solid var(--border);width:2.35rem;height:2.35rem;color:var(--muted-foreground);cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#ffffff08;place-items:center;transition:color .18s,border-color .18s,background .18s;display:grid}.icon-btn:hover{color:var(--mint);border-color:var(--border-strong);background:#3ee9b41a}.icon-btn svg{width:1rem;height:1rem}.page{width:min(80rem,100%);margin-inline:auto;padding:clamp(1.75rem,4vw,3.5rem) clamp(1rem,3vw,2.75rem) clamp(4rem,8vw,7rem);animation:.42s cubic-bezier(.22,1,.36,1) both page-in;position:relative}.page>section,.page>.section-head,.page>.rule,.page>.filter-bar,.page>.project-grid,.page>.route,.page>.contact-grid,.page>.skill-grid,.page>.play-grid,.page>.detail-hero,.page>.detail-grid,.page>.detail-outcome,.page>.seq-panel,.page>.stat-strip,.page>.lang-list,.page>.hero-cta{z-index:1;position:relative}.page:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--background) 74%, transparent), color-mix(in srgb, var(--background) 88%, transparent));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;inset:clamp(.5rem,2vw,1.5rem) 0;-webkit-mask-image:linear-gradient(#0000,#000 3% 97%,#0000);mask-image:linear-gradient(#0000,#000 3% 97%,#0000)}.hero-stage,.detail-visual,.project-visual{isolation:isolate}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.section-head{background-image:repeating-linear-gradient(135deg,#7c4dd10f 0 6px,#0000 6px 12px);gap:.9rem;margin-bottom:clamp(1.25rem,2.5vw,2rem);display:grid}.page>section>.section-head{margin-top:clamp(2rem,5vw,3.5rem)}.section-head h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.035em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;padding-left:.9rem;font-size:clamp(1.9rem,5vw,3.4rem);line-height:.95;position:relative}.section-head h2:before{content:"";background:linear-gradient(180deg, var(--mint), var(--violet));width:2px;position:absolute;top:.1em;bottom:.1em;left:0}.section-head h2 .glitch{background:linear-gradient(#fff 0%,#eef3ff 26%,#8e9ab8 46%,#fff 54%,#d9c9ff 72%,#fff 92%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 .05em .04em #030108bf)drop-shadow(0 0 .5em #7c4dd159);-webkit-background-clip:text;background-clip:text}.section-head h2 .glitch:before,.section-head h2 .glitch:after{-webkit-text-fill-color:currentColor}.section-head p{max-width:46rem;color:var(--muted-foreground);margin:0;line-height:1.7}.rule{background-image:linear-gradient(90deg, var(--mint), var(--violet) 45%, transparent), linear-gradient(var(--mint), var(--mint)), repeating-linear-gradient(90deg, var(--mint) 0 4px, transparent 4px 8px);opacity:.6;background-position:50%,0,100%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:100% 1px,6px 6px,40% 1px;height:6px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(1.5rem,3.5vw,3rem);min-height:min(34rem,100svh - 14rem);display:grid;position:relative}.home-page>section{margin-top:clamp(3rem,7vw,6rem)}.home-page>section:first-child{margin-top:0}.home-page>.ticker{margin-top:clamp(2.5rem,6vw,5rem)}.work-list{margin:0 0 1.4rem;padding:0;list-style:none;display:grid}.work-list li+li{border-top:1px solid var(--border)}.work-row{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2.4rem minmax(7rem,11rem) 1fr auto 1.2rem;align-items:baseline;gap:.9rem;width:100%;padding:.85rem .3rem;transition:padding-left .25s cubic-bezier(.22,1,.36,1),background-color .25s;display:grid;position:relative}.work-row:before{content:"";background:var(--mint);transform-origin:50%;width:2px;transition:scale .25s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;scale:1 0}.work-row[data-tone=violet]:before{background:var(--violet-soft)}.work-row[data-tone=pink]:before{background:var(--pink)}.work-row:hover,.work-row:focus-visible{background:#ffffff08;outline:none;padding-left:1rem}.work-row:hover:before,.work-row:focus-visible:before{scale:1}.work-row-index{font-family:var(--font-mono);letter-spacing:.16em;color:var(--muted-foreground);font-size:.5rem}.work-row:hover .work-row-index,.work-row:focus-visible .work-row-index{color:var(--mint)}.work-row[data-tone=violet]:hover .work-row-index{color:var(--violet-soft)}.work-row[data-tone=pink]:hover .work-row-index{color:var(--pink)}.work-row-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:1rem;line-height:1}.work-row-sub{color:var(--muted-foreground);font-size:.74rem}.work-row-year{font-family:var(--font-mono);letter-spacing:.16em;color:var(--muted-foreground);font-size:.5rem}.work-row-go{color:var(--muted-foreground);opacity:0;justify-content:flex-end;transition:opacity .25s,translate .25s,color .25s;display:inline-flex;translate:-4px}.work-row:hover .work-row-go,.work-row:focus-visible .work-row-go{opacity:1;color:var(--mint);translate:0}@media (width<=720px){.work-row{grid-template-columns:2.2rem 1fr auto;row-gap:.2rem}.work-row-sub{grid-column:2/4}.work-row-go{display:none}}.compact-grid{gap:.9rem}.compact-grid .project-visual{aspect-ratio:16/11}.compact-grid .project-body{padding:1rem 1.1rem 1.15rem}.compact-grid .project-body h3{font-size:1.1rem}.compact-grid .project-body p{font-size:.78rem}.compact-grid.skill-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr))}.compact-grid .skill-card{text-align:left;cursor:pointer;gap:.5rem;padding:1.05rem 1.1rem}.compact-grid .skill-card h3{font-size:.95rem}.compact-grid .skill-card p{font-size:.74rem}.compact-grid .skill-card:focus-visible{border-color:var(--mint);outline:none}.project-modal{box-shadow:0 2rem 5rem #000000a6, var(--glow-mint)}.project-modal-visual canvas{width:100%;height:100%;display:block}.project-modal .detail-block{clip-path:none}.project-modal .detail-outcome{margin-top:0}.hero-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-canvas canvas{display:block}.hero-pixel{background:#07040f;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.hero-pixel canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.rider-swatches{z-index:3;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);clip-path:var(--shape-chip);background:#07040fc7;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.45rem;display:grid;position:absolute;bottom:.6rem;right:.6rem}.rider-swatch-label{font-family:var(--font-mono);letter-spacing:.22em;color:var(--muted-foreground);grid-column:1/-1;font-size:.44rem}.rider-swatch{cursor:pointer;width:1.15rem;height:1.15rem;image-rendering:pixelated;border:1px solid #ffffff38;padding:0;transition:transform .16s,border-color .16s}.rider-swatch:hover{border-color:var(--mint);transform:scale(1.16)}.rider-swatch.is-active{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint), var(--glow-mint)}@media (width<=720px){.rider-swatches{padding:.35rem;bottom:.4rem;right:.4rem}.rider-swatch{width:.95rem;height:.95rem}}.hero-stage{border:1px solid var(--border);clip-path:polygon(40px 0,100% 0,100% 100%,0 100%,0 40px);background:linear-gradient(#0d0719,#150c26);min-height:26rem;position:relative;overflow:hidden}.hero-stage:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(#0000001f 0 1px,#0000 1px 3px);position:absolute;inset:0}.hero-hud{z-index:2;pointer-events:none;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#93f9dab8;font-size:.55rem;position:absolute}.hero-hud-tl{top:1rem;left:1rem}.hero-hud-tr{color:#b48cf5b8;top:1rem;right:1rem}.hero-hud-bl{bottom:1rem;left:1rem}.hero-hud-br{color:#ff6fb5a8;bottom:1rem;right:1rem}.hero-corner{z-index:2;border:1px solid var(--mint);opacity:.5;pointer-events:none;width:1.5rem;height:1.5rem;position:absolute}.hero-corner-tl{border-bottom:0;border-right:0;top:.6rem;left:.6rem}.hero-corner-tr{border-bottom:0;border-left:0;top:.6rem;right:.6rem}.hero-corner-bl{border-top:0;border-right:0;bottom:.6rem;left:.6rem}.hero-corner-br{border-top:0;border-left:0;bottom:.6rem;right:.6rem}.hero-copy{z-index:1;border:1px solid var(--border);background:linear-gradient(135deg, #7c4dd124, transparent 55%), color-mix(in srgb, var(--surface-solid) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%);align-content:center;gap:1.1rem;padding:clamp(1.25rem,2.6vw,2rem);display:grid;position:relative}.hero-name-first{display:block}.hero-name-last{letter-spacing:-.045em;color:var(--muted-foreground);margin-top:.04em;font-size:.72em;display:block}.hero-status{border:1px solid var(--border-strong);width:fit-content;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mint);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#3ee9b414;align-items:center;gap:.6rem;padding:.45rem .8rem;font-size:.58rem;display:inline-flex}.hero-status b{background:var(--mint);width:.45rem;height:.45rem;box-shadow:var(--glow-mint);border-radius:50%;animation:1.8s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.72)}}.hero-name{font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:clamp(2.8rem,7vw,5.75rem);line-height:.84}.hero-name em{letter-spacing:.2em;color:var(--mint);text-shadow:var(--glow-mint);margin-top:1.1em;font-size:.18em;font-style:normal;line-height:1.5;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.y2k-defs{width:0;height:0;position:absolute;overflow:hidden}.y2k-decor{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:visible}.y2k-shape{filter:drop-shadow(0 .35rem .7rem #0000008c);animation:.72s cubic-bezier(.2,1.4,.3,1) both y2k-pop,7s ease-in-out infinite y2k-float;animation-delay:inherit, calc(var(--drift,6px) * 90ms);position:absolute}.y2k-shape.is-spinning{animation-name:y2k-pop,y2k-orbit}@keyframes y2k-pop{0%{opacity:0;transform:scale(0)rotate(-90deg)}65%{opacity:1;transform:scale(1.18)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes y2k-float{0%,to{translate:0;rotate:0deg}50%{translate:0 calc(var(--drift,6px) * -1);rotate:8deg}}@keyframes y2k-orbit{0%{translate:0;rotate:0deg}50%{translate:calc(var(--drift,6px) * .6) calc(var(--drift,6px) * -1);rotate:180deg}to{translate:0;rotate:360deg}}.y2k-decor-hero{inset:-1.5rem -2.5rem}.y2k-decor-slide{z-index:4;inset:-1rem -2.2rem}.y2k-decor-slide .y2k-shape:nth-child(2){right:-1.4rem}.y2k-decor-section{height:26rem;inset:2rem -1.5rem auto}@media (width<=720px){.y2k-decor-hero .y2k-shape:nth-child(n+4),.y2k-decor-slide .y2k-shape:nth-child(n+3),.y2k-decor-section{display:none}}@media (prefers-reduced-motion:reduce){.y2k-shape{animation:none}}.warp{z-index:400;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.warp-shutter{border-block:1px solid var(--mint);background:linear-gradient(#07040f,#0d0824);height:50%;position:absolute;left:0;right:0;box-shadow:0 0 2rem #3ee9b44d}.warp-shutter-t{animation:1.2s cubic-bezier(.66,0,.34,1) both warp-shut-t;top:0}.warp-shutter-b{animation:1.2s cubic-bezier(.66,0,.34,1) both warp-shut-b;bottom:0}@keyframes warp-shut-t{0%{translate:0 -100%}42%,58%{translate:0}to{translate:0 -100%}}@keyframes warp-shut-b{0%{translate:0 100%}42%,58%{translate:0}to{translate:0 100%}}.warp-streaks{position:absolute;inset:0}.warp-streaks span{left:50%;top:calc(var(--i) * 5.6% + 1%);background:linear-gradient(90deg, transparent, var(--mint), transparent);opacity:0;width:60vw;height:2px;animation:.62s linear both warp-streak;animation-delay:calc(var(--i) * 24ms);position:absolute}.warp-streaks span:nth-child(3n){background:linear-gradient(90deg, transparent, var(--pink), transparent)}.warp-streaks span:nth-child(4n){background:linear-gradient(90deg, transparent, var(--violet-soft), transparent)}@keyframes warp-streak{0%{opacity:0;translate:-140%;scale:.3 1}40%{opacity:1}to{opacity:0;translate:140%;scale:2.2 1}}.warp-core{justify-items:center;gap:.35rem;animation:1.2s ease-out both warp-core-in;display:grid;position:relative}@keyframes warp-core-in{0%{opacity:0;scale:.9}30%,62%{opacity:1;scale:1}to{opacity:0;scale:1.08}}.warp-ring{border:1px solid var(--mint);clip-path:polygon(0 0,100% 0,100% 68%,62% 68%,62% 100%,0 100%);border-radius:50%;width:4.5rem;height:4.5rem;animation:1.2s linear infinite warp-ring-spin;box-shadow:0 0 1.5rem #3ee9b473,inset 0 0 1.5rem #3ee9b440}@keyframes warp-ring-spin{to{rotate:360deg}}.warp-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--foreground);text-shadow:0 0 1rem #3ee9b473;margin:.5rem 0 0;font-size:clamp(1.1rem,4vw,2.2rem);line-height:1}.warp-sub{font-family:var(--font-mono);letter-spacing:.3em;color:var(--mint);margin:0;font-size:.5rem}@media (prefers-reduced-motion:reduce){.warp{display:none}}.sticker-board{z-index:6;pointer-events:none;contain:layout;position:absolute;inset:0}.sticker-board .sticker{transform:rotate(var(--rot,0deg));will-change:transform;place-items:center;animation:.62s cubic-bezier(.2,1.35,.35,1) both sticker-slap;display:grid;position:absolute}.sticker-shape{filter:drop-shadow(0 .4rem .8rem #0000008c)}.sticker-shape .y2k-shape{animation:6s ease-in-out infinite sticker-tilt;position:static}@keyframes sticker-slap{0%{transform:scale(2.1) rotate(calc(var(--rot,0deg) - 26deg));opacity:0}62%{transform:scale(.9) rotate(calc(var(--rot,0deg) + 5deg));opacity:1}to{transform:scale(1) rotate(var(--rot,0deg));opacity:1}}@keyframes sticker-tilt{0%,to{translate:0;rotate:-5deg}50%{translate:0 -.3rem;rotate:6deg}}@media (width<=1180px){.sticker-board .sticker{display:none}}@media (prefers-reduced-motion:reduce){.sticker-board .sticker,.sticker-shape .y2k-shape{animation:none}}.holo{background-image:linear-gradient(115deg,#0000 30%,#ffffff42 44%,#93f9da4d 50%,#ff9ed142 56%,#0000 70%);background-position:140% 0;background-size:260% 100%;transition:background-position .9s;position:relative;overflow:hidden}.holo:hover,.holo:focus-visible{background-position:-40% 0}.chrome-text{background:linear-gradient(#fff 0%,#d5e2f5 26%,#6b7590 47%,#fff 56%,#b9a6e8 74%,#fff 100%);color:#0000;filter:drop-shadow(0 .08em .1em #00000073);-webkit-background-clip:text;background-clip:text}.hero-tagline{max-width:30rem;color:var(--muted-foreground);margin:0;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.65}.hero-intro{max-width:34rem;color:var(--muted-foreground);margin:0;font-size:.92rem;line-height:1.75}.hero-cta{flex-wrap:wrap;gap:.6rem;display:flex}.hero-meta{border-top:1px solid var(--border);flex-wrap:wrap;gap:1.25rem;padding-top:1rem;display:flex}.hero-meta div{gap:.3rem;display:grid}.hero-meta span{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-foreground);font-size:.55rem}.hero-meta strong{font-size:.82rem;font-weight:600}.ticker{border-block:1px solid var(--border);background:#7c4dd114;min-width:0;max-width:100%;margin-top:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden}.ticker-track{gap:2.5rem;width:max-content;padding:.7rem 0;animation:32s linear infinite ticker-run;display:flex}.ticker-track span{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:.8rem;font-size:.62rem;display:inline-flex}.ticker-track span:after{content:"◆";color:var(--mint);font-size:.55rem}@keyframes ticker-run{0%{transform:translate(0)}to{transform:translate(-50%)}}.stat-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.75rem;margin-top:clamp(1.5rem,3vw,2.5rem);display:grid}.stat-cell{border:1px solid var(--border);background-color:var(--surface-raised);clip-path:var(--shape-chip);background-image:repeating-linear-gradient(135deg,#7c4dd10f 0 6px,#0000 6px 12px);align-content:start;gap:.35rem;padding:1.1rem 1.2rem;display:grid;position:relative}.stat-cell strong{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--foreground);font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.1;display:block}.stat-cell span{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mint);margin-top:.15rem;font-size:.54rem;display:block}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.hud-row{border:1px solid var(--border);background:var(--border);clip-path:var(--shape-chip);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1px;margin-top:clamp(1.25rem,3vw,2rem);display:grid}.hud-cell{background-color:color-mix(in srgb, var(--surface-solid) 92%, transparent);background-image:repeating-linear-gradient(135deg,#7c4dd112 0 6px,#0000 6px 12px);gap:.3rem;padding:.85rem 1.1rem;display:grid}.hud-cell .mono-label{letter-spacing:.2em;font-size:.5rem}.hud-cell strong{-webkit-line-clamp:2;font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:break-word;-webkit-box-orient:vertical;font-size:.88rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.bento{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.bento-item{grid-column:span 3;min-width:0}.bento-item .project-visual{aspect-ratio:auto;min-height:13rem}.bento-wide{grid-column:span 6}.bento-tall{grid-row:span 2}.bento>.bento-item:nth-child(3n){grid-column:span 2}.bento>.bento-item:nth-child(3n+2){grid-column:span 4}.bento>.bento-wide{grid-column:span 6}.feature-project .project-visual{aspect-ratio:auto;min-height:20rem;max-height:24rem}.feature-project .project-body h3{font-size:clamp(1.5rem,3vw,2.4rem)}.feature-project .project-body{padding:1.5rem 1.75rem 1.75rem}.split-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}.split-head>.mono-label{grid-column:1}.split-head>.mono-dim{white-space:nowrap;grid-area:1/2;justify-self:end}.split-head h2,.split-head p{grid-column:1/-1}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.filter-row .filter-bar{margin-bottom:0}.side-rail{flex-wrap:wrap;gap:.5rem;display:flex}.rail-tick{border:1px solid var(--border);border-left:2px solid var(--violet);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:.54rem;display:inline-flex}.rail-tick b{color:var(--mint);font-weight:700}.story-split{grid-template-columns:minmax(0,1fr) minmax(0,17rem);align-items:start;gap:1rem;display:grid}.story-split>.contact-grid{grid-column:1/-1}.story-split>div{min-width:0}.data-readout{border:1px solid var(--border);border-top:2px solid var(--mint);background-color:var(--surface-raised);clip-path:var(--shape-blade);background-image:repeating-linear-gradient(135deg,#7c4dd10f 0 6px,#0000 6px 12px);gap:.8rem;padding:1.25rem;display:grid;position:sticky;top:5.5rem}.data-readout dl{gap:.55rem;margin:0;display:grid}.data-readout dt{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mint);font-size:.5rem}.data-readout dd{color:var(--foreground);margin:0;font-size:.82rem;line-height:1.5}.project-card{border:1px solid var(--border);background-color:var(--surface-raised);text-align:left;cursor:pointer;background-image:var(--hud-bg);background-size:var(--hud-size);background-position:var(--hud-pos);clip-path:var(--shape-notch-tr);background-repeat:no-repeat;gap:0;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden}.project-card:nth-child(3n+2){clip-path:var(--shape-blade)}.project-card:nth-child(3n){clip-path:var(--shape-stepped)}.project-card:hover,.project-card:focus-visible{border-color:var(--border-strong);box-shadow:0 1.5rem 3rem #00000073, var(--glow-mint);outline:none;animation:.22s steps(2,end) card-glitch;transform:translateY(-3px)}.project-card:after,.skill-card:after,.shelf-cover .holo-foil{z-index:4;content:"";pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 32%,#ffffff38 44%,#93f9da4d 49%,#ff9ed142 54%,#b48cf538 60%,#0000 72%) 160% 0/300% 100%;transition:background-position 1.05s cubic-bezier(.22,1,.36,1),opacity .25s;position:absolute;inset:0}.project-card:hover:after,.project-card:focus-visible:after,.skill-card:hover:after,.skill-card:focus-visible:after,.shelf-item:hover .holo-foil,.shelf-item:focus-visible .holo-foil{opacity:1;background-position:-60% 0}@media (prefers-reduced-motion:reduce){.project-card:after,.skill-card:after,.holo-foil,.neon-btn:after{display:none}}.project-visual{aspect-ratio:16/10;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.project-visual canvas{width:100%;height:100%;display:block}.project-visual:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}.project-card:hover .project-visual:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#3ee9b438 50%,#0000 60%);animation:.7s both sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.project-index{z-index:2;font-family:var(--font-mono);letter-spacing:.2em;color:var(--mint);font-size:.58rem;position:absolute;top:.75rem;left:.9rem}.project-year{z-index:2;font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted-foreground);font-size:.58rem;position:absolute;top:.75rem;right:.9rem}.project-body{gap:.55rem;padding:1.15rem 1.25rem 1.35rem;display:grid}.project-body h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:1.3rem}.project-body p{color:var(--muted-foreground);margin:0;font-size:.82rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.tag{border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);padding:.3rem .55rem;font-size:.52rem}.tag-mint{color:var(--mint);border-color:#3ee9b473}.tag-violet{color:var(--violet-soft);border-color:#7c4dd18c}.tag-pink{color:var(--pink);border-color:#ff6fb573}.detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:stretch;gap:1.25rem;display:grid}.detail-visual{border:1px solid var(--border);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);min-height:22rem;position:relative;overflow:hidden}.detail-copy{align-content:start;gap:1rem;display:grid}.detail-copy h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.04em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:clamp(2.2rem,6vw,4rem);line-height:.9}.detail-copy>p{color:var(--muted-foreground);margin:0;line-height:1.75}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:2rem;display:grid}.detail-block{border:1px solid var(--border);background-color:var(--surface-raised);background-image:var(--hud-bg);background-size:var(--hud-size);background-position:var(--hud-pos);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background-repeat:no-repeat;padding:1.25rem;position:relative}.detail-block h4{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin:0 0 .8rem;font-size:.58rem}.detail-block ul{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.detail-block li{color:var(--muted-foreground);padding-left:1.1rem;font-size:.85rem;line-height:1.6;position:relative}.detail-block li:before{content:"";background:var(--mint);width:.35rem;height:.35rem;position:absolute;top:.55em;left:0;transform:rotate(45deg)}.detail-outcome{border-left:2px solid var(--mint);background:#3ee9b412;margin-top:1.5rem;padding:1.25rem 1.5rem;font-size:.95rem;line-height:1.65}button.skill-card,.shelf-item,.stall-item,.work-row{cursor:pointer}button.skill-card:before{z-index:5;content:"";border-top:2px solid var(--mint);border-right:2px solid var(--mint);opacity:.55;pointer-events:none;width:.55rem;height:.55rem;transition:opacity .2s,translate .2s;position:absolute;top:.5rem;right:.5rem}button.skill-card:hover:before,button.skill-card:focus-visible:before{opacity:1;translate:2px -2px}.card-cue{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.3rem;margin-top:.15rem;font-size:.46rem;transition:color .2s,translate .2s;display:inline-flex}.card-cue:before{content:"▸";color:var(--mint)}button:hover>.card-cue,button:focus-visible>.card-cue{color:var(--mint);translate:2px}.skill-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.85rem;display:grid}.skill-card{border:1px solid var(--border);background-color:var(--surface-raised);background-image:var(--hud-bg);background-size:var(--hud-size);background-position:var(--hud-pos);clip-path:var(--shape-chip);background-repeat:no-repeat;gap:.65rem;padding:1.3rem;transition:border-color .25s,transform .25s;display:grid;position:relative}button.skill-card:hover{border-color:var(--border-strong);animation:.22s steps(2,end) card-glitch;transform:translateY(-3px)}article.skill-card{background-image:none}article.skill-card:after{display:none}.skill-card>svg{width:1.4rem;height:1.4rem;color:var(--mint)}.skill-card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:1.05rem}.skill-card>p{color:var(--muted-foreground);margin:0;font-size:.78rem}.skill-items{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.lang-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:.9rem 1.5rem;display:grid}.lang-row{gap:.45rem;display:grid}.lang-row header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.lang-row strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:.95rem}.lang-row span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);font-size:.55rem}.lang-bar{background:#7c4dd12e;height:.4rem;position:relative;overflow:hidden}.lang-bar i{background:linear-gradient(90deg, var(--mint), var(--violet-soft));box-shadow:var(--glow-mint);animation:1.1s cubic-bezier(.22,1,.36,1) both bar-fill;display:block;position:absolute;inset:0 auto 0 0}@keyframes bar-fill{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;display:grid}.contact-card{border:1px solid var(--border);background-color:var(--surface-raised);background-image:var(--hud-bg);background-size:var(--hud-size);background-position:var(--hud-pos);clip-path:var(--shape-notch-bl);background-repeat:no-repeat;align-content:start;gap:.8rem;padding:1.6rem 1.6rem 3rem 2.1rem;display:grid;position:relative}.contact-card svg{width:1.3rem;height:1.3rem;color:var(--mint)}.contact-card>div:first-child,.skill-card>div:first-child,.stat-cell>div:first-child{color:var(--mint)}.icon-btn>div,.neon-btn>div{align-items:center;display:inline-flex}.contact-card h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:1.1rem}.contact-card p{color:var(--muted-foreground);word-break:break-word;margin:0;font-size:.84rem;line-height:1.6}.availability-panel{border:1px solid var(--border);border-left:2px solid var(--mint);background-color:var(--surface-raised);clip-path:var(--shape-stepped);background-image:repeating-linear-gradient(135deg,#7c4dd10f 0 6px,#0000 6px 12px);gap:.7rem;margin-top:1.25rem;padding:1.5rem 1.75rem;display:grid}.availability-panel h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:1.1rem}.availability-panel p{color:var(--muted-foreground);margin:0;font-size:.86rem;line-height:1.7}.contact-big{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.05em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0 0 1.5rem;font-size:clamp(2.5rem,9vw,6rem);line-height:.86}.contact-form{border:1px solid var(--border);border-left:2px solid var(--mint);background-color:var(--surface-raised);background-image:var(--hud-bg);background-size:var(--hud-size);background-position:var(--hud-pos);max-width:46rem;clip-path:var(--shape-stepped);background-repeat:no-repeat;gap:1rem;padding:1.75rem;display:grid}.form-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;display:grid}.form-field{gap:.4rem;display:grid;position:relative}.form-field>span{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mint);font-size:.55rem}.form-field input,.form-field textarea{width:100%;font:inherit;color:var(--foreground);border:1px solid var(--border);background:#07040f8c;outline:none;padding:.7rem .85rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical;min-height:8rem;line-height:1.6}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted-foreground);opacity:.6}.form-field input:focus,.form-field textarea:focus{border-color:var(--mint);box-shadow:var(--glow-mint)}.form-count{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted-foreground);font-size:.55rem;font-style:normal;position:absolute;top:0;right:.2rem}.form-honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.form-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.form-actions .neon-btn{align-items:center;gap:.55rem;display:inline-flex}.form-actions .neon-btn[disabled]{opacity:.55;cursor:progress}.form-actions .neon-btn>div{display:inline-flex}.now-card{border:1px solid var(--border-strong);border-left:3px solid var(--mint);background-color:var(--surface-raised);clip-path:var(--shape-blade);box-shadow:var(--glow-mint);background-image:linear-gradient(135deg,#3ee9b414,#0000 55%);gap:1.1rem;margin-top:clamp(1.5rem,3vw,2.25rem);padding:1.5rem 1.6rem;display:grid;position:relative}.now-badge{width:fit-content;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mint);align-items:center;gap:.5rem;font-size:.55rem;display:inline-flex}.now-badge b{background:var(--mint);width:.45rem;height:.45rem;box-shadow:var(--glow-mint);border-radius:50%;animation:1.8s ease-in-out infinite pulse-dot}.now-body{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1.1rem;display:grid}.now-icon{border:1px solid var(--border-strong);width:3.25rem;height:3.25rem;color:var(--mint);clip-path:var(--shape-chip);background:#3ee9b414;place-items:center;display:grid}.now-body h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 .3rem;font-size:clamp(1.4rem,3vw,2rem)}.now-role{color:var(--foreground);opacity:.9;margin:0 0 .5rem;font-size:.9rem}.now-detail{color:var(--muted-foreground);margin:0 0 .75rem;font-size:.85rem;line-height:1.7}.now-meta{border-top:1px solid var(--border);flex-wrap:wrap;gap:1.5rem;margin:0;padding-top:.9rem;display:flex}.now-meta div{gap:.25rem;display:grid}.now-meta dt{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mint);font-size:.5rem}.now-meta dd{margin:0;font-size:.82rem;font-weight:600}.route{margin-top:clamp(1.25rem,3vw,2rem);padding:1rem 0 2.5rem;position:relative}.route-map{z-index:0;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.route-road{fill:none;stroke:var(--border-strong);stroke-width:2px;stroke-linecap:round;stroke-dasharray:7 9;opacity:.55}.route-road-fill{fill:none;stroke:url(#route-grad);stroke-width:3px;stroke-linecap:round;stroke-dashoffset:99999px;filter:drop-shadow(0 0 6px #3ee9b473);transition:stroke-dashoffset .35s cubic-bezier(.22,1,.36,1)}.route-traveller{transition:transform .35s cubic-bezier(.22,1,.36,1)}.route-traveller-dot{fill:var(--mint);filter:drop-shadow(0 0 5px var(--mint))}.route-traveller-halo{fill:none;stroke:var(--mint);stroke-width:1px;opacity:.5;transform-origin:50%;animation:2.4s ease-out infinite route-ping}.route-hud{z-index:3;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-solid) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;max-width:100%;clip-path:var(--shape-chip);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 auto 2rem;padding:.5rem .85rem;font-size:.46rem;display:flex;position:sticky;top:4.25rem}.route-hud-label{color:var(--violet-soft)}.route-hud-bar{background:#ffffff14;width:7rem;height:4px;position:relative;overflow:hidden}.route-hud-bar span{transform-origin:0;background:linear-gradient(90deg, var(--mint), var(--violet-soft));box-shadow:var(--glow-mint);transition:scale .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.route-hud-count{color:var(--mint)}.route-hud-here{color:var(--foreground);opacity:.8}.route-hud-here:before{content:"◈ ";color:var(--mint)}.route-stops{z-index:1;gap:clamp(2.25rem,5vw,3.75rem);margin:0;padding:0;list-style:none;display:grid;position:relative}.route-stop{grid-template-columns:1fr 3.5rem 1fr;align-items:start;display:grid;position:relative}.route-stop[data-side=right] .route-card{grid-column:3}.route-stop[data-side=left] .route-card{grid-column:1}.route-pin{z-index:2;border:1px solid var(--border);background:var(--surface-solid);width:2.6rem;height:2.6rem;color:var(--muted-foreground);clip-path:var(--shape-chip);grid-column:2;justify-self:center;place-items:center;transition:color .4s,border-color .4s,box-shadow .4s,scale .4s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.route-stop[data-reached=true] .route-pin{color:var(--violet-soft);border-color:var(--border)}.route-stop[data-status=study][data-reached=true] .route-pin{color:var(--pink)}.route-stop[data-status=now] .route-pin{color:var(--mint);border-color:var(--mint);box-shadow:var(--glow-mint), inset 0 0 .8rem #3ee9b42e;scale:1.12}.route-stop[data-status=now] .route-pin:after{content:"";border:1px solid var(--mint);clip-path:var(--shape-chip);animation:2.4s ease-out infinite route-ping;position:absolute;inset:-.35rem}@keyframes route-ping{0%{opacity:.8;scale:.92}70%{opacity:0;scale:1.25}to{opacity:0;scale:1.25}}.route-marker{z-index:2;font-family:var(--font-mono);letter-spacing:.16em;color:var(--muted-foreground);white-space:nowrap;font-size:.42rem;position:absolute;top:2.9rem;left:50%;translate:-50%}.route-stop[data-status=now] .route-marker{color:var(--mint)}.route-leg{z-index:2;border:1px dashed var(--border);background:var(--background);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap;opacity:.55;padding:.1rem .4rem;font-size:.4rem;transition:opacity .4s,color .4s,border-color .4s;position:absolute;bottom:-1.55rem;left:50%;translate:-50%}.route-stop[data-reached=true] .route-leg{opacity:1;color:var(--violet-soft);border-color:var(--border-strong)}.route-card{border:1px solid var(--border);background-color:var(--surface-raised);clip-path:var(--shape-chip);opacity:.45;filter:saturate(.6);padding:1.1rem 1.25rem;transition:opacity .5s,filter .5s,transform .5s cubic-bezier(.22,1,.36,1),border-color .4s;position:relative}.route-stop[data-reached=true] .route-card{opacity:1;filter:none}.route-stop[data-status=now] .route-card{border-color:var(--border-strong);box-shadow:0 1rem 2rem #0006,0 0 1rem #3ee9b424}.route-card:before{content:"";background:linear-gradient(90deg, transparent, var(--border-strong));width:1.9rem;height:1px;position:absolute;top:1.2rem}.route-stop[data-side=right] .route-card:before{left:-1.9rem}.route-stop[data-side=left] .route-card:before{background:linear-gradient(270deg, transparent, var(--border-strong));right:-1.9rem}.route-stop[data-side=left] .route-card{text-align:right}.route-stop[data-side=left] .route-card .project-tags,.route-stop[data-side=left] .route-card-head,.route-stop[data-side=left] .route-where{justify-content:flex-end}.route-card-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.route-stamp{border:1px solid var(--border-strong);font-family:var(--font-mono);letter-spacing:.18em;color:var(--violet-soft);padding:.12rem .35rem;font-size:.42rem}.route-stamp[data-status=now]{border-color:var(--mint);color:var(--mint);background:#3ee9b41a}.route-stamp[data-status=study]{border-color:var(--pink);color:var(--pink)}.route-period{font-family:var(--font-mono);letter-spacing:.16em;color:var(--muted-foreground);font-size:.48rem}.route-card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.1rem;line-height:1.05}.route-role{color:var(--foreground);opacity:.88;margin:0 0 .35rem;font-size:.8rem}.route-where{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.3rem;margin:0 0 .55rem;font-size:.46rem;display:flex}.route-where span{color:var(--mint)}.route-detail{color:var(--muted-foreground);margin:0 0 .65rem;font-size:.78rem;line-height:1.65}.route-card .tag{padding:.1rem .3rem;font-size:.42rem}.route-origin{z-index:1;border:1px dashed var(--border-strong);font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted-foreground);background:var(--background);margin:0;padding:.2rem .45rem;font-size:.44rem;position:absolute;bottom:0;left:50%;translate:-50%}@media (width<=860px){.route-hud{gap:.5rem;margin-left:0;font-size:.42rem}.route-hud-bar{width:4.5rem}.route-leg{left:0;translate:0}.route-stop{grid-template-columns:2.6rem minmax(0,1fr);gap:1rem}.route-stop[data-side=right] .route-card,.route-stop[data-side=left] .route-card{text-align:left;grid-column:2}.route-stop[data-side=left] .route-card .project-tags,.route-stop[data-side=left] .route-card-head,.route-stop[data-side=left] .route-where{justify-content:flex-start}.route-pin{grid-column:1;justify-self:start}.route-card:before,.route-stop[data-side=left] .route-card:before{background:linear-gradient(90deg, transparent, var(--border-strong));width:1rem;left:-1rem;right:auto}.route-marker,.route-origin{left:1.3rem}}@media (prefers-reduced-motion:reduce){.route-trail-fill{transition:none}.route-stop[data-status=now] .route-pin:after{animation:none}.route-card{opacity:1;filter:none}}.stall{isolation:isolate;aspect-ratio:16/9;border:1px solid var(--border-strong);min-height:22rem;image-rendering:pixelated;background:#07040f;margin:clamp(1.25rem,3vw,2rem) 0 clamp(2rem,5vw,3.5rem);position:relative;overflow:hidden}.stall-scenery{width:100%;height:100%;position:absolute;inset:0}.stall-fog{z-index:2;pointer-events:none;background:radial-gradient(60% 100% at 20% 100%,#3ee9b41f,#0000 70%),radial-gradient(50% 100% at 62% 100%,#b48cf524,#0000 70%),radial-gradient(45% 100% at 88% 100%,#ff6fb51a,#0000 70%);height:34%;animation:26s ease-in-out infinite alternate stall-fog-drift;position:absolute;bottom:0;left:0;right:0}@keyframes stall-fog-drift{0%{transform:translate(-3%)}to{transform:translate(3%)}}.stall-scanlines{z-index:7;pointer-events:none;mix-blend-mode:multiply;opacity:.5;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.stall-sign{z-index:8;font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--mint);text-shadow:0 0 .6rem #3ee9b4b3,0 0 1.6rem #3ee9b466;font-size:clamp(.9rem,2.4vw,1.5rem);animation:5.5s step-end infinite stall-flicker;position:absolute;top:2.5%;left:50%;transform:translate(-50%)}.stall-sign span{display:inline-block;position:relative}.stall-sign span:before{content:attr(data-text);color:var(--pink);opacity:.55;mix-blend-mode:screen;animation:3.4s step-end infinite stall-sign-ghost;position:absolute;inset:0}@keyframes stall-sign-ghost{0%,92%,to{opacity:0;transform:none}93%{opacity:.6;transform:translate(-2px,1px)}95%{opacity:.5;transform:translate(2px,-1px)}97%{opacity:0;transform:none}}@keyframes stall-flicker{0%,88%,to{opacity:1}90%{opacity:.35}92%{opacity:1}94%{opacity:.5}}.stall-tag{z-index:8;font-family:var(--font-mono);letter-spacing:.22em;color:var(--muted-foreground);font-size:.5rem;position:absolute;top:4%}.stall-tag-l{left:3%}.stall-tag-r{color:var(--pink);right:3%}.stall-item{z-index:4;cursor:pointer;animation:5.5s ease-in-out infinite stall-bob;animation-delay:var(--float-delay,0s);background:0 0;border:0;grid-template-rows:1fr auto;justify-items:center;gap:.15rem;padding:0;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s,opacity .25s;display:grid;position:absolute}@keyframes stall-bob{0%,to{translate:0}50%{translate:0 -3px}}.stall-item:hover,.stall-item:focus-visible{outline:none;transform:translateY(-4px)scale(1.06)}.stall-item[data-dim=true]{opacity:.38;filter:saturate(.5)}.stall-hook{background:#2a1d55;width:1px;height:14%;position:absolute;top:-14%}.stall-glow{z-index:-1;aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#3ee9b442,#0000 62%);border-radius:50%;width:190%;transition:opacity .25s;position:absolute;top:46%;left:50%;translate:-50% -50%}.stall-item[data-tone=violet] .stall-glow{background:radial-gradient(circle,#b48cf547,#0000 62%)}.stall-item[data-tone=pink] .stall-glow{background:radial-gradient(circle,#ff6fb542,#0000 62%)}.stall-item:hover .stall-glow,.stall-item:focus-visible .stall-glow{opacity:.8}.stall-item[data-active=true] .stall-glow{opacity:1}.stall-ring{z-index:1;border:1px dashed var(--mint);opacity:.16;pointer-events:none;transition:opacity .22s,scale .22s cubic-bezier(.22,1,.36,1);position:absolute;inset:-6% -8% 14%}.stall-item[data-tone=violet] .stall-ring{border-color:var(--violet-soft)}.stall-item[data-tone=pink] .stall-ring{border-color:var(--pink)}.stall-item:hover .stall-ring,.stall-item:focus-visible .stall-ring{opacity:.75;scale:1.06}.stall-item[data-active=true] .stall-ring{opacity:.95;border-style:solid}.stall-sprite{filter:drop-shadow(0 .25rem .5rem #000000b3);width:100%;height:100%;min-height:0;transition:filter .22s}.stall-item[data-tone=mint]:hover .stall-sprite,.stall-item[data-tone=mint][data-active=true] .stall-sprite{filter:drop-shadow(0 0 .5rem #3ee9b4d9)drop-shadow(0 0 1.4rem #3ee9b473)}.stall-item[data-tone=violet]:hover .stall-sprite,.stall-item[data-tone=violet][data-active=true] .stall-sprite{filter:drop-shadow(0 0 .5rem #b48cf5d9)drop-shadow(0 0 1.4rem #7c4dd173)}.stall-item[data-tone=pink]:hover .stall-sprite,.stall-item[data-tone=pink][data-active=true] .stall-sprite{filter:drop-shadow(0 0 .5rem #ff6fb5d9)drop-shadow(0 0 1.4rem #ff6fb573)}.stall-item[data-active=true]{animation-play-state:paused;transform:translateY(-5px)scale(1.08)}.stall-peek{z-index:6;border:1px solid var(--mint);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mint);white-space:nowrap;pointer-events:none;background:#07040feb;padding:.12rem .3rem;font-size:.42rem;animation:.18s ease-out both stall-peek-in;position:absolute;translate:-50% -100%}.stall-peek[data-tone=violet]{border-color:var(--violet-soft);color:var(--violet-soft)}.stall-peek[data-tone=pink]{border-color:var(--pink);color:var(--pink)}@keyframes stall-peek-in{0%{opacity:0;translate:-50% -80%}to{opacity:1;translate:-50% -100%}}.stall-price{font-family:var(--font-mono);letter-spacing:.12em;color:#04020d;background:var(--mint);padding:0 .2rem;font-size:.45rem;position:absolute;top:-.15rem;right:-.35rem}.stall-price[data-tone=violet]{background:var(--violet-soft)}.stall-price[data-tone=pink]{background:var(--pink)}.stall-name{max-width:9rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);text-align:center;text-shadow:0 1px 2px #04020d;font-size:.44rem;line-height:1.3}.stall-item:hover .stall-name,.stall-item[data-active=true] .stall-name{color:var(--foreground)}.stall-wip{font-family:var(--font-mono);letter-spacing:.1em;color:#04020d;background:var(--pink);padding:0 .18rem;font-size:.4rem;position:absolute;bottom:1.1rem;left:-.3rem;transform:rotate(-8deg)}.stall-wire{z-index:5;pointer-events:none;width:100%;height:100%;color:var(--mint);position:absolute;inset:0}.stall[data-tone=violet] .stall-wire{color:var(--violet-soft)}.stall-wire path{stroke-dasharray:320;stroke-dashoffset:320px;filter:drop-shadow(0 0 .3rem);animation:.48s cubic-bezier(.3,1,.4,1) forwards stall-trace}.stall-wire-node{filter:drop-shadow(0 0 .35rem);animation:.26s ease-out .34s both stall-node-in}.stall-wire-pulse{opacity:.9;filter:drop-shadow(0 0 .5rem)}@keyframes stall-trace{to{stroke-dashoffset:0}}@keyframes stall-node-in{0%{opacity:0}to{opacity:1}}.stall-hud{z-index:6;border:1px solid var(--mint);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(#3ee9b412,#0000 30%),#07040ff2;grid-template-rows:auto 1fr;width:min(42%,24rem);animation:.3s cubic-bezier(.2,1,.36,1) both stall-boot;display:grid;position:absolute;top:8%;bottom:8%;overflow:hidden;box-shadow:0 1.5rem 3rem #000000a6,0 0 1.4rem #3ee9b438,inset 0 0 2rem #3ee9b414}.stall-hud-corner{z-index:2;width:.8rem;height:.8rem;color:var(--mint);pointer-events:none;opacity:.85;border:1px solid;position:absolute}.stall-hud-corner-tl{border-bottom:0;border-right:0;top:.3rem;left:.3rem}.stall-hud-corner-br{border-top:0;border-left:0;bottom:.3rem;right:.3rem}.stall-hud[data-tone=violet] .stall-hud-corner{color:var(--violet-soft)}.stall-hud[data-tone=pink] .stall-hud-corner{color:var(--pink)}.stall-hud[data-side=left]{left:4%}.stall-hud[data-side=right]{right:4%}.stall-hud[data-tone=violet]{border-color:var(--violet-soft);box-shadow:0 1.5rem 3rem #000000a6,0 0 1.4rem #7c4dd147}.stall-hud[data-tone=pink]{border-color:var(--pink);box-shadow:0 1.5rem 3rem #000000a6,0 0 1.4rem #ff6fb540}@keyframes stall-boot{0%{opacity:0;transform:scaleY(.02)scaleX(.7)}45%{opacity:1;transform:scaleY(.06)scaleX(1)}to{opacity:1;transform:scale(1)}}.stall-hud-bar{border-bottom:1px solid var(--border-strong);font-family:var(--font-mono);letter-spacing:.18em;color:var(--mint);background:#3ee9b41a;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .55rem;font-size:.5rem;display:flex}.stall-hud[data-tone=violet] .stall-hud-bar{color:var(--violet-soft);background:#7c4dd124}.stall-hud[data-tone=pink] .stall-hud-bar{color:var(--pink);background:#ff6fb51f}.stall-hud-bar button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0 .25rem;font-size:.85rem;line-height:1}.stall-hud-bar button:hover{color:var(--foreground)}.stall-hud-body{align-content:start;gap:.5rem;padding:.7rem .8rem .9rem;display:grid;overflow-y:auto}.stall-hud-body h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(1rem,2.4vw,1.5rem);line-height:1}.stall-hud-title{position:relative}.stall-hud-title:before{content:attr(data-text);color:var(--pink);opacity:0;mix-blend-mode:screen;pointer-events:none;animation:.62s step-end stall-title-glitch;position:absolute;inset:0}@keyframes stall-title-glitch{0%{opacity:.8;transform:translate(-3px,1px)}30%{opacity:.6;transform:translate(3px,-1px)}55%{opacity:.4;transform:translate(-2px)}to{opacity:0;transform:none}}.stall-hud-sub{color:var(--muted-foreground);margin:0;font-size:.72rem}.stall-hud-meta{border-block:1px dashed var(--border-strong);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);flex-wrap:wrap;gap:.1rem .9rem;padding:.3rem 0;font-size:.44rem;display:flex}.stall-hud-meta b{color:var(--mint);font-weight:500}.stall-hud[data-tone=violet] .stall-hud-meta b{color:var(--violet-soft)}.stall-hud[data-tone=pink] .stall-hud-meta b{color:var(--pink)}.stall-hud-copy{color:var(--muted-foreground);margin:0;font-size:.7rem;line-height:1.65}.stall-hud-list{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.stall-hud-list li{color:var(--muted-foreground);padding-left:.8rem;font-size:.66rem;line-height:1.5;position:relative}.stall-hud-list li:before{content:"";background:var(--mint);width:.28rem;height:.28rem;position:absolute;top:.5em;left:0;transform:rotate(45deg)}.stall-hud[data-tone=violet] .stall-hud-list li:before{background:var(--violet-soft)}.stall-hud[data-tone=pink] .stall-hud-list li:before{background:var(--pink)}.stall-hud-tags{flex-wrap:wrap;gap:.25rem;display:flex}.stall-hud-tags .tag{padding:.1rem .3rem;font-size:.45rem}.stall-hud-body .neon-btn{justify-self:start;padding:.45rem .8rem;font-size:.5rem}.stall-hud-scan{pointer-events:none;background:repeating-linear-gradient(#3ee9b40d 0 1px,#0000 1px 3px);position:absolute;inset:0}.stall-hint{z-index:4;font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted-foreground);margin:0;font-size:.48rem;position:absolute;bottom:3%;left:3%}@media (width<=900px){.stall{aspect-ratio:3/4;min-height:30rem}.stall-hud{width:auto;height:52%;inset:auto 3% 3%}.stall-hud[data-side=left],.stall-hud[data-side=right]{left:3%;right:3%}.stall-name{font-size:.38rem}.stall-hint{font-size:.42rem}.stall-peek,.stall-wire{display:none}.stall-hud-body h3{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){.stall-sign,.stall-sign span:before,.stall-hud,.stall-hud-title:before,.stall-item,.stall-ring,.stall-fog{animation:none}.stall-wire path{stroke-dashoffset:0;animation:none}.stall-wire-pulse{display:none}}.shelf-stack{gap:clamp(2rem,4vw,3rem);display:grid}.shelf{position:relative}.shelf-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));align-items:end;gap:clamp(1rem,2.5vw,2rem);padding:0 clamp(.5rem,2vw,1.5rem);display:grid}.shelf-item{text-align:left;cursor:pointer;background:0 0;border:0;gap:.55rem;padding:0;transition:transform .35s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.shelf-item:hover,.shelf-item:focus-visible{outline:none;transform:translateY(-10px)}.shelf-cover{aspect-ratio:3/4;border:1px solid var(--border);background:var(--surface-solid);transition:border-color .25s,box-shadow .25s;display:block;position:relative;overflow:hidden;box-shadow:0 1rem 1.75rem #00000073}.shelf-cover canvas{width:100%;height:100%;display:block}.shelf-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#07040fb8);position:absolute;inset:0}.shelf-item:hover .shelf-cover,.shelf-item:focus-visible .shelf-cover{border-color:var(--border-strong);box-shadow:0 1.25rem 2.5rem #0000008c, var(--glow-mint)}.shelf-play{z-index:2;opacity:0;border:1px solid var(--border-strong);width:2.6rem;height:2.6rem;color:var(--mint);clip-path:var(--shape-chip);background:#07040fc7;place-items:center;transition:opacity .25s,transform .25s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:auto auto 3.1rem 50%;transform:translate(-50%)scale(.8)}.shelf-item:hover .shelf-play,.shelf-item:focus-visible .shelf-play{opacity:1;transform:translate(-50%)scale(1)}.shelf-spine{z-index:2;border-right:2px solid var(--mint);font-family:var(--font-mono);background:#07040fd1;gap:.1rem;padding:.4rem .5rem;display:grid;position:absolute;top:0;left:0}.shelf-spine[data-tone=violet]{border-right-color:var(--violet-soft)}.shelf-spine[data-tone=pink]{border-right-color:var(--pink)}.shelf-spine b{letter-spacing:.2em;color:var(--mint);font-size:.58rem}.shelf-spine[data-tone=violet] b{color:var(--violet-soft)}.shelf-spine[data-tone=pink] b{color:var(--pink)}.shelf-spine em{letter-spacing:.18em;color:var(--muted-foreground);font-size:.48rem;font-style:normal}.shelf-label{gap:.15rem;padding:0 .1rem;display:grid}.shelf-label strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:.95rem}.shelf-label small{color:var(--muted-foreground);font-size:.72rem;line-height:1.4}.shelf-wip{z-index:2;border:1px solid var(--mint);font-family:var(--font-mono);letter-spacing:.18em;color:var(--mint);clip-path:var(--shape-chip);background:#3ee9b424;padding:.22rem .45rem;font-size:.46rem;position:absolute;top:.5rem;left:.5rem}.wip-flag{border:1px solid var(--mint);width:fit-content;font-family:var(--font-mono);letter-spacing:.2em;color:var(--mint);clip-path:var(--shape-chip);background:#3ee9b41f;justify-self:start;padding:.28rem .6rem;font-size:.52rem}.shelf-plank{border-top:1px solid var(--border-strong);background:linear-gradient(#7c4dd138,#0000);height:12px;margin-top:.9rem;position:relative;box-shadow:0 -1px 1.5rem #3ee9b41f}.shelf-tick{font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted-foreground);font-size:.5rem;position:absolute;top:.55rem;right:0}.reel-badge{z-index:2;border:1px solid var(--border-strong);font-family:var(--font-mono);letter-spacing:.18em;color:var(--mint);background:#07040fc7;align-items:center;gap:.4rem;padding:.3rem .55rem;font-size:.5rem;display:inline-flex;position:absolute;top:1rem;right:1rem}.reel-timecode{z-index:2;font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted-foreground);font-size:.5rem;position:absolute;bottom:1rem;left:1rem}.reel-scan{z-index:1;pointer-events:none;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.studio-page{max-width:58rem}.sketchbook-frame{border:1px solid var(--border);background:linear-gradient(135deg, #7c4dd11f, transparent 55%), color-mix(in srgb, var(--surface-solid) 88%, transparent);clip-path:var(--shape-blade);padding:.75rem;position:relative}.sketchbook-frame:after{content:"";pointer-events:none;z-index:3;background-image:var(--hud-bg);background-size:var(--hud-size);background-position:var(--hud-pos);background-repeat:no-repeat;position:absolute;inset:.75rem}.sketchbook-frame-head{flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:.35rem .5rem .7rem;display:flex}.sketchbook-frame-idx{font-family:var(--font-mono);letter-spacing:.18em;color:var(--mint);text-shadow:var(--glow-mint);margin-left:auto;font-size:.58rem}.sketchbook{perspective:2200px;position:relative}.sketchbook-binding{opacity:.5;pointer-events:none;z-index:2;background:linear-gradient(#0000,#3ee9b44d,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.sketchbook-page{transform-origin:0;position:relative}.sketchbook-page.flip-next{animation:.72s cubic-bezier(.16,.84,.28,1) both page-flip-next}.sketchbook-page.flip-prev{animation:.72s cubic-bezier(.16,.84,.28,1) both page-flip-prev}@keyframes page-flip-next{0%{opacity:0;transform:translate(18%)scale(.96)rotate(1.5deg)}to{opacity:1;transform:translate(0,0)scale(1)rotate(0)}}@keyframes page-flip-prev{0%{opacity:0;transform:translate(-18%)scale(.96)rotate(-1.5deg)}to{opacity:1;transform:translate(0,0)scale(1)rotate(0)}}.pop-dots{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#ff6fb542 1.6px,#0000 1.7px);background-size:13px 13px;animation:14s ease-in-out infinite alternate pop-dots-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 88% 18%,#000 10%,#0000 62%);mask-image:radial-gradient(70% 80% at 88% 18%,#000 10%,#0000 62%)}@keyframes pop-dots-drift{0%{background-position:0 0}to{background-position:26px 13px}}.pop-rays{z-index:0;pointer-events:none;background:repeating-conic-gradient(at 18% 88%,#3ee9b417 0deg 7deg,#0000 7deg 14deg);animation:48s linear infinite pop-rays-spin;position:absolute;inset:-30%;-webkit-mask-image:radial-gradient(circle at 18% 88%,#000 5%,#0000 55%);mask-image:radial-gradient(circle at 18% 88%,#000 5%,#0000 55%)}@keyframes pop-rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sticker-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.sticker-layer .sticker{min-width:2.7rem;height:2.7rem;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#0a0616;border:2px solid #ffffffd9;border-radius:999px;place-items:center;padding:0 .6rem;font-size:.78rem;animation:.62s cubic-bezier(.2,1.3,.4,1) both sticker-slap;display:grid;position:absolute;box-shadow:0 .4rem .9rem #00000073,inset 0 -.35rem .5rem #00000038,inset 0 .3rem .45rem #ffffff8c}.sticker-layer .sticker:after{content:"";pointer-events:none;background:linear-gradient(#ffffffb8,#0000);border-radius:999px;width:42%;height:28%;position:absolute;top:10%;left:16%}.sticker-layer .sticker-0{background:linear-gradient(150deg, #d9fff2, var(--mint) 42%, #0e8f69);--rot:-12deg;animation-delay:.32s;top:8%;right:7%}.sticker-layer .sticker-1{background:linear-gradient(150deg, #ffe3f2, var(--pink) 42%, #a8306f);--rot:9deg;animation-delay:.44s;top:46%;right:4%}.sticker-layer .sticker-2{background:linear-gradient(150deg, #efe4ff, var(--violet-soft) 42%, #4b2d86);--rot:-5deg;animation-delay:.56s;bottom:9%;right:12%}.slide-progress{background:#7c4dd14d;height:2px;margin:.55rem .1rem 0;position:relative;overflow:hidden}.slide-progress i{background:var(--mint);height:100%;box-shadow:var(--glow-mint);transform-origin:0;display:block;transform:scaleX(0)}.slide-progress i.is-running{animation:6.5s linear both slide-fill}@keyframes slide-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lyric-drift{z-index:0;pointer-events:none;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #7c4dd138;align-content:space-between;font-size:clamp(2.2rem,8vw,5rem);line-height:.9;display:grid;position:absolute;inset:0;overflow:hidden}.lyric-drift span{white-space:nowrap;animation:22s linear infinite lyric-slide;display:block}.lyric-drift span:first-child{opacity:.55;animation-duration:26s}.lyric-drift span:nth-child(2){-webkit-text-stroke-color:#3ee9b433;opacity:.7;animation-duration:18s;animation-direction:reverse}.lyric-drift span:nth-child(3){opacity:.4;animation-duration:32s}@keyframes lyric-slide{0%{transform:translate(12%)}to{transform:translate(-52%)}}.toon-title{flex-wrap:wrap;display:flex;position:relative}.toon-letter{transform-origin:50% 100%;animation:.62s cubic-bezier(.18,1.5,.35,1) both toon-drop,3.4s ease-in-out infinite toon-wobble;animation-delay:inherit, var(--wobble-delay);text-shadow:0 .05em #7c4dd18c,0 0 1.4rem #3ee9b438;display:inline-block}.toon-space{width:.32em;display:inline-block}@keyframes toon-drop{0%{opacity:0;transform:translateY(-140%)scale(.5,1.6)rotate(0)}55%{opacity:1}70%{transform:translateY(4%)scale(1.28,.68)rotate(0)}85%{transform:translateY(-8%) scale(.94, 1.1) rotate(var(--tilt,0deg))}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes toon-wobble{0%,to{translate:0;rotate:0deg}35%{translate:0 -.035em;rotate:var(--tilt,1deg)}65%{translate:0 .02em;rotate:calc(var(--tilt,1deg) * -.6)}}.toon-splat{aspect-ratio:1;z-index:-1;background:radial-gradient(circle,#3ee9b442,#0000 62%);width:42%;animation:.9s cubic-bezier(.2,1.4,.3,1) both toon-splat-pop;position:absolute;top:-30%;left:-8%}@keyframes toon-splat-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}55%{opacity:1;transform:scale(1.15)rotate(6deg)}to{opacity:.85;transform:scale(1)rotate(0)}}.popup-stage,.popup-text{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.lyric-drift span,.toon-letter{animation:none}.toon-splat{opacity:.6;animation:none}.sketchbook-page.flip-next,.sketchbook-page.flip-prev{animation:none}}.sketchbook-paper{min-height:22rem;color:var(--foreground);background-color:#0c0819;background-image:linear-gradient(90deg,#7c4dd11a 1px,#0000 1px),linear-gradient(#7c4dd114 1px,#0000 1px),radial-gradient(90% 70% at 30% 15%,#3ee9b414,#0000 70%);background-size:28px 28px,28px 28px,100% 100%;border:1px solid #3ee9b438;padding:clamp(1.1rem,2.6vw,1.9rem);position:relative;box-shadow:inset 0 0 7rem #7c4dd138,0 1.5rem 3rem #0000008c}.sketchbook-glass{z-index:2;pointer-events:none;background:repeating-linear-gradient(#3ee9b40a 0 1px,#0000 1px 3px);position:absolute;inset:0}.sketchbook-glass:after{content:"";background:linear-gradient(#0000 44%,#3ee9b412 50%,#0000 56%);animation:9s linear infinite scan-sweep;position:absolute;inset:0}@keyframes scan-sweep{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.sketchbook-paper:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 22px,#3ee9b414 22px 23px);border-right:1px solid #3ee9b433;width:2.5rem;position:absolute;top:0;bottom:0;left:0}.sketchbook-folio{z-index:3;font-family:var(--font-mono);letter-spacing:.2em;color:#a89bc7b3;font-size:.6rem;position:absolute;bottom:1rem;right:1.4rem}.popup-stage{border-bottom:1px dashed #3ee9b438;margin-left:1.2rem;padding-bottom:.9rem}.popup-scene{width:100%;max-height:13rem;display:block}.tv-wall{gap:.9rem;width:100%;display:grid}.tvw-rig{aspect-ratio:16/10;border:1px solid var(--border);background:radial-gradient(70% 55% at 50% 62%,#3ee9b41a,#0000 70%),linear-gradient(#0a0618,#05030c);width:100%;position:relative;overflow:hidden}.tvw-rig:after{content:"";pointer-events:none;background:radial-gradient(95% 80% at 50% 55%,#0000 45%,#000000b8 100%);position:absolute;inset:0}.tvw-set{cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.tvw-set[data-depth="0"]{z-index:1;filter:brightness(.72)saturate(.6)}.tvw-set[data-depth="1"]{z-index:2;filter:brightness(.88)saturate(.8)}.tvw-set:hover{filter:brightness(1.1)saturate()}.tvw-set[data-mode=peek] .tvw-noise{opacity:.3}.tvw-shell{rotate:var(--tilt,0deg);background:linear-gradient(165deg,#2a2333,#14101c 60%,#0d0a14);border:1px solid #ffffff14;border-radius:.5rem .5rem .8rem .8rem;padding:7%;display:block;position:relative;box-shadow:0 .6rem 1.6rem #0009,inset 0 1px #ffffff1a}.tvw-glass{aspect-ratio:4/3;background:#05030c;border-radius:18%/22%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 1.4rem #000000e6,inset 0 0 .4rem #3ee9b438,0 0 0 2px #0b0812}.tvw-glass img{object-fit:contain;filter:saturate(.85)contrast(1.05);width:100%;height:100%;position:absolute;inset:0;scale:1.16 1.1}.tvw-noise{content:"";opacity:.55;mix-blend-mode:screen;background-image:repeating-linear-gradient(97deg,#ffffff6b 0 1px,#0000 1px 3px),repeating-linear-gradient(3deg,#ffffff42 0 1px,#0000 1px 2px),repeating-linear-gradient(#00000073 0 1px,#0000 1px 2px);animation:.42s steps(5,end) infinite tvw-noise;position:absolute;inset:-60%}@keyframes tvw-noise{0%{translate:0}20%{translate:-12% 7%}40%{translate:9% -5%}60%{translate:-5% -9%}80%{translate:11% 4%}to{translate:0}}.tvw-bars{opacity:.85;filter:saturate(.8);background:linear-gradient(90deg,#f2f2f2 0 14%,#f2e24d 14% 28%,#4de0f2 28% 42%,#4df27a 42% 56%,#f24dd0 56% 70%,#f24d4d 70% 84%,#4d5cf2 84% 100%);animation:2.6s steps(6,end) infinite tvw-bars-jitter;position:absolute;inset:14% 8%;-webkit-mask-image:repeating-linear-gradient(#000 0 2px,#0000 2px 3px);mask-image:repeating-linear-gradient(#000 0 2px,#0000 2px 3px)}@keyframes tvw-bars-jitter{0%,78%{opacity:.85;translate:0}82%{opacity:.5;translate:-4% 2%}86%{opacity:.95;translate:3% -1%}90%,to{opacity:.85;translate:0}}.tvw-curve{pointer-events:none;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px),radial-gradient(55% 40% at 30% 20%,#ffffff38,#0000 62%),radial-gradient(118% 96%,#0000 48%,#000000a8 100%);position:absolute;inset:0}.tvw-roll{pointer-events:none;background:linear-gradient(#0000,#ffffff17 50%,#0000);height:22%;animation:5.5s linear infinite tvw-roll;position:absolute;left:0;right:0}@keyframes tvw-roll{0%{top:-25%}to{top:105%}}.tvw-knobs{gap:12%;display:grid;position:absolute;top:12%;right:3%}.tvw-knobs i{background:#3b3348;border-radius:50%;width:.32rem;height:.32rem;display:block;box-shadow:inset 0 1px #fff3}.tvw-knobs b{background:var(--mint);width:.5rem;height:.18rem;box-shadow:0 0 .3rem var(--mint);display:block}.tvw-hero{z-index:3;pointer-events:none;width:46%;top:50%;left:50%;translate:-50% -50%}.tvw-hero .tvw-shell{background:linear-gradient(165deg,#3b3148,#1b1526 58%,#100c1a);border-color:#3ee9b442;padding:5.5%;box-shadow:0 1.4rem 3rem #000000b3,inset 0 1px #ffffff24,0 0 2.5rem #3ee9b429}.tvw-hero .tvw-glass{box-shadow:inset 0 0 1.6rem #000c,inset 0 0 .6rem #3ee9b44d,0 0 0 2px #0b0812}.tvw-hero .tvw-glass img{object-fit:contain;filter:contrast(1.04)saturate(1.05);scale:1.12 1.07}.tvw-hero .tvw-noise{opacity:.1}.tvw-hero .tvw-curve{background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px),radial-gradient(55% 38% at 28% 18%,#ffffff42,#0000 60%),radial-gradient(116% 94%,#0000 55%,#00000085 100%)}.tvw-osd{z-index:4;font-family:var(--font-mono);letter-spacing:.18em;color:var(--mint);text-shadow:0 0 .4rem #3ee9b4b3;font-size:.48rem;position:absolute;bottom:8%;left:8%}.tv-wall[data-glitch=true] .tvw-hero .tvw-glass img{animation:.32s steps(3,end) tvw-tune}.tv-wall[data-glitch=true] .tvw-hero .tvw-noise{opacity:.75}.tv-wall[data-glitch=true] .tvw-set[data-depth="1"]{filter:brightness(1.15)saturate()}@keyframes tvw-tune{0%{filter:invert()hue-rotate(90deg);translate:-6%}40%{filter:brightness(2.4)saturate(0);translate:5% -2%}70%{filter:none;translate:-2% 1%}to{filter:none;translate:0}}.tvw-deck{gap:.7rem;display:grid}.tvw-caption{gap:.25rem;min-height:3.4rem;margin:0;display:grid}.tvw-caption strong{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint);font-size:.62rem}.tvw-caption em{color:var(--muted-foreground);font-size:.8rem;font-style:normal;line-height:1.6}.tvw-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tvw-controls>button{border:1px solid var(--border-strong);color:var(--muted-foreground);cursor:pointer;font-family:var(--font-mono);letter-spacing:.16em;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:#7c4dd11f;padding:.35rem .6rem;font-size:.48rem;transition:color .16s,border-color .16s,background .16s}.tvw-controls>button:hover{color:var(--mint);border-color:var(--mint);background:#3ee9b41f}.tvw-channels{flex-wrap:wrap;gap:.3rem;margin:0 auto;display:flex}.tvw-channels button{border:1px solid var(--border);width:1.7rem;height:1.7rem;color:var(--muted-foreground);font-family:var(--font-mono);cursor:pointer;background:#0f0a22;padding:0;font-size:.48rem;transition:color .16s,border-color .16s,background .16s}.tvw-channels button:hover{color:var(--foreground);border-color:var(--border-strong)}.tvw-channels button.is-current{color:#05130e;background:var(--mint);border-color:var(--mint);box-shadow:var(--glow-mint)}@media (width<=620px){.tvw-rig{aspect-ratio:4/3}.tvw-hero{width:58%}.tvw-controls>button{text-align:center;flex:auto}.tvw-channels{flex-basis:100%;order:3;justify-content:center;margin:0}}@media (prefers-reduced-motion:reduce){.tvw-noise,.tvw-roll,.tv-wall[data-glitch=true] .tvw-hero .tvw-glass img{animation:none}}.popup-clip{height:13rem;clip-path:var(--shape-chip);background:#0c0819;border:1px solid #3ee9b447;place-items:center;margin:0;padding:.5rem;display:grid;position:relative}.popup-clip img{mix-blend-mode:screen;filter:invert()sepia()hue-rotate(105deg)saturate(2.2)brightness(1.05);max-width:100%;max-height:12rem;display:block}.popup-clip:before{content:"";pointer-events:none;background:repeating-linear-gradient(#3ee9b412 0 1px,#0000 1px 3px);position:absolute;inset:0}.popup-clip:after{content:"● REC";font-family:var(--font-mono);letter-spacing:.18em;color:var(--pink);font-size:.42rem;position:absolute;top:.4rem;right:.5rem}.popup-scene .pop{transform-origin:50% 188px}.sketchbook-page.flip-next .pop,.sketchbook-page.flip-prev .pop{animation:.9s cubic-bezier(.22,.61,.36,1) both pop-rise}.sketchbook-page.flip-next .pop-1,.sketchbook-page.flip-prev .pop-1{animation-delay:.12s}.sketchbook-page.flip-next .pop-2,.sketchbook-page.flip-prev .pop-2{animation-delay:.22s}.sketchbook-page.flip-next .pop-3,.sketchbook-page.flip-prev .pop-3{animation-delay:.32s}@keyframes pop-rise{0%{opacity:0;transform:perspective(900px)rotateX(-32deg)translateY(8px)}to{opacity:1;transform:perspective(900px)rotateX(0)translateY(0)}}.popup-text{gap:.5rem;max-width:36rem;margin:.9rem 0 0 1.2rem;display:grid}.popup-text h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;color:var(--foreground);margin:0;font-size:clamp(1.4rem,3.2vw,2.1rem);line-height:.95}.popup-text p{color:var(--muted-foreground);margin:0;font-size:.86rem;line-height:1.7}.sketch-kicker{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--mint);font-size:.58rem}.sketch-note{color:#a89bc7cc;font-style:italic}.sketch-blurb{color:var(--violet-soft);margin:0;font-size:1rem;font-style:italic}.sketch-stamp{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;clip-path:var(--shape-chip);border:1px solid;justify-self:start;margin-top:.5rem;padding:.35rem .7rem;font-size:.55rem}.sketch-stamp.is-doing{color:var(--mint)}.sketch-stamp.is-learning{color:var(--violet-soft)}.sketch-stamp.is-want{color:var(--pink)}.sketch-doodle{fill:none;stroke:#3ee9b44d;stroke-width:1.5px;stroke-linecap:round;justify-self:end;width:8rem;height:8rem}.sketch-wishlist{gap:.85rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.sketch-wishlist li{border-left:1px dashed #7c4dd173;gap:.15rem;padding-left:1rem;display:grid}.sketch-wishlist strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--foreground);font-size:1rem}.sketch-wishlist em{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mint);font-size:.55rem;font-style:normal}.sketch-wishlist p{color:var(--muted-foreground);margin:0;font-size:.86rem;line-height:1.6}.sketch-log{gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.sketch-log li{border-left:1px solid #7c4dd173;padding-left:1rem}.sketch-log li[data-status=planned]{border-left-style:dashed}.sketch-log header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.sketch-log strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--foreground);font-size:1.05rem}.sketch-log header span{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mint);font-size:.52rem}.sketch-log p{color:var(--muted-foreground);margin:.3rem 0;font-size:.85rem;line-height:1.6}.sketch-log em{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#a89bc7a6;font-size:.5rem;font-style:normal}.sketchbook-controls{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.sketchbook-controls button{border:1px solid var(--border);background:var(--surface-raised);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--foreground);cursor:pointer;clip-path:var(--shape-chip);align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.55rem;transition:border-color .2s,color .2s;display:inline-flex}.sketchbook-controls button:hover:not(:disabled){border-color:var(--border-strong);color:var(--mint)}.sketchbook-controls button:disabled{opacity:.35;cursor:default}.sketchbook-dots{gap:.4rem;display:flex}.sketchbook-dots button{border:1px solid var(--border);clip-path:none;background:0 0;width:.55rem;height:.55rem;padding:0}.sketchbook-dots button.is-current{background:var(--mint);border-color:var(--mint);box-shadow:var(--glow-mint)}body.is-booting{overflow:hidden}.boot-splash{z-index:300;background:radial-gradient(ellipse 90% 70% at 50% 45%, #150c2b, var(--background) 70%);place-items:center;animation:.26s both boot-in;display:grid;position:fixed;inset:0}.boot-splash.is-exiting{animation:.7s cubic-bezier(.6,.04,.3,1) both boot-out}@keyframes boot-in{0%{opacity:0}to{opacity:1}}@keyframes boot-out{0%{opacity:1;clip-path:inset(0)}35%{opacity:1;filter:brightness(1.7)saturate(1.4)}55%{clip-path:inset(48% 0);opacity:1}to{clip-path:inset(50% 0);opacity:0}}.boot-grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 25%,#0000 75%);mask-image:radial-gradient(80% 70%,#000 25%,#0000 75%)}.boot-scan{pointer-events:none;background:repeating-linear-gradient(#3ee9b40f 0 1px,#0000 1px 3px);position:absolute;inset:0}.boot-scan:after{content:"";background:linear-gradient(#0000 45%,#3ee9b433 50%,#0000 55%);animation:1.6s linear infinite scan-sweep;position:absolute;inset:0}.boot-core{z-index:1;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-solid) 82%, transparent);width:min(30rem,86vw);clip-path:var(--shape-blade);box-shadow:var(--glow-violet);gap:1.1rem;padding:clamp(1.25rem,4vw,2rem);display:grid;position:relative}.boot-mark{align-items:center;gap:.9rem;display:flex;position:relative}.boot-mark i{background:linear-gradient(90deg, var(--mint), transparent);flex:1;height:1px}.boot-mark .boot-spark{position:absolute;top:-.9rem;right:-.4rem}.pixel-logo{image-rendering:pixelated;display:block;overflow:visible}.pixel-block{fill:var(--mint);filter:drop-shadow(0 0 3px #3ee9b4b3);animation:.26s steps(2,end) both pixel-in}@keyframes pixel-in{0%{opacity:0;transform:translateY(-3px)}50%{opacity:.5}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pixel-block{animation:none}}.boot-log{gap:.28rem;min-height:8.4rem;margin:0;padding:0;list-style:none;display:grid}.boot-log li{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);gap:.7rem;font-size:.6rem;animation:.24s both boot-line;display:flex}.boot-log li:last-child{color:var(--mint)}.boot-log li span{color:#7c4dd1e6}@keyframes boot-line{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.boot-bar{background:#7c4dd140;height:3px;overflow:hidden}.boot-bar i{background:var(--mint);height:100%;box-shadow:var(--glow-mint);transform-origin:0;transition:transform .18s linear;display:block}.boot-foot{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mint);flex-wrap:wrap;align-items:baseline;gap:.6rem 1rem;font-size:.54rem;display:flex}.boot-foot .boot-skip{color:var(--muted-foreground);margin-left:auto}.studio-collage-section{margin-top:clamp(2rem,5vw,3.5rem)}.studio-collage{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:clamp(.9rem,2vw,1.4rem);display:grid}.collage-frame{border:1px solid var(--border);background:var(--surface-raised);color:var(--foreground);text-align:left;cursor:pointer;clip-path:var(--shape-chip);gap:.55rem;padding:.55rem .55rem .7rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;position:relative}.collage-frame.tilt-0{transform:rotate(-1.6deg)}.collage-frame.tilt-1{transform:rotate(1.2deg)}.collage-frame.tilt-2{transform:rotate(.8deg)}.collage-frame.tilt-3{transform:rotate(-.9deg)}.collage-frame:hover,.collage-frame:focus-visible{border-color:var(--border-strong);box-shadow:var(--glow-mint);outline:none;transform:rotate(0)translateY(-4px)}.collage-photo{aspect-ratio:4/3;background:#0c0819;border:1px solid #3ee9b438;display:block;position:relative;overflow:hidden}.collage-photo svg,.collage-photo img{object-fit:cover;width:100%;height:100%;max-height:none;display:block}.collage-photo img[src$=\.gif]{object-fit:contain;mix-blend-mode:screen;filter:invert()sepia()hue-rotate(105deg)saturate(2.2)brightness(1.05);background:#0c0819}.collage-photo:after{content:"";pointer-events:none;background:repeating-linear-gradient(#3ee9b414 0 1px,#0000 1px 3px);position:absolute;inset:0}.collage-tape{background:#3ee9b438;border:1px solid #3ee9b459;width:3.2rem;height:.95rem;position:absolute;top:-.4rem;left:50%;transform:translate(-50%)rotate(-3deg)}.collage-caption{gap:.12rem;padding:0 .15rem;display:grid}.collage-caption strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:.82rem}.collage-caption em{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);font-size:.52rem;font-style:normal}.collage-note{margin-top:1rem}@media (prefers-reduced-motion:reduce){.collage-frame{transform:none}.sketchbook-glass:after{animation:none}}.city-scape{z-index:0;pointer-events:none;position:fixed;inset:0}.city-scape canvas{display:block}.light .city-scape{opacity:.22;filter:saturate(.12)brightness(.8)}.light .grid-overlay{-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 20%,#0000 70%);mask-image:radial-gradient(120% 90% at 50% 0,#000 20%,#0000 70%)}.light .pet-launcher{background:#1c1e25eb}.light .hero-stage{background:linear-gradient(#16181e,#1c1e25)}.light .hero-copy,.light .contact-form,.light .contact-card,.light .skill-card,.light .stat-cell,.light .hud-cell,.light .route-card,.light .now-card,.light .data-readout,.light .availability-panel,.light .project-card,.light .shelf-item,.light .play-card,.light .detail-block{background-color:var(--surface-raised);background-image:none}.light .hero-copy{background:color-mix(in srgb, var(--surface-solid) 94%, transparent)}.light .form-field input,.light .form-field textarea,.light .contact-form input,.light .contact-form textarea{color:var(--foreground);background:#0c0d11b8}.light .neon-btn{background:#ffffff0f}.light .page:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg, color-mix(in srgb, var(--background) 80%, transparent), color-mix(in srgb, var(--background) 92%, transparent))}.light .glitch:before{color:var(--mint);text-shadow:-2px 0 var(--mint)}.light .glitch:after{color:var(--violet-soft);text-shadow:2px 0 var(--violet-soft)}.scroll-progress{z-index:95;pointer-events:none;background:#7c4dd12e;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress i{transform-origin:0;background:linear-gradient(90deg, var(--mint), var(--violet-soft), var(--pink));width:100%;height:100%;box-shadow:var(--glow-mint);display:block}.route-fallback{place-items:center;gap:1rem;min-height:60svh;display:grid}.route-fallback i{background:#7c4dd140;width:12rem;height:2px;display:block;position:relative;overflow:hidden}.route-fallback i:after{content:"";background:linear-gradient(90deg, transparent, var(--mint), transparent);width:40%;animation:1.1s linear infinite loader-run;position:absolute;inset:0}@keyframes loader-run{0%{transform:translate(-100%)}to{transform:translate(350%)}}main{z-index:1;min-width:0;max-width:100%;position:relative}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.detail-nav{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:.6rem;margin-top:clamp(2rem,5vw,3.5rem);padding-top:1.5rem;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stat-cell svg{width:1.15rem;height:1.15rem;color:var(--mint);margin-bottom:.5rem}.contact-card a{color:var(--mint);border-bottom:1px solid #3ee9b459}.contact-card a:hover{color:var(--mint-soft);border-bottom-color:var(--mint-soft)}.page section+section{margin-top:clamp(2.5rem,6vw,5rem)}.seq-panel{border:1px solid var(--border);background-color:var(--surface-raised);background-image:var(--hud-bg);background-size:var(--hud-size);background-position:var(--hud-pos);clip-path:var(--shape-stepped);background-repeat:no-repeat;grid-template-columns:minmax(0,1fr) minmax(0,15rem);grid-template-areas:"head head""hint hint""songs songs""tools tools""roll side";align-items:start;gap:.9rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding:clamp(1rem,3vw,1.75rem);display:grid;position:relative}.seq-head{flex-wrap:wrap;grid-area:head;align-items:center;gap:.75rem;display:flex}.seq-head h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:1.1rem}.seq-controls{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.seq-hint{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;grid-area:hint;margin:0;font-size:.55rem;line-height:1.8}.seq-songs{flex-wrap:wrap;grid-area:songs;align-items:center;gap:.4rem;display:flex}.seq-songs .mono-dim{margin-right:.3rem}.seq-chip{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:#7c4dd11a;padding:.3rem .6rem;font-size:.5rem;transition:color .18s,border-color .18s,background .18s}.seq-chip:hover{color:var(--foreground);border-color:var(--border-strong)}.seq-chip.is-current{color:var(--mint);border-color:var(--mint);background:#3ee9b41f}.seq-toolbar{border:1px solid var(--border);background:#7c4dd114;flex-wrap:wrap;grid-area:tools;align-items:end;gap:.75rem 1.1rem;padding:.7rem .85rem;display:flex}.seq-toolbar label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);gap:.3rem;font-size:.48rem;display:grid}.seq-toolbar select{border:1px solid var(--border);background:var(--surface-solid);color:var(--foreground);font-family:var(--font-mono);letter-spacing:.1em;padding:.25rem .4rem;font-size:.55rem}.seq-toolbar select:focus-visible{border-color:var(--mint);outline:none}.seq-range input{appearance:none;cursor:pointer;background:#7c4dd173;width:7rem;height:2px}.seq-range input::-webkit-slider-thumb{appearance:none;background:var(--mint);width:.6rem;height:.6rem;box-shadow:var(--glow-mint)}.seq-octave{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.35rem;font-size:.48rem;display:flex}.seq-octave button{border:1px solid var(--border);width:1.4rem;height:1.4rem;color:var(--foreground);cursor:pointer;background:#7c4dd11f}.seq-octave button:hover{border-color:var(--mint);color:var(--mint)}.seq-octave b{text-align:center;min-width:2.4rem;color:var(--mint)}.seq-roll{grid-area:roll;padding-bottom:.4rem;overflow-x:auto}.seq-rollgrid{gap:2px;min-width:34rem;display:grid}.seq-row{grid-template-columns:2.6rem repeat(var(--steps), minmax(.7rem, 1fr));gap:2px;display:grid}.seq-key{cursor:pointer;border:1px solid var(--border);color:#160f2c;font-family:var(--font-mono);letter-spacing:.06em;background:#f3efe4;place-items:center;padding:0;font-size:.42rem;display:grid}.seq-key[data-black=true]{color:var(--muted-foreground);border-color:var(--border-strong);background:#160f2c}.seq-key:hover{background:var(--mint);color:#05130e}.seq-cell{aspect-ratio:1;cursor:pointer;background:#7c4dd112;border:1px solid #7c4dd138;min-height:.8rem;padding:0;transition:background .1s,box-shadow .1s}.seq-cell[data-beat=true]{background:#7c4dd121;border-left-color:#b48cf58c}.seq-cell:hover{background:#7c4dd147}.seq-cell:focus-visible{outline:2px solid var(--mint);outline-offset:1px}.seq-cell.is-on{background:var(--mint);border-color:var(--mint);box-shadow:0 0 .5rem #3ee9b473}.seq-cell.is-on.is-tied{border-left-color:var(--mint);background:var(--mint-soft)}.seq-cell.is-playing{background:#3ee9b429;border-color:#3ee9b48c}.seq-cell.is-on.is-playing{box-shadow:0 0 1rem var(--mint), 0 0 2.4rem #3ee9b473;background:#eafff7}.seq-side{border:1px solid var(--border);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#7c4dd11a;grid-area:side;align-content:start;gap:.7rem;padding:1rem;display:grid}.seq-side dl{border-top:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;gap:.45rem;margin:0;padding-top:.6rem;font-size:.55rem;display:grid}.seq-side dl>div{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.seq-side dt{color:var(--muted-foreground)}.seq-side dd{color:var(--mint);margin:0}.seq-steps{gap:1px;display:flex}.seq-steps i{background:#7c4dd14d;flex:1;height:.35rem}.seq-steps i.is-current{background:var(--mint);box-shadow:var(--glow-mint)}.play-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.85rem;display:grid}.play-card{border:1px solid var(--border);background:var(--surface-raised);clip-path:var(--shape-notch-tr);gap:.6rem;padding:1.4rem;transition:transform .25s,border-color .25s;display:grid;position:relative;overflow:hidden}.play-card:hover{border-color:var(--border-strong);animation:.22s steps(2,end) card-glitch;transform:translateY(-3px)}.play-card:after{content:"";border:1px solid #3ee9b433;width:5rem;height:5rem;position:absolute;top:-1.5rem;right:-1.5rem;transform:rotate(45deg)}.play-card h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:1.05rem}.play-card p{color:var(--muted-foreground);margin:0;font-size:.82rem;line-height:1.65}.play-stage{border:1px solid var(--border);background:#07040f;place-items:center;height:11rem;display:grid;position:relative;overflow:hidden}.play-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.toy-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.toy-crystal{width:100%;height:100%;position:relative}.toy-crystal .toy-canvas{cursor:grab}.toy-crystal .toy-canvas:active{cursor:grabbing}.toy-slider{font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted-foreground);align-items:center;gap:.5rem;font-size:.5rem;display:flex;position:absolute;bottom:.5rem;left:.6rem;right:.6rem}.toy-slider input{appearance:none;cursor:pointer;background:#7c4dd173;flex:1;height:2px}.toy-slider input::-webkit-slider-thumb{appearance:none;background:var(--mint);width:.6rem;height:.6rem;box-shadow:var(--glow-mint)}.toy-glitch{place-content:center;gap:.5rem;width:100%;padding:.9rem;display:grid}.toy-glitch-out{font-family:var(--font-display);letter-spacing:.04em;color:var(--mint);text-shadow:var(--glow-mint);word-break:break-all;min-height:1.6em;font-size:clamp(1.1rem,3vw,1.6rem);display:block}.toy-input{border:1px solid var(--border);width:100%;color:var(--foreground);font-family:var(--font-mono);letter-spacing:.1em;background:#7c4dd11f;padding:.4rem .5rem;font-size:.62rem}.toy-input:focus-visible{border-color:var(--border-strong);outline:none}.toy-glitch .neon-btn{justify-self:start;padding:.3rem .6rem;font-size:.5rem}.toy-kaomoji{place-items:center;gap:.5rem;display:grid}.toy-face{border:1px solid var(--border);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:.4rem .8rem;font-size:1.5rem;animation:.42s cubic-bezier(.22,1.2,.36,1) kaomoji-pop}.toy-face:hover{border-color:var(--border-strong)}@keyframes kaomoji-pop{0%{opacity:.4;transform:scale(.82)rotate(-4deg)}60%{transform:scale(1.06)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.toy-mood{letter-spacing:.22em}.assistant-sidebar{color:var(--foreground);box-shadow:-1rem 0 4rem #0000008c;border:0!important;border-left:1px solid var(--border-strong)!important;background:color-mix(in srgb, var(--surface-solid) 96%, transparent)!important;flex-direction:column!important;gap:.7rem!important;width:min(25rem,100vw - .75rem)!important;max-width:none!important;height:100dvh!important;padding:1rem!important;display:flex!important;inset:0 0 0 auto!important}.assistant-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.7rem;display:flex}.assistant-header strong{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:1rem;display:block}.assistant-header span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin-top:.25rem;font-size:.52rem;display:block}.assistant-header i{background:var(--mint);width:.38rem;height:.38rem;box-shadow:var(--glow-mint);margin-right:.4rem;display:inline-block;transform:rotate(45deg)}.assistant-stage{border:1px solid var(--border);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#7c4dd11a;grid-template-columns:5.5rem 1fr;align-items:center;gap:.7rem;padding:.7rem;display:grid}.assistant-sidebar .pet-launcher{display:none}.assistant-mascot{width:100%;min-height:5rem;overflow:hidden}.assistant-stage .assistant-mascot{width:5.5rem;height:5.5rem;min-height:5.5rem}.assistant-speech-bubble{border-left:2px solid var(--mint);background:#3ee9b414;max-height:7rem;padding:.65rem .75rem;font-size:.74rem;line-height:1.5;overflow:auto}.assistant-messages{border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--violet) transparent;flex:1;min-height:8rem;max-height:100%;overflow-y:auto}.assistant-message-list{gap:.5rem;padding:.75rem;display:grid}.assistant-message{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);width:fit-content;max-width:90%;margin:0;padding:.6rem .7rem;font-size:.74rem;line-height:1.5}.assistant-message-laura-ai{border-left:2px solid var(--mint);background:#3ee9b41c}.assistant-message-visitor{border-right:2px solid var(--violet-soft);background:#7c4dd133;justify-self:end}.assistant-suggestions{gap:.35rem;display:grid}.assistant-suggestions button{letter-spacing:.1em;text-transform:uppercase;text-align:left;white-space:normal;min-height:2.2rem;border-color:var(--border)!important;height:auto!important;color:var(--muted-foreground)!important;font-family:var(--font-mono)!important;background:#7c4dd11f!important;border-radius:0!important;padding:.5rem .7rem!important;font-size:.58rem!important}.assistant-suggestions button:hover:not(:disabled){border-color:var(--border-strong)!important;color:var(--foreground)!important;background:#3ee9b41f!important}.assistant-suggestions button:disabled{opacity:.4}.assistant-form{grid-template-columns:1fr 2.6rem;gap:.45rem;display:grid}.assistant-input{border:1px solid var(--border);width:100%;color:var(--foreground);font-family:var(--font-mono);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#ffffff0a;padding:.65rem .75rem;font-size:.72rem}.assistant-input:focus{border-color:var(--mint);box-shadow:var(--glow-mint);outline:none}.assistant-disclaimer{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.1em;text-align:center;text-transform:uppercase;font-size:.5rem}.pet-launcher{right:clamp(.85rem,2vw,1.6rem);bottom:calc(clamp(.9rem, 2vw, 1.6rem) + env(safe-area-inset-bottom));z-index:55;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-solid) 88%, transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);width:5rem;box-shadow:0 .8rem 2.4rem #00000073, var(--glow-mint);justify-items:center;gap:.2rem;padding:.25rem;transition:transform .22s cubic-bezier(.22,1,.36,1);animation:4.5s ease-in-out infinite launcher-float;display:grid;position:fixed}.pet-launcher:hover{transform:translateY(-5px)scale(1.04)}.pet-launcher .assistant-mascot{pointer-events:none;width:4rem;height:4rem;min-height:4rem}.pet-launcher span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mint);font-size:.45rem}@keyframes launcher-float{0%,to{translate:0}50%{translate:0 -.4rem}}.jukebox{left:clamp(.85rem,2vw,1.6rem);bottom:calc(clamp(.9rem, 2vw, 1.6rem) + env(safe-area-inset-bottom));z-index:56;gap:.4rem;width:min(19rem,100vw - 2rem);display:grid;position:fixed}.jukebox-bar{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-solid) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex;box-shadow:0 .8rem 2.4rem #00000073}.jukebox-record{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:2.6rem;height:2.6rem;padding:0;display:grid;position:relative}.jukebox-record svg{width:100%;height:100%;animation:3.4s linear infinite paused vinyl-spin}.jukebox-record[data-playing=true] svg{animation-play-state:running}.vinyl-disc{fill:#0c0819;stroke:var(--border-strong);stroke-width:1.4px}.vinyl-groove{fill:none;stroke:#b48cf552;stroke-width:.7px}.vinyl-label{fill:var(--mint)}.vinyl-hole{fill:#0c0819}.vinyl-shine{fill:none;stroke:#ffffff59;stroke-width:1.6px;stroke-linecap:round}.jukebox-record[data-playing=true] .vinyl-label{filter:drop-shadow(0 0 4px var(--mint))}.jukebox-glyph{color:#05130e;pointer-events:none;place-items:center;width:1.1rem;height:1.1rem;font-size:.5rem;display:grid;position:absolute}@keyframes vinyl-spin{to{rotate:360deg}}.jukebox-now{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;grid-template-columns:auto 1fr;gap:.2rem .45rem;min-width:0;padding:0;display:grid}.jukebox-title{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--foreground);grid-column:2;font-size:.55rem;overflow:hidden}.jukebox-bpm{letter-spacing:.16em;grid-column:2;font-size:.45rem}.jukebox-eq{grid-row:1/3;align-items:flex-end;gap:2px;height:1.1rem;display:flex}.jukebox-eq i{background:var(--mint);width:2px;height:30%}.jukebox-eq[data-playing=true] i{animation:.9s ease-in-out infinite eq-bounce}.jukebox-eq i:nth-child(2){animation-delay:.15s}.jukebox-eq i:nth-child(3){animation-delay:.3s}.jukebox-eq i:nth-child(4){animation-delay:.45s}@keyframes eq-bounce{0%,to{height:25%}50%{height:100%}}.jukebox-skip{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:0 0;flex:none;padding:.2rem .3rem;font-size:.5rem}.jukebox-skip:hover{color:var(--mint);border-color:var(--mint)}.jukebox-vol{flex:0 0 3.2rem;align-items:center;display:flex}.jukebox-vol input{appearance:none;cursor:pointer;background:#7c4dd173;width:100%;height:2px}.jukebox-vol input::-webkit-slider-thumb{appearance:none;background:var(--mint);width:.5rem;height:.5rem;box-shadow:var(--glow-mint)}.jukebox-list{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-solid) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);gap:.3rem;max-height:15rem;padding:.6rem .65rem;display:grid;overflow-y:auto}.jukebox-list p{margin:0 0 .2rem}.jukebox-row{align-items:center;gap:.3rem;display:flex}.jukebox-row>button:first-child{text-align:left;cursor:pointer;background:#7c4dd114;border:1px solid #0000;flex:1;gap:.1rem;min-width:0;padding:.3rem .4rem;display:grid}.jukebox-row>button:first-child:hover{border-color:var(--border-strong)}.jukebox-row.is-current>button:first-child{border-color:var(--mint);background:#3ee9b41f}.jukebox-row b{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);letter-spacing:.08em;color:var(--foreground);font-size:.55rem;overflow:hidden}.jukebox-row em{font-style:normal;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);font-size:.45rem}.jukebox-del{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:0 0;padding:0 .35rem}.jukebox-del:hover{color:var(--pink);border-color:var(--pink)}.jukebox-loop{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.35rem;margin-top:.2rem;font-size:.45rem;display:flex}.seq-save{border-top:1px solid var(--border);gap:.4rem;padding-top:.6rem;display:grid}.seq-save label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);gap:.25rem;font-size:.45rem;display:grid}.seq-save input{border:1px solid var(--border);color:var(--foreground);font-family:var(--font-mono);letter-spacing:.08em;background:#7c4dd11f;padding:.35rem .45rem;font-size:.6rem}.seq-save input:focus-visible{border-color:var(--mint);outline:none}.seq-save .neon-btn{padding:.35rem .6rem;font-size:.5rem}.seq-save .neon-btn[disabled]{opacity:.45;cursor:not-allowed}.seq-save p{margin:0;font-size:.42rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.jukebox-record svg,.jukebox-eq i{animation:none!important}}.site-footer{z-index:2;padding:1.1rem clamp(1rem,3vw,2.75rem);padding-bottom:max(1.1rem, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--background) 82%, transparent);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.55rem;display:flex;position:relative}.site-footer .spacer{margin-left:auto}.footer-social{align-items:center;gap:.45rem;display:flex}.social-btn{border:1px solid var(--border);height:2.1rem;color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.18em;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#ffffff08;align-items:center;gap:.45rem;padding:0 .7rem;font-size:.5rem;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.social-btn svg{flex:none;width:.95rem;height:.95rem}.social-btn:hover,.social-btn:focus-visible{color:var(--mint);border-color:var(--border-strong);background:#3ee9b41a;outline:none;transform:translateY(-2px)}.custom-cursor{z-index:120;background:var(--mint);width:.5rem;height:.5rem;box-shadow:var(--glow-mint);opacity:0;pointer-events:none;will-change:transform;margin:-.25rem 0 0 -.25rem;transition:opacity .16s,scale .16s;position:fixed}.custom-cursor.is-visible{opacity:1}.custom-cursor span{border:1px solid #7c4dd1b3;transition:transform .2s,border-color .2s;position:absolute;inset:-.75rem}.custom-cursor.is-active span{border-color:var(--mint);transform:rotate(45deg)scale(1.15)}.custom-cursor.is-pressed{scale:.65}.heart-burst-layer{z-index:80;pointer-events:none;position:fixed;inset:0;overflow:hidden}.heart-burst{width:1.4rem;color:var(--pink);fill:#ff6fb54d;position:absolute}.kbd{border:1px solid var(--border);font-family:var(--font-mono);color:var(--foreground);background:#ffffff0d;padding:.2rem .4rem;font-size:.55rem}.project-card:nth-child(3n+1),.skill-card:nth-child(3n+1),.contact-card:nth-child(3n+1),.detail-block:nth-child(3n+1),.play-card:nth-child(3n+1),.stat-cell:nth-child(3n+1){border-left-width:2px;border-left-color:var(--mint)}.project-card:nth-child(3n+2),.skill-card:nth-child(3n+2),.contact-card:nth-child(3n+2),.detail-block:nth-child(3n+2),.play-card:nth-child(3n+2),.stat-cell:nth-child(3n+2){border-right-width:2px;border-right-color:var(--violet)}.project-card:nth-child(3n),.skill-card:nth-child(3n),.contact-card:nth-child(3n),.detail-block:nth-child(3n),.play-card:nth-child(3n),.stat-cell:nth-child(3n){border-top-width:2px;border-top-color:var(--pink)}@media (width<=1024px){.hero{grid-template-columns:1fr}.hero-stage{order:-1;min-height:22rem}.detail-hero{grid-template-columns:1fr}}@media (width<=1180px){.site-header{grid-template-columns:auto minmax(0,1fr);row-gap:.5rem}.header-actions{grid-column:2}.site-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-wrap:nowrap;grid-area:2/1/auto/-1;justify-content:flex-start;margin:0 calc(-1*clamp(1rem,3vw,2.75rem));padding:0 clamp(1rem,3vw,2.75rem) .15rem;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav .nav-link{scroll-snap-align:start;flex:none}}@media (width<=620px){.hero-name{font-size:clamp(2.4rem,13vw,3.6rem)}.hero-meta{gap:.9rem 1.1rem}.stat-strip{grid-template-columns:repeat(2,1fr)}.site-footer{flex-direction:column;align-items:flex-start;gap:.6rem;font-size:.5rem}.site-footer .spacer{margin-left:0}.social-btn span{display:none}.social-btn{justify-content:center;width:2.1rem;padding:0}.pet-launcher{width:4rem}.pet-launcher .assistant-mascot{width:3.1rem;height:3.1rem;min-height:3.1rem}}@media (width<=900px){.seq-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""hint""songs""tools""roll""side"}.bento{grid-template-columns:minmax(0,1fr)}.bento-item,.bento-wide,.bento>.bento-item:nth-child(3n),.bento>.bento-item:nth-child(3n+2){grid-column:1/-1}.story-split{grid-template-columns:minmax(0,1fr)}.data-readout{position:static}}@media (width<=520px){.seq-panel{padding:.75rem}.seq-head{flex-wrap:wrap}.seq-controls{flex-basis:100%;justify-content:flex-start;margin-left:0}.seq-range input{width:5rem}}@media (hover:none),(pointer:coarse){.custom-cursor{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.glitch:before,.glitch:after,.noise-overlay{display:none}.project-card:hover,.project-card:focus-visible,.skill-card:hover,.play-card:hover{animation:none}}