*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.tooltip-arrow,.tooltip-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.tooltip-arrow{visibility:hidden}.tooltip-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before{border-style:solid;border-color:#e5e7eb}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before{border-bottom-width:1px;border-right-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before{border-bottom-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before{border-top-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before{border-top-width:1px;border-right-width:1px}.tooltip[data-popper-placement^=top]>.tooltip-arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.tooltip-arrow{top:-4px}.tooltip[data-popper-placement^=left]>.tooltip-arrow{right:-4px}.tooltip[data-popper-placement^=right]>.tooltip-arrow{left:-4px}.tooltip.invisible>.tooltip-arrow:before{visibility:hidden}[data-popper-arrow],[data-popper-arrow]:before{position:absolute;width:8px;height:8px;background:inherit}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{content:"";visibility:visible;transform:rotate(45deg)}[data-popper-arrow]:after{content:"";visibility:visible;transform:rotate(45deg);position:absolute;width:9px;height:9px;background:inherit}[role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:#e5e7eb}.dark [role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:#4b5563}[role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:#e5e7eb}.dark [role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:#4b5563}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]{right:-5px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]{left:-5px}[role=tooltip].invisible>[data-popper-arrow]:before{visibility:hidden}[role=tooltip].invisible>[data-popper-arrow]:after{visibility:hidden}[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #1C64F2;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#1c64f2}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}select:not([size]){background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}:is([dir=rtl]) select:not([size]){background-position:left .75rem center;padding-right:.75rem;padding-left:0}[multiple]{background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#1c64f2;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #1C64F2;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked,.dark [type=checkbox]:checked,.dark [type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:.55em .55em;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");background-repeat:no-repeat;background-size:.55em .55em;-webkit-print-color-adjust:exact;print-color-adjust:exact}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}.dark [type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");background-color:currentColor;border-color:transparent;background-position:center;background-repeat:no-repeat;background-size:.55em .55em;-webkit-print-color-adjust:exact;print-color-adjust:exact}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px auto inherit}input[type=file]::file-selector-button{color:#fff;background:#1f2937;border:0;font-weight:500;font-size:.875rem;cursor:pointer;padding:.625rem 1rem .625rem 2rem;margin-inline-start:-1rem;margin-inline-end:1rem}input[type=file]::file-selector-button:hover{background:#374151}:is([dir=rtl]) input[type=file]::file-selector-button{padding-right:2rem;padding-left:1rem}.dark input[type=file]::file-selector-button{color:#fff;background:#4b5563}.dark input[type=file]::file-selector-button:hover{background:#6b7280}input[type=range]::-webkit-slider-thumb{height:1.25rem;width:1.25rem;background:#1c64f2;border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-webkit-slider-thumb{background:#9ca3af}.dark input[type=range]:disabled::-webkit-slider-thumb{background:#6b7280}input[type=range]:focus::-webkit-slider-thumb{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1px;--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))}input[type=range]::-moz-range-thumb{height:1.25rem;width:1.25rem;background:#1c64f2;border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-moz-range-thumb{background:#9ca3af}.dark input[type=range]:disabled::-moz-range-thumb{background:#6b7280}input[type=range]::-moz-range-progress{background:#3f83f8}input[type=range]::-ms-fill-lower{background:#3f83f8}.toggle-bg:after{content:"";position:absolute;top:.125rem;left:.125rem;background:#fff;border-color:#d1d5db;border-width:1px;border-radius:9999px;height:1.25rem;width:1.25rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}input:checked+.toggle-bg:after{transform:translate(100%);border-color:#fff}input:checked+.toggle-bg{background:#1c64f2;border-color:#1c64f2}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(63 131 248 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(63 131 248 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-\[60px\]{bottom:60px}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.w-1\/2{width:50%}.w-4{width:1rem}.w-64{width:16rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-none{transform:none}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded-e-lg{border-start-end-radius:.5rem;border-end-end-radius:.5rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-s-lg{border-start-start-radius:.5rem;border-end-start-radius:.5rem}.border{border-width:1px}.border-0{border-width:0px}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity))}.border-blue-700{--tw-border-opacity: 1;border-color:rgb(26 86 219 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-900\/50{background-color:#11182780}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/50{background-color:#ffffff80}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.text-blue-600{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.hover\:bg-blue-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))}:is(.dark .dark\:border-blue-500){--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}:is(.dark .dark\:border-gray-600){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}:is(.dark .dark\:border-gray-700){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}:is(.dark .dark\:border-transparent){border-color:transparent}:is(.dark .dark\:bg-blue-600){--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-600){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800\/50){background-color:#1f293780}:is(.dark .dark\:bg-gray-900\/80){background-color:#111827cc}:is(.dark .dark\:text-blue-500){--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}:is(.dark .dark\:hover\:bg-blue-700:hover){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-600:hover){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:text-blue-500:hover){--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-gray-300:hover){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:space-x-reverse:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}:root{--font-serif: "Newsreader", "Charter", "Georgia", serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--step--1: clamp(.78rem, .74rem + .2vw, .86rem);--step-0: clamp(.95rem, .9rem + .3vw, 1.05rem);--step-1: clamp(1.1rem, 1rem + .5vw, 1.3rem);--step-2: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--step-3: clamp(2.2rem, 1.6rem + 2.6vw, 3.4rem);--step-4: clamp(3.2rem, 2rem + 5vw, 6rem);--step-5: clamp(4.2rem, 2.4rem + 8vw, 9rem);--accent: oklch(86% .19 125);--accent-ink: oklch(30% .12 125);--accent-soft: oklch(86% .19 125 / .12);--ease: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--r-sm: 6px;--r-md: 14px;--r-lg: 22px}:root[data-theme=dark]{--bg: oklch(16% .008 260);--bg-2: oklch(19% .01 260);--surface: oklch(22% .012 260);--surface-2: oklch(26% .014 260);--fg: oklch(96% .006 90);--fg-muted: oklch(72% .01 260);--fg-dim: oklch(52% .012 260);--line: oklch(100% 0 0 / .08);--glow: oklch(86% .19 125 / .35);--noise-op: .05;color-scheme:dark}:root[data-theme=light]{--bg: oklch(96.5% .01 90);--bg-2: oklch(93% .014 85);--surface: oklch(99% .006 90);--surface-2: oklch(90% .015 85);--fg: oklch(18% .02 260);--fg-muted: oklch(38% .015 260);--fg-dim: oklch(56% .012 260);--line: oklch(20% .02 260 / .14);--glow: oklch(74% .19 125 / .55);--noise-op: .09;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{margin:0;font-family:var(--font-sans);font-size:var(--step-0);line-height:1.55;color:var(--fg);background:var(--bg);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .6s var(--ease),color .6s var(--ease)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.serif{font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em}.serif-it{font-family:var(--font-serif);font-style:italic}.rule{height:1px;background:var(--line);width:100%;margin:0}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:var(--noise-op);mix-blend-mode:overlay;z-index:1000}.aurora{position:fixed;inset:-20vmax;pointer-events:none;z-index:0;filter:blur(90px) saturate(1.2);opacity:.85}.aurora:before,.aurora:after{content:"";position:absolute;width:45vmax;height:45vmax;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 60%);top:var(--my, 20%);left:var(--mx, 50%);transform:translate(-50%,-50%);transition:top 1.2s var(--ease),left 1.2s var(--ease)}.aurora:after{top:calc(100% - var(--my, 30%));left:calc(100% - var(--mx, 60%));background:radial-gradient(circle,color-mix(in oklab,var(--glow) 60%,transparent) 0%,transparent 60%);width:55vmax;height:55vmax}.wrap{width:min(1200px,92vw);margin:0 auto;position:relative;z-index:2}nav.top{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;background:color-mix(in oklab,var(--bg) 70%,transparent);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid transparent;transition:border-color .3s var(--ease)}nav.top.scrolled{border-bottom-color:var(--line)}nav.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-weight:500;font-size:var(--step--1);transition:transform .3s var(--ease)}.brand:hover,.brand:hover .back-arrow{transform:translate(-2px)}.back-arrow{color:var(--accent);transition:transform .3s var(--ease)}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--glow);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.brand .slash{color:var(--fg-dim)}.navlinks{display:flex;align-items:center;gap:2px;font-family:var(--font-mono);font-size:var(--step--1)}.navlinks a{padding:8px 14px;border-radius:100px;color:var(--fg-muted);transition:color .25s var(--ease),background-color .25s var(--ease)}.navlinks a:hover,.navlinks a.active{color:var(--fg);background:var(--surface)}.navlinks .num{font-size:.72em;color:var(--accent);margin-right:6px;vertical-align:super}@media (max-width: 760px){.navlinks{display:none}}.theme-toggle{--size: 36px;position:relative;width:calc(var(--size) * 2);height:var(--size);border-radius:calc(var(--size) / 2);background:var(--surface);border:1px solid var(--line);cursor:pointer;overflow:hidden;transition:background-color .4s var(--ease),border-color .4s var(--ease)}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle .knob{position:absolute;top:3px;left:3px;width:calc(var(--size) - 6px);height:calc(var(--size) - 6px);border-radius:50%;background:var(--fg);transition:transform .5s var(--ease-out-expo),background-color .4s var(--ease)}:root[data-theme=light] .theme-toggle .knob{transform:translate(var(--size))}.theme-toggle .knob:before,.theme-toggle .knob:after{content:"";position:absolute;transition:opacity .4s var(--ease)}.theme-toggle .knob:before{inset:22%;border-radius:50%;background:var(--bg);opacity:1;transform:translate(30%,-20%)}.theme-toggle .knob:after{inset:28%;border-radius:50%;background:var(--bg);opacity:0;box-shadow:0 -10px 0 -4px var(--bg),0 10px 0 -4px var(--bg),10px 0 0 -4px var(--bg),-10px 0 0 -4px var(--bg),7px 7px 0 -5px var(--bg),-7px 7px 0 -5px var(--bg),7px -7px 0 -5px var(--bg),-7px -7px 0 -5px var(--bg)}:root[data-theme=light] .theme-toggle .knob:before{opacity:0}:root[data-theme=light] .theme-toggle .knob:after{opacity:1}.theme-toggle .star{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--fg-muted);opacity:.7;transition:opacity .3s var(--ease)}.theme-toggle .star:nth-child(2){right:10px;top:8px}.theme-toggle .star:nth-child(3){right:22px;top:18px}.theme-toggle .star:nth-child(4){right:14px;top:22px}:root[data-theme=light] .theme-toggle .star{opacity:0}.kicker{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);display:inline-flex;align-items:center;gap:.6em}.kicker:before{content:"";width:28px;height:1px;background:var(--accent)}.mono{font-family:var(--font-mono)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo)}.reveal.in{opacity:1;transform:translateY(0)}.hero-tools{padding:180px 0 60px;position:relative}.hero-tools .display{font-family:var(--font-serif);font-weight:400;font-size:var(--step-4);line-height:.98;letter-spacing:-.03em;margin:22px 0 30px;font-optical-sizing:auto;font-variation-settings:"opsz" 72}.hero-tools .display em{font-style:italic;font-weight:300}.hero-tools .display em.accent{color:var(--accent)}.hero-desc{max-width:56ch;font-size:var(--step-1);color:var(--fg-muted);font-weight:300;line-height:1.5}section.block{padding:140px 0;position:relative;z-index:2}@media (max-width: 700px){section.block{padding:80px 0}}.hero-tools+section.block{padding-top:60px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tool-card{display:flex;flex-direction:column;gap:18px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-height:280px;transition:transform .45s var(--ease-out-expo),border-color .3s var(--ease),background-color .3s var(--ease)}.tool-card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--accent) 40%,var(--line));background:var(--surface-2)}.tool-card.soon{opacity:.6;pointer-events:none}.tool-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:var(--step--1)}.tool-idx{color:var(--fg-dim)}.tool-tag{padding:4px 10px;border-radius:100px;border:1px solid var(--line);color:var(--fg-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.tool-card h3{font-family:var(--font-serif);font-size:var(--step-2);line-height:1.1;margin:0;font-weight:400;letter-spacing:-.015em}.tool-card p{color:var(--fg-muted);margin:0 0 auto;font-size:var(--step-0);line-height:1.5}.tool-footer{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-muted);padding-top:16px;border-top:1px dashed var(--line)}.tool-card:hover .tool-footer{color:var(--accent)}.tool-shell{padding:150px 0 80px;position:relative}.crumbs{font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-dim);margin-bottom:36px;display:flex;gap:8px;align-items:center}.crumbs a{color:var(--fg-muted);transition:color .2s var(--ease)}.crumbs a:hover{color:var(--fg)}.crumbs .sep{color:var(--fg-dim)}.crumbs .here{color:var(--accent)}.tool-header{margin-bottom:48px;max-width:68ch}.tool-header .display{font-family:var(--font-serif);font-size:var(--step-4);line-height:.98;letter-spacing:-.035em;font-weight:400;margin:22px 0 24px;font-optical-sizing:auto;font-variation-settings:"opsz" 72}.tool-header .display em{font-style:italic;font-weight:300}.tool-header .display em.accent{color:var(--accent)}.tool-sub{color:var(--fg-muted);font-size:var(--step-1);max-width:56ch;font-weight:300}.tool-sub code{font-family:var(--font-mono);font-size:.88em;background:var(--surface);padding:2px 7px;border-radius:5px;color:var(--fg);border:1px solid var(--line)}.tool-card-panel{padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}form#basic-auth{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){form#basic-auth{grid-template-columns:1fr}}.field label{display:block;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:10px}.field input[type=text],.field input[type=password]{width:100%;padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);color:var(--fg);font-family:var(--font-mono);font-size:var(--step-0);outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 20%,transparent)}.password-wrap{position:relative}.password-wrap .eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--fg-dim);padding:6px;border-radius:8px;transition:color .2s var(--ease),background .2s var(--ease)}.password-wrap .eye:hover{color:var(--fg);background:var(--surface-2)}.password-wrap .eye.on{color:var(--accent)}.divider{display:flex;align-items:center;gap:14px;margin:36px 0 22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.output-block{padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);margin-bottom:14px}.output-block.emphasize{border-color:color-mix(in oklab,var(--accent) 30%,var(--line));background:color-mix(in oklab,var(--accent) 5%,var(--bg))}.out-label{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:10px}.out-value{font-size:var(--step-0);word-break:break-all;line-height:1.5}.out-value.breakable{overflow-wrap:anywhere}.out-value .dim{color:var(--fg-dim)}.out-value .accent-text,.accent-text{color:var(--accent)}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:100px;color:var(--fg-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:all .25s var(--ease)}.copy-btn:hover{color:var(--fg);border-color:var(--fg-muted)}.copy-btn.done{color:var(--accent);border-color:var(--accent)}footer.foot{padding:36px 0;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);position:relative;z-index:2}.hero{min-height:100vh;padding:120px 0 80px;display:flex;align-items:center;position:relative}.hero-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;width:100%}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}}.hero .meta{display:flex;align-items:center;gap:18px;margin-bottom:22px;flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-muted)}.hero .status{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 8px;border-radius:100px;background:var(--accent-soft);color:var(--accent-ink);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}:root[data-theme=dark] .hero .status{color:var(--accent)}.hero .status .beat{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--glow);animation:pulse 1.8s var(--ease) infinite}h1.display{font-family:var(--font-serif);font-weight:400;font-size:var(--step-5);line-height:.95;letter-spacing:-.035em;margin:0;color:var(--fg);font-optical-sizing:auto;font-variation-settings:"opsz" 72}h1.display em{font-style:italic;font-weight:300}h1.display em.accent{color:var(--accent)}h1.display .line{display:block;overflow:hidden;padding:.05em 0 .18em}h1.display .word{display:inline-block;transform:translateY(120%);animation:riseIn 1.1s var(--ease-out-expo) forwards}h1.display .line:nth-child(2) .word{animation-delay:.1s}h1.display .line:nth-child(3) .word{animation-delay:.2s}@keyframes riseIn{0%{transform:translateY(120%)}to{transform:translateY(0)}}.hero-desc{max-width:52ch;margin-top:36px;font-size:var(--step-1);line-height:1.5;color:var(--fg-muted);font-weight:300;opacity:0;animation:fadeIn 1s var(--ease) .8s forwards}.hero-desc b{color:var(--fg);font-weight:500}@keyframes fadeIn{to{opacity:1}}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px;opacity:0;animation:fadeIn 1s var(--ease) 1.1s forwards}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:100px;font-family:var(--font-mono);font-size:var(--step--1);font-weight:500;letter-spacing:.02em;transition:transform .3s var(--ease),background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);border:1px solid var(--line);position:relative;overflow:hidden}.btn .arrow{transition:transform .3s var(--ease)}.btn:hover .arrow{transform:translate(4px) translateY(-4px)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px var(--glow)}.btn-ghost{color:var(--fg)}.btn-ghost:hover{background:var(--surface);border-color:color-mix(in oklab,var(--fg) 20%,transparent)}.signature{width:260px;padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:color-mix(in oklab,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);font-size:var(--step--1);opacity:0;animation:fadeIn 1s var(--ease) 1.4s forwards}.signature .row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line);color:var(--fg-muted)}.signature .row:last-child{border-bottom:0}.signature .row b{color:var(--fg);font-weight:500}.signature .label{color:var(--fg-dim)}.signature .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.signature .head .title{color:var(--fg-dim)}.signature .head .lights{display:flex;gap:4px}.signature .head .lights span{width:8px;height:8px;border-radius:50%;background:var(--line)}.signature .head .lights span:first-child{background:var(--accent)}.scroll-ind{position:absolute;bottom:28px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--fg-dim);text-transform:uppercase;opacity:0;animation:fadeIn 1s var(--ease) 1.8s forwards}.scroll-ind:after{content:"";display:block;width:1px;height:36px;margin:10px auto 0;background:linear-gradient(to bottom,var(--fg-dim),transparent);animation:dropline 2s var(--ease) infinite}@keyframes dropline{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.01%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.section-head{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:end;margin-bottom:64px}@media (max-width: 700px){.section-head{grid-template-columns:1fr;gap:20px}}.section-number{font-family:var(--font-mono);font-size:var(--step--1);color:var(--accent);border:1px solid var(--accent);padding:4px 10px;border-radius:6px;line-height:1;justify-self:start}.section-title{font-family:var(--font-serif);font-weight:400;font-size:var(--step-4);line-height:1;letter-spacing:-.025em;margin:0;font-optical-sizing:auto;font-variation-settings:"opsz" 60}.section-title em{font-style:italic;font-weight:300;color:var(--accent)}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:start}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:40px}}.about-text p{font-family:var(--font-serif);font-size:var(--step-2);line-height:1.3;color:var(--fg);margin:0 0 24px;font-weight:400}.about-text p em{color:var(--accent);font-style:italic}.about-text .lead{font-size:var(--step-3);line-height:1.15}.about-side{border-left:1px solid var(--line);padding-left:40px}@media (max-width: 900px){.about-side{border-left:0;padding-left:0}}.about-side h4{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 18px;font-weight:500}.about-side ul{list-style:none;margin:0 0 36px;padding:0}.about-side li{padding:11px 0;border-bottom:1px dashed var(--line);font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-muted);display:flex;justify-content:space-between;gap:12px}.about-side li span{color:var(--fg)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 780px){.projects{grid-template-columns:1fr}}.project{position:relative;padding:36px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .5s var(--ease-out-expo),border-color .3s var(--ease),background-color .3s var(--ease);min-height:420px;display:flex;flex-direction:column;cursor:pointer}.project:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--line));background:var(--surface-2)}.project .idx{position:absolute;top:20px;right:24px;font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-dim)}.project .kicker{margin-bottom:14px}.project h3{font-family:var(--font-serif);font-weight:400;font-size:var(--step-2);line-height:1.15;letter-spacing:-.01em;margin:0 0 20px;max-width:22ch}.project p{font-size:var(--step-0);color:var(--fg-muted);margin:0 0 auto;max-width:40ch;line-height:1.5}.project p.project-also{margin-top:10px;font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-dim)}.project p.project-also a{color:var(--fg-muted);border-bottom:1px dashed var(--line);transition:color .2s var(--ease),border-color .2s var(--ease)}.project p.project-also a:hover{color:var(--accent);border-color:var(--accent)}.project .stack{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;padding-top:24px;padding-right:72px;border-top:1px dashed var(--line)}.project .chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 8px;font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);background:var(--bg);border:1px solid var(--line);border-radius:100px}.project .chip img{width:14px;height:14px;filter:var(--logo-filter, none)}.project .visit{position:absolute;bottom:28px;right:28px;width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;transition:transform .4s var(--ease-out-expo);transform:scale(.9)}.project:hover .visit{transform:scale(1)}.project .visit svg{width:18px;height:18px;transition:transform .3s var(--ease)}.project:hover .visit svg{transform:translate(2px,-2px)}.project:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--strip, var(--accent));opacity:0;transition:opacity .35s var(--ease)}.project:hover:before{opacity:1}.timeline{display:grid;grid-template-columns:200px 1fr;gap:0;position:relative}@media (max-width: 760px){.timeline{grid-template-columns:1fr}}.tl-entry{display:contents}.tl-year{font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-dim);padding:36px 24px 36px 0;border-top:1px solid var(--line)}.tl-body{border-top:1px solid var(--line);border-left:1px solid var(--line);padding:36px 0 36px 40px;position:relative}@media (max-width: 760px){.tl-body{border-left:0;padding-left:0}}.tl-body:before{content:"";position:absolute;top:44px;left:-5px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);transition:background .3s var(--ease),transform .3s var(--ease)}@media (max-width: 760px){.tl-body:before{display:none}}.tl-entry:hover .tl-body:before{background:var(--accent);transform:scale(1.4)}.tl-company{font-family:var(--font-serif);font-size:var(--step-3);line-height:1;letter-spacing:-.02em;margin:0 0 8px;font-weight:400}.tl-role{display:flex;flex-wrap:wrap;gap:8px 16px;font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-muted);margin-bottom:4px;padding:8px 0}.tl-role .lvl{color:var(--accent)}.tl-role .at{color:var(--fg-dim)}.tl-role .client{color:var(--fg)}.skills-top{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.skill-filter{padding:8px 16px;border-radius:100px;font-family:var(--font-mono);font-size:var(--step--1);border:1px solid var(--line);background:transparent;color:var(--fg-muted);transition:all .25s var(--ease)}.skill-filter:hover{color:var(--fg);border-color:color-mix(in oklab,var(--fg) 25%,transparent)}.skill-filter.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.skill-filter .count{opacity:.6;margin-left:6px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.skill-item{position:relative;padding:24px 18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:all .35s var(--ease-out-expo);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.skill-item:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 14px 40px -20px var(--glow)}.skill-item.hidden{opacity:.15;filter:grayscale(1)}.skill-item.focused{animation:skillPulse .65s var(--ease-out-expo)}@keyframes skillPulse{0%{box-shadow:0 0 0 0 var(--glow);border-color:var(--line)}40%{box-shadow:0 0 0 6px color-mix(in oklab,var(--accent) 25%,transparent);border-color:var(--accent)}to{box-shadow:0 0 0 0 transparent;border-color:var(--line)}}@media (prefers-reduced-motion: reduce){.skill-item.focused{animation:none}}.skill-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--bg-2);padding:6px}.skill-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.skill-item .name{font-family:var(--font-mono);font-size:13px;color:var(--fg)}.skill-item .cat{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:10px;color:var(--fg-dim);letter-spacing:.1em;text-transform:uppercase}.contact{padding:160px 0 80px;text-align:center}.contact .kicker{justify-content:center}.contact .huge{font-family:var(--font-serif);font-size:var(--step-5);line-height:.98;letter-spacing:-.03em;margin:24px 0 48px;font-weight:400;font-optical-sizing:auto;font-variation-settings:"opsz" 72}.contact .huge em{font-style:italic;font-weight:300;color:var(--accent)}.contact .email{font-family:var(--font-mono);font-size:var(--step-1);display:inline-block;padding:18px 28px;border:1px solid var(--line);border-radius:100px;transition:all .35s var(--ease);color:var(--fg)}.contact .email:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}:root[data-theme=dark] .contact .email:hover{color:var(--accent)}.contact .socials{margin-top:40px;display:flex;justify-content:center;gap:28px;font-family:var(--font-mono);font-size:var(--step--1);flex-wrap:wrap}.contact .socials a{color:var(--fg-muted);position:relative;padding-bottom:3px;transition:color .25s var(--ease)}.contact .socials a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--accent);transition:right .35s var(--ease)}.contact .socials a:hover{color:var(--fg)}.contact .socials a:hover:after{right:0}.tweaks{position:fixed;bottom:20px;right:20px;width:280px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);font-family:var(--font-mono);font-size:12px;z-index:200;box-shadow:0 18px 50px -20px #0006;display:none}.tweaks.open{display:block}.tweaks h5{margin:0 0 12px;font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim)}.tweaks .row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tweaks label{color:var(--fg-muted)}.tweaks .hues{display:flex;gap:6px}.tweaks .hue{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);cursor:pointer;transition:transform .25s var(--ease);padding:0}.tweaks .hue:hover{transform:scale(1.15)}.tweaks .hue.active{outline:2px solid var(--fg);outline-offset:2px}.tweaks input[type=range]{width:120px;accent-color:var(--accent)}::view-transition-old(root),::view-transition-new(root){animation-duration:.55s}