:root{--bg: #f5f7fa;--surface: #fff;--text: #1f1f1f;--text-muted: #5f6368;--border: #e8eaed;--link: #0b57d0;--link-hover: #0842a0;--header-h: 3.5rem;--max-wide: 60rem;--radius: 8px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;color:var(--text);background:var(--bg);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}a{color:var(--link);text-underline-offset:2px}a:hover{color:var(--link-hover)}.skip-link{position:absolute;left:-9999px;z-index:100;padding:.5rem 1rem;background:var(--surface);color:var(--link);border:1px solid var(--border);border-radius:var(--radius)}.skip-link:focus{left:.75rem;top:.75rem}.site-header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px #0000000a}.site-header__inner{max-width:var(--max-wide);margin:0 auto;padding:env(safe-area-inset-top,0px) max(1rem,env(safe-area-inset-right,0px)) 0 max(1rem,env(safe-area-inset-left,0px));min-height:var(--header-h);display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.site-nav__toggle{display:none;flex-shrink:0;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:0;padding:0;border:none;background:transparent;color:var(--text);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent}.site-nav__toggle:hover{background:#0b57d00f}.site-nav__toggle:focus-visible{outline:2px solid var(--link);outline-offset:2px}.site-nav__burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:1.375rem;pointer-events:none}.site-nav__burger>span{display:block;height:2px;background:currentColor;border-radius:1px;transition:transform .2s ease,opacity .2s ease}@media (prefers-reduced-motion: reduce){.site-nav__burger>span{transition:none}}.site-header--nav-open .site-nav__burger>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header--nav-open .site-nav__burger>span:nth-child(2){opacity:0}.site-header--nav-open .site-nav__burger>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;font-size:1.05rem;color:var(--text);text-decoration:none;min-width:0}.brand span{min-width:0}.brand:hover{color:var(--text)}.brand img{width:28px;height:28px;border-radius:6px}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem}.site-nav a:not(.site-nav__cta){padding:.35rem .65rem;border-radius:6px;text-decoration:none;font-size:.9rem;color:var(--text-muted)}.site-nav a:not(.site-nav__cta):hover{color:var(--link);background:#0b57d00f}.site-nav a:not(.site-nav__cta)[aria-current=page]{color:var(--link);font-weight:600;background:#0b57d014}.site-nav__ctas{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem}.site-nav__cta{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .75rem;border-radius:999px;border:1px solid transparent;text-decoration:none;font-size:.82rem;font-weight:600;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.site-nav__cta-icon{width:1.05rem;height:1.05rem;flex-shrink:0;display:block;object-fit:contain}.site-nav__cta-icon--monochrome{filter:brightness(0) invert(1)}.site-nav__cta--github{background:#24292f;border-color:#24292f;color:#fff}.site-nav__cta--github:hover{background:#1a1e22;border-color:#1a1e22;color:#fff;box-shadow:0 1px 3px #0000001f}.site-nav__cta--github:focus-visible{outline:2px solid #24292f;outline-offset:2px}.site-nav__cta--addons{background:#1a73e81a;border-color:#1a73e859;color:#1557b0}.site-nav__cta--addons:hover{background:#1a73e829;border-color:#1a73e880;color:#0d47a1;box-shadow:0 1px 3px #1a73e833}.site-nav__cta--addons:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.site-nav__cta--sheets{background:#0f9d58;border-color:#0f9d58;color:#fff}.site-nav__cta--sheets:hover{background:#0d8649;border-color:#0d8649;color:#fff;box-shadow:0 1px 3px #0f9d5859}.site-nav__cta--sheets:focus-visible{outline:2px solid #0f9d58;outline-offset:2px}@media (prefers-reduced-motion: reduce){.site-nav__cta{transition:none}}@media (max-width: 42rem){body.site-nav-open-body{overflow:hidden}.site-header__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:0;padding:max(.5rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) .5rem max(1rem,env(safe-area-inset-left,0px));gap:.35rem .5rem}.brand{grid-column:1;font-size:clamp(.95rem,4.2vw,1.05rem)}.site-nav__toggle{grid-column:2;display:inline-flex;align-self:center}.site-nav{grid-column:1 / -1;display:none;flex-direction:column;align-items:stretch;gap:.15rem;width:100%;min-width:0;padding:.65rem 0 .15rem;border-top:1px solid var(--border)}.site-header--nav-open .site-nav{display:flex}.site-nav a:not(.site-nav__cta){font-size:.95rem;padding:.65rem .6rem}.site-nav__ctas{margin-top:.4rem;flex-direction:column;align-items:stretch;width:100%}.site-nav__cta{justify-content:center;padding:.55rem 1rem;font-size:.9rem}}.site-main{flex:1;max-width:var(--max-wide);width:100%;margin:0 auto;padding:1.75rem max(1rem,env(safe-area-inset-right,0px)) max(2.5rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px))}.hero h1,.page-title{margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.2}.lede,.page-intro{color:var(--text-muted);margin:0}.promo-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin:1rem 0 0}.promo-badges img{display:block;height:20px;width:auto}.promo-badges--footer{margin-top:2.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.examples-workbook__title{margin-top:1.7rem;margin-bottom:0;font-size:clamp(1.15rem,2.5vw,1.35rem);line-height:1.3}.examples-workbook__title a{color:inherit;text-decoration:none}.examples-workbook__title a:hover{color:var(--link);text-decoration:underline}h2{margin-top:1.7rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-top:1rem}.feature-card h3{margin:0 0 .5rem}.feature-card p{margin:.45rem 0}.examples-workbook__table-wrap{margin-top:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.examples-workbook__table{width:100%;min-width:36rem;border-collapse:collapse;font-size:.92rem}.examples-workbook__table th,.examples-workbook__table td{padding:.5rem .65rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.examples-workbook__table th{background:var(--surface);font-weight:600;white-space:nowrap}.examples-workbook__table tbody tr:last-child td{border-bottom:none}.examples-workbook__table code{font-size:.88em}.examples-workbook__tip{margin-top:.85rem;margin-bottom:0;font-size:.95rem;color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screenshots{margin-top:2.5rem}.screenshots-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem .25rem 1rem}.screenshots-scroll figure{margin:0}.screenshots-scroll img{height:clamp(9rem,28vw,15rem);width:auto;border:1px solid var(--border);border-radius:var(--radius)}.screenshots-scroll figcaption{margin-top:.35rem;font-size:.85rem;color:var(--text-muted);text-align:center}.author{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--border)}.site-footer{margin-top:auto;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -1px #0000000a}.site-footer__inner{max-width:var(--max-wide);margin:0 auto;padding:1.5rem max(1rem,env(safe-area-inset-right,0px)) max(1.25rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px))}.site-footer__top{display:flex;flex-direction:column;gap:1.35rem}.site-footer__meta{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;padding-top:1.15rem;border-top:1px solid var(--border)}.site-footer__explore,.site-footer__site{display:flex;flex-direction:column;gap:.45rem}.site-footer__explore{order:-2}.site-footer__site{order:-1}@media (min-width: 44rem){.site-footer__top{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:1.35rem 1.75rem}.site-footer__meta{grid-column:1 / -1;padding-top:0;border-top:none}.site-footer__explore,.site-footer__site{order:0}}@media (min-width: 52rem){.site-footer__top{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:1.5rem 1.75rem}.site-footer__meta{grid-column:auto}}.site-footer__heading{margin:0;font-size:.82rem;color:var(--text-muted);font-weight:600}.site-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.site-footer__cat-link{display:block;padding:.2rem 0;color:var(--text-muted);font-size:.86rem;line-height:1.35;text-decoration:none;transition:color .15s ease}.site-footer__cat-link:hover{color:var(--link)}@media (prefers-reduced-motion: reduce){.site-footer__cat-link{transition:none}}.site-footer__made{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .35rem;font-size:.95rem;font-weight:600;color:var(--text);line-height:1.4}.site-footer__heart{width:1rem;height:1rem;flex-shrink:0;display:block;object-fit:contain}.site-footer__icons{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem}.site-footer__icon-link{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;transition:color .15s ease,background .15s ease;padding:.35rem;border-radius:8px}.site-footer__icon-link:hover{color:var(--link);background:#0b57d00f}@media (prefers-reduced-motion: reduce){.site-footer__icon-link{transition:none}}.site-footer__copyright{margin:.35rem 0 0;padding:0;border:none;text-align:left;font-size:.78rem;color:var(--text-muted);line-height:1.45;max-width:22rem}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.changelog-body h2{border-bottom:1px solid var(--border);padding-bottom:.2rem}.changelog-fallback{color:#b3261e}.site-footer__icon-svg[data-astro-cid-gcn2mc3v]{width:1.2rem;height:1.2rem;display:block;flex-shrink:0;background-color:currentColor}.site-footer__icon-svg--globe[data-astro-cid-gcn2mc3v]{-webkit-mask:var(--mask-globe) center / contain no-repeat;mask:var(--mask-globe) center / contain no-repeat}.site-footer__icon-svg--linkedin[data-astro-cid-gcn2mc3v]{-webkit-mask:var(--mask-linkedin) center / contain no-repeat;mask:var(--mask-linkedin) center / contain no-repeat}.site-footer__icon-svg--github[data-astro-cid-gcn2mc3v]{-webkit-mask:var(--mask-github) center / contain no-repeat;mask:var(--mask-github) center / contain no-repeat}.site-footer__icon-svg--pypi[data-astro-cid-gcn2mc3v]{-webkit-mask:var(--mask-pypi) center / contain no-repeat;mask:var(--mask-pypi) center / contain no-repeat}.site-footer__icon-svg--producthunt[data-astro-cid-gcn2mc3v]{-webkit-mask:var(--mask-producthunt) center / contain no-repeat;mask:var(--mask-producthunt) center / contain no-repeat}