:root{--body-color: #111;--body-bg: #fdfdfc;--muted: rgba(0, 0, 0, .4);--line: #e6e6e4;--box: #f2f2f2;--accent: #2f6df6;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-script: "Caveat", ui-serif, cursive}*{box-sizing:border-box}html{background:var(--body-bg);color:var(--body-color);scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:none}body{margin:0;font-family:var(--font-primary);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fade{content:"";pointer-events:none;z-index:9;position:fixed;top:0;left:0;right:0;height:8rem;background:linear-gradient(180deg,#fdfdfc 0,#fdfdfcbc 19%,#fdfdfc8a 34%,#fdfdfc61 47%,#fdfdfc47 56.5%,#fdfdfc31 65%,#fdfdfc20 73%,#fdfdfc13 80.2%,#fdfdfc0b 86.1%,#fdfdfc05 91%,#fdfdfc02 95.2%,#fdfdfc01 98.2%,#fdfdfc00)}@media screen and (max-width:768px){.fade{height:2.5rem}}.container{padding:5rem 1rem 2.5rem;max-width:36.375rem;margin:0 auto}@media screen and (max-width:768px){.container{padding:2rem 1.5rem 2.5rem}}.article-layout{position:relative;align-items:flex-start}.article-aside{position:fixed;top:5rem;left:5rem;z-index:10}@media(max-width:1080px){.article-aside{position:static;padding:0 0 2rem}}.back-button{display:flex;align-items:center;gap:.25rem;padding:.25rem 0;color:#0006;font-size:.875rem;font-weight:460;line-height:1.25rem;letter-spacing:-.00563rem;transition:color .1s ease}.back-button:hover{color:#000c}.back-button:before{content:none}.back-button:focus-visible{outline:2px solid var(--focus-color, rgba(0, 122, 255, .5));outline-offset:2px;border-radius:2px}.back-button svg{display:block;flex-shrink:0}.article{max-width:70ch}.article>header{display:flex;flex-direction:column;gap:.35rem;padding:0 0 .75rem}.article>header h1{margin:0;color:#111;font-weight:600;font-size:1.0625rem;line-height:1.25rem;letter-spacing:-.021rem}.article>header time{color:var(--muted);font-weight:460;font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00563rem}.article>header time b{color:var(--accent);font-weight:560}.article p{margin:0;padding-top:1rem;font-size:.875rem;font-weight:460;line-height:1.25rem;letter-spacing:-.00563rem}.article p strong{font-weight:600}.article em{font-style:italic}.article h2{position:relative;margin:0;padding-top:2.25rem;font-size:.9375rem;font-weight:600;line-height:normal;letter-spacing:-.00813rem;text-wrap:balance}.article h2:before{content:"";position:absolute;left:-.85rem;top:2.55rem;width:5px;height:5px;border-radius:1.5px;background:var(--accent)}.article h2+p{padding-top:1rem}.article ul{margin:0;padding:1.5rem 0 0 1.1rem;list-style:none}.article ul li{position:relative;padding-left:.35rem;margin:.55rem 0;font-size:.875rem;font-weight:460;line-height:1.25rem;letter-spacing:-.00563rem}.article ul li:before{content:"";position:absolute;left:-.75rem;top:.5rem;width:4px;height:4px;border-radius:50%;background:#0000004d}.article ul li strong{font-weight:600}a{position:relative;display:inline;color:inherit;text-decoration:none;transition:all .2s ease}a:before{pointer-events:none;content:"";position:absolute;bottom:0;left:0;right:0;height:1px;border-radius:2px;background:#d9d9d9;transition:inherit}a:hover:before{background:var(--accent)}.inlineicon{display:inline-block;vertical-align:text-top}.inlineicon svg{display:block}code{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;background:var(--box);padding:1px 5px;border-radius:5px}.stage{position:relative;padding-top:1rem}.demo{display:flex;justify-content:center;padding:4rem 0}.brace path{fill:none;stroke:#4a4a4a;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw .6s ease forwards}.brace path:nth-child(1){animation-duration:.12s}.brace path:nth-child(2){animation-delay:.12s;animation-duration:.6s}.brace path:nth-child(3){animation-delay:.72s;animation-duration:.12s}@keyframes draw{to{stroke-dashoffset:0}}.brace-d{position:absolute;top:50%;left:100%;height:196px;width:auto;overflow:visible;transform:translate(.5rem,-50%)}.brace-m{display:none}@media(prefers-reduced-motion:reduce){.brace path{animation:none;stroke-dashoffset:0}}.demo button{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:none;border-radius:8px;background:#f2f2f2;color:#242424;cursor:pointer;transition:background .15s ease}.demo button:hover{background:#ececec}.demo button:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}.demo svg{display:block;overflow:visible;width:48px;height:48px}.hint{position:absolute;top:50%;left:100%;padding:1rem 0 0;transform:translate(3rem) translateY(-50%);max-width:14rem;width:100%;text-align:left;text-wrap:balance;font-family:var(--font-script);color:#4a4a4a;font-size:1.375rem;font-weight:500;line-height:95%;letter-spacing:-.0025rem;-webkit-user-select:none;user-select:none}@media screen and (max-width:1080px){.stage{display:flex;flex-direction:column;align-items:center}.demo{padding:3rem 0 0}.brace-d{display:none}.brace-m{display:block;width:72%;max-width:320px;height:auto;overflow:visible;margin-top:1.25rem}.hint{position:relative;top:auto;left:auto;transform:none;margin:0 auto;padding:1rem 0 0;text-align:center}}.copy-btn{position:absolute;top:.55rem;right:.55rem;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;color:#0006;background:transparent;border:none;border-radius:5px;cursor:pointer;opacity:0;transition:all .2s cubic-bezier(.16,1,.3,1)}.install:hover .copy-btn,.prompt:hover .copy-btn{opacity:.7}.copy-btn:hover{opacity:1!important;color:var(--body-color);background:#0000000d}.copy-btn svg{width:14px;height:14px;pointer-events:none}.copy-btn .icon-check{display:none;color:#10b981}.copy-btn.copied{opacity:1!important;background:#10b98114}.copy-btn.copied .icon-copy{display:none}.copy-btn.copied .icon-check{display:block}.install{position:relative;margin-top:1rem;background:#f7f7f6;border:1px solid var(--line);border-radius:8px;padding:.85rem 1rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto}.install .c{color:var(--muted)}.prompt{position:relative;margin-top:1rem;padding:.35rem 0 .35rem 1rem;border-left:2px solid var(--accent)}.prompt .copy-btn{top:.2rem;right:0}.prompt .c{display:block;margin-bottom:.35rem;color:var(--accent);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04rem}.prompt q{display:block;quotes:none;font-size:.875rem;font-weight:460;line-height:1.4rem;letter-spacing:-.00563rem;color:#3a3a3a}.prompt q:before,.prompt q:after{content:""}.prompt code{font-size:.78rem}.links{display:flex;gap:1.25rem;flex-wrap:wrap;padding-top:2.25rem;font-size:.875rem;font-weight:460;letter-spacing:-.00563rem}.links a{color:#000000a6}.links a:hover{color:var(--accent)}.foot{padding-top:3rem;color:var(--muted);font-size:.75rem;font-weight:460;line-height:1.4;letter-spacing:.00063rem}.foot a{color:#0000008c}.skill-bunny{display:inline-block;width:24px;height:24px;margin:-.35em 0 0;vertical-align:middle;overflow:visible;color:#00000073}.skill-bunny-ear-l,.skill-bunny-ear-r{transform-origin:bottom center;transform-box:fill-box}.skill-bunny-ear-l{animation:skillBunnyEarL 4s ease-in-out infinite}.skill-bunny-ear-r{animation:skillBunnyEarR 4s ease-in-out infinite}.skill-bunny-z1{animation:skillBunnyZ1 3s ease-out 0s infinite both}.skill-bunny-z2{animation:skillBunnyZ2 3s ease-out 1s infinite both}.skill-bunny-z3{animation:skillBunnyZ3 3s ease-out 2s infinite both}@keyframes skillBunnyEarL{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes skillBunnyEarR{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}@keyframes skillBunnyZ1{0%{transform:translate(0) scale(.7);opacity:0}10%{opacity:1}80%{opacity:1}to{transform:translate(4px,-14px) scale(1);opacity:0}}@keyframes skillBunnyZ2{0%{transform:translate(0) scale(.6);opacity:0}10%{opacity:1}80%{opacity:1}to{transform:translate(6px,-16px) scale(.9);opacity:0}}@keyframes skillBunnyZ3{0%{transform:translate(0) scale(.5);opacity:0}10%{opacity:1}80%{opacity:1}to{transform:translate(8px,-18px) scale(.8);opacity:0}}@media(prefers-reduced-motion:reduce){.skill-bunny-ear-l,.skill-bunny-ear-r,.skill-bunny-z1,.skill-bunny-z2,.skill-bunny-z3{animation:none}}