:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-base:#fff;--panel-base:#fff;--raised-base:#fff;--text:#111113;--muted:#6b6b73;--line-base:#ececee;--strong-base:#d8d8dc;--accent:#111113;--on-accent:#fff;--fill-base:#111113;--tint:4%;--fill-tint:12%;--bubble-base:#f2f2f4;--on-fill:#fff;--code-base:#fafafa;--stage-base:#fbfbfc;--dot-base:#eeeef1;--danger:#c0362c;--soft:#1111130d}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg-base:#0e0e10;--panel-base:#0e0e10;--raised-base:#18181b;--text:#f4f4f5;--muted:#a1a1aa;--line-base:#232327;--strong-base:#3a3a40;--accent:#f4f4f5;--on-accent:#0e0e10;--fill-base:#2c2c32;--tint:8%;--fill-tint:24%;--bubble-base:#1b1b1f;--on-fill:#f4f4f5;--code-base:#131316;--stage-base:#111113;--dot-base:#1d1d21;--danger:#ff8a7a;--soft:#f4f4f512}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0e0e10;--panel-base:#0e0e10;--raised-base:#18181b;--text:#f4f4f5;--muted:#a1a1aa;--line-base:#232327;--strong-base:#3a3a40;--accent:#f4f4f5;--on-accent:#0e0e10;--fill-base:#2c2c32;--tint:8%;--fill-tint:24%;--bubble-base:#1b1b1f;--on-fill:#f4f4f5;--code-base:#131316;--stage-base:#111113;--dot-base:#1d1d21;--danger:#ff8a7a;--soft:#f4f4f512}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--fw:#149eca;--doodle:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22760%22 height=%22760%22%3E%3Cdefs%3E%3Csymbol id=%22r%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23149eca%22 d=%22M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z%22/%3E%3C/symbol%3E%3Csymbol id=%22v%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%2342b883%22 d=%22M24,1.61H14.06L12,5.16,9.94,1.61H0L12,22.39ZM12,14.08,5.16,2.23H9.59L12,6.41l2.41-4.18h4.43Z%22/%3E%3C/symbol%3E%3Csymbol id=%22s%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23ff3e00%22 d=%22M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767 4.109 4.109 0 0 1-.703-3.107 3.898 3.898 0 0 1 .134-.522l.105-.321.287.21a7.21 7.21 0 0 0 2.186 1.092l.208.063-.02.208a1.253 1.253 0 0 0 .226.83 1.337 1.337 0 0 0 1.435.533 1.231 1.231 0 0 0 .343-.15l5.59-3.562a1.164 1.164 0 0 0 .524-.778 1.242 1.242 0 0 0-.211-.937 1.338 1.338 0 0 0-1.435-.533 1.23 1.23 0 0 0-.343.15l-2.133 1.36a4.078 4.078 0 0 1-1.135.499 4.44 4.44 0 0 1-4.765-1.766 4.108 4.108 0 0 1-.702-3.108 3.855 3.855 0 0 1 1.742-2.582l5.589-3.563a4.072 4.072 0 0 1 1.135-.499 4.44 4.44 0 0 1 4.765 1.767 4.109 4.109 0 0 1 .703 3.107 3.943 3.943 0 0 1-.134.522l-.105.321-.286-.21a7.204 7.204 0 0 0-2.187-1.093l-.208-.063.02-.207a1.255 1.255 0 0 0-.226-.831 1.337 1.337 0 0 0-1.435-.532 1.231 1.231 0 0 0-.343.15L8.62 9.368a1.162 1.162 0 0 0-.524.778 1.24 1.24 0 0 0 .211.937 1.338 1.338 0 0 0 1.435.533 1.235 1.235 0 0 0 .344-.151l2.132-1.36a4.067 4.067 0 0 1 1.135-.498 4.44 4.44 0 0 1 4.765 1.766 4.108 4.108 0 0 1 .702 3.108 3.857 3.857 0 0 1-1.742 2.583l-5.589 3.562a4.072 4.072 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.412 6.412 0 0 0-2.896 4.295 6.753 6.753 0 0 0 .666 4.336 6.43 6.43 0 0 0-.96 2.396 6.833 6.833 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.41 6.41 0 0 0 2.896-4.295 6.756 6.756 0 0 0-.665-4.336 6.429 6.429 0 0 0 .958-2.396 6.831 6.831 0 0 0-1.167-5.168Z%22/%3E%3C/symbol%3E%3Csymbol id=%22a%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23dd0031%22 d=%22M16.712 17.711H7.288l-1.204 2.916L12 24l5.916-3.373-1.204-2.916ZM14.692 0l7.832 16.855.814-12.856L14.692 0ZM9.308 0 .662 3.999l.814 12.856L9.308 0Zm-.405 13.93h6.198L12 6.396 8.903 13.93Z%22/%3E%3C/symbol%3E%3C/defs%3E%3Cuse href=%22%23v%22 x=%22245%22 y=%22123%22 width=%2219%22 height=%2219%22 opacity=%220.23%22 transform=%22rotate%28-18 255 132%29%22/%3E%3Cuse href=%22%23r%22 x=%22477%22 y=%2267%22 width=%2214%22 height=%2214%22 opacity=%220.16%22 transform=%22rotate%285 484 74%29%22/%3E%3Cuse href=%22%23v%22 x=%22395%22 y=%22275%22 width=%228%22 height=%228%22 opacity=%220.17%22 transform=%22rotate%28-8 399 279%29%22/%3E%3Cuse href=%22%23r%22 x=%2257%22 y=%22375%22 width=%2211%22 height=%2211%22 opacity=%220.24%22 transform=%22rotate%28-16 63 381%29%22/%3E%3Cuse href=%22%23v%22 x=%2265%22 y=%2280%22 width=%2212%22 height=%2212%22 opacity=%220.14%22 transform=%22rotate%28-18 71 86%29%22/%3E%3Cuse href=%22%23v%22 x=%22317%22 y=%22601%22 width=%2216%22 height=%2216%22 opacity=%220.22%22 transform=%22rotate%28-23 325 609%29%22/%3E%3Cuse href=%22%23a%22 x=%22104%22 y=%22174%22 width=%2214%22 height=%2214%22 opacity=%220.13%22 transform=%22rotate%28-7 111 181%29%22/%3E%3Cuse href=%22%23a%22 x=%22460%22 y=%22687%22 width=%229%22 height=%229%22 opacity=%220.26%22 transform=%22rotate%2816 465 691%29%22/%3E%3Cuse href=%22%23a%22 x=%22707%22 y=%2249%22 width=%2212%22 height=%2212%22 opacity=%220.13%22 transform=%22rotate%285 713 55%29%22/%3E%3Cuse href=%22%23s%22 x=%22624%22 y=%22221%22 width=%228%22 height=%228%22 opacity=%220.1%22 transform=%22rotate%2835 628 225%29%22/%3E%3Cuse href=%22%23a%22 x=%22234%22 y=%22594%22 width=%2216%22 height=%2216%22 opacity=%220.21%22 transform=%22rotate%2814 242 602%29%22/%3E%3Cuse href=%22%23s%22 x=%22144%22 y=%22428%22 width=%2212%22 height=%2212%22 opacity=%220.18%22 transform=%22rotate%28-27 150 434%29%22/%3E%3Cuse href=%22%23v%22 x=%22468%22 y=%22280%22 width=%228%22 height=%228%22 opacity=%220.26%22 transform=%22rotate%28-22 472 284%29%22/%3E%3Cuse href=%22%23s%22 x=%22404%22 y=%2260%22 width=%228%22 height=%228%22 opacity=%220.14%22 transform=%22rotate%28-12 408 64%29%22/%3E%3Cuse href=%22%23v%22 x=%22238%22 y=%22431%22 width=%2211%22 height=%2211%22 opacity=%220.23%22 transform=%22rotate%28-2 244 436%29%22/%3E%3Cuse href=%22%23v%22 x=%22337%22 y=%22228%22 width=%2214%22 height=%2214%22 opacity=%220.19%22 transform=%22rotate%2830 344 235%29%22/%3E%3Cuse href=%22%23s%22 x=%22578%22 y=%22511%22 width=%2216%22 height=%2216%22 opacity=%220.11%22 transform=%22rotate%28-28 586 519%29%22/%3E%3Cuse href=%22%23a%22 x=%22388%22 y=%22636%22 width=%229%22 height=%229%22 opacity=%220.24%22 transform=%22rotate%28-1 392 640%29%22/%3E%3Cuse href=%22%23r%22 x=%22532%22 y=%22220%22 width=%227%22 height=%227%22 opacity=%220.23%22 transform=%22rotate%28-25 536 223%29%22/%3E%3Cuse href=%22%23r%22 x=%22124%22 y=%22362%22 width=%2210%22 height=%2210%22 opacity=%220.14%22 transform=%22rotate%28-20 129 367%29%22/%3E%3Cuse href=%22%23r%22 x=%2244%22 y=%22489%22 width=%2216%22 height=%2216%22 opacity=%220.15%22 transform=%22rotate%2835 52 497%29%22/%3E%3Cuse href=%22%23s%22 x=%22557%22 y=%22422%22 width=%2214%22 height=%2214%22 opacity=%220.2%22 transform=%22rotate%28-30 564 429%29%22/%3E%3Cuse href=%22%23v%22 x=%22427%22 y=%22339%22 width=%2219%22 height=%2219%22 opacity=%220.25%22 transform=%22rotate%28-15 436 348%29%22/%3E%3Cuse href=%22%23r%22 x=%22611%22 y=%22685%22 width=%2211%22 height=%2211%22 opacity=%220.13%22 transform=%22rotate%284 616 690%29%22/%3E%3Cuse href=%22%23v%22 x=%22352%22 y=%22486%22 width=%2211%22 height=%2211%22 opacity=%220.15%22 transform=%22rotate%2829 357 492%29%22/%3E%3Cuse href=%22%23s%22 x=%22289%22 y=%22489%22 width=%229%22 height=%229%22 opacity=%220.16%22 transform=%22rotate%28-33 294 494%29%22/%3E%3Cuse href=%22%23r%22 x=%22135%22 y=%2299%22 width=%2211%22 height=%2211%22 opacity=%220.1%22 transform=%22rotate%2829 140 104%29%22/%3E%3Cuse href=%22%23v%22 x=%2258%22 y=%22560%22 width=%2219%22 height=%2219%22 opacity=%220.18%22 transform=%22rotate%28-4 67 569%29%22/%3E%3Cuse href=%22%23r%22 x=%22596%22 y=%22628%22 width=%2216%22 height=%2216%22 opacity=%220.21%22 transform=%22rotate%2820 604 636%29%22/%3E%3Cuse href=%22%23a%22 x=%22213%22 y=%22310%22 width=%2216%22 height=%2216%22 opacity=%220.26%22 transform=%22rotate%284 221 318%29%22/%3E%3Cuse href=%22%23v%22 x=%22270%22 y=%22642%22 width=%2210%22 height=%2210%22 opacity=%220.15%22 transform=%22rotate%28-18 275 647%29%22/%3E%3Cuse href=%22%23s%22 x=%22694%22 y=%22123%22 width=%2214%22 height=%2214%22 opacity=%220.26%22 transform=%22rotate%28-19 701 130%29%22/%3E%3Cuse href=%22%23r%22 x=%22433%22 y=%22202%22 width=%227%22 height=%227%22 opacity=%220.2%22 transform=%22rotate%28-3 437 206%29%22/%3E%3Cuse href=%22%23v%22 x=%2219%22 y=%22313%22 width=%2214%22 height=%2214%22 opacity=%220.11%22 transform=%22rotate%2813 26 320%29%22/%3E%3Cuse href=%22%23s%22 x=%22691%22 y=%22505%22 width=%2219%22 height=%2219%22 opacity=%220.2%22 transform=%22rotate%282 700 514%29%22/%3E%3Cuse href=%22%23a%22 x=%22653%22 y=%22568%22 width=%227%22 height=%227%22 opacity=%220.13%22 transform=%22rotate%28-1 656 572%29%22/%3E%3Cuse href=%22%23r%22 x=%22294%22 y=%22298%22 width=%2216%22 height=%2216%22 opacity=%220.14%22 transform=%22rotate%287 302 306%29%22/%3E%3Cuse href=%22%23s%22 x=%22257%22 y=%2253%22 width=%2219%22 height=%2219%22 opacity=%220.14%22 transform=%22rotate%284 266 63%29%22/%3E%3Cuse href=%22%23s%22 x=%2216%22 y=%22123%22 width=%2210%22 height=%2210%22 opacity=%220.13%22 transform=%22rotate%287 21 128%29%22/%3E%3Cuse href=%22%23r%22 x=%2288%22 y=%22273%22 width=%2214%22 height=%2214%22 opacity=%220.18%22 transform=%22rotate%2829 95 280%29%22/%3E%3Cuse href=%22%23v%22 x=%2234%22 y=%22635%22 width=%2210%22 height=%2210%22 opacity=%220.18%22 transform=%22rotate%28-35 39 640%29%22/%3E%3Cuse href=%22%23s%22 x=%22451%22 y=%22121%22 width=%228%22 height=%228%22 opacity=%220.23%22 transform=%22rotate%28-17 455 125%29%22/%3E%3Cuse href=%22%23r%22 x=%22346%22 y=%22359%22 width=%2214%22 height=%2214%22 opacity=%220.16%22 transform=%22rotate%283 353 366%29%22/%3E%3Cuse href=%22%23v%22 x=%22259%22 y=%22203%22 width=%2211%22 height=%2211%22 opacity=%220.11%22 transform=%22rotate%2832 264 209%29%22/%3E%3Cuse href=%22%23a%22 x=%22603%22 y=%22130%22 width=%229%22 height=%229%22 opacity=%220.22%22 transform=%22rotate%2828 607 135%29%22/%3E%3Cuse href=%22%23s%22 x=%22390%22 y=%22120%22 width=%229%22 height=%229%22 opacity=%220.22%22 transform=%22rotate%28-17 395 124%29%22/%3E%3Cuse href=%22%23a%22 x=%22390%22 y=%22709%22 width=%227%22 height=%227%22 opacity=%220.22%22 transform=%22rotate%2829 393 712%29%22/%3E%3Cuse href=%22%23r%22 x=%22134%22 y=%22563%22 width=%229%22 height=%229%22 opacity=%220.23%22 transform=%22rotate%28-6 139 567%29%22/%3E%3Cuse href=%22%23r%22 x=%22393%22 y=%22568%22 width=%228%22 height=%228%22 opacity=%220.11%22 transform=%22rotate%2811 397 572%29%22/%3E%3Cuse href=%22%23a%22 x=%2236%22 y=%22214%22 width=%228%22 height=%228%22 opacity=%220.23%22 transform=%22rotate%28-29 40 218%29%22/%3E%3Cuse href=%22%23v%22 x=%22199%22 y=%22506%22 width=%227%22 height=%227%22 opacity=%220.18%22 transform=%22rotate%28-35 203 510%29%22/%3E%3Cuse href=%22%23r%22 x=%22693%22 y=%22333%22 width=%2216%22 height=%2216%22 opacity=%220.22%22 transform=%22rotate%2829 701 341%29%22/%3E%3Cuse href=%22%23r%22 x=%22679%22 y=%22716%22 width=%2219%22 height=%2219%22 opacity=%220.21%22 transform=%22rotate%28-27 689 725%29%22/%3E%3Cuse href=%22%23s%22 x=%22692%22 y=%22274%22 width=%2216%22 height=%2216%22 opacity=%220.23%22 transform=%22rotate%28-2 700 282%29%22/%3E%3Cuse href=%22%23v%22 x=%22172%22 y=%22177%22 width=%2210%22 height=%2210%22 opacity=%220.14%22 transform=%22rotate%2823 177 182%29%22/%3E%3Cuse href=%22%23a%22 x=%22611%22 y=%22355%22 width=%2216%22 height=%2216%22 opacity=%220.11%22 transform=%22rotate%281 619 363%29%22/%3E%3Cuse href=%22%23v%22 x=%22478%22 y=%22582%22 width=%227%22 height=%227%22 opacity=%220.11%22 transform=%22rotate%28-17 482 586%29%22/%3E%3Cuse href=%22%23s%22 x=%22547%22 y=%22354%22 width=%2212%22 height=%2212%22 opacity=%220.2%22 transform=%22rotate%283 553 360%29%22/%3E%3Cuse href=%22%23r%22 x=%22529%22 y=%22136%22 width=%229%22 height=%229%22 opacity=%220.18%22 transform=%22rotate%2827 534 141%29%22/%3E%3Cuse href=%22%23r%22 x=%22109%22 y=%2226%22 width=%2211%22 height=%2211%22 opacity=%220.21%22 transform=%22rotate%2827 114 32%29%22/%3E%3Cuse href=%22%23s%22 x=%22109%22 y=%22660%22 width=%2211%22 height=%2211%22 opacity=%220.17%22 transform=%22rotate%2824 114 666%29%22/%3E%3Cuse href=%22%23v%22 x=%22328%22 y=%22146%22 width=%228%22 height=%228%22 opacity=%220.15%22 transform=%22rotate%28-25 332 150%29%22/%3E%3Cuse href=%22%23r%22 x=%22511%22 y=%22637%22 width=%2216%22 height=%2216%22 opacity=%220.15%22 transform=%22rotate%28-26 519 645%29%22/%3E%3Cuse href=%22%23a%22 x=%22683%22 y=%22200%22 width=%2219%22 height=%2219%22 opacity=%220.26%22 transform=%22rotate%2814 693 209%29%22/%3E%3Ccircle cx=%22693%22 cy=%22704%22 r=%220.7%22 fill=%22%2342b883%22 opacity=%220.3%22/%3E%3Ccircle cx=%22566%22 cy=%22201%22 r=%221.1%22 fill=%22%2342b883%22 opacity=%220.18%22/%3E%3Ccircle cx=%22387%22 cy=%22671%22 r=%221.1%22 fill=%22%238a8a94%22 opacity=%220.21%22/%3E%3Ccircle cx=%22300%22 cy=%22124%22 r=%221.4%22 fill=%22%23dd0031%22 opacity=%220.32%22/%3E%3Ccircle cx=%22231%22 cy=%22110%22 r=%221.1%22 fill=%22%23dd0031%22 opacity=%220.24%22/%3E%3Ccircle cx=%22636%22 cy=%225%22 r=%221.1%22 fill=%22%23149eca%22 opacity=%220.36%22/%3E%3Ccircle cx=%22711%22 cy=%22151%22 r=%220.7%22 fill=%22%23149eca%22 opacity=%220.38%22/%3E%3Ccircle cx=%22194%22 cy=%2253%22 r=%221.4%22 fill=%22%23ff3e00%22 opacity=%220.4%22/%3E%3Ccircle cx=%2261%22 cy=%22700%22 r=%221.1%22 fill=%22%238a8a94%22 opacity=%220.36%22/%3E%3Ccircle cx=%2280%22 cy=%22632%22 r=%221.1%22 fill=%22%23ff3e00%22 opacity=%220.31%22/%3E%3Ccircle cx=%22191%22 cy=%22204%22 r=%221.1%22 fill=%22%2342b883%22 opacity=%220.2%22/%3E%3Ccircle cx=%22594%22 cy=%22326%22 r=%220.7%22 fill=%22%23ff3e00%22 opacity=%220.35%22/%3E%3Ccircle cx=%22305%22 cy=%22663%22 r=%220.9%22 fill=%22%238a8a94%22 opacity=%220.33%22/%3E%3Ccircle cx=%22706%22 cy=%22313%22 r=%220.9%22 fill=%22%23149eca%22 opacity=%220.31%22/%3E%3Ccircle cx=%22369%22 cy=%22690%22 r=%220.9%22 fill=%22%23ff3e00%22 opacity=%220.19%22/%3E%3Ccircle cx=%22262%22 cy=%22228%22 r=%221.1%22 fill=%22%23dd0031%22 opacity=%220.25%22/%3E%3Ccircle cx=%22230%22 cy=%22423%22 r=%221.4%22 fill=%22%2342b883%22 opacity=%220.18%22/%3E%3Ccircle cx=%22126%22 cy=%22160%22 r=%221.4%22 fill=%22%238a8a94%22 opacity=%220.29%22/%3E%3Ccircle cx=%22686%22 cy=%22753%22 r=%221.4%22 fill=%22%23dd0031%22 opacity=%220.26%22/%3E%3Ccircle cx=%22149%22 cy=%2272%22 r=%221.1%22 fill=%22%238a8a94%22 opacity=%220.29%22/%3E%3Ccircle cx=%22184%22 cy=%22198%22 r=%220.9%22 fill=%22%23ff3e00%22 opacity=%220.37%22/%3E%3Ccircle cx=%22659%22 cy=%22292%22 r=%220.9%22 fill=%22%238a8a94%22 opacity=%220.24%22/%3E%3Ccircle cx=%22570%22 cy=%22379%22 r=%221.1%22 fill=%22%23ff3e00%22 opacity=%220.18%22/%3E%3Ccircle cx=%22402%22 cy=%22598%22 r=%220.9%22 fill=%22%238a8a94%22 opacity=%220.17%22/%3E%3Ccircle cx=%22293%22 cy=%22490%22 r=%221.4%22 fill=%22%2342b883%22 opacity=%220.39%22/%3E%3Ccircle cx=%22100%22 cy=%22324%22 r=%221.4%22 fill=%22%23149eca%22 opacity=%220.39%22/%3E%3Ccircle cx=%224%22 cy=%22298%22 r=%221.4%22 fill=%22%23dd0031%22 opacity=%220.39%22/%3E%3Ccircle cx=%22593%22 cy=%22172%22 r=%220.9%22 fill=%22%2342b883%22 opacity=%220.28%22/%3E%3Ccircle cx=%2286%22 cy=%22625%22 r=%221.4%22 fill=%22%238a8a94%22 opacity=%220.17%22/%3E%3Ccircle cx=%225%22 cy=%2298%22 r=%220.7%22 fill=%22%23149eca%22 opacity=%220.31%22/%3E%3Ccircle cx=%22728%22 cy=%22475%22 r=%221.4%22 fill=%22%23ff3e00%22 opacity=%220.32%22/%3E%3Ccircle cx=%2279%22 cy=%22230%22 r=%220.9%22 fill=%22%23149eca%22 opacity=%220.25%22/%3E%3Ccircle cx=%22598%22 cy=%225%22 r=%221.1%22 fill=%22%2342b883%22 opacity=%220.4%22/%3E%3Ccircle cx=%22725%22 cy=%22489%22 r=%220.9%22 fill=%22%23ff3e00%22 opacity=%220.27%22/%3E%3Ccircle cx=%22415%22 cy=%2226%22 r=%221.4%22 fill=%22%2342b883%22 opacity=%220.33%22/%3E%3Ccircle cx=%2246%22 cy=%22150%22 r=%221.4%22 fill=%22%23ff3e00%22 opacity=%220.17%22/%3E%3Ccircle cx=%22506%22 cy=%22700%22 r=%220.9%22 fill=%22%2342b883%22 opacity=%220.27%22/%3E%3Ccircle cx=%22258%22 cy=%22320%22 r=%221.4%22 fill=%22%238a8a94%22 opacity=%220.2%22/%3E%3Ccircle cx=%22560%22 cy=%22384%22 r=%220.9%22 fill=%22%23ff3e00%22 opacity=%220.27%22/%3E%3Ccircle cx=%22238%22 cy=%22621%22 r=%220.9%22 fill=%22%2342b883%22 opacity=%220.27%22/%3E%3Ccircle cx=%22576%22 cy=%22226%22 r=%221.4%22 fill=%22%23ff3e00%22 opacity=%220.3%22/%3E%3Ccircle cx=%22369%22 cy=%22689%22 r=%220.7%22 fill=%22%2342b883%22 opacity=%220.39%22/%3E%3Ccircle cx=%22697%22 cy=%2245%22 r=%220.7%22 fill=%22%2342b883%22 opacity=%220.39%22/%3E%3Ccircle cx=%22316%22 cy=%22538%22 r=%220.9%22 fill=%22%2342b883%22 opacity=%220.25%22/%3E%3Ccircle cx=%22668%22 cy=%22555%22 r=%220.7%22 fill=%22%238a8a94%22 opacity=%220.38%22/%3E%3Ccircle cx=%22147%22 cy=%22495%22 r=%221.4%22 fill=%22%23ff3e00%22 opacity=%220.16%22/%3E%3Ccircle cx=%22549%22 cy=%22635%22 r=%221.1%22 fill=%22%238a8a94%22 opacity=%220.26%22/%3E%3Ccircle cx=%226%22 cy=%22214%22 r=%221.1%22 fill=%22%23149eca%22 opacity=%220.26%22/%3E%3Ccircle cx=%22426%22 cy=%22575%22 r=%221.4%22 fill=%22%23149eca%22 opacity=%220.24%22/%3E%3Ccircle cx=%22622%22 cy=%22329%22 r=%220.7%22 fill=%22%23ff3e00%22 opacity=%220.33%22/%3E%3Ccircle cx=%22284%22 cy=%22695%22 r=%220.9%22 fill=%22%2342b883%22 opacity=%220.23%22/%3E%3Ccircle cx=%22679%22 cy=%2227%22 r=%221.4%22 fill=%22%238a8a94%22 opacity=%220.21%22/%3E%3Ccircle cx=%22581%22 cy=%2235%22 r=%220.7%22 fill=%22%238a8a94%22 opacity=%220.27%22/%3E%3Ccircle cx=%22197%22 cy=%22566%22 r=%221.1%22 fill=%22%23149eca%22 opacity=%220.24%22/%3E%3Ccircle cx=%22724%22 cy=%22468%22 r=%221.1%22 fill=%22%23ff3e00%22 opacity=%220.34%22/%3E%3Ccircle cx=%22242%22 cy=%22211%22 r=%220.7%22 fill=%22%238a8a94%22 opacity=%220.33%22/%3E%3Ccircle cx=%22693%22 cy=%22481%22 r=%220.7%22 fill=%22%238a8a94%22 opacity=%220.16%22/%3E%3Ccircle cx=%2285%22 cy=%22542%22 r=%221.4%22 fill=%22%2342b883%22 opacity=%220.39%22/%3E%3Ccircle cx=%22598%22 cy=%22691%22 r=%221.4%22 fill=%22%23dd0031%22 opacity=%220.18%22/%3E%3Ccircle cx=%22142%22 cy=%22608%22 r=%221.1%22 fill=%22%23dd0031%22 opacity=%220.36%22/%3E%3Ccircle cx=%22461%22 cy=%22251%22 r=%221.1%22 fill=%22%2342b883%22 opacity=%220.27%22/%3E%3Ccircle cx=%2263%22 cy=%22152%22 r=%220.9%22 fill=%22%238a8a94%22 opacity=%220.21%22/%3E%3Ccircle cx=%22492%22 cy=%22366%22 r=%221.1%22 fill=%22%23149eca%22 opacity=%220.19%22/%3E%3Ccircle cx=%22668%22 cy=%22747%22 r=%221.1%22 fill=%22%23dd0031%22 opacity=%220.31%22/%3E%3Ccircle cx=%2277%22 cy=%22379%22 r=%221.4%22 fill=%22%2342b883%22 opacity=%220.19%22/%3E%3Ccircle cx=%22317%22 cy=%22470%22 r=%220.9%22 fill=%22%2342b883%22 opacity=%220.34%22/%3E%3Ccircle cx=%22575%22 cy=%22590%22 r=%221.1%22 fill=%22%238a8a94%22 opacity=%220.22%22/%3E%3Ccircle cx=%22205%22 cy=%22195%22 r=%221.1%22 fill=%22%238a8a94%22 opacity=%220.2%22/%3E%3Ccircle cx=%22144%22 cy=%22181%22 r=%221.1%22 fill=%22%2342b883%22 opacity=%220.37%22/%3E%3Ccircle cx=%22146%22 cy=%2253%22 r=%221.1%22 fill=%22%238a8a94%22 opacity=%220.4%22/%3E%3C/svg%3E");--bg:color-mix(in oklab, var(--bg-base), var(--fw) var(--tint));--panel:color-mix(in oklab, var(--panel-base), var(--fw) var(--tint));--raised:color-mix(in oklab, var(--raised-base), var(--fw) var(--tint));--code:color-mix(in oklab, var(--code-base), var(--fw) var(--tint));--stage:color-mix(in oklab, var(--stage-base), var(--fw) var(--tint));--dot:color-mix(in oklab, var(--dot-base), var(--fw) 12%);--line:color-mix(in oklab, var(--line-base), var(--fw) 14%);--strong:color-mix(in oklab, var(--strong-base), var(--fw) 14%);--fill:color-mix(in oklab, var(--fill-base), var(--fw) var(--fill-tint));--bubble:color-mix(in oklab, var(--bubble-base), var(--fw) var(--tint));--hook:color-mix(in oklab, var(--fw) 72%, var(--text));--hook-soft:color-mix(in oklab, var(--fw) 9%, transparent);--fw-soft:color-mix(in oklab, var(--fw) 14%, transparent)}:root[data-framework=vue]{--fw:#42b883}:root[data-framework=svelte]{--fw:#ff3e00}:root[data-framework=angular]{--fw:#dd0031}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 Geist,system-ui,sans-serif;transition:background .25s}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit}.mono{font-family:Geist Mono,ui-monospace,monospace}.dim{color:var(--muted)}.ghost{white-space:nowrap;background:0 0;border:0;border-radius:6px;min-height:34px;padding:0 10px;font-size:13px;transition:background .12s}.ghost:hover:not(:disabled),.ghost[aria-pressed=true]{background:var(--soft)}.primary{background:var(--fill);min-height:44px;color:var(--on-fill);border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:flex}.primary:disabled{opacity:.5}.outline{border:1px solid var(--strong);background:0 0;border-radius:8px;min-height:44px;padding:0 14px}.outline.is-danger{border-color:var(--danger);color:var(--danger)}.app{grid-template-rows:56px minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100vh;display:grid}.top{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-width:0;padding:0 16px 0 20px;display:flex}.brand{white-space:nowrap;flex:none;align-items:center;gap:10px;min-width:216px;display:flex}.brand svg{flex:none}.brand-name{font-size:14px;font-weight:600}.badge{background:var(--soft);color:var(--muted);border-radius:10px;padding:2px 9px;font-size:12px;line-height:18px}.top-gap{flex:1}.top-note{color:var(--muted);white-space:nowrap;font-size:13px}.theme{flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.account{flex:none;align-items:center;gap:6px;display:flex}.account .primary{border-radius:17px;min-height:34px;padding:0 14px;font-size:13px}.avatar{background:var(--soft);border:0;border-radius:50%;width:32px;height:32px;padding:0;display:block;overflow:hidden}.avatar img{width:100%;height:100%;display:block}.frameworks{background:var(--soft);border-radius:12px;gap:4px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.frameworks button,.picks button{align-items:center;gap:7px;display:flex}.fw-icon{flex:none}.frameworks button{min-height:34px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:13px;font-weight:500}.frameworks button:hover{color:var(--text)}.frameworks button[aria-selected=true]{background:color-mix(in oklab, var(--fw) 18%, var(--raised));color:var(--text);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--fw) 70%, transparent)}.cols{grid-template-columns:236px minmax(0,1fr) 400px;min-height:0;display:grid}.side{border-right:1px solid var(--line);flex-direction:column;gap:2px;min-height:0;padding:16px 12px;display:flex;overflow:auto}.side-title{color:var(--muted);justify-content:space-between;margin:0 10px 6px;font-size:12px;font-weight:500;display:flex}.side-title.later{margin-top:18px;margin-bottom:0}.side-hint{color:var(--muted);margin:0 10px 6px;font-size:12px}.side-list{flex-direction:column;gap:2px;display:flex}.side-item{width:100%;min-height:36px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:14px;display:flex}.side-item:hover{background:var(--soft);color:var(--text)}.side-item[aria-current=page]{background:var(--fw-soft);color:var(--text);font-weight:500}.side-item .count{color:var(--muted);margin-left:auto;font:12px Geist Mono,monospace}.locked-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.locked-list button{width:100%;min-height:32px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.locked-list button:hover:not(:disabled){background:var(--soft);color:var(--text)}.locked-list button:disabled{cursor:default}.lock-icon{display:flex}.locked-list span:nth-child(2){flex:1}.locked-list .votes{font-size:12px}.locked-list button[aria-pressed=true]{color:var(--text)}.locked-list button[aria-pressed=true] .votes{color:var(--hook);font-weight:600}.center{flex-direction:column;gap:14px;min-width:0;min-height:0;padding:20px 24px 12px;display:flex}.caption{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.caption h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600;line-height:1.2}.caption p{color:var(--muted);margin:4px 0 0;font-size:14px}.views{background:var(--soft);border-radius:10px;gap:2px;padding:3px;display:flex}.views button{min-height:32px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:13px;font-weight:500}.views button:hover{color:var(--text)}.views button[aria-selected=true]{background:var(--raised);color:var(--text);box-shadow:0 0 0 1px var(--line), 0 1px 2px #0000000f}.pane{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.pane[hidden]{display:none}.stage-box{background-color:var(--stage);background-image:radial-gradient(var(--dot) 1px, transparent 1px);min-height:0;box-shadow:inset 0 0 0 1px var(--line);background-size:16px 16px;border-radius:16px;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:auto}.hook-hint{background:var(--hook-soft);color:var(--hook);pointer-events:none;border-radius:8px;margin:0;padding:4px 10px;font:12px Geist Mono,monospace;position:absolute;top:12px;left:14px}[data-hook-target]{outline-offset:3px;outline:2px solid var(--fw)!important}.stage{width:100%;max-width:340px}.stage:not(:has(.field)){width:auto}.stage-error{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.stage-error p{margin:0}.hooks{background:var(--hook-soft);white-space:nowrap;scrollbar-width:none;border-radius:10px;flex:none;align-items:center;gap:6px;height:40px;margin:0;padding:0 6px 0 12px;font-size:12px;display:flex;overflow-x:auto}.hooks>*{flex:none}.hooks-label{color:var(--hook);align-items:center;gap:7px;margin-right:6px;font-weight:600;display:flex}.hooks-label i{background:var(--hook);border-radius:50%;width:7px;height:7px;animation:2s infinite hook-pulse}@keyframes hook-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.hooks-label i{animation:none}}.hooks button{background:var(--raised);height:28px;color:var(--muted);box-shadow:0 0 0 1px var(--hook-soft);border:0;border-radius:7px;padding:0 9px;font:12px Geist Mono,monospace;animation:.15s hook-in}.hooks button:hover{color:var(--text)}.hooks button b{color:var(--hook);font-weight:500}@keyframes hook-in{0%{opacity:0;transform:translateY(3px)}}.hooks .hooks-empty{min-width:0;color:var(--muted);white-space:normal;flex:auto}.code-panel{background:var(--code);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;gap:0;overflow:hidden}.code-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:0 16px;display:flex}.files{gap:2px;min-width:0;display:flex;overflow-x:auto}.files button{min-height:34px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font:13px Geist Mono,monospace;display:flex}.files button[aria-selected=true]{background:var(--soft);color:var(--text)}.soon{background:var(--soft);border-radius:4px;padding:0 5px;font:11px Geist,sans-serif}.code-note{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--line);background:color-mix(in oklab, #f59e0b 12%, var(--bg));flex:none;margin:0;padding:6px 16px;font-size:13px;overflow:hidden}.code-note strong{font-weight:600}.code-note code{font-family:Geist Mono,monospace;font-size:12px}.code{background:var(--code);flex:1;min-height:0;overflow:auto}.code pre{tab-size:2;margin:0;padding:14px 16px;font:13px/1.65 Geist Mono,ui-monospace,monospace;background:0 0!important}.shiki,.shiki span{color:var(--shiki-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shiki,:root:not([data-theme=light]) .shiki span{color:var(--shiki-dark)}}:root[data-theme=dark] .shiki,:root[data-theme=dark] .shiki span{color:var(--shiki-dark)}.foot{color:var(--muted);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:4px 16px;font-size:12px;display:flex}.foot div{flex-wrap:wrap;align-items:center;gap:4px 12px;display:inline-flex}.foot button{background:0 0;border:0;padding:0;text-decoration:underline}.foot .by{color:var(--text)}.compare-note{border:0;border-radius:10px}.compare-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:12px;min-height:0;display:grid}.compare-card{--edge:color-mix(in oklab, var(--line-base), var(--fw) 30%);background:color-mix(in oklab, var(--raised-base), var(--fw) var(--tint));min-width:0;min-height:0;box-shadow:inset 0 0 0 1px var(--edge);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.compare-head{border-bottom:1px solid var(--edge);flex:none;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:13px;display:flex}.compare-icon{display:flex}.compare-head .file{color:var(--muted);margin-left:auto;font:12px Geist Mono,monospace}.compare-body{flex:1;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.compare-stage{border-bottom:1px solid var(--edge);justify-content:center;align-items:center;min-width:0;min-height:96px;padding:14px;display:flex}.compare-stage .host{width:100%;max-width:260px}.compare-code{background:0 0;min-height:0}.compare-code pre{padding:12px 14px;font-size:12px}.chat{border-left:1px solid var(--line);background:var(--doodle);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);background:var(--bg);flex:none;align-items:center;gap:8px;min-height:52px;padding:0 16px;display:flex}.chat-head h2{margin:0;font-size:15px;font-weight:600}.chat-head .count{color:var(--muted);font-size:13px}.chat-filters{border-bottom:1px solid var(--line);background:var(--bg);scrollbar-width:none;flex:none;align-items:center;gap:2px;padding:8px 12px;display:flex;overflow-x:auto}.chat-filters button{min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:15px;flex:none;padding:0 10px;font-size:13px}.chat-filters button:hover{color:var(--text)}.chat-filters button[aria-pressed=true]{background:var(--fw-soft);color:var(--text);font-weight:500}.pinned{border-bottom:1px solid var(--line);background:var(--bg);flex-direction:column;flex:none;gap:6px;padding:12px 16px;display:flex}.pinned[hidden]{display:none}.pinned-title{color:var(--muted);margin:0;font-size:12px;font-weight:500}.pinned button{background:var(--fw-soft);text-align:left;border:0;border-radius:12px;align-items:flex-start;gap:10px;width:100%;padding:8px 12px;display:flex}.pinned-count{white-space:nowrap;flex:none;font-size:12px}.pinned-body{flex-direction:column;min-width:0;display:flex}.pinned-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.pinned-by{color:var(--muted);font-size:11px}.msg.flash .bubble{box-shadow:0 0 0 2px var(--fw)}.context{color:var(--muted);order:9;align-self:center;margin-left:auto;font-size:12px}.scroller{flex-direction:column-reverse;flex:1;min-height:240px;padding:16px;display:flex;overflow:auto}.log{flex-direction:column;gap:8px;padding-top:36px;display:flex}.empty{background:var(--bg);text-align:center;color:var(--muted);border-radius:8px;align-self:center;margin:0;padding:6px 12px;font-size:14px}.skeleton{background:var(--bubble);border-radius:14px 14px 14px 4px;width:45%;height:74px;margin-left:36px;animation:1.2s ease-in-out infinite skeleton}.skeleton:nth-child(2){border-radius:14px 14px 4px;align-self:flex-end;width:35%;margin:0 36px 0 0}.skeleton.line,.skeleton.field{border-radius:22px;width:100%;margin:0}.skeleton.line{border-radius:6px;width:55%;height:21px}.skeleton.field{height:44px}@keyframes skeleton{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.msg{align-self:flex-start;align-items:flex-end;gap:8px;max-width:92%;display:flex}.msg.mine{flex-direction:row-reverse;align-self:flex-end}.msg>img{border-radius:50%;flex:none;width:28px;height:28px}.bubble{background:var(--bubble);border-radius:14px 14px 14px 4px;outline:0;flex-direction:column;gap:2px;min-width:0;padding:8px 12px;display:flex;position:relative}.mine .bubble{background:var(--fill);color:var(--on-fill);border-radius:14px 14px 4px}.bubble .name{font-size:12px;font-weight:600}.bubble .quote{background:var(--soft);overflow-wrap:anywhere;border-radius:8px;padding:4px 8px;font-size:12px}.bubble .quote strong{font-weight:600;display:block}.bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:14px}.bubble p.gone{opacity:.8;font-style:italic}.msg-body{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.mine .msg-body{align-items:flex-end}.reactions{flex-wrap:wrap;gap:4px;margin:-6px 8px 0;display:flex;position:relative}.chip{background:var(--bubble);min-height:24px;color:var(--text);box-shadow:0 0 0 2px var(--bg);border:0;border-radius:12px;padding:0 7px;font-size:12px}.chip[aria-pressed=true]{background:color-mix(in oklab, var(--fw) 24%, var(--bubble))}.react-bar{z-index:5;background:var(--raised);opacity:0;pointer-events:none;border-radius:22px;gap:2px;padding:3px 6px;transition:opacity .12s,transform .12s;display:flex;position:absolute;bottom:calc(100% - 6px);left:8px;transform:translateY(4px)scale(.96);box-shadow:0 6px 20px #00000029}.mine .react-bar{left:auto;right:8px}.msg:hover .react-bar,.msg:focus-within .react-bar{opacity:1;pointer-events:auto;transform:none}.react-bar button{background:0 0;border:0;border-radius:50%;width:32px;height:32px;padding:0;font-size:18px;transition:transform .1s}.react-bar button:hover{background:var(--soft);transform:scale(1.2)}.filter-gap{background:var(--line);width:1px;margin:8px 4px}.scroller.by-top{flex-direction:column}.meta{opacity:.8;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-size:11px;display:flex}.meta button{background:0 0;border:0;border-radius:6px;min-height:24px;padding:0 6px;font-size:11px}.meta button[aria-pressed=true]{background:var(--soft)}.msg-actions{opacity:0;flex-direction:column;flex:none;transition:opacity .12s;display:flex}.msg-actions button{min-height:26px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 6px;font-size:12px}.msg-actions button:hover{color:var(--text);background:var(--soft)}.msg:hover .msg-actions,.msg:focus-within .msg-actions{opacity:1}@media (hover:none){.msg-actions{opacity:1}}.composer{border-top:1px solid var(--line);background:var(--bg);flex-direction:column;flex:none;gap:10px;padding:12px 16px;display:flex}.composer>p{color:var(--muted);margin:0;font-size:14px}.composer .note{background:var(--soft);color:var(--text);border-radius:8px;padding:8px 12px;font-size:13px}.who{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;display:flex}.who span:nth-of-type(2){color:var(--muted);font-size:12px}.who .right{gap:2px;margin-left:auto;display:flex}.banner{background:var(--soft);overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 4px 12px;font-size:13px;display:flex}.kinds{gap:2px;display:flex}.send{align-items:flex-end;gap:8px;display:flex}.send textarea{background:var(--soft);resize:none;border:0;border-radius:22px;flex:1;min-width:0;min-height:44px;max-height:120px;padding:11px 14px;font-size:14px}.send button{background:var(--fill);width:44px;height:44px;color:var(--on-fill);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.new{background:var(--fill);min-height:36px;color:var(--on-fill);border:0;border-radius:18px;align-self:center;padding:0 14px;font-size:13px;font-weight:500}.mtabs{display:none}dialog.sheet{background:var(--raised);width:min(440px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--text);border:0;border-radius:16px;padding:24px;box-shadow:0 16px 48px #0000003d}dialog.sheet.wide{width:min(640px,100vw - 32px)}dialog.sheet::backdrop{background:#00000073}.close{place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:12px;right:12px}.sheet-body{flex-direction:column;gap:16px;display:flex}.sheet-body h2{letter-spacing:-.01em;margin:0;padding-right:32px;font-size:22px;font-weight:600;line-height:1.2}.sheet-body h3{margin:0;font-size:15px;font-weight:600}.sheet-body p{margin:0}.lead{color:var(--muted);font-size:14px;margin-top:4px!important}.picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.picks button{text-align:left;min-height:52px;box-shadow:inset 0 0 0 1px var(--strong);background:0 0;border:0;border-radius:10px;padding:0 14px;font-weight:500}.picks button:hover{box-shadow:inset 0 0 0 1px var(--text)}.picks button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--text)}.text-input{border:1px solid var(--strong);background:0 0;border-radius:8px;width:100%;min-height:44px;padding:8px 10px}.form-field{flex-direction:column;gap:4px;font-size:14px;display:flex}.check{align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{flex:none;width:18px;height:18px;margin:2px 0 0}.alert{color:var(--danger);font-size:14px}.split{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.letter{flex-direction:column;gap:14px;padding:16px clamp(0px,4vw,24px);font:18px/1.55 Newsreader,Georgia,serif;display:flex}.letter h2{font:500 26px/1.25 Newsreader,Georgia,serif}.letter .date{color:var(--muted);font:12px Geist Mono,monospace}.letter .signature{transform-origin:0;margin-top:14px;font:24px/1.5 Homemade Apple,cursive;transform:rotate(-2deg)}.report{border-top:1px solid var(--line);overflow-wrap:anywhere;flex-direction:column;gap:8px;padding:12px 0;display:flex}.code pre{min-height:100%}@media (width<=900px){.app{grid-template-rows:auto auto;height:auto;min-height:100vh;padding-bottom:53px}.top{flex-wrap:wrap;gap:8px;padding:8px 12px}.brand{min-width:0}.top-note{display:none}.frameworks{order:5;width:100%}.frameworks button{flex:1;justify-content:center;padding:0 8px}.cols{flex-direction:column;min-width:0;display:flex}.center,.pane{min-width:0}.hooks{white-space:normal;flex-wrap:wrap;height:auto;min-height:40px;padding:8px 12px}.side{display:contents}.side-list{border-bottom:1px solid var(--line);flex-direction:row;order:1;gap:4px;padding:8px 12px;overflow-x:auto}.side-item{white-space:nowrap;width:auto}.side-title:not(.later){display:none}.center{order:2;padding:16px 12px}.side-title.later,.side-hint,.locked-list{order:3;padding:0 12px}.locked-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:16px;display:grid}.stage-box{min-height:300px}.code-panel{min-height:460px}.compare-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.compare-code{max-height:260px}.chat{border-left:0;order:4;min-height:calc(100vh - 110px)}.app[data-tab=chat] .side-list,.app[data-tab=chat] .center,.app[data-tab=chat] .side-title,.app[data-tab=chat] .side-hint,.app[data-tab=chat] .locked-list,.app[data-tab=try] .chat{display:none}.mtabs{z-index:10;background:var(--bg);border-top:1px solid var(--line);display:flex;position:fixed;inset:auto 0 0}.mtabs button{min-height:52px;color:var(--muted);background:0 0;border:0;flex:1;font-weight:500}.mtabs button[aria-pressed=true]{background:var(--soft);color:var(--text)}}:root{--demo-text:#18181b;--demo-muted:#71717a;--demo-border:#e4e4e7;--demo-border-strong:#d4d4d8;--demo-surface:#fff;--demo-hover:#f4f4f5;--demo-accent:#18181b;--demo-on-accent:#fff;--demo-track:#d4d4d8;--demo-thumb:#fff;--demo-danger:#dc2626;--demo-on-danger:#fff;--demo-ring:#18181b29;--demo-danger-ring:#dc262629;--demo-shadow:0 1px 2px #0000000d, 0 12px 32px -8px #00000029}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--demo-text:#f4f4f5;--demo-muted:#a1a1aa;--demo-border:#2e2e33;--demo-border-strong:#3f3f46;--demo-surface:#1c1c1f;--demo-hover:#2a2a2e;--demo-accent:#d4d4d8;--demo-on-accent:#18181b;--demo-track:#3f3f46;--demo-thumb:#e4e4e7;--demo-danger:#f87171;--demo-on-danger:#18181b;--demo-ring:#d4d4d833;--demo-danger-ring:#f8717133;--demo-shadow:0 1px 2px #0000004d, 0 12px 32px -8px #0009}}:root[data-theme=dark]{--demo-text:#f4f4f5;--demo-muted:#a1a1aa;--demo-border:#2e2e33;--demo-border-strong:#3f3f46;--demo-surface:#1c1c1f;--demo-hover:#2a2a2e;--demo-accent:#d4d4d8;--demo-on-accent:#18181b;--demo-track:#3f3f46;--demo-thumb:#e4e4e7;--demo-danger:#f87171;--demo-on-danger:#18181b;--demo-ring:#d4d4d833;--demo-danger-ring:#f8717133;--demo-shadow:0 1px 2px #0000004d, 0 12px 32px -8px #0009}.row{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:400;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>label:not(.row){font-size:14px;font-weight:500}.muted{color:var(--demo-muted);margin:0;font-size:13px;line-height:1.5}.error{color:var(--demo-danger);font-size:13px}.input{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:100%;height:40px;color:var(--demo-text);font:inherit;border-radius:10px;outline:0;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--demo-muted)}.input:focus-visible{border-color:var(--demo-accent);box-shadow:0 0 0 3px var(--demo-ring)}.input[data-invalid]{border-color:var(--demo-danger)}.input[data-invalid]:focus-visible{box-shadow:0 0 0 3px var(--demo-danger-ring)}.button{border:1px solid var(--demo-border-strong);background:var(--demo-surface);height:40px;color:var(--demo-text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.button:hover,.button[data-popup-open]{background:var(--demo-hover)}.button:active{transform:scale(.98)}.button:focus-visible{box-shadow:0 0 0 3px var(--demo-ring);outline:0}.button[type=submit]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-on-accent)}.button[type=submit]:hover{opacity:.88}.button.danger{border-color:var(--demo-danger);background:var(--demo-danger);color:var(--demo-on-danger)}.button.danger:hover{opacity:.88}.output{background:var(--demo-hover);white-space:pre-wrap;word-break:break-all;border-radius:10px;margin:0;padding:10px 12px;font:12px/1.5 ui-monospace,monospace}.switch{all:unset;box-sizing:border-box;background:var(--demo-track);cursor:pointer;border-radius:999px;flex:none;width:42px;height:24px;padding:2px;transition:background .2s;display:inline-flex}.switch[data-checked]{background:var(--demo-accent)}.switch[data-disabled]{opacity:.5;cursor:not-allowed}.switch:focus-visible{box-shadow:0 0 0 3px var(--demo-ring)}.thumb{background:var(--demo-thumb);border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.3,1.4,.6,1);box-shadow:0 1px 3px #00000040}.thumb[data-checked]{background:var(--demo-on-accent);transform:translate(18px)}.backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;transition:opacity .2s;position:fixed;inset:0}.backdrop[data-starting-style],.backdrop[data-ending-style]{opacity:0}.dialog{z-index:50;box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);width:min(420px,100vw - 32px);color:var(--demo-text);box-shadow:var(--demo-shadow);border-radius:16px;padding:24px;transition:opacity .2s,transform .2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog[data-starting-style],.dialog[data-ending-style]{opacity:0;transform:translate(-50%,-48%)scale(.97)}.dialog-title{letter-spacing:-.01em;margin:0 0 6px;font-size:17px;font-weight:600}.actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.menu{z-index:50;box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);min-width:190px;color:var(--demo-text);box-shadow:var(--demo-shadow);transform-origin:var(--transform-origin);border-radius:12px;outline:0;padding:5px;transition:opacity .12s,transform .12s;position:relative}.menu[data-starting-style],.menu[data-ending-style]{opacity:0;transform:scale(.96)}.menu-item{cursor:default;-webkit-user-select:none;user-select:none;border-radius:8px;outline:0;padding:7px 10px;font-size:14px;display:block}.menu-item[data-highlighted],.menu-item[data-popup-open]{background:var(--demo-hover)}.menu-item[aria-haspopup]{justify-content:space-between;align-items:center;gap:16px;display:flex}.menu-item[aria-haspopup]:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)}.menu-item[data-checked]:before{content:"✓ "}