@layer reset,base,tokens,recipes,utilities;@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;tab-size:4;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop{border-style:solid;border-width:0;border-color:var(--global-color-border, currentcolor);box-sizing:border-box;margin:0;padding:0}::file-selector-button{border-style:solid;border-width:0;border-color:var(--global-color-border, currentcolor);box-sizing:border-box;margin:0;padding:0}hr{color:inherit;border-top-width:1px;height:0}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:none}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:none}::placeholder{--placeholder-fallback: #00000080;opacity:1;color:var(--global-color-placeholder, var(--placeholder-fallback))}@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px){::placeholder{--placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection, #0073ff4d)}textarea{resize:vertical}table{border-color:inherit;text-indent:0;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono, var(--font-mono-fallback));font-feature-settings:normal;font-variation-settings:normal;font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda: "🐼"}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer tokens{:where(:root,:host){--colors-black-100: #000c;--colors-black-200: #121212;--colors-black-300: #161616;--colors-black-400: #1b1b1b;--colors-black-500: #2e2e2e;--colors-white-100: #fff;--colors-white-200: #fafafa;--colors-gray-100: #666;--colors-gray-300: #7e7e7e;--colors-green-500: #53c75d;--colors-amber-500: #f9700e;--colors-red-500: #ee343b;--radii-100: 4px;--radii-200: 8px;--radii-300: 16px;--radii-400: 24px;--radii-500: 32px;--radii-full: 9999px;--sizes-0: 0px;--sizes-10: 1px;--sizes-25: 2px;--sizes-50: 4px;--sizes-75: 6px;--sizes-100: 8px;--sizes-150: 12px;--sizes-175: 14px;--sizes-200: 16px;--sizes-225: 18px;--sizes-250: 20px;--sizes-300: 24px;--sizes-350: 28px;--sizes-400: 32px;--sizes-450: 36px;--sizes-500: 40px;--sizes-550: 44px;--sizes-600: 48px;--sizes-700: 56px;--sizes-800: 64px;--sizes-900: 72px;--sizes-1000: 92px;--sizes-1100: 160px;--sizes-1200: 192px;--sizes-1300: 256px;--sizes-1400: 320px;--sizes-1500: 384px;--sizes-1600: 420px;--sizes-1700: 512px;--sizes-1800: 640px;--sizes-1900: 768px;--sizes-2000: 1024px;--sizes-full: 100%;--sizes-screen: 100vh;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--spacing-0: 0rem;--spacing-50: .125rem;--spacing-75: .25rem;--spacing-100: .5rem;--spacing-200: .75rem;--spacing-300: 1rem;--spacing-400: 1.5rem;--spacing-500: 2rem;--spacing-600: 2.5rem;--spacing-700: 3rem;--spacing-800: 4rem;--spacing-900: 5rem;--spacing-1000: 6rem;--letter-spacings-letter-spacing-0: 0;--letter-spacings-letter-spacing-100: -.04em;--letter-spacings-letter-spacing-200: -.02em;--line-heights-line-height-0: 1;--line-heights-line-height-100: 1.2;--line-heights-line-height-200: 1.4;--line-heights-line-height-300: 1.6;--shadows-0: 0;--shadows-100: 0 1px 2px 0 #0000000d;--shadows-200: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadows-300: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadows-400: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadows-500: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadows-600: 0 25px 50px -12px #00000040;--font-weights-regular: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--fonts-sans: Figtree, system-ui, sans-serif;--fonts-pixel: "Jersey 25", system-ui, sans-serif;--durations-0: 0s;--durations-50: 50ms;--durations-100: .1s;--durations-150: .15s;--durations-200: .2s;--durations-250: .25s;--durations-300: .3s;--durations-350: .35s;--durations-400: .4s;--durations-450: .45s;--durations-500: .5s;--durations-550: .55s;--durations-600: .6s;--easings-linear: cubic-bezier(0, 0, 1, 1);--easings-ease: cubic-bezier(.25, .1, .25, 1);--easings-ease-in: cubic-bezier(.42, 0, 1, 1);--easings-ease-in-out: cubic-bezier(.42, 0, .58, 1);--easings-ease-out: cubic-bezier(.19, .91, .38, 1);--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--font-sizes-50: .6875rem;--font-sizes-75: .75rem;--font-sizes-100: .875rem;--font-sizes-200: 1rem;--font-sizes-300: 1.125rem;--font-sizes-400: 1.25rem;--font-sizes-500: 1.375rem;--font-sizes-600: 1.5625rem;--font-sizes-700: 1.75rem;--font-sizes-800: 2rem;--font-sizes-900: 2.25rem;--font-sizes-1000: 2.5rem;--font-sizes-1100: 2.8125rem;--font-sizes-1200: 3.125rem;--font-sizes-1300: 3.75rem;--colors-bg-primary: var(--colors-black-300);--colors-border-primary: var(--colors-black-500);--colors-border-secondary: var(--colors-gray-100);--colors-border-error: #ee343b;--colors-text-primary: var(--colors-white-200);--colors-text-secondary: var(--colors-gray-300);--colors-text-tertiary: var(--colors-gray-100);--colors-text-error: #ff706a;--colors-page-bg-primary: var(--colors-black-200);--colors-card-overlay-bg-primary: var(--colors-black-100);--colors-dialog-overlay-bg: #0000008c;--colors-category-work-fg: #84cdff;--colors-category-work-bg: #338fc733;--colors-category-personal-fg: #e2acfa;--colors-category-personal-bg: #a36cbc33;--colors-card-bg: #000;--colors-button-bg-hover: var(--colors-black-400);--colors-writing-list-bg-hover: var(--colors-black-500);--colors-tabs-button-bg: var(--colors-black-500);--colors-tabs-active-indicator-bg: var(--colors-white-100);--colors-card-footer-text-color: var(--colors-white-100);--colors-focus-indicator: color-mix(in oklab, var(--colors-border-secondary) 30%, transparent);--colors-icon-button-glass-bg: color-mix(in oklab, var(--colors-white-100) 10%, transparent);--colors-icon-button-glass-bg-hover: color-mix(in oklab, var(--colors-white-100) 18%, transparent);--colors-icon-button-glass-border: color-mix(in oklab, var(--colors-white-100) 12%, transparent);--colors-newsletter-bg: var(--colors-black-300);--colors-newsletter-button-bg: linear-gradient(180deg, var(--colors-white-100) 0%, #d4d4d4 100%);--colors-newsletter-media-bg: #262626;--colors-newsletter-media-icon: var(--colors-gray-300);--shadows-card-border-shadow: inset 0 0 0 1px #ffffff14;--shadows-card-outer-border-shadow: 0 0 0 1px #0000004d;--shadows-card-footer-text-shadow: 0px 1px 2px #00000040;--shadows-tabs-button-shadow: 0 0 24px 2px var(--colors-white-100);--shadows-avatar-homepage-shadow: 0 0 60px 4px #8080801a;--sizes-portrait-avatar-width: 340px;--sizes-homepage-container-width: 1280px;--sizes-card-homepage-height: 280px;--sizes-card-project-size: 624px}@supports (color: lab(0% 0 0)){:where(:root,:host){--colors-black-100: lab(0% 0 0 / .8);--colors-black-200: lab(5.46356% -.00000745058 .00000298023);--colors-black-300: lab(7.24807% 0 0);--colors-black-400: lab(9.52% -.00000745058 0);--colors-black-500: lab(18.9392% 0 0);--colors-white-100: lab(100% 0 0);--colors-white-200: lab(98.2716% 0 0);--colors-gray-100: lab(43.1948% 0 0);--colors-gray-300: lab(52.7996% 0 0);--colors-green-500: lab(72.0049% -50.5442 42.3019);--colors-amber-500: lab(63.8816% 50.7277 70.0315);--colors-red-500: lab(53.6853% 69.6775 43.7724);--colors-border-error: lab(53.6853% 69.6775 43.7724);--colors-text-error: lab(65.6379% 59.7559 34.9846);--colors-dialog-overlay-bg: lab(0% 0 0 / .55);--colors-category-work-fg: lab(79.1088% -14.171 -34.8564);--colors-category-work-bg: lab(55.8048% -13.2252 -37.5663 / .2);--colors-category-personal-fg: lab(77.4396% 30.1126 -31.0092);--colors-category-personal-bg: lab(54.0141% 33.1523 -33.2957 / .2);--colors-card-bg: lab(0% 0 0);--colors-newsletter-button-bg: linear-gradient(180deg, var(--colors-white-100) 0%, lab(84.92% 0 -.0000119209) 100%);--colors-newsletter-media-bg: lab(15.32% 0 0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes revealFadeIn{0%{opacity:0}to{opacity:1}}@keyframes revealLiftIn{0%{opacity:0;filter:blur(8px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes progressGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes tooltipFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes availabilityPulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes constructionBreathe{0%,to{opacity:1}50%{opacity:.7}}@keyframes dialogOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes dialogOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes dialogContentIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes dialogContentOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes otpShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}}@layer recipes{@layer _base{.text{letter-spacing:var(--letter-spacings-letter-spacing-0)}.icon-button{background:var(--colors-page-bg-primary);border:1px solid;border-color:var(--colors-border-primary);border-radius:var(--radii-full);box-shadow:var(--shadows-200);--transition-prop: color, box-shadow, transform;--transition-easing: var(--easings-ease);transition-property:color,box-shadow,transform;transition-timing-function:var(--easings-ease);--transition-duration: var(--durations-200);transition-duration:var(--durations-200);justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button>svg{color:var(--colors-text-primary)}.icon-button:is(:focus-visible,[data-focus-visible]){outline-offset:2px;box-shadow:0 0 0 2px var(--colors-focus-indicator);outline:2px solid #0000}.icon-button:is(:hover,[data-hover]){background:var(--colors-button-bg-hover)}.separator{background:var(--colors-border-primary);flex-shrink:0}.link{border-radius:var(--radii-100);color:var(--colors-text-primary);--transition-prop: color;--transition-easing: var(--easings-ease);transition-property:color;transition-timing-function:var(--easings-ease);--transition-duration: var(--durations-200);transition-duration:var(--durations-200);font-size:var(--font-sizes-200);letter-spacing:var(--letter-spacings-letter-spacing-100);line-height:var(--line-heights-line-height-100)}.link:is(:focus-visible,[data-focus-visible]){outline-offset:2px;box-shadow:0 0 0 2px var(--colors-focus-indicator);outline:2px solid #0000}.avatar{border:1px solid;border-color:var(--colors-border-secondary);border-radius:var(--radii-full);-webkit-user-select:none;user-select:none;line-height:var(--line-heights-line-height-0);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar>span{color:var(--colors-text-primary)}.button{gap:var(--spacing-50);border-radius:var(--radii-100);font-size:var(--font-sizes-200);font-weight:var(--font-weights-regular);line-height:var(--line-heights-line-height-0);letter-spacing:var(--letter-spacings-letter-spacing-100);white-space:nowrap;box-shadow:var(--shadows-200);--transition-prop: color, box-shadow, transform;--transition-easing: var(--easings-ease);transition-property:color,box-shadow,transform;transition-timing-function:var(--easings-ease);--transition-duration: var(--durations-200);transition-duration:var(--durations-200);justify-content:center;align-items:center;display:inline-flex}.button:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){opacity:.6;cursor:not-allowed}.button:is(:focus-visible,[data-focus-visible]){outline-offset:2px;box-shadow:0 0 0 2px var(--colors-focus-indicator);outline:2px solid #0000}}.text--variant_bodyLg{font-size:var(--font-sizes-400)}.text--color_secondary{color:var(--colors-text-secondary)}.text--letterSpacing_letter-spacing-200{letter-spacing:var(--letter-spacings-letter-spacing-200)}.text--variant_heading3xl{font-size:var(--font-sizes-1000);line-height:var(--line-heights-line-height-100);letter-spacing:var(--letter-spacings-letter-spacing-100)}.text--color_primary{color:var(--colors-text-primary)}.text--fontWeight_semibold{font-weight:var(--font-weights-semibold)}.text--textWrap_balance{text-wrap:balance}.text--variant_bodyMd{font-size:var(--font-sizes-300)}.text--lineHeight_line-height-300{line-height:var(--line-heights-line-height-300)}.text--textWrap_pretty{text-wrap:pretty}.text--variant_headingXs{font-size:var(--font-sizes-300);line-height:var(--line-heights-line-height-100);letter-spacing:var(--letter-spacings-letter-spacing-100)}.text--fontWeight_medium{font-weight:var(--font-weights-medium)}.text--variant_bodyXs{font-size:var(--font-sizes-100)}.text--variant_bodySm{font-size:var(--font-sizes-200)}.text--lineHeight_line-height-200{line-height:var(--line-heights-line-height-200)}.text--variant_heading2xl{font-size:var(--font-sizes-800);line-height:var(--line-heights-line-height-100);letter-spacing:var(--letter-spacings-letter-spacing-100)}.text--color_cardFooter{color:var(--colors-card-footer-text-color)}.text--lineHeight_line-height-0{line-height:var(--line-heights-line-height-0)}.text--letterSpacing_letter-spacing-100{letter-spacing:var(--letter-spacings-letter-spacing-100)}.text--variant_overline{font-size:var(--font-sizes-75);font-weight:var(--font-weights-medium);text-transform:uppercase;color:var(--colors-text-tertiary);line-height:var(--line-heights-line-height-0)}.text--variant_headingSm{font-size:var(--font-sizes-400);line-height:var(--line-heights-line-height-100);letter-spacing:var(--letter-spacings-letter-spacing-100)}.text--numeric_tabular{font-variant-numeric:tabular-nums}.text--color_error{color:var(--colors-text-error)}.text--variant_headingMd{font-size:var(--font-sizes-500);line-height:var(--line-heights-line-height-100);letter-spacing:var(--letter-spacings-letter-spacing-100)}.text--variant_headingXl{font-size:var(--font-sizes-700);line-height:var(--line-heights-line-height-100);letter-spacing:var(--letter-spacings-letter-spacing-100)}.text--variant_headingLg{font-size:var(--font-sizes-600);line-height:var(--line-heights-line-height-100);letter-spacing:var(--letter-spacings-letter-spacing-100)}.text--variant_body2Xl{font-size:var(--font-sizes-600)}.text--variant_bodyXl{font-size:var(--font-sizes-500)}.text--fontWeight_regular{font-weight:var(--font-weights-regular)}.text--fontWeight_bold{font-weight:var(--font-weights-bold)}.text--letterSpacing_letter-spacing-0{letter-spacing:var(--letter-spacings-letter-spacing-0)}.text--lineHeight_line-height-100{line-height:var(--line-heights-line-height-100)}.text--truncate_ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text--truncate_twoLines{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.icon-button--size_small{width:var(--sizes-400);height:var(--sizes-400)}.icon-button--size_small:after{inset:calc(-1 * var(--spacing-75));content:"";position:absolute}.icon-button--size_small>svg{width:var(--sizes-200);height:var(--sizes-200)}.icon-button--variant_glass{background:var(--colors-icon-button-glass-bg);border-color:var(--colors-icon-button-glass-border);-webkit-backdrop-filter:blur(6px);--transition-prop: color, box-shadow, background, transform;transition-property:color,box-shadow,background,transform}.icon-button--variant_glass:is(:hover,[data-hover]){background:var(--colors-icon-button-glass-bg-hover)}.icon-button--press_default:is(:active,[data-active]){transform:scale(.96)}.icon-button--size_medium{width:var(--sizes-500);height:var(--sizes-500)}.icon-button--size_medium>svg{width:var(--sizes-300);height:var(--sizes-300)}.icon-button--size_large{width:var(--sizes-600);height:var(--sizes-600)}.icon-button--size_large>svg{width:var(--sizes-400);height:var(--sizes-400)}.separator--orientation_horizontal{height:var(--sizes-10);width:var(--sizes-full)}.separator--orientation_vertical{width:var(--sizes-10);height:var(--sizes-full)}.link--variant_underline{border-bottom-right-radius:var(--radii-500);display:inline-block;position:relative}.link--variant_underline:after{background:var(--colors-text-secondary);content:"";--transition-prop: color, background-color;--transition-duration: var(--durations-200);transition-property:color,background-color;transition-duration:var(--durations-200);--transition-easing: var(--easings-ease);transition-timing-function:var(--easings-ease);left:var(--spacing-0);right:var(--spacing-0);height:1px;position:absolute;bottom:-4px}.link--variant_underline:is(:hover,[data-hover]):after{background:var(--colors-text-primary)}.link--variant_standalone{text-decoration:none}.avatar--size_large{width:var(--sizes-600);height:var(--sizes-600)}.avatar--size_large>span{font-size:var(--font-sizes-400)}.avatar--size_medium{width:var(--sizes-500);height:var(--sizes-500)}.avatar--size_medium>span{font-size:var(--font-sizes-300)}.button--color_primary{background:var(--colors-bg-primary);border:1px solid;border-color:var(--colors-border-primary);padding-inline:var(--spacing-400);color:var(--colors-text-primary)}.button--color_primary:is(:hover,[data-hover]){background:var(--colors-button-bg-hover)}.button--size_medium{height:var(--sizes-500)}.button--press_default:is(:active,[data-active]){transform:scale(.96)}.button--color_contrast{background:var(--colors-newsletter-button-bg);padding-inline:var(--spacing-400);color:var(--colors-page-bg-primary)}.button--color_contrast:is(:hover,[data-hover]){opacity:.92}.button--size_small{height:var(--sizes-450)}}@layer utilities{.--bleed-x_token\(spacing\.300\,_300\){--bleed-x: var(--spacing-300, 300)}.--bleed-y_token\(spacing\.0\,_0\){--bleed-y: var(--spacing-0, 0)}.p_300{padding:var(--spacing-300)}.bg_bg\.primary{background:var(--colors-bg-primary)}.bd_1px_solid{border:1px solid}.bg_text\.primary{background:var(--colors-text-primary)}.inset_0{inset:var(--spacing-0)}.anim_spin_1s_linear_infinite{animation:1s linear infinite spin}.bg_category-work-bg{background:var(--colors-category-work-bg)}.bg_category-personal-bg{background:var(--colors-category-personal-bg)}.bg_text\.tertiary{background:var(--colors-text-tertiary)}.p_400{padding:var(--spacing-400)}.p_500{padding:var(--spacing-500)}.inset_\[-200\%\]{inset:-200%}.bg_dialog-overlay-bg{background:var(--colors-dialog-overlay-bg)}.anim_caretBlink_1s_linear_infinite{animation:1s linear infinite caretBlink}.bg_\[oklch\(0\.145_0_0\)\]{background:#0a0a0a}.bg_writing-list-bg-hover{background:var(--colors-writing-list-bg-hover)}.bg_newsletter-bg{background:var(--colors-newsletter-bg)}.bg_newsletter-media-bg{background:var(--colors-newsletter-media-bg)}.bg_card-bg{background:var(--colors-card-bg)}.p_0{padding:var(--spacing-0)}.bd_none{border:none}.bg_icon-button-glass-bg{background:var(--colors-icon-button-glass-bg)}.mx_auto{margin-inline:auto}.gap_600{gap:var(--spacing-600)}.flex_1{flex:1}.gap_400{gap:var(--spacing-400)}.bd-c_border\.primary{border-color:var(--colors-border-primary)}.bdr_100{border-radius:var(--radii-100)}.px_200{padding-inline:var(--spacing-200)}.py_75{padding-block:var(--spacing-75)}.td_underline{text-decoration:underline}.gap_700{gap:var(--spacing-700)}.gap_300{gap:var(--spacing-300)}.gap_100{gap:var(--spacing-100)}.gap_50{gap:var(--spacing-50)}.gap_200{gap:var(--spacing-200)}.gap_500{gap:var(--spacing-500)}.bdr_400{border-radius:var(--radii-400)}.ov_hidden{overflow:hidden}.bdr_full{border-radius:var(--radii-full)}.bdr_300{border-radius:var(--radii-300)}.py_900{padding-block:var(--spacing-900)}.bd-c_border\.error{border-color:var(--colors-border-error)}.gap_900{gap:var(--spacing-900)}.gap_75{gap:var(--spacing-75)}.bdr_200{border-radius:var(--radii-200)}.mx_calc\(var\(--bleed-x\,_0\)_\*_-1\){margin-inline:calc(var(--bleed-x, 0) * -1)}.my_calc\(var\(--bleed-y\,_0\)_\*_-1\){margin-block:calc(var(--bleed-y, 0) * -1)}.td_none{text-decoration:none}.gap_800{gap:var(--spacing-800)}.py_200{padding-block:var(--spacing-200)}.px_300{padding-inline:var(--spacing-300)}.px_4{padding-inline:4px}.py_400{padding-block:var(--spacing-400)}.px_700{padding-inline:var(--spacing-700)}.d_flex{display:flex}.flex-d_column{flex-direction:column}.jc_center{justify-content:center}.ai_center{align-items:center}.c_text\.secondary{color:var(--colors-text-secondary)}.fs_300{font-size:var(--font-sizes-300)}.lh_line-height-300{line-height:var(--line-heights-line-height-300)}.ls_letter-spacing-200{letter-spacing:var(--letter-spacings-letter-spacing-200)}.fs_75{font-size:var(--font-sizes-75)}.fw_medium{font-weight:var(--font-weights-medium)}.lh_line-height-0{line-height:var(--line-heights-line-height-0)}.ls_letter-spacing-100{letter-spacing:var(--letter-spacings-letter-spacing-100)}.c_text\.primary{color:var(--colors-text-primary)}.ai_baseline{align-items:baseline}.jc_space-between{justify-content:space-between}.flex-wrap_wrap{flex-wrap:wrap}.pos_fixed{position:fixed}.trf_scaleX\(0\){transform:scaleX(0)}.trf-o_left{transform-origin:0}.z_50{z-index:50}.pointer-events_none{pointer-events:none}.stk-w_1\.5{stroke-width:1.5px}.ai_start{align-items:start}.ai_end{align-items:end}.obj-f_cover{object-fit:cover}.pos_relative{position:relative}.as_start{align-self:start}.asp_4_\/_5{aspect-ratio:4 / 5}.bx-sh_card-outer-border-shadow{box-shadow:var(--shadows-card-outer-border-shadow)}.bg-c_bg\.primary{background-color:var(--colors-bg-primary)}.us_none{-webkit-user-select:none;user-select:none}.flex-sh_0{flex-shrink:0}.pos_absolute{position:absolute}.bx-sh_card-border-shadow{box-shadow:var(--shadows-card-border-shadow)}.obj-p_top{object-position:top}.filter_\[blur\(0\.4px\)\]{filter:blur(.4px)}.image-rendering_auto{image-rendering:auto}.fs_1000{font-size:var(--font-sizes-1000)}.d_grid{display:grid}.grid-tc_1fr_1fr{grid-template-columns:1fr 1fr}.d_inline-flex{display:inline-flex}.tt_uppercase{text-transform:uppercase}.ls_letter-spacing-0{letter-spacing:var(--letter-spacings-letter-spacing-0)}.c_category-work-fg{color:var(--colors-category-work-fg)}.c_category-personal-fg{color:var(--colors-category-personal-fg)}.bx-sh_600{box-shadow:var(--shadows-600)}.grid-tc_1fr{grid-template-columns:1fr}.fs_200{font-size:var(--font-sizes-200)}.bg-i_url\(\/noise\.svg\){background-image:url(/noise.svg)}.z_40{z-index:40}.trs-prop_common{--transition-prop: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}.trs-tmf_ease{--transition-easing: var(--easings-ease);transition-timing-function:var(--easings-ease)}.trs-dur_200{--transition-duration: var(--durations-200);transition-duration:var(--durations-200)}.d_block{display:block}.fs_400{font-size:var(--font-sizes-400)}.bx-sh_200{box-shadow:var(--shadows-200)}.trs-prop_\[color\,_box-shadow\,_border-color\]{--transition-prop: color, box-shadow, border-color;transition-property:color,box-shadow,border-color}.anim-n_otpShake{animation-name:otpShake}.anim-dur_350{animation-duration:var(--durations-350)}.anim-tmf_ease{animation-timing-function:var(--easings-ease)}.anim-dur_400{animation-duration:var(--durations-400)}.anim-tmf_ease-out{animation-timing-function:var(--easings-ease-out)}.anim-fm_both{animation-fill-mode:both}.anim-n_revealFadeIn{animation-name:revealFadeIn}.anim-n_revealLiftIn{animation-name:revealLiftIn}.c_\[oklch\(1_0_0\)\]{color:#fff}.trf-o_var\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.anim-dur_150{animation-duration:var(--durations-150)}.anim-fm_forwards{animation-fill-mode:forwards}.fill_\[oklch\(0\.145_0_0\)\]{fill:#0a0a0a}.z_0{z-index:0}.z_1{z-index:1}.flex-d_row{flex-direction:row}.trs-prop_colors{--transition-prop: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke}.d_none{display:none}.c_newsletter-media-icon{color:var(--colors-newsletter-media-icon)}.sr_true{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stk-w_1{stroke-width:1px}.stk-w_2{stroke-width:2px}.ai_stretch{align-items:stretch}.asp_\[16\/10\]{aspect-ratio:16 / 10}.obj-p_center_center{object-position:center center}.trf_\[translateY\(-50\%\)\]{transform:translateY(-50%)}.trf_\[translateX\(-50\%\)\]{transform:translate(-50%)}.cursor_pointer{cursor:pointer}.grid-tc_repeat\(2\,_1fr\){grid-template-columns:repeat(2,1fr)}.min-h_screen{min-height:100vh}.max-w_homepage-container-width{max-width:var(--sizes-homepage-container-width)}.w_full{width:var(--sizes-full)}.ov-x_auto{overflow-x:auto}.top_0{top:var(--spacing-0)}.left_0{left:var(--spacing-0)}.right_0{right:var(--spacing-0)}.h_25{height:var(--sizes-25)}.bottom_400{bottom:var(--spacing-400)}.right_400{right:var(--spacing-400)}.max-w_1900{max-width:var(--sizes-1900)}.h_full{height:var(--sizes-full)}.w_200{width:var(--sizes-200)}.h_200{height:var(--sizes-200)}.w_1600{width:var(--sizes-1600)}.w_1800{width:var(--sizes-1800)}.max-w_1600{max-width:var(--sizes-1600)}.w_75{width:var(--sizes-75)}.h_75{height:var(--sizes-75)}.mt_100{margin-top:var(--spacing-100)}.pt_400{padding-top:var(--spacing-400)}.w_\[400\%\]{width:400%}.h_\[400\%\]{height:400%}.top_300{top:var(--spacing-300)}.right_300{right:var(--spacing-300)}.w_500{width:var(--sizes-500)}.h_500{height:var(--sizes-500)}.min-h_300{min-height:var(--sizes-300)}.h_550{height:var(--sizes-550)}.w_25{width:var(--sizes-25)}.h_250{height:var(--sizes-250)}.max-w_1300{max-width:var(--sizes-1300)}.w_150{width:var(--sizes-150)}.min-w_0{min-width:var(--sizes-0)}.max-w_8xl{max-width:8xl}.w_900{width:var(--sizes-900)}.h_900{height:var(--sizes-900)}.w_250{width:var(--sizes-250)}.max-w_1800{max-width:var(--sizes-1800)}.top_\[50\%\]{top:50%}.left_300{left:var(--spacing-300)}.bottom_300{bottom:var(--spacing-300)}.left_\[50\%\]{left:50%}.w_100{width:var(--sizes-100)}.h_100{height:var(--sizes-100)}.w_175{width:var(--sizes-175)}.h_175{height:var(--sizes-175)}.\[\&_\:not\(pre\)_\>_code\]\:bg_bg\.primary :not(pre)>code,.\[\&_pre\]\:bg_bg\.primary pre{background:var(--colors-bg-primary)}.\[\&_\[data-rehype-pretty-code-title\]\]\:bg_border\.primary [data-rehype-pretty-code-title]{background:var(--colors-border-primary)}.\[\&_\[data-highlighted-line\]\]\:bg_icon-button-glass-bg [data-highlighted-line]{background:var(--colors-icon-button-glass-bg)}.\[\&_\[data-highlighted-chars\]\]\:bg_icon-button-glass-bg-hover [data-highlighted-chars]{background:var(--colors-icon-button-glass-bg-hover)}.\[\&_p\,_\&_blockquote\]\:tw_\[pretty\] p,.\[\&_p\,_\&_blockquote\]\:tw_\[pretty\] blockquote{text-wrap:pretty}.\[\&_h2\]\:tw_balance h2,.\[\&_h3\]\:tw_balance h3,.\[\&_h4\]\:tw_balance h4{text-wrap:balance}.\[\&_a\]\:td_underline a{text-decoration:underline}.\[\&_ul\,_\&_ol\]\:gap_200 ul,.\[\&_ul\,_\&_ol\]\:gap_200 ol{gap:var(--spacing-200)}.\[\&_li\]\:tw_\[pretty\] li{text-wrap:pretty}.\[\&_\:not\(pre\)_\>_code\]\:px_75 :not(pre)>code{padding-inline:var(--spacing-75)}.\[\&_\:not\(pre\)_\>_code\]\:py_50 :not(pre)>code{padding-block:var(--spacing-50)}.\[\&_\:not\(pre\)_\>_code\]\:bdr_100 :not(pre)>code{border-radius:var(--radii-100)}.\[\&_pre\]\:py_400 pre{padding-block:var(--spacing-400)}.\[\&_pre\]\:px_0 pre{padding-inline:var(--spacing-0)}.\[\&_pre\]\:bdr_200 pre{border-radius:var(--radii-200)}.\[\&_\[data-line\]\]\:px_400 [data-line],.\[\&_\[data-rehype-pretty-code-title\]\]\:px_400 [data-rehype-pretty-code-title]{padding-inline:var(--spacing-400)}.\[\&_\[data-rehype-pretty-code-title\]\]\:py_200 [data-rehype-pretty-code-title]{padding-block:var(--spacing-200)}.\[\&_\[data-rehype-pretty-code-title\]\]\:bdr_200 [data-rehype-pretty-code-title]{border-radius:var(--radii-200)}.\[\&_\[data-highlighted-line\]\]\:bd-l_2px_solid [data-highlighted-line]{border-left:2px solid}.\[\&_\[data-highlighted-line\]\]\:bd-c_border\.secondary [data-highlighted-line]{border-color:var(--colors-border-secondary)}.\[\&_\[data-highlighted-chars\]\]\:px_50 [data-highlighted-chars]{padding-inline:var(--spacing-50)}.\[\&_\[data-highlighted-chars\]\]\:py_50 [data-highlighted-chars]{padding-block:var(--spacing-50)}.\[\&_\[data-highlighted-chars\]\]\:bdr_100 [data-highlighted-chars]{border-radius:var(--radii-100)}.\[\&_blockquote\]\:bd-l_2px_solid blockquote{border-left:2px solid}.\[\&_blockquote\]\:bd-c_border\.secondary blockquote,.\[\&\[data-active\=true\]\]\:bd-c_border\.secondary[data-active=true]{border-color:var(--colors-border-secondary)}.\[\&\[data-active\=true\]\]\:bd-c_border\.error[data-active=true]{border-color:var(--colors-border-error)}.\[\&_h2\]\:c_text\.primary h2{color:var(--colors-text-primary)}.\[\&_h2\]\:fs_700 h2{font-size:var(--font-sizes-700)}.\[\&_h2\]\:lh_line-height-100 h2{line-height:var(--line-heights-line-height-100)}.\[\&_h2\]\:ls_letter-spacing-100 h2{letter-spacing:var(--letter-spacings-letter-spacing-100)}.\[\&_h3\]\:c_text\.primary h3{color:var(--colors-text-primary)}.\[\&_h3\]\:fs_500 h3{font-size:var(--font-sizes-500)}.\[\&_h3\]\:lh_line-height-100 h3{line-height:var(--line-heights-line-height-100)}.\[\&_h3\]\:ls_letter-spacing-100 h3{letter-spacing:var(--letter-spacings-letter-spacing-100)}.\[\&_h4\]\:c_text\.primary h4{color:var(--colors-text-primary)}.\[\&_h4\]\:fs_400 h4{font-size:var(--font-sizes-400)}.\[\&_h4\]\:fw_semibold h4{font-weight:var(--font-weights-semibold)}.\[\&_h4\]\:lh_line-height-100 h4{line-height:var(--line-heights-line-height-100)}.\[\&_h4\]\:ls_letter-spacing-100 h4{letter-spacing:var(--letter-spacings-letter-spacing-100)}.\[\&_strong\]\:c_text\.primary strong{color:var(--colors-text-primary)}.\[\&_strong\]\:fw_semibold strong{font-weight:var(--font-weights-semibold)}.\[\&_a\]\:c_text\.primary a{color:var(--colors-text-primary)}.\[\&_ul\,_\&_ol\]\:d_flex ul,.\[\&_ul\,_\&_ol\]\:d_flex ol{display:flex}.\[\&_ul\,_\&_ol\]\:flex-d_column ul,.\[\&_ul\,_\&_ol\]\:flex-d_column ol{flex-direction:column}.\[\&_ul\]\:li-t_disc ul{list-style-type:disc}.\[\&_ol\]\:li-t_decimal ol{list-style-type:decimal}.\[\&_\:not\(pre\)_\>_code\]\:fs_200 :not(pre)>code,.\[\&_pre\]\:fs_200 pre{font-size:var(--font-sizes-200)}.\[\&_\[data-rehype-pretty-code-title\]\]\:fs_100 [data-rehype-pretty-code-title]{font-size:var(--font-sizes-100)}.\[\&_\[data-rehype-pretty-code-title\]\]\:fw_medium [data-rehype-pretty-code-title]{font-weight:var(--font-weights-medium)}.\[\&_\[data-rehype-pretty-code-title\]\]\:c_text\.secondary [data-rehype-pretty-code-title]{color:var(--colors-text-secondary)}.\[\&_\[data-rehype-pretty-code-caption\]\]\:fs_75 [data-rehype-pretty-code-caption]{font-size:var(--font-sizes-75)}.\[\&_\[data-rehype-pretty-code-caption\]\]\:c_text\.tertiary [data-rehype-pretty-code-caption]{color:var(--colors-text-tertiary)}.\[\&_code\[data-line-numbers\]\]\:counter-reset_line code[data-line-numbers]{counter-reset:line}.\[\&_code\[data-line-numbers\]_\>_\[data-line\]\:\:before\]\:counter-increment_line code[data-line-numbers]>[data-line]:before{counter-increment:line}.\[\&_code\[data-line-numbers\]_\>_\[data-line\]\:\:before\]\:content_counter\(line\) code[data-line-numbers]>[data-line]:before{content:counter(line)}.\[\&_code\[data-line-numbers\]_\>_\[data-line\]\:\:before\]\:d_inline-block code[data-line-numbers]>[data-line]:before{display:inline-block}.\[\&_code\[data-line-numbers\]_\>_\[data-line\]\:\:before\]\:ta_right code[data-line-numbers]>[data-line]:before{text-align:right}.\[\&_code\[data-line-numbers\]_\>_\[data-line\]\:\:before\]\:c_text\.tertiary code[data-line-numbers]>[data-line]:before,.\[\&_blockquote\]\:c_text\.tertiary blockquote{color:var(--colors-text-tertiary)}.\[\&\[data-active\=true\]\]\:z_1[data-active=true]{z-index:1}.\[\&\[data-active\=true\]\]\:bx-sh_\[0_0_0_2px_token\(colors\.focus-indicator\)\][data-active=true]{box-shadow:0 0 0 2px var(--colors-focus-indicator)}.\[\&\[data-active\=true\]\]\:bx-sh_\[0_0_0_2px_color-mix\(in_oklab\,_token\(colors\.border\.error\)_35\%\,_transparent\)\][data-active=true]{box-shadow:0 0 0 2px color-mix(in oklab,var(--colors-border-error) 35%,transparent)}.\[\&\[data-state\=\"delayed-open\"\]\,_\&\[data-state\=\"instant-open\"\]\]\:anim-n_tooltipFadeIn[data-state=delayed-open],.\[\&\[data-state\=\"delayed-open\"\]\,_\&\[data-state\=\"instant-open\"\]\]\:anim-n_tooltipFadeIn[data-state=instant-open]{animation-name:tooltipFadeIn}.\[\&\[data-state\=\"closed\"\]\]\:anim-n_tooltipFadeOut[data-state=closed]{animation-name:tooltipFadeOut}.\[\&\[data-state\=\"closed\"\]\]\:anim-dur_100[data-state=closed]{animation-duration:var(--durations-100)}.\[\&\[data-state\=\"closed\"\]\]\:anim-tmf_ease[data-state=closed]{animation-timing-function:var(--easings-ease)}.\[\&_\>_\:first-child\]\:mt_0>:first-child{margin-top:var(--spacing-0)}.\[\&_h2\]\:mt_500 h2{margin-top:var(--spacing-500)}.\[\&_h3\]\:mt_300 h3{margin-top:var(--spacing-300)}.\[\&_h4\]\:mt_100 h4{margin-top:var(--spacing-100)}.\[\&_ul\,_\&_ol\]\:pl_400 ul,.\[\&_ul\,_\&_ol\]\:pl_400 ol{padding-left:var(--spacing-400)}.\[\&_pre\]\:ov-x_auto pre{overflow-x:auto}.\[\&_\[data-rehype-pretty-code-title\]\]\:mb_100 [data-rehype-pretty-code-title]{margin-bottom:var(--spacing-100)}.\[\&_\[data-rehype-pretty-code-caption\]\]\:mt_100 [data-rehype-pretty-code-caption]{margin-top:var(--spacing-100)}.\[\&_code\[data-line-numbers\]_\>_\[data-line\]\:\:before\]\:w_300 code[data-line-numbers]>[data-line]:before{width:var(--sizes-300)}.\[\&_code\[data-line-numbers\]_\>_\[data-line\]\:\:before\]\:mr_400 code[data-line-numbers]>[data-line]:before{margin-right:var(--spacing-400)}.\[\&_blockquote\]\:pl_400 blockquote{padding-left:var(--spacing-400)}.\[\&_\>_svg\]\:w_250>svg{width:var(--sizes-250)}.\[\&_\>_svg\]\:h_250>svg{height:var(--sizes-250)}.focusVisible\:bg_writing-list-bg-hover:is(:focus-visible,[data-focus-visible]){background:var(--colors-writing-list-bg-hover)}.focusVisible\:ring_none:is(:focus-visible,[data-focus-visible]){outline-offset:2px;outline:2px solid #0000}.focusVisible\:bx-sh_\[0_0_0_2px_token\(colors\.focus-indicator\)\]:is(:focus-visible,[data-focus-visible]){box-shadow:0 0 0 2px var(--colors-focus-indicator)}.hover\:bg_button-bg-hover:is(:hover,[data-hover]){background:var(--colors-button-bg-hover)}.hover\:c_text\.primary:is(:hover,[data-hover]){color:var(--colors-text-primary)}.active\:trf_scale\(0\.96\):is(:active,[data-active]){transform:scale(.96)}@media screen and (min-width: 40rem){.sm\:grid-tc_1fr_auto_1fr{grid-template-columns:1fr auto 1fr}.sm\:jc_start{justify-content:start}.sm\:jc_end{justify-content:end}.sm\:flex-d_row{flex-direction:row}.sm\:d_flex{display:flex}.sm\:grid-tc_repeat\(3\,_1fr\){grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 48rem){.md\:p_500{padding:var(--spacing-500)}.md\:px_6{padding-inline:6px}.md\:grid-tc_repeat\(2\,_1fr\){grid-template-columns:repeat(2,1fr)}.md\:flex-d_row{flex-direction:row}.md\:ai_center{align-items:center}}@media screen and (min-width: 64rem){.lg\:p_700{padding:var(--spacing-700)}.lg\:px_8{padding-inline:8px}.lg\:flex-d_row{flex-direction:row}.lg\:ai_center{align-items:center}.lg\:d_block{display:block}.lg\:grid-tc_repeat\(3\,_1fr\){grid-template-columns:repeat(3,1fr)}.lg\:w_portrait-avatar-width{width:var(--sizes-portrait-avatar-width)}}@media (prefers-reduced-motion: reduce){.motionReduce\:anim_\[none\]{animation:none}.motionReduce\:anim-n_\[none\]{animation-name:none}.motionReduce\:anim-n_revealFadeIn{animation-name:revealFadeIn}.motionReduce\:trs-dur_0{--transition-duration: var(--durations-0);transition-duration:var(--durations-0)}}}@layer recipes.slots{@layer _base{.card__root{border-radius:var(--radii-200);aspect-ratio:1;-webkit-user-select:none;user-select:none;background-color:var(--colors-card-bg);box-shadow:var(--shadows-card-outer-border-shadow);cursor:pointer;width:var(--sizes-full);display:block;position:relative;overflow:hidden}.card__imageOverlay{opacity:.3;filter:contrast(110%) grayscale();--transition-prop: filter, opacity;--transition-duration: var(--durations-400);transition-property:filter,opacity;transition-duration:var(--durations-400);--transition-easing: var(--easings-ease);transition-timing-function:var(--easings-ease);width:var(--sizes-full);height:var(--sizes-full)}.group:is(:hover,[data-hover]) .card__imageOverlay{opacity:1;filter:contrast() grayscale(0%)}.card__image{inset:var(--spacing-0);object-fit:cover;object-position:center center;--transition-prop: transform;--transition-duration: var(--durations-400);transition-property:transform;transition-duration:var(--durations-400);--transition-easing: var(--easings-ease-in-out);transition-timing-function:var(--easings-ease-in-out);width:var(--sizes-full);height:var(--sizes-full);position:absolute}.group:is(:hover,[data-hover]) .card__image{transform:scale(1.02)}.card__footer{padding-inline:var(--spacing-300);width:var(--sizes-full);bottom:var(--spacing-0);padding-bottom:var(--spacing-300);padding-top:var(--spacing-500);position:absolute}.card__footerText{z-index:10;text-shadow:var(--shadows-card-footer-text-shadow);flex-shrink:0;position:relative;transform:none}.card__footerBg{opacity:.5;--transition-prop: opacity;--transition-duration: var(--durations-400);transition-property:opacity;transition-duration:var(--durations-400);--transition-easing: var(--easings-ease);transition-timing-function:var(--easings-ease);bottom:var(--spacing-0);left:var(--spacing-0);width:var(--sizes-full);height:var(--sizes-full);background-image:linear-gradient(#0000,#000c);position:absolute}.card__lockBadge{background:var(--colors-icon-button-glass-bg);border-radius:var(--radii-full);border:1px solid;border-color:var(--colors-icon-button-glass-border);z-index:20;-webkit-backdrop-filter:blur(6px);box-shadow:var(--shadows-200);color:var(--colors-text-primary);pointer-events:none;top:var(--spacing-200);right:var(--spacing-200);width:var(--sizes-300);height:var(--sizes-300);justify-content:center;align-items:center;display:inline-flex;position:absolute}.card__lockBadge>svg{width:var(--sizes-150);height:var(--sizes-150);flex-shrink:0}.card__overlay{inset:var(--spacing-0);border-radius:var(--radii-200);box-shadow:var(--shadows-card-border-shadow);pointer-events:none;position:absolute}.card__noise{inset:var(--spacing-0);opacity:.02;pointer-events:none;background-image:url(/noise.svg);background-repeat:repeat;position:absolute}.tabs__root{padding:var(--spacing-75);background:var(--colors-bg-primary);gap:var(--spacing-100);border:1px solid;border-color:var(--colors-border-primary);border-radius:var(--radii-full);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.tabs__trigger{gap:var(--spacing-100);padding-inline:var(--spacing-200);padding-block:var(--spacing-100);border-radius:var(--radii-full);z-index:10;line-height:var(--line-heights-line-height-0);justify-content:center;align-items:center;display:flex;position:relative}.tabs__trigger:is(:focus,[data-focus]){outline-offset:2px;outline:2px solid #0000}.tabs__hoverIndicator{background:var(--colors-tabs-button-bg);border-radius:var(--radii-full);line-height:var(--line-heights-line-height-0);top:var(--spacing-0);left:var(--spacing-0);height:var(--sizes-400);position:absolute}.tabs__activeIndicator{background:var(--colors-tabs-active-indicator-bg);border-radius:var(--radii-full);box-shadow:var(--shadows-tabs-button-shadow);top:calc(-1 * (var(--spacing-75) + var(--spacing-50)));left:var(--spacing-0);width:var(--sizes-300);height:var(--sizes-25);position:absolute}.textfield__root{gap:var(--spacing-100);min-width:var(--sizes-0);flex-direction:column;flex:1;display:flex}.textfield__input{background:var(--colors-bg-primary);padding-inline:var(--spacing-200);border-radius:var(--radii-100);border:1px solid;border-color:var(--colors-border-primary);font-size:var(--font-sizes-200);color:var(--colors-text-secondary);font-weight:var(--font-weights-regular);line-height:var(--line-heights-line-height-0);letter-spacing:var(--letter-spacings-letter-spacing-100);box-shadow:var(--shadows-200);--transition-prop: color, box-shadow;--transition-easing: var(--easings-ease);transition-property:color,box-shadow;transition-timing-function:var(--easings-ease);--transition-duration: var(--durations-200);transition-duration:var(--durations-200);height:var(--sizes-450)}.textfield__input::placeholder,.textfield__input[data-placeholder]{color:var(--colors-text-secondary);font-weight:var(--font-weights-regular);font-size:var(--font-sizes-200)}.textfield__input:is(:focus-visible,[data-focus-visible]){outline-offset:2px;box-shadow:0 0 0 2px var(--colors-focus-indicator);outline:2px solid #0000}}.tabs__trigger--active_false{color:var(--colors-text-secondary)}}@layer base{*{border-color:var(--colors-border-primary);scrollbar-width:thin;scrollbar-color:var(--colors-gray-300) transparent}@media (prefers-reduced-motion: no-preference){html:has(:target){scroll-behavior:smooth}}@media (prefers-reduced-motion: no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:var(--durations-200);animation-timing-function:var(--easings-ease-out)}}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@supports (animation-timeline: scroll()){.reading-progress{animation:progressGrow linear both;animation-timeline:scroll(root block)}}body{background-color:var(--colors-page-bg-primary);color:var(--colors-text-primary);font-family:var(--fonts-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}