*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:100%;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-body);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw}::selection{background:var(--color-primary);color:#fff}::selection{background:var(--color-primary);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);color:var(--color-text);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl);font-weight:var(--weight-bold)}h4{font-size:var(--text-xl);font-weight:var(--weight-bold)}h5{font-size:var(--text-lg);font-weight:var(--weight-semibold)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold)}p{max-width:var(--container-text);margin-bottom:var(--space-4);font-size:var(--text-base)}a{color:var(--color-primary-text);transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-max);padding:0 var(--gutter);margin:0 auto}.sr-only,.sr-only-focusable{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus,.sr-only-focusable:active{top:var(--space-4);left:var(--space-4);width:auto;height:auto;padding:var(--space-3) var(--space-5);clip:auto;white-space:normal;background:var(--color-text);color:#fff;font-weight:var(--weight-bold);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:9999;margin:0;text-decoration:none;position:fixed;overflow:visible}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.overline{text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-text);margin-bottom:var(--space-3);display:block}.overline-light{color:#fff}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header .overline{display:inline-block}.section-header h2{margin-bottom:var(--space-4)}.section-header p,.subtitle{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:var(--container-text);margin:0 auto}.text-underline-playful{display:inline-block;position:relative}.text-underline-playful:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);height:4px;position:absolute;bottom:-4px;left:0;right:0}.text-underline-squiggle{display:inline-block;position:relative}.text-underline-squiggle:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-4px;left:0;right:0}.highlight-box{background:var(--color-primary-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline}.deco-confetti{pointer-events:none;z-index:0;border-radius:var(--radius-sm);width:12px;height:12px;position:absolute}.deco-confetti--violet{background:var(--color-primary)}.deco-confetti--pink{background:var(--color-secondary)}.deco-confetti--amber{background:var(--color-tertiary)}.deco-confetti--mint{background:var(--color-quaternary)}.deco-dots{pointer-events:none;z-index:0;background-image:radial-gradient(circle, var(--color-border-playful) 1.5px, transparent 1.5px);background-size:24px 24px;position:absolute}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.dev-index-body{background-color:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.dev-index{width:100%;max-width:40rem;padding:3rem 2rem}.dev-index h1{font-family:var(--font-display);color:var(--color-text);margin-bottom:.5rem;font-size:2rem}.dev-index>p{color:var(--color-text-muted);margin-bottom:2rem;font-size:.9375rem}.dev-index code{font-family:var(--font-body);background-color:var(--color-muted);border-radius:var(--radius-sm);color:var(--color-primary);padding:.125rem .5rem;font-size:.8125rem}.dev-index-list{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.dev-index-list a{background-color:var(--color-muted);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;gap:.25rem;padding:1rem 1.5rem;text-decoration:none;transition:box-shadow .2s ease-out,border-color .2s ease-out,transform .2s ease-out;display:flex}.dev-index-list a:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-playful);text-decoration:none;transform:translateY(-1px)}.dev-index-list strong{color:var(--color-text);font-size:1rem}.dev-index-list span{color:var(--color-primary);font-size:.875rem;font-family:var(--font-body);font-weight:500}.dev-index-list small{color:var(--color-muted-foreground);font-size:.8125rem}