.header-inner[data-v-84088b0e]{max-width:1680px;justify-content:flex-start}.nav-bar[data-v-84088b0e]{min-width:0;margin-left:1.2rem}.menu-toggle[data-v-84088b0e]{margin-left:auto;border:1px solid color-mix(in oklab,var(--color-base-300) 84%,transparent);border-radius:.7rem;width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;color:var(--color-txt-100);background:color-mix(in oklab,var(--color-base-100) 74%,transparent)}.mobile-menu[data-v-84088b0e]{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem .7rem;border-top:1px solid color-mix(in oklab,var(--color-base-300) 68%,transparent);background:color-mix(in oklab,var(--color-base-200) 92%,transparent)}.mobile-menu-item[data-v-84088b0e]{padding:.48rem .62rem;border-radius:.6rem;font-size:.9rem;font-weight:700;color:var(--color-txt-100)}.mobile-group[data-v-84088b0e]{margin-top:.25rem;padding:.35rem .25rem .1rem}.mobile-group-title[data-v-84088b0e]{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-txt-300);font-weight:700;margin-bottom:.35rem}.mobile-tool-row[data-v-84088b0e]{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.menu-item[data-v-84088b0e]{transition:all .18s ease}.tools[data-v-84088b0e]{margin-left:auto}.menu-item[data-v-84088b0e]:hover{background:color-mix(in oklab,var(--color-base-300) 75%,transparent)}.active-menu[data-v-84088b0e]{color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 12%,transparent)}.tool-btn[data-v-84088b0e]{border:0;line-height:1;border-radius:.6rem;padding:.45rem .6rem;color:var(--color-base-content);opacity:.85}.tool-btn-active[data-v-84088b0e]{opacity:1;font-weight:700;color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 12%,transparent)}@media (max-width: 768px){.site-header[data-v-84088b0e]{height:auto}.header-inner[data-v-84088b0e]{flex-wrap:wrap;gap:.6rem;padding-top:.55rem;padding-bottom:.55rem}.brand img[data-v-84088b0e]{height:2rem;width:2rem}.brand .text-2xl[data-v-84088b0e]{font-size:1.35rem}.brand .text-xs[data-v-84088b0e]{font-size:.62rem}.tools[data-v-84088b0e]{margin-left:auto;gap:.3rem}.tool-btn[data-v-84088b0e]{padding:.35rem .45rem;font-size:.7rem}}@media (min-width: 769px){.menu-toggle[data-v-84088b0e]{display:none!important}}.page-footer[data-v-d6fe2def]{max-width:1680px}.footer-links[data-v-d6fe2def]{display:flex;flex-wrap:wrap;gap:.5rem}.footer-link[data-v-d6fe2def]{padding:.35rem .65rem;border-radius:.55rem;font-size:.9rem;font-weight:700;color:var(--color-txt-200);background:color-mix(in oklab,var(--color-base-300) 65%,transparent)}.footer-link[data-v-d6fe2def]:hover{color:var(--color-primary)}.dev-only[data-v-d6fe2def]{color:var(--color-warning)}.footer-bottom[data-v-d6fe2def]{color:var(--color-txt-300)}@media (max-width: 640px){.footer-links[data-v-d6fe2def]{gap:.35rem}}.main-container[data-v-61325201]{background-color:var(--color-base-100);display:flex;flex-direction:column;width:100%;max-width:1680px;margin:auto}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(.704 .191 22.216);--color-red-900:oklch(.396 .141 25.723);--color-blue-200:oklch(.882 .059 254.128);--color-blue-400:oklch(.707 .165 254.624);--color-gray-400:oklch(.707 .022 261.325);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-900:oklch(.21 .034 264.665);--color-white:#fff;--spacing:.25rem;--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: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-base-100:var(--surface-1);--color-base-200:var(--surface-2);--color-base-300:var(--surface-3);--color-primary:var(--dz-primary-color);--color-secondary:var(--dz-secondary-color);--color-warning:oklch(.8 .12 88);--color-txt-100:var(--text-100);--color-txt-200:var(--text-300);--color-txt-300:var(--text-500)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing)*6)}.my-auto{margin-block:auto}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-24{margin-top:calc(var(--spacing)*24)}.mt-30{margin-top:calc(var(--spacing)*30)}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-auto{margin-right:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-1\/1{aspect-ratio:1}.aspect-5\/2{aspect-ratio:5/2}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-28{height:calc(var(--spacing)*28)}.h-32{height:calc(var(--spacing)*32)}.h-full{height:100%}.min-h-\[55vh\]{min-height:55vh}.min-h-\[calc\(100svh-7rem\)\]{min-height:calc(100svh - 7rem)}.w-11{width:calc(var(--spacing)*11)}.w-16{width:calc(var(--spacing)*16)}.w-28{width:calc(var(--spacing)*28)}.w-\[80\%\]{width:80%}.w-\[96\%\]{width:96%}.w-\[100\%\]{width:100%}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[90\%\]{max-width:90%}.max-w-\[720px\]{max-width:720px}.max-w-\[1680px\]{max-width:1680px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-end{align-content:flex-end}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-base-300\/60{border-color:color-mix(in oklab,var(--color-base-300)60%,transparent)}.border-base-300\/70{border-color:color-mix(in oklab,var(--color-base-300)70%,transparent)}.border-blue-200{border-color:var(--color-blue-200)}.border-txt-200{border-color:var(--color-txt-200)}.border-t-primary{border-top-color:var(--color-primary)}.bg-base-100{background-color:var(--color-base-100)}.bg-base-200{background-color:var(--color-base-200)}.bg-base-200\/40{background-color:color-mix(in oklab,var(--color-base-200)40%,transparent)}.bg-base-200\/70{background-color:color-mix(in oklab,var(--color-base-200)70%,transparent)}.bg-base-300{background-color:var(--color-base-300)}.bg-base-300\/70{background-color:color-mix(in oklab,var(--color-base-300)70%,transparent)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-primary{background-color:var(--color-primary)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-900{background-color:var(--color-red-900)}.bg-secondary{background-color:var(--color-secondary)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[var\(--color-base-100\)\]{--tw-gradient-to:var(--color-base-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-60\%{--tw-gradient-to-position:60%}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.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-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-24{padding-top:calc(var(--spacing)*24)}.pt-26{padding-top:calc(var(--spacing)*26)}.pt-28{padding-top:calc(var(--spacing)*28)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.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-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-txt-100{color:var(--color-txt-100)}.text-txt-200{color:var(--color-txt-200)}.text-txt-300{color:var(--color-txt-300)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:text-primary:hover{color:var(--color-primary)}}.disabled\:bg-gray-400:disabled{background-color:var(--color-gray-400)}@media (width>=48rem){.md\:mx-4{margin-inline:calc(var(--spacing)*4)}.md\:ml-6{margin-left:calc(var(--spacing)*6)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-42{height:calc(var(--spacing)*42)}.md\:w-32{width:calc(var(--spacing)*32)}.md\:w-42{width:calc(var(--spacing)*42)}.md\:w-56{width:calc(var(--spacing)*56)}.md\:w-\[62\%\]{width:62%}.md\:w-\[86\%\]{width:86%}.md\:w-auto{width:auto}.md\:max-w-\[90\%\]{max-width:90%}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:pb-4{padding-bottom:calc(var(--spacing)*4)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=64rem){.lg\:w-\[70\%\]{width:70%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(.704 .191 22.216);--color-red-900:oklch(.396 .141 25.723);--color-blue-200:oklch(.882 .059 254.128);--color-blue-400:oklch(.707 .165 254.624);--color-gray-400:oklch(.707 .022 261.325);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-900:oklch(.21 .034 264.665);--color-white:#fff;--spacing:.25rem;--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: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-base-100:var(--surface-1);--color-base-200:var(--surface-2);--color-base-300:var(--surface-3);--color-primary:var(--dz-primary-color);--color-secondary:var(--dz-secondary-color);--color-success:oklch(.73 .12 145);--color-warning:oklch(.8 .12 88);--color-txt-100:var(--text-100);--color-txt-200:var(--text-300);--color-txt-300:var(--text-500)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing)*6)}.my-auto{margin-block:auto}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-24{margin-top:calc(var(--spacing)*24)}.mt-30{margin-top:calc(var(--spacing)*30)}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-auto{margin-right:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-1\/1{aspect-ratio:1}.aspect-5\/2{aspect-ratio:5/2}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-28{height:calc(var(--spacing)*28)}.h-32{height:calc(var(--spacing)*32)}.h-full{height:100%}.min-h-\[55vh\]{min-height:55vh}.min-h-\[calc\(100svh-7rem\)\]{min-height:calc(100svh - 7rem)}.w-11{width:calc(var(--spacing)*11)}.w-16{width:calc(var(--spacing)*16)}.w-28{width:calc(var(--spacing)*28)}.w-\[80\%\]{width:80%}.w-\[96\%\]{width:96%}.w-\[100\%\]{width:100%}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[90\%\]{max-width:90%}.max-w-\[720px\]{max-width:720px}.max-w-\[1680px\]{max-width:1680px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-end{align-content:flex-end}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-base-300\/60{border-color:color-mix(in oklab,var(--color-base-300)60%,transparent)}.border-base-300\/70{border-color:color-mix(in oklab,var(--color-base-300)70%,transparent)}.border-blue-200{border-color:var(--color-blue-200)}.border-txt-200{border-color:var(--color-txt-200)}.border-t-primary{border-top-color:var(--color-primary)}.bg-base-100{background-color:var(--color-base-100)}.bg-base-200{background-color:var(--color-base-200)}.bg-base-200\/40{background-color:color-mix(in oklab,var(--color-base-200)40%,transparent)}.bg-base-200\/70{background-color:color-mix(in oklab,var(--color-base-200)70%,transparent)}.bg-base-300{background-color:var(--color-base-300)}.bg-base-300\/70{background-color:color-mix(in oklab,var(--color-base-300)70%,transparent)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-primary{background-color:var(--color-primary)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-900{background-color:var(--color-red-900)}.bg-secondary{background-color:var(--color-secondary)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[var\(--color-base-100\)\]{--tw-gradient-to:var(--color-base-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-60\%{--tw-gradient-to-position:60%}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.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-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-24{padding-top:calc(var(--spacing)*24)}.pt-26{padding-top:calc(var(--spacing)*26)}.pt-28{padding-top:calc(var(--spacing)*28)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.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-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-txt-100{color:var(--color-txt-100)}.text-txt-200{color:var(--color-txt-200)}.text-txt-300{color:var(--color-txt-300)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:text-primary:hover{color:var(--color-primary)}}.disabled\:bg-gray-400:disabled{background-color:var(--color-gray-400)}@media (width>=48rem){.md\:mx-4{margin-inline:calc(var(--spacing)*4)}.md\:ml-6{margin-left:calc(var(--spacing)*6)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-42{height:calc(var(--spacing)*42)}.md\:w-32{width:calc(var(--spacing)*32)}.md\:w-42{width:calc(var(--spacing)*42)}.md\:w-56{width:calc(var(--spacing)*56)}.md\:w-\[62\%\]{width:62%}.md\:w-\[86\%\]{width:86%}.md\:w-auto{width:auto}.md\:max-w-\[90\%\]{max-width:90%}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:pb-4{padding-bottom:calc(var(--spacing)*4)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=64rem){.lg\:w-\[70\%\]{width:70%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}.home-page{--hero-bg-start:oklch(95% .02 24);--hero-bg-end:oklch(92% .03 36);--hero-decor-a:oklch(90% .05 32);--hero-decor-b:oklch(89% .04 65);--hero-decor-c:oklch(92% .03 15);--projects-bg-start:oklch(93% .02 235);--projects-bg-end:oklch(89% .03 252);--projects-decor-a:oklch(86% .05 246);--projects-decor-b:oklch(90% .04 220);--lab-bg-start:oklch(92% .02 152);--lab-bg-end:oklch(88% .03 172);--lab-decor-a:oklch(86% .05 160);--lab-decor-b:oklch(89% .05 185);--about-bg-start:oklch(92% .02 308);--about-bg-end:oklch(89% .03 332);--about-decor-a:oklch(86% .05 325);--contact-bg-start:oklch(93% .02 84);--contact-bg-end:oklch(89% .03 96);--contact-decor-a:oklch(87% .05 88);--contact-decor-b:oklch(90% .04 66);--strip-bg:color-mix(in oklab,white 72%,var(--projects-bg-end));--strip-border:color-mix(in oklab,var(--projects-decor-a)48%,transparent);--strip-meta-bg:color-mix(in oklab,var(--projects-bg-end)42%,white);--section-sep-top:color-mix(in oklab,var(--projects-decor-a)20%,transparent);--section-sep-bottom:color-mix(in oklab,var(--projects-decor-b)14%,transparent);width:100%}body:has(.home-page){scroll-snap-type:y mandatory;scroll-padding-top:var(--site-header-h,74px)}:root.dark .home-page,:root[data-theme=darkegg-dark] .home-page,.home-page.is-dark{--hero-bg-start:oklch(28% .04 24);--hero-bg-end:oklch(18% .03 36);--hero-decor-a:oklch(24% .05 32);--hero-decor-b:oklch(22% .04 65);--hero-decor-c:oklch(19% .03 15);--projects-bg-start:oklch(21% .03 235);--projects-bg-end:oklch(14% .03 252);--projects-decor-a:oklch(29% .04 246);--projects-decor-b:oklch(22% .04 220);--lab-bg-start:oklch(23% .06 157);--lab-bg-end:oklch(15% .05 175);--lab-decor-a:oklch(30% .09 162);--lab-decor-b:oklch(21% .08 188);--about-bg-start:oklch(22% .03 308);--about-bg-end:oklch(14% .03 332);--about-decor-a:oklch(29% .05 325);--contact-bg-start:oklch(21% .03 84);--contact-bg-end:oklch(14% .03 96);--contact-decor-a:oklch(28% .05 88);--contact-decor-b:oklch(21% .04 66);--strip-bg:color-mix(in oklab,var(--projects-bg-start)82%,black);--strip-border:color-mix(in oklab,var(--projects-decor-a)72%,transparent);--strip-meta-bg:color-mix(in oklab,var(--projects-bg-end)84%,black);--section-sep-top:oklab(0% none none/.34);--section-sep-bottom:oklab(0% none none/.56)}.wide-panel{scroll-snap-align:start;scroll-snap-stop:always;width:100vw;min-height:100svh;scroll-margin-top:var(--site-header-h,74px);align-items:stretch;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.wide-panel:before{display:none}.wide-panel:after{content:"";z-index:1;background:var(--section-sep-bottom);clip-path:polygon(0 35%,100% 0,100% 100%,0 100%);opacity:.42;width:100%;height:28px;position:absolute;bottom:-2px;left:0}.panel-inner{z-index:2;width:100%;max-width:1680px;margin:0 auto;padding:4.5rem 1.4rem;position:relative}.panel-shell{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:1.2rem;min-height:calc(100svh - 9rem);display:grid}.panel-rail{border-left:4px solid color-mix(in oklab,var(--color-primary)38%,transparent);align-self:start;padding-left:.9rem;position:sticky;top:8.2rem}.panel-rail h2{color:var(--color-txt-100);margin-top:.65rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:900}.panel-parent{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);font-size:.72rem;font-weight:800}.panel-rail p{color:var(--color-txt-300);max-width:24rem;margin-top:.55rem;line-height:1.7}.panel-flow{position:relative}.panel-decor{z-index:1;pointer-events:none;opacity:.9;filter:saturate(76%);border-radius:0;position:absolute}.hero-panel{background:linear-gradient(128deg,var(--hero-bg-start),var(--hero-bg-end))}.decor-hero-a{background:var(--hero-decor-a);clip-path:polygon(0 15%,88% 0,100% 78%,12% 100%);width:min(58vw,800px);height:min(58vw,700px);top:-20vh;left:-14vw}.decor-hero-b{background:var(--hero-decor-b);clip-path:polygon(10% 0,100% 22%,88% 100%,0 78%);width:min(40vw,560px);height:min(38vw,490px);bottom:-14vh;right:-8vw}.decor-hero-c{background:var(--hero-decor-c);clip-path:polygon(0 12%,82% 0,100% 88%,18% 100%);width:min(28vw,390px);height:min(26vw,340px);top:8vh;right:24vw}.hero-inner{grid-template-columns:1fr;place-items:center start;gap:2rem;min-height:100svh;padding-top:5.8rem;display:grid}.hero-copy{will-change:transform;max-width:min(92vw,72rem);margin-left:clamp(.4rem,1.2vw,1.1rem)}.hero-kicker{letter-spacing:.15em;text-transform:uppercase;color:var(--color-txt-300);font-size:.76rem}.hero-title{font-variation-settings:"wght" 900;letter-spacing:-.01em;text-wrap:balance;max-width:15ch;color:var(--color-txt-100);margin-top:.75rem;font-family:Sora,Noto Sans SC,Noto Sans JP,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:clamp(2.3rem,6.2vw,5.2rem);font-weight:950;line-height:1.02}.hero-desc{max-width:44rem;color:var(--color-txt-200);max-width:60rem;margin-top:1rem;font-size:1.06rem;line-height:1.75}.scroll-hint{letter-spacing:.08em;text-transform:uppercase;color:var(--color-txt-300);font-size:.85rem;font-weight:700}.projects-panel{background:linear-gradient(132deg,var(--projects-bg-start),var(--projects-bg-end))}.decor-project-a{background:var(--projects-decor-a);clip-path:polygon(0 14%,84% 0,100% 80%,16% 100%);width:min(45vw,620px);height:min(36vw,500px);top:6vh;right:-8vw}.decor-project-b{background:var(--projects-decor-b);clip-path:polygon(14% 0,100% 20%,86% 100%,0 82%);width:min(47vw,650px);height:min(34vw,470px);bottom:0;left:-11vw}.project-strip{border:1px solid var(--strip-border);background:var(--strip-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:transform,clip-path,opacity;clip-path:polygon(0 0,97% 0,100% 12%,100% 100%,3% 100%,0 88%);grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:stretch;gap:1rem;margin-top:1.5rem;display:grid;position:relative;overflow:hidden}.released-stage{align-content:center;gap:1rem;min-height:calc(100svh - 9rem);display:grid}.released-strip{grid-template-columns:minmax(0,1.3fr) minmax(20rem,1fr);width:100%;height:clamp(28rem,68svh,42rem);min-height:0;max-height:calc(100svh - 12rem);margin-top:0}.released-strip .project-visual{background:color-mix(in oklab,var(--projects-bg-start)38%,transparent);justify-content:center;align-items:center;height:100%;min-height:0;padding:0;display:flex;position:relative}.released-strip .project-image{object-fit:contain;object-position:center center;width:100%;max-width:100%;height:100%;max-height:calc(100svh - 14rem)}.released-dots{background:oklab(0% none none/.35);border-radius:999px;gap:.4rem;padding:.35rem .55rem;display:inline-flex;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.released-dot{opacity:.7;background:#ffffff73;border:0;border-radius:999px;width:.48rem;height:.48rem}.released-dot.active{opacity:1;background:var(--color-primary)}.project-strip.reverse{clip-path:polygon(3% 0,100% 0,100% 88%,97% 100%,0 100%,0 12%);grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}.project-strip.reverse .project-visual{order:2}.project-visual{height:25rem;overflow:hidden}.project-image{object-fit:cover;object-position:top center;width:100%;height:100%}.project-meta{background:var(--strip-meta-bg);flex-direction:column;justify-content:center;padding:1.25rem;display:flex;position:relative}.project-meta:before{content:"";background:inherit;clip-path:polygon(100% 0,0 100%,100% 100%);width:42px;height:100%;position:absolute;top:0;left:-42px}.project-strip.reverse .project-meta:before{clip-path:polygon(0 0,0 100%,100% 100%);left:auto;right:-42px}.project-meta h3{color:var(--color-txt-100);margin-top:0;font-size:1.7rem;font-weight:800}.project-title-row{align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.project-app-icon{object-fit:cover;border-radius:.52rem;flex:none;width:2rem;height:2rem}.project-meta p{color:var(--color-txt-200);margin-top:.6rem;line-height:1.72}.badge{letter-spacing:.09em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:.24rem .6rem;font-size:.68rem;font-weight:800;display:inline-flex}.badge-release{color:var(--color-success);background:color-mix(in oklab,var(--color-success)16%,transparent)}.badge-progress{color:var(--color-warning);background:color-mix(in oklab,var(--color-warning)17%,transparent)}.project-link{color:var(--color-primary);margin-top:.9rem;font-weight:800;display:inline-flex}.progress-panel{background:linear-gradient(158deg,var(--lab-bg-start),var(--lab-bg-end))}.decor-progress-a{background:var(--lab-decor-a);clip-path:polygon(0 18%,86% 0,100% 82%,14% 100%);width:min(54vw,740px);height:min(36vw,460px);top:7vh;left:-10vw}.decor-progress-b{background:var(--lab-decor-b);clip-path:polygon(12% 0,100% 18%,88% 100%,0 82%);width:min(36vw,490px);height:min(33vw,430px);bottom:-6vh;right:-7vw}.progress-stage{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1.2rem;min-height:calc(100svh - 9rem);display:grid}.progress-card{border:1px solid var(--strip-border);background:var(--strip-bg);clip-path:polygon(0 0,96% 0,100% 10%,100% 100%,4% 100%,0 90%);will-change:transform,opacity;aspect-ratio:1/.9;position:relative;overflow:hidden}.progress-card-visual{height:100%;overflow:hidden}.progress-card-meta{z-index:2;background:color-mix(in oklab,var(--strip-meta-bg)64%,transparent);border-top:1px solid color-mix(in oklab,var(--strip-border)56%,transparent);-webkit-backdrop-filter:blur(6px)saturate(108%);flex-direction:column;justify-content:flex-end;min-height:46%;padding:1rem 1.1rem 1.2rem;display:flex;position:absolute;bottom:1.5rem;left:1rem;right:1rem}.progress-card-meta h3{color:var(--color-txt-100);margin-top:.75rem;font-size:1.45rem}.progress-card-meta p{color:var(--color-txt-200);margin-top:.55rem;line-height:1.72}.about-panel{background:linear-gradient(128deg,var(--about-bg-start),var(--about-bg-end))}.decor-about-a{background:var(--about-decor-a);clip-path:polygon(0 16%,88% 0,100% 84%,12% 100%);width:min(62vw,860px);height:min(32vw,420px);top:8vh;left:19vw}.about-content{border:1px solid color-mix(in oklab,var(--color-base-300)72%,transparent);background:color-mix(in oklab,var(--color-base-100)66%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--color-txt-200);border-radius:1rem;padding:1.25rem;line-height:1.72}.about-content ul{margin-top:.8rem;padding-left:1rem;list-style:outside}.contact-panel{background:linear-gradient(144deg,var(--contact-bg-start),var(--contact-bg-end))}.decor-contact-a{background:var(--contact-decor-a);clip-path:polygon(0 14%,84% 0,100% 80%,16% 100%);width:min(53vw,720px);height:min(44vw,590px);top:-8vh;left:-8vw}.decor-contact-b{background:var(--contact-decor-b);clip-path:polygon(10% 0,100% 22%,90% 100%,0 78%);width:min(38vw,530px);height:min(30vw,410px);bottom:-8vh;right:-7vw}.contact-inner{z-index:2;flex-direction:column;justify-content:center;min-height:calc(100svh - 9rem);display:flex;position:relative}.contact-inner h2{color:var(--color-txt-100);margin-top:.7rem;font-size:clamp(1.9rem,4vw,3rem);font-weight:900}.contact-inner p{color:var(--color-txt-200);max-width:42rem;margin-top:.65rem;line-height:1.7}@media (width<=1024px){body:has(.home-page){scroll-snap-type:y proximity}.panel-shell,.hero-inner,.project-strip,.project-strip.reverse,.progress-stage{grid-template-columns:1fr}.panel-rail{margin-bottom:.8rem;position:relative;top:0}.project-strip.reverse .project-visual{order:0}.released-strip{grid-template-columns:1fr}.project-visual{height:16rem}.progress-card{aspect-ratio:auto}.progress-card-visual{height:clamp(18rem,46svh,24rem)}.panel-inner{padding:3.2rem 1rem}.panel-shell,.released-stage,.progress-stage,.contact-inner{min-height:auto}.wide-panel{scroll-snap-stop:normal}.panel-decor{opacity:.46;clip-path:none}.hero-title{font-size:clamp(2.4rem,12vw,4.2rem)}.scroll-hint{display:none}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dz-primary-color:oklch(.6879 .202 41.65);--dz-secondary-color:oklch(.62 .13 215);--dz-link-hover:color-mix(in oklab,var(--dz-primary-color)88%,white);--light-bg-100:oklch(.97 .004 250);--light-bg-300:oklch(.93 .008 252);--light-bg-500:oklch(.89 .01 255);--light-text-100:oklch(.14 .02 258);--light-text-300:oklch(.28 .02 258);--light-text-500:oklch(.45 .015 258);--dark-bg-100:oklch(.19 .015 258);--dark-bg-300:oklch(.25 .014 258);--dark-bg-500:oklch(.31 .013 258);--dark-text-100:oklch(.94 .01 258);--dark-text-300:oklch(.82 .01 258);--dark-text-500:oklch(.67 .01 258);--page-bg:var(--light-bg-100);--surface-1:var(--light-bg-100);--surface-2:var(--light-bg-300);--surface-3:var(--light-bg-500);--text-100:var(--light-text-100);--text-300:var(--light-text-300);--text-500:var(--light-text-500);--color-base-100:var(--surface-1);--color-base-200:var(--surface-2);--color-base-300:var(--surface-3);--color-txt-100:var(--text-100);--color-txt-200:var(--text-300);--color-txt-300:var(--text-500);--color-primary:var(--dz-primary-color);--color-secondary:var(--dz-secondary-color);--color-success:oklch(.73 .12 145);--color-warning:oklch(.8 .12 88);--color-error:oklch(.72 .14 28);--color-base-content:var(--text-100);font-family:Manrope,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px}:root.dark{color-scheme:dark;--page-bg:var(--dark-bg-100);--surface-1:var(--dark-bg-100);--surface-2:var(--dark-bg-300);--surface-3:var(--dark-bg-500);--text-100:var(--dark-text-100);--text-300:var(--dark-text-300);--text-500:var(--dark-text-500)}@media (prefers-color-scheme:dark){:root:not(.light){color-scheme:dark;--page-bg:var(--dark-bg-100);--surface-1:var(--dark-bg-100);--surface-2:var(--dark-bg-300);--surface-3:var(--dark-bg-500);--text-100:var(--dark-text-100);--text-300:var(--dark-text-300);--text-500:var(--dark-text-500)}}:root.light{color-scheme:light}html,body{background-color:var(--page-bg);color:var(--text-100);transition:background-color .25s,color .25s}*,:before,:after,div{box-sizing:border-box}.text-txt-100{color:var(--color-txt-100)}.text-txt-200{color:var(--color-txt-200)}.text-txt-300{color:var(--color-txt-300)}a{transition:color .25s ease-in-out}a:hover{color:var(--dz-link-hover)}h1{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);color:var(--color-txt-100)}h2{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--color-txt-200)}h3{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-txt-300)}h4{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-txt-300)}.dz-card{border:1px solid color-mix(in oklab,var(--surface-3)70%,transparent);background:color-mix(in oklab,var(--surface-2)85%,transparent);border-radius:1rem}.dz-input,.dz-select,.dz-textarea{border:1px solid color-mix(in oklab,var(--surface-3)85%,transparent);background:color-mix(in oklab,var(--surface-1)90%,transparent);width:100%;color:var(--text-100);border-radius:.9rem;padding:.7rem .85rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.dz-input:focus,.dz-select:focus,.dz-textarea:focus{border-color:color-mix(in oklab,var(--dz-primary-color)55%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--dz-primary-color)24%,transparent);outline:none}.dz-btn{border-radius:.9rem;justify-content:center;align-items:center;gap:.4rem;padding:.62rem 1rem;font-weight:700;transition:transform .18s,filter .2s,background-color .2s;display:inline-flex}.dz-btn:hover{transform:translateY(-1px)}.dz-btn-primary{color:#fff;background:color-mix(in oklab,var(--dz-primary-color)88%,black 6%)}.dz-btn-primary:hover{filter:brightness(1.04)}.dz-btn-outline{color:var(--text-100);border:1px solid color-mix(in oklab,var(--surface-3)84%,transparent);background:color-mix(in oklab,var(--surface-1)75%,transparent)}.dz-btn-outline:hover{border-color:color-mix(in oklab,var(--dz-primary-color)40%,transparent)}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}