@keyframes soft-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-up{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-up{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(80px);transform:translate(80px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes fade-left{0%{-webkit-transform:translateX(80px);transform:translate(80px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@-webkit-keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}}@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}}@keyframes fade-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}}@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@-webkit-keyframes turn-on-overflow{0%{overflow:hidden}to{overflow:scroll;-webkit-overflow-scrolling:touch}}@keyframes turn-on-overflow{0%{overflow:hidden}to{overflow:auto}}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translate(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translate(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@-webkit-keyframes jello-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.155,.85,1);transform:scale3d(1.155,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes jello-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.155,.85,1);transform:scale3d(1.155,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@-webkit-keyframes crown-bottom-left{0%{left:20px;bottom:0;opacity:0}to{left:0;bottom:0;opacity:1}}@keyframes crown-bottom-left{0%{left:20px;bottom:0;opacity:0}to{left:0;bottom:0;opacity:1}}@-webkit-keyframes crown-left{0%{left:39px;right:0;top:44px;-webkit-transform:rotate(-115deg);transform:rotate(-115deg);opacity:0}to{left:29px;right:0;top:44px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);opacity:1}}@keyframes crown-left{0%{left:39px;right:0;top:44px;-webkit-transform:rotate(-115deg);transform:rotate(-115deg);opacity:0}to{left:29px;right:0;top:44px;transform:rotate(-135deg);opacity:1}}@-webkit-keyframes crown-center{0%{top:32px;left:50%;right:50%;-webkit-transform:translate(-54%,-50%) rotate(90deg);transform:translate(-54%,-50%) rotate(90deg);opacity:0}to{top:22px;left:50%;right:50%;-webkit-transform:translate(-54%,-50%) rotate(90deg);transform:translate(-54%,-50%) rotate(90deg);opacity:1}}@keyframes crown-center{0%{top:32px;left:50%;right:50%;-webkit-transform:translate(-54%,-50%) rotate(90deg);transform:translate(-54%,-50%) rotate(90deg);opacity:0}to{top:22px;left:50%;right:50%;-webkit-transform:translate(-54%,-50%) rotate(90deg);transform:translate(-54%,-50%) rotate(90deg);opacity:1}}@-webkit-keyframes crown-right{0%{left:19px;right:0;top:45px;-webkit-transform:rotate(115deg);transform:rotate(115deg);opacity:0}to{left:29px;right:0;top:45px;-webkit-transform:rotate(135deg);transform:rotate(135deg);opacity:1}}@keyframes crown-right{0%{left:19px;right:0;top:45px;-webkit-transform:rotate(115deg);transform:rotate(115deg);opacity:0}to{left:29px;right:0;top:45px;-webkit-transform:rotate(135deg);transform:rotate(135deg);opacity:1}}@-webkit-keyframes crown-bottom-right{0%{right:20px;bottom:0;opacity:0}to{right:0;bottom:0;opacity:1}}@keyframes crown-bottom-right{0%{right:20px;bottom:0;opacity:0}to{right:0;bottom:0;opacity:1}}@-webkit-keyframes winner-box-shadow-fade{0%{box-shadow:0 0 #0000}to{box-shadow:0 20px 60px #000000b3}}@keyframes winner-box-shadow-fade{0%{box-shadow:0 0 #0000}to{box-shadow:0 20px 60px #000000b3}}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-up{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes poster-left{0%{left:100px;opacity:0}to{left:40px;opacity:1}}@keyframes poster-left{0%{left:100px;opacity:0}to{left:40px;opacity:1}}@-webkit-keyframes poster-back-left{0%{left:100px;opacity:0}to{left:80px;opacity:1}}@keyframes poster-back-left{0%{left:100px;opacity:0}to{left:80px;opacity:1}}@-webkit-keyframes poster-right{0%{right:100px;opacity:0}to{right:40px;opacity:1}}@keyframes poster-right{0%{right:100px;opacity:0}to{right:40px;opacity:1}}@-webkit-keyframes poster-back-right{0%{right:100px;opacity:0}to{right:80px;opacity:1}}@keyframes poster-back-right{0%{right:100px;opacity:0}to{right:80px;opacity:1}}main:where(.astro-w63nlyzk){padding:var(--space-8);background:var(--color-background);color:var(--color-text);font-family:var(--font-ui)}h1:where(.astro-w63nlyzk){font-family:var(--font-heading);font-size:var(--text-3xl);margin-bottom:var(--space-2)}.subtitle:where(.astro-w63nlyzk){color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:var(--space-12)}h2:where(.astro-w63nlyzk){font-size:var(--text-lg);margin-bottom:var(--space-6);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}h3:where(.astro-w63nlyzk){font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);margin-bottom:var(--space-3)}section:where(.astro-w63nlyzk){margin-bottom:var(--space-16)}.shadow-grid:where(.astro-w63nlyzk){display:flex;gap:var(--space-8);flex-wrap:wrap;padding:var(--space-8) 0}.shadow-card:where(.astro-w63nlyzk){width:120px;height:120px;border-radius:9px;border-width:1px;border-color:var(--color-border);border-style:solid;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.shadow-card--1:where(.astro-w63nlyzk){box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b}.shadow-card--2:where(.astro-w63nlyzk){box-shadow:0 4px 2px -1px #00000028,0 3px 2.25px #0000002d}.shadow-card--3:where(.astro-w63nlyzk){box-shadow:0 5.6px 2.8px -1.4px #00000029,0 4px 3px #0000002e}.shadow-card--4:where(.astro-w63nlyzk){box-shadow:0 6.8px 3.4px -1.7px #0000002a,0 5px 3.75px #0000002f}.shadow-card--5:where(.astro-w63nlyzk){box-shadow:0 8px 4px -2px #0000002b,0 6px 4.5px #00000030}.shadow-card--inset:where(.astro-w63nlyzk){box-shadow:inset 0 4px 4px -1px #00000028}.shadow-label:where(.astro-w63nlyzk){font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.context-grid:where(.astro-w63nlyzk){display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-8)}.context-example:where(.astro-w63nlyzk){display:flex;flex-direction:column}.demo-card:where(.astro-w63nlyzk){background:var(--color-surface);border-width:1px;border-color:var(--color-border);border-style:solid;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:9px;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.demo-card--1:where(.astro-w63nlyzk){box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b}.demo-card--2:where(.astro-w63nlyzk){box-shadow:0 4px 2px -1px #00000028,0 3px 2.25px #0000002d}.demo-card--3:where(.astro-w63nlyzk){box-shadow:0 5.6px 2.8px -1.4px #00000029,0 4px 3px #0000002e}.demo-card--4:where(.astro-w63nlyzk){box-shadow:0 6.8px 3.4px -1.7px #0000002a,0 5px 3.75px #0000002f}.demo-card--5:where(.astro-w63nlyzk){box-shadow:0 8px 4px -2px #0000002b,0 6px 4.5px #00000030}.demo-dropdown:where(.astro-w63nlyzk){background:var(--color-surface);border-radius:9px;border-width:1px;border-color:var(--color-border);border-style:solid;overflow:hidden;width:fit-content;box-shadow:0 6.8px 3.4px -1.7px #0000002a,0 5px 3.75px #0000002f}.demo-dropdown-item:where(.astro-w63nlyzk){padding-block:var(--space-3);padding-inline:var(--space-5);font-size:var(--text-sm);border-bottom:1px solid var(--color-border);cursor:pointer}.demo-dropdown-item:where(.astro-w63nlyzk):last-child{border-bottom:none}.demo-dropdown-item:where(.astro-w63nlyzk):hover{background:var(--color-surface-raised)}.demo-modal:where(.astro-w63nlyzk){background:var(--color-surface);border-width:1px;border-color:var(--color-border);border-style:solid;padding-block:var(--space-4);padding-inline:var(--space-6);border-radius:12px;font-size:var(--text-sm);color:var(--color-text-muted);box-shadow:0 8px 4px -2px #0000002b,0 6px 4.5px #00000030}.demo-modal-title:where(.astro-w63nlyzk){font-weight:600;color:var(--color-text);font-size:var(--text-md);margin-bottom:var(--space-2)}.inset-grid:where(.astro-w63nlyzk){display:flex;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-8) 0;align-items:center}.inset-example:where(.astro-w63nlyzk){display:flex;flex-direction:column;gap:var(--space-2)}.demo-input:where(.astro-w63nlyzk){font-family:var(--font-ui);font-size:var(--text-sm);border-width:1px;border-color:var(--color-border);border-style:solid;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:6px;background:var(--color-surface);color:var(--color-text);outline:none;width:160px}.demo-input--1:where(.astro-w63nlyzk){box-shadow:inset 0 2.4px 2.4px -.6px #00000026}.demo-input--2:where(.astro-w63nlyzk){box-shadow:inset 0 4px 4px -1px #00000028}.demo-input--3:where(.astro-w63nlyzk){box-shadow:inset 0 5.6px 5.6px -1.4px #00000029}.demo-input--4:where(.astro-w63nlyzk){box-shadow:inset 0 6.8px 6.8px -1.7px #0000002a}.demo-input--5:where(.astro-w63nlyzk){box-shadow:inset 0 8px 8px -2px #0000002b}.demo-input--focus:where(.astro-w63nlyzk):focus{box-shadow:inset 0 4px 4px -1px #00000028;border-color:var(--color-interactive)}.shadow-label:where(.astro-w63nlyzk){font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.demo-buttons:where(.astro-w63nlyzk){display:flex;flex-wrap:wrap;gap:var(--space-3)}.demo-button:where(.astro-w63nlyzk){font-family:var(--font-ui);font-size:var(--text-sm);border-width:1px;border-color:var(--color-border);border-style:solid;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:6px;border:none;background:var(--color-surface);color:var(--color-text);cursor:pointer}.demo-button--1:where(.astro-w63nlyzk){box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b}.demo-button--2:where(.astro-w63nlyzk){box-shadow:0 4px 2px -1px #00000028,0 3px 2.25px #0000002d}.demo-button--3:where(.astro-w63nlyzk){box-shadow:0 5.6px 2.8px -1.4px #00000029,0 4px 3px #0000002e}.demo-button--4:where(.astro-w63nlyzk){box-shadow:0 6.8px 3.4px -1.7px #0000002a,0 5px 3.75px #0000002f}.demo-button--5:where(.astro-w63nlyzk){box-shadow:0 8px 4px -2px #0000002b,0 6px 4.5px #00000030}.comparison-grid:where(.astro-w63nlyzk){display:flex;gap:var(--space-3);align-items:center;padding:var(--space-12) var(--space-8);flex-wrap:wrap}.comparison-item:where(.astro-w63nlyzk){display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.comparison-card:where(.astro-w63nlyzk){width:80px;height:80px;border-width:1px;border-color:var(--color-border);border-style:solid;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:9px;background:var(--color-surface)}.comparison-card--1:where(.astro-w63nlyzk){box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b}.comparison-card--2:where(.astro-w63nlyzk){box-shadow:0 4px 2px -1px #00000028,0 3px 2.25px #0000002d}.comparison-card--3:where(.astro-w63nlyzk){box-shadow:0 5.6px 2.8px -1.4px #00000029,0 4px 3px #0000002e}.comparison-card--4:where(.astro-w63nlyzk){box-shadow:0 6.8px 3.4px -1.7px #0000002a,0 5px 3.75px #0000002f}.comparison-card--5:where(.astro-w63nlyzk){box-shadow:0 8px 4px -2px #0000002b,0 6px 4.5px #00000030}.comparison-label:where(.astro-w63nlyzk){font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}