*,::after,::before{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}::-moz-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);margin:0 auto;padding:0 var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:fixed;top:var(--space-4);left:var(--space-4);width:auto;height:auto;padding:var(--space-3) var(--space-5);margin:0;overflow:visible;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-hard);text-decoration:none;z-index:9999}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.overline{text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-text);display:block;margin-bottom:var(--space-3)}.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{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:var(--container-text);margin:0 auto}.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{position:relative;display:inline-block}.text-underline-playful::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:var(--radius-full)}.text-underline-squiggle{position:relative;display:inline-block}.text-underline-squiggle::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 6' preserveAspectRatio='none'%3E%3Cpath d='M0 3 Q5 0 10 3 T20 3 T30 3 T40 3 T50 3 T60 3 T70 3 T80 3 T90 3 T100 3' fill='none' stroke='%238B5CF6' stroke-width='2'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:40px 6px}.highlight-box{background:var(--color-primary-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline}.deco-confetti{position:absolute;pointer-events:none;z-index:0;width:12px;height:12px;border-radius:var(--radius-sm)}.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{position:absolute;pointer-events:none;z-index:0;background-image:radial-gradient(circle,var(--color-border-playful) 1.5px,transparent 1.5px);background-size:24px 24px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}html{scroll-behavior:auto}}.dev-index-body{background-color:var(--color-bg);min-height:100vh;display:flex;align-items:center;justify-content:center}.dev-index{padding:3rem 2rem;max-width:40rem;width:100%}.dev-index h1{font-family:var(--font-display);font-size:2rem;color:var(--color-text);margin-bottom:.5rem}.dev-index>p{color:var(--color-text-muted);margin-bottom:2rem;font-size:.9375rem}.dev-index code{font-family:var(--font-body);font-size:.8125rem;background-color:var(--color-muted);padding:.125rem .5rem;border-radius:var(--radius-sm);color:var(--color-primary)}.dev-index-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.dev-index-list a{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.5rem;background-color:var(--color-muted);border-radius:var(--radius-md);border:1px solid var(--color-border);text-decoration:none;transition:box-shadow .2s ease-out,border-color .2s ease-out,transform .2s ease-out}.dev-index-list a:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-playful);transform:translateY(-1px);text-decoration:none}.dev-index-list strong{font-size:1rem;color:var(--color-text)}.dev-index-list span{font-size:.875rem;color:var(--color-primary);font-family:var(--font-body);font-weight:500}.dev-index-list small{font-size:.8125rem;color:var(--color-muted-foreground)}