*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0}img,video,svg{max-width:100%;display:block}button,input{font:inherit}:root{--background:#fff;--foreground:#171717}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay,0s), transform .9s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay,0s);transform:translateY(28px)}.reveal.is-in{opacity:1;transform:none}.reveal [data-stagger]{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(20px)}.reveal.is-in [data-stagger]{opacity:1;transform:none}.reveal.is-in [data-stagger="1"]{transition-delay:80ms}.reveal.is-in [data-stagger="2"]{transition-delay:.16s}.reveal.is-in [data-stagger="3"]{transition-delay:.24s}.reveal.is-in [data-stagger="4"]{transition-delay:.32s}.reveal.is-in [data-stagger="5"]{transition-delay:.4s}.reveal.is-in [data-stagger="6"]{transition-delay:.48s}.reveal.is-in [data-stagger="7"]{transition-delay:.56s}.reveal.is-in [data-stagger="8"]{transition-delay:.64s}.demo-root[data-editing] .demo-editable{outline:1.5px dashed color-mix(in srgb, var(--edit-accent,#d5a021) 70%, transparent);outline-offset:4px;cursor:text;border-radius:2px;transition:outline-color .2s,background-color .2s}.demo-root[data-editing] .demo-editable:hover{background-color:color-mix(in srgb, var(--edit-accent,#d5a021) 10%, transparent)}.demo-root[data-editing] .demo-editable:focus{outline:2px solid var(--edit-accent,#d5a021);background-color:color-mix(in srgb, var(--edit-accent,#d5a021) 8%, transparent)}.demo-editable{white-space:pre-line}.demo-bar{z-index:100;align-items:center;gap:10px;font:500 14px/1 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;bottom:20px;right:20px}.demo-bar__toggle,.demo-bar__reset{color:#fff;cursor:pointer;background:#141414;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 10px 30px #00000040}.demo-bar__toggle:hover,.demo-bar__reset:hover{transform:translateY(-2px)}.demo-bar__toggle[aria-pressed=true]{background:var(--edit-accent,#d5a021);color:#141414}.demo-bar__back{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414d1;border-radius:999px;align-items:center;gap:6px;padding:12px 16px;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:0 10px 30px #00000040}.demo-bar__back:hover{transform:translateY(-2px)}.demo-bar__reset{color:#141414;background:#fff;border-color:#0000001a}.demo-bar__hint{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414bf;border-radius:999px;padding:10px 14px;animation:.4s demo-pop}@keyframes demo-pop{0%{opacity:0;transform:translateY(6px)}}@media (max-width:640px){.demo-bar{bottom:12px;right:12px}.demo-bar__hint{display:none}}.lang-switch{position:relative}.lang-switch__btn{border:1px solid color-mix(in srgb, currentColor 35%, transparent);color:inherit;font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:background .2s;display:inline-flex}.lang-switch__btn:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.lang-switch__chev{transition:transform .2s}.lang-switch__btn[aria-expanded=true] .lang-switch__chev{transform:rotate(180deg)}.lang-switch__menu{color:#222;z-index:60;background:#fff;border-radius:14px;min-width:190px;margin:0;padding:6px;list-style:none;animation:.25s demo-pop;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 50px #0000002e}.lang-switch__menu button{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;padding:10px 12px;font-size:15px;display:flex}.lang-switch__menu button:hover{background:#0000000d}.lang-switch__menu button[aria-selected=true]{font-weight:700}.lang-switch__code{opacity:.45;letter-spacing:.08em;font-size:12px}.lang-switch__more{opacity:.5;border-top:1px solid #00000012;margin-top:4px;padding:8px 12px 6px;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal [data-stagger]{opacity:1;transform:none}}.flecks{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.flecks i{width:var(--s);height:var(--s);background:var(--fleck,#f3d58c);box-shadow:0 0 calc(var(--s) * 3) var(--fleck,#f3d58c);opacity:0;animation:fleck var(--t) ease-in-out var(--w) infinite;border-radius:50%;position:absolute}@keyframes fleck{0%{opacity:0;transform:translate(0)}20%{opacity:.85}50%{opacity:.25}75%{opacity:.7}to{opacity:0;transform:translate(18px,-90px)}}@media (prefers-reduced-motion:reduce){.flecks{display:none}}