@layer reset,theme,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;user-select:none}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-inline-size:100%}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}}@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{--color-bg: oklch(.2 .05 290);--color-surface: oklch(30.447% .0673 291.648 / .3);--color-primary: oklch(.65 .28 295);--color-text: oklch(.98 .01 290);--color-border: oklch(.9 .02 290 / .1);--shadow-md: 0 4px 16px oklch(.05 .02 290 / .2);--shadow-lg: 0 8px 32px oklch(.05 .02 290 / .3)}html{overscroll-behavior:none;background:var(--color-bg);color:var(--color-text);color-scheme:dark;font-family:Inter,Roboto,sans-serif;writing-mode:horizontal-tb;--opacity: .05;--size: 6px 6px;background-image:linear-gradient(-45deg,oklch(.65 .28 295 / var(--opacity)) 25%,transparent 25%,transparent 50%,oklch(.65 .28 295 / var(--opacity)) 50%,oklch(.65 .28 295 / var(--opacity)) 75%,transparent 75%,transparent 100%);background-size:var(--size);background-attachment:fixed}}@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:16px 16px 96px;overflow-x:hidden;gap:1rem}.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:1rem}}@layer components{.card{display:flex;flex-direction:column;border-radius:16px;backdrop-filter:blur(12px);background:var(--color-surface);-webkit-backdrop-filter:blur(12px);width:100%;border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 15px #eb19d066}.card h1,.card h2{color:var(--color-text);font-weight:600;letter-spacing:-.02em;text-align:center}}@layer components{.page-slide-enter-active{transition:all .4s cubic-bezier(.2,.8,.2,1)}.page-slide-leave-active{transition:all .3s 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-b218c8c6]{display:flex;z-index:10;position:fixed;right:0;bottom:0;left:0;justify-content:center;padding-block-end:calc(1rem + env(safe-area-inset-bottom));pointer-events:none}@media(max-width:450px){footer[data-v-b218c8c6]{padding-block-end:env(safe-area-inset-bottom)}}nav[data-v-b218c8c6]{display:flex;justify-content:center;inline-size:fit-content;max-inline-size:100%;margin:0 2.5rem;padding:8px;overflow-x:auto;gap:.5rem;border-radius:32px;backdrop-filter:blur(12px);background-color:var(--color-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);box-shadow:0 4px 20px #0100014d;pointer-events:auto}@media(max-width:450px){nav[data-v-b218c8c6]{inline-size:100%;margin:0;padding-block:12px;border-top:1px solid var(--color-border);border-radius:0;background-color:var(--color-bg)}}nav [type=button][data-v-b218c8c6]{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding-inline:clamp(16px,3vw,24px);padding-block:10px;border-radius:1.5rem;background-color:transparent;color:var(--color-text);font-weight:500;font-size:.95rem;text-align:center;text-decoration:none;transition:all .2s ease}@media(max-width:450px){nav [type=button][data-v-b218c8c6]{flex:1}}nav [type=button][data-v-b218c8c6]:hover{background-color:#e6d9e40d;color:var(--color-text)}nav [type=button].router-link-active[data-v-b218c8c6]{background-color:#eb19d033;box-shadow:0 0 15px #eb19d033;color:#ff64f6;color:oklch(.75 .25 330)}nav [type=button] svg[data-v-b218c8c6]{fill:currentColor}.toast[data-v-b218c8c6]{z-index:100;position:fixed;top:1rem;right:1rem;padding:.75rem 1.25rem;border-radius:.5rem;backdrop-filter:blur(8px);background-color:var(--color-surface);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);box-shadow:0 8px 16px #01000166;color:var(--color-text);font-weight:500}.fade-enter-active[data-v-b218c8c6],.fade-leave-active[data-v-b218c8c6]{transition:opacity .3s ease}.fade-enter-from[data-v-b218c8c6],.fade-leave-to[data-v-b218c8c6]{opacity:0}