:root{--wrapper-margin: 1.25rem;--white: #fff;--black: #000;--brand-200: #B2B6F5;--brand-300: #8C92F1;--brand-400: #666EEC;--brand-500: #404AE8;--brand-600: #333BB9;--accent-500: #FFE40D;--gray-50: #F5F5F7;--gray-100: #E2E2E8;--gray-200: #C5C6D2;--gray-300: #A9AABB;--gray-400: #8C8EA5;--gray-500: #70728F;--gray-600: #595B72;--gray-700: #434455;--gray-800: #2C2D39;--gray-900: #16161C;--gray-950: #0D0D10;--success-500: #82BA09;--success-800: #334A03;--info-500: #0ED6F4;--warning-500: #FFBC38;--danger-500: #FF4528;--gradient: linear-gradient(270deg, var(--info-500) 0%, var(--brand-500) 100%);--focus-visible-outline: color-mix(in srgb, var(--brand-400) 20%, transparent)}.srOnly{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.scrollbar{--_scrollbarColor: var(--white);--_scrollbarSize: .5rem}.scrollbar::-webkit-scrollbar{width:var(--_scrollbarSize)}.scrollbar::-webkit-scrollbar-track{background:color-mix(in srgb,var(--_scrollbarColor) 5%,transparent);border-radius:.5rem}.scrollbar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--_scrollbarColor) 10%,transparent);border-radius:.5rem}.scrollbar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--_scrollbarColor) 20%,transparent)}.scrollbar._dark{--_scrollbarColor: var(--black)}.noScrollbar::-webkit-scrollbar{display:none}.noScrollbar{-ms-overflow-style:none;scrollbar-width:none}.formkit-outer{--_formkit-input-size: 4rem}.formkit-outer:not(:last-child){margin-block-end:1.5rem}.formkit-outer:has(.formkit-icon) .formkit-input,.formkit-outer:has(.formkit-icon) .formkit-label{padding-inline-start:calc(var(--_formkit-input-size) + .25rem)}.formkit-outer[data-invalid=true] .formkit-input{border-color:var(--danger-500)}.formkit-outer:has(.formkit-input:focus) .formkit-label,.formkit-outer:has(.formkit-input:not(:placeholder-shown)) .formkit-label{font-size:.75rem;color:var(--gray-500);padding-block-start:.25rem}.formkit-wrapper{position:relative}.formkit-input{height:var(--_formkit-input-size);padding:1.25rem;border:1px solid var(--gray-800);border-radius:.5rem;background-color:var(--gray-900);color:var(--white);width:100%;font-size:1rem;line-height:1.5;display:block}.formkit-input::placeholder{color:transparent}.formkit-input:focus-visible{outline:2px solid var(--focus-visible-outline);outline-offset:2px}.formkit-icon{position:absolute;top:0;left:0;height:var(--_formkit-input-size);aspect-ratio:1;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;color:var(--gray-500)}.formkit-messages{list-style:none;padding:0 1.25rem;margin-block-start:.25rem;font-size:.875rem}.formkit-message[data-message-type=validation]{color:var(--danger-500)}.formkit-label{position:absolute;top:0;left:0;pointer-events:none;height:100%;padding:1.25rem;font-size:1rem;line-height:1.5;color:var(--white);transition:font-size .2s ease-in-out,color .2s ease-in-out,padding-block-start .2s ease-in-out}.formkit-file-name{max-inline-size:16ch;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tippy-box[data-theme~=vibecode]{background-color:var(--gray-600);color:var(--white)}.tippy-box[data-theme~=vibecode]>.tippy-arrow:before{transform:scale(.75)}.tippy-box[data-theme~=vibecode][data-placement^=top]>.tippy-arrow:before{border-top-color:var(--gray-600)}.tippy-box[data-theme~=vibecode][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:var(--gray-600)}.tippy-box[data-theme~=vibecode][data-placement^=left]>.tippy-arrow:before{border-left-color:var(--gray-600)}.tippy-box[data-theme~=vibecode][data-placement^=right]>.tippy-arrow:before{border-right-color:var(--gray-600)}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{min-height:100svh;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next,#app{isolation:isolate}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-tap-highlight-color:transparent;color-scheme:dark;hanging-punctuation:first last;line-sizing:normal}ul:where([role=list]),ol:where([role=list]){list-style:none;padding-inline-start:0}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth}}[hidden]{display:none!important}audio:not([controls]){display:none}audio{width:100%}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}textarea{resize:vertical}img:not([src]):not([srcset]){visibility:hidden}button{touch-action:manipulation;cursor:pointer}button,a,input,select,textarea{outline:none}:root{--ff: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--base-font-color: var(--gray-300);--base-font-size: clamp(14px, 2vw, 16px);--body-font-size: clamp(.875rem, 1.5vw, 1rem);--h1-size: clamp(2rem, 5vw + 1rem, 3.5rem);--h2-size: clamp(1.75rem, 4vw + 1rem, 2.375rem);--h3-size: clamp(1.5rem, 3vw + 1rem, 1.5rem);--h4-size: clamp(1rem, 2vw + 1rem, 1.125rem);--h5-size: clamp(.875rem, 1.5vw + 1rem, 1rem)}html{font-size:var(--base-font-size)}body{font-family:var(--ff);line-height:1.5;color:var(--base-font-color);font-size:var(--body-font-size);font-optical-sizing:auto}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{font-weight:700;letter-spacing:-.02em;line-height:1.1}h1:where(:not([class])),.h1:where(:not([class])),h2:where(:not([class])),.h2:where(:not([class])),h3:where(:not([class])),.h3:where(:not([class])),h4:where(:not([class])),.h4:where(:not([class])),h5:where(:not([class])),.h5:where(:not([class])){color:var(--white)}.h1,.h2,.h3,.h4,.h5{color:var(--white)}.h1{font-size:var(--h1-size);margin-block-end:1rem}.h2{font-size:var(--h2-size);margin-block-end:.5rem}.h3{font-size:var(--h3-size);margin-block-end:.5rem}.h4{font-size:var(--h4-size);margin-block-end:.25rem}.h5{font-size:var(--h5-size);margin-block-end:.25rem}a:focus-visible{border-radius:.5rem;outline:2px solid var(--focus-visible-outline);outline-offset:4px}:root{--body-bg: var(--gray-950)}body{background-color:var(--body-bg)}.wrapper{max-width:min(1280px,100% - var(--wrapper-margin) * 2);margin-inline:auto}.pageWrapper{display:flex;flex-direction:column;min-height:100svh}.main{flex-shrink:0;margin-block-end:auto}.hidden{display:none!important}.userContent{max-inline-size:80ch}.userContent h1:not(:first-child),.userContent h2:not(:first-child),.userContent h3:not(:first-child),.userContent h4:not(:first-child),.userContent h5:not(:first-child),.userContent h6:not(:first-child){margin-block-start:1.5em}.userContent h1,.userContent h2,.userContent h3,.userContent h4,.userContent h5,.userContent h6{margin-block-end:1em}.userContent p:not(:last-child),.userContent ul:not(:last-child),.userContent ol:not(:last-child){margin-block-end:1em}.userContent ul li:not(:last-child),.userContent ol li:not(:last-child){margin-block-end:.5em}.userContent a{color:var(--brand-200);text-decoration:underline color-mix(in srgb,var(--brand-200) 60%,transparent);text-underline-offset:.2em}@media (hover: hover) and (pointer: fine){.userContent a:hover{text-decoration-color:var(--accent-500);color:var(--accent-500)}}.userContent strong{color:var(--gray-100)}
