@layer reset,theme,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}html{scrollbar-gutter:stable}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-inline-size:100%}img{font-style:italic}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}a{color:inherit;text-decoration:none}ul{padding:0;list-style:none}}@layer theme{@font-face{font-style:normal;font-weight:400;src:url(/assets/Roboto-Regular-D_GBj7WO.woff2) format("woff2"),url(/assets/Roboto-Regular-DtUgqS3r.woff) format("woff");font-family:Roboto;font-display:swap}@font-face{font-style:normal;font-weight:500;src:url(/assets/Roboto-Medium-DuHsc9L5.woff2) format("woff2"),url(/assets/Roboto-Medium-B621Y58w.woff) format("woff");font-family:Roboto;font-display:swap}@font-face{font-style:normal;font-weight:700;src:url(/assets/Roboto-Bold-C485d85l.woff2) format("woff2"),url(/assets/Roboto-Bold-gIYg1m0a.woff) format("woff");font-family:Roboto;font-display:swap}}@layer theme{:root{--surface: oklch(16.713% .0401 263.442);--surface-dim: oklch(16.713% .0401 263.442);--surface-bright: oklch(29.412% .0574 266.437);--surface-container-lowest: oklch(0% 0 0);--surface-container-low: oklch(19.049% .04529 263.474);--surface-container: oklch(21.412% .04742 266.368);--surface-container-high: oklch(24.325% .05053 264.952);--surface-container-highest: oklch(26.827% .05336 264.909);--surface-variant: oklch(26.827% .05336 264.909);--primary: oklch(75% .184 35);--primary-dim: oklch(70% .1955 35);--primary-container: oklch(63% .207 35);--primary-fixed: oklch(75% .184 35);--primary-fixed-dim: oklch(70% .1955 35);--on-primary: oklch(25% .115 35);--on-primary-container: oklch(20% .092 35);--on-primary-fixed: oklch(20% .092 35);--secondary: oklch(80% .161 75);--secondary-dim: oklch(73% .1725 75);--secondary-container: oklch(45% .138 75);--secondary-fixed: oklch(80% .161 75);--on-secondary: oklch(25% .092 75);--on-secondary-container: oklch(90% .069 75);--warning: oklch(82.866% .14517 73.537);--warning-dim: oklch(79.717% .16372 69.61);--warning-container: oklch(77.025% .17409 64.047);--on-warning: oklch(31.522% .0753 58.151);--on-warning-container: oklch(87.407% .11015 76.468);--error: oklch(71.96% .1745 24.442);--error-dim: oklch(58.396% .19565 24.776);--error-container: oklch(44.448% .17749 24.847);--on-error: oklch(25.547% .10346 24.524);--on-error-container: oklch(81.566% .10367 23.146);--on-surface: oklch(92.454% .03625 273.699);--on-surface-variant: oklch(74.102% .03838 273.527);--on-background: oklch(92.454% .03625 273.699);--background: oklch(16.713% .0401 263.442);--outline: oklch(56.4% .03697 270.109);--outline-variant: oklch(40.315% .03706 268.48);--inverse-surface: oklch(98.264% .00957 298.933);--inverse-on-surface: oklch(45.119% .03758 269.261);--inverse-primary: oklch(45% .1725 35);--font-headline: "Manrope", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-label: "Aldrich", system-ui, sans-serif;--container-width: 80rem;--section-padding: 96px 0;--spacing-4xs: .25rem;--spacing-3xs: .5rem;--spacing-2xs: .75rem;--spacing-xs: 1rem;--spacing-sm: 1.5rem;--spacing-md: 2rem;--spacing-lg: 2.5rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 5rem;--spacing-4xl: 6rem;--padding-5xs: 2px;--padding-4xs: 4px;--padding-3xs: 8px;--padding-2xs: 12px;--padding-xs: 16px;--padding-sm: 24px;--padding-md: 32px;--padding-lg: 40px;--padding-xl: 48px;--padding-2xl: 64px;--padding-3xl: 80px;--padding-4xl: 96px;--border-light: rgba(64, 72, 93, .1);--border-medium: rgba(64, 72, 93, .3);--border-primary-light: oklch(75% .184 35 / .2);--border-primary: oklch(75% .184 35 / .4);--glow-primary-subtle: oklch(75% .184 35 / .05);--glow-primary: oklch(75% .184 35 / .2);--glow-secondary-subtle: oklch(80% .161 75 / .05);--glow-secondary: oklch(80% .161 75 / .2);--shadow-ambient: 0 20px 40px oklch(75% .184 35 / .08);--shadow-glow: 0 0 30px oklch(75% .184 35 / .3);--shadow-card: 0 20px 50px oklch(75% .184 35 / .1);--shadow-lg: 0 8px 32px oklch(75% .184 35 / .15);--radius-xs: 1px;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-pill: 9999px;--header-height: 5rem;--banner-height: 2.25rem;--text-2xs: .5625rem;--text-xs: .625rem;--text-xs-alt: .6875rem;--text-sm: .75rem;--text-md: .8125rem;--text-base: .875rem;--text-lg: .9375rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.375rem;--text-4xl: 1.5rem;--text-5xl: 1.75rem;--text-6xl: 1.875rem;--text-7xl: 2rem;--text-8xl: 2.25rem;--text-9xl: 2.75rem;--text-10xl: 4rem;--tracking-extra-tight: -.05em;--tracking-tighter: -.04em;--tracking-tight: -.03em;--tracking-slight: -.02em;--tracking-normal: .05em;--tracking-wide: .1em;--tracking-wider: .15em;--tracking-widest: .2em;--tracking-ultra-wide: .25em;--duration-fast: .2s;--duration-normal: .25s;--duration-moderate: .3s;--duration-smooth: .35s;--duration-slow: .4s;--duration-slower: .7s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.25, .8, .25, 1);--nav-bg: oklch(10.41% .0401 263.442 / .6);--nav-text: oklch(87.08% .0132 252.09);--text-muted: oklch(72.34% .0201 256.04);--footer-bg: oklch(19.41% .0379 265.75);--footer-divider: oklch(24.63% .0267 261.63 / .5);--overlay-dark: oklch(0% 0 0 / .7);--overlay-medium: oklch(0% 0 0 / .5);--selection-bg: oklch(75% .184 35 / .3);--glass-bg: oklch(19.41% .0379 265.75 / .4);--border-extra-light: oklch(38.39% .0154 261.63 / .15);--border-light-alt: oklch(38.39% .0154 261.63 / .2);--bg-primary-subtle: oklch(75% .184 35 / .1);--bg-primary-very-subtle: oklch(75% .184 35 / .05);--bg-error-subtle: oklch(71.96% .1745 24.442 / .15);--primary-a10: oklch(75% .184 35 / .1);--primary-a20: oklch(75% .184 35 / .2);--primary-a30: oklch(75% .184 35 / .3);--primary-a40: oklch(75% .184 35 / .4);--primary-a50: oklch(75% .184 35 / .5);--primary-a60: oklch(75% .184 35 / .6);--blur-sm: 4px;--blur-md: 20px;--blur-lg: 48px;--blur-xl: 100px;--blur-2xl: 120px;--shadow-dark: 0 25px 50px oklch(0% 0 0 / .25);--shadow-fab: 0 4px 12px oklch(0% 0 0 / .35);--shadow-fab-hover: 0 6px 16px oklch(0% 0 0 / .4);--shadow-drawer: 4px 0 24px oklch(0% 0 0 / .6);--shadow-selected: 0 0 24px oklch(75% .184 35 / .15);--shadow-summary: 0 10px 40px oklch(0% 0 0 / .2);--shadow-soft-glow: 0 0 50px oklch(75% .184 35 / .05);--shadow-accent-light: 0 20px 40px oklch(75% .184 35 / .2);--shadow-icon: 0 8px 16px var(--glow-primary);--size-icon-xs: 1.75rem;--size-icon-sm: 2rem;--size-icon-md: 2.25rem;--size-icon-lg: 2.75rem;--size-icon-xl: 3rem;--size-icon-2xl: 3.5rem;--max-width-text: 42rem;--max-width-text-sm: 36rem;--max-width-card: 28rem;--max-width-note: 32rem;--max-width-modal: 48rem;--max-width-content: 52rem;--max-width-table: 56rem;--max-width-wide: 72rem;--max-width-drawer: 20rem}}@layer theme{html{overscroll-behavior:none;background-color:var(--surface);color:var(--on-surface);color-scheme:dark;font-family:var(--font-body)}::selection{background:var(--selection-bg)}h1,h2,h3,h4,h5,h6{color:var(--on-surface);font-weight:700;line-height:1.1;font-family:var(--font-headline)}}@layer layout{@container body (inline-size < 600px){.card-container{inline-size:24rem;block-size:32rem}}@container body (inline-size < 400px){.card-container{inline-size:16rem;block-size:36rem}}#app{container-name:body;container-type:inline-size;display:flex;flex-direction:column;align-items:center;min-block-size:100vh;padding:var(--padding-xs);padding-block-end:var(--padding-4xl);overflow-x:hidden;gap:var(--spacing-xs)}.card-container{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;inline-size:100%;max-inline-size:32rem;margin-inline:auto;gap:var(--spacing-xs)}}@layer components{.card{display:flex;flex-direction:column;border-radius:var(--radius-3xl);backdrop-filter:blur(12px);background-color:var(--surface-container-low);-webkit-backdrop-filter:blur(12px);inline-size:100%;border:1px solid var(--border-extra-light);box-shadow:var(--shadow-card)}.card h1,.card h2{color:var(--on-surface);font-weight:700;letter-spacing:var(--tracking-slight);text-align:center}}@layer components{.page-slide-enter-active{transition:all var(--duration-slow) var(--ease-bounce)}.page-slide-leave-active{transition:all var(--duration-moderate) cubic-bezier(1,.5,.8,1)}.page-slide-enter-from,.page-slide-leave-to{opacity:0}.page-slide-enter-from{transform:translateY(20px) scale(.98)}.page-slide-leave-to{transform:translateY(-20px) scale(.98)}}footer[data-v-69db6964]{display:flex;z-index:10;position:fixed;justify-content:center;inset-block-end:0;inset-inline:0;padding-block-end:calc(1rem + env(safe-area-inset-bottom));pointer-events:none}@media(max-width:450px){footer[data-v-69db6964]{padding-block-end:env(safe-area-inset-bottom)}}nav[data-v-69db6964]{display:flex;justify-content:center;inline-size:fit-content;max-inline-size:100%;margin:0 2.5rem;padding:var(--padding-3xs);overflow-x:auto;gap:var(--spacing-3xs);border-radius:var(--radius-pill);backdrop-filter:blur(12px);background-color:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-extra-light);box-shadow:0 4px 20px #0000004d;pointer-events:auto}@media(max-width:450px){nav[data-v-69db6964]{inline-size:100%;margin:0;padding-block:var(--padding-2xs);border-top:1px solid var(--border-extra-light);border-radius:0;background-color:var(--surface)}}nav [type=button][data-v-69db6964]{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding-inline:clamp(16px,3vw,24px);padding-block:10px;border-radius:var(--radius-3xl);background-color:transparent;color:var(--on-surface);font-weight:500;font-size:var(--text-lg);text-align:center;text-decoration:none;transition:all var(--duration-fast) var(--ease-default)}@media(max-width:450px){nav [type=button][data-v-69db6964]{flex:1}}nav [type=button][data-v-69db6964]:hover{background-color:var(--bg-primary-very-subtle);color:var(--on-surface)}nav [type=button].router-link-active[data-v-69db6964]{background-color:var(--primary-a20);box-shadow:0 0 15px var(--glow-primary);color:var(--primary)}nav [type=button] svg[data-v-69db6964]{fill:currentColor}
