*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--ink:#111;--paper:#fff;--grayline:#e5e5e5;--muted:#000c;--ease:cubic-bezier(.2,.8,.2,1)}html,body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans}a{color:inherit;text-underline-offset:4px;text-decoration:underline}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.section{max-width:1024px;margin-inline:auto;padding-inline:16px}.hr{background:var(--grayline);border:0;height:1px;margin:40px 0}.kbd{border:1px solid #d1d5db;border-radius:6px;padding:2px 8px;font-size:12px;display:inline-block}.header{z-index:50;border-bottom:1px solid var(--grayline);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff5;width:100%;position:sticky;top:0;box-shadow:0 1px 8px #0000000a}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1200px;min-height:60px;margin-inline:auto;padding:6px 12px;display:flex}.brand{letter-spacing:-.01em;font-size:16px;font-weight:700}.nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;order:2;gap:4px;max-width:100%;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}@media (min-width:900px){.nav{flex-wrap:wrap;flex:100%;order:0;justify-content:center;row-gap:4px}}.header .nav a{white-space:nowrap;transition:background .18s var(--ease),transform .12s var(--ease);border-radius:10px;padding:8px 12px;font-size:14px;text-decoration:none;position:relative}.header .nav a:after{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform .18s var(--ease);position:absolute;bottom:6px;left:12px;right:12px;transform:scaleX(0)}.header .nav a:hover{background:#f7f7f7}.header .nav a:hover:after{transform:scaleX(1)}.header .nav a:active{transform:translateY(1px)}.badge{border:1px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;transition:background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease),transform .12s var(--ease);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;text-decoration:none;display:inline-flex;box-shadow:0 1px #00000008,0 2px 8px #0000000f}.badge:hover{background:var(--ink);color:#fff;box-shadow:0 6px 16px #0000001f}.badge:active{transform:translateY(1px)}.hero{padding:72px 0 90px}.hero .title{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4.8vw,44px);font-weight:800;line-height:1.18}.hero p{color:var(--muted);margin-top:12px;font-size:16px;line-height:1.65}.hero .cta{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.section h2{margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:700}.section p,.section li{color:var(--muted);line-height:1.7}.grid{gap:20px;display:grid}@media (min-width:768px){.grid.cols-2{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--grayline);background:#fff;border-radius:12px;padding:20px}.note{border-left:4px solid var(--ink);background:#0000000b;border-radius:12px;padding:14px 14px 14px 18px}.avatars{align-items:center;gap:20px;margin-top:14px;display:flex}.avatar{border-radius:50%;width:64px;height:64px;display:block;overflow:hidden}footer{border-top:1px solid var(--grayline);margin-top:64px}.footer-inner{color:#000000b3;flex-direction:column;gap:8px;padding:20px 0;font-size:14px;display:flex}@media (min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}.footer-links{gap:20px;display:flex}
:root{--ink:#111;--paper:#fff;--grayline:#e5e5e5;--muted:#000c;--elev-1:#0000000a;--elev-2:#0000000f}body.dark-theme{--ink:#f4f4f5;--paper:#0c0c0d;--grayline:#2a2a2a;--muted:#ffffffd1;--elev-1:#ffffff0f;--elev-2:#ffffff1a}body.theme-ready body,body.theme-ready .header,body.theme-ready .badge,body.theme-ready .card,body.theme-ready .note{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}body.dark-theme body{background:var(--paper);color:var(--ink)}body.dark-theme .header{border-bottom-color:var(--grayline);box-shadow:0 1px 8px var(--elev-1);background:#141416e6}body.dark-theme .header .nav a:hover{background:#ffffff0f}body.dark-theme .badge{border-color:var(--ink);box-shadow:0 1px 0 var(--elev-1),0 2px 8px var(--elev-2);background:0 0}body.dark-theme .badge:hover{background:var(--ink);color:#111}body.dark-theme .card{border-color:var(--grayline);background:#121214}body.dark-theme .note{background:#ffffff0d}.theme-toggle{border:1px solid var(--grayline);color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 1px 0 var(--elev-1);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:inline-flex}.theme-toggle:hover{background:var(--elev-1)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle svg{width:16px;height:16px;display:block}body.dark-theme .icon-sun,body:not(.dark-theme) .icon-moon{display:none}body.dark-theme footer{border-top-color:var(--grayline);background:0 0}body.dark-theme .footer-inner{color:var(--ink)}body.dark-theme .footer-links a{color:var(--ink);text-decoration-color:#ffffff8c}body.dark-theme .footer-links a:hover{text-decoration-color:currentColor}
@media (prefers-reduced-motion:reduce){html.theme-ready body,html.theme-ready .header,html.theme-ready .badge,html.theme-ready .card,html.theme-ready .note{transition:none!important}}.hero{padding:64px 0 72px}.hero .title{font-size:clamp(24px,8vw,32px);line-height:1.18}.hero p{font-size:15px;line-height:1.6}.badge{border-radius:10px;padding:8px 10px;font-size:12px}.header-inner{gap:8px;min-height:58px;padding:6px 10px}.header .nav a{padding:8px 10px;font-size:13px}.section{padding-inline:12px}.grid{gap:16px}.card{border-radius:10px;padding:16px}.note{border-radius:10px;padding:12px 12px 12px 16px}.avatar{width:56px;height:56px}.footer-inner{padding:16px 0}@media (min-width:480px){.hero{padding:72px 0 84px}.hero .title{font-size:clamp(28px,7vw,36px)}.hero .cta{gap:10px}.badge{padding:9px 12px;font-size:12.5px}.header .nav a{padding:9px 12px}.section{padding-inline:16px}.grid{gap:18px}}@media (min-width:600px){.hero{padding:84px 0 96px}.hero .title{font-size:clamp(30px,6vw,40px)}.hero p{font-size:16px}.header-inner{min-height:60px;padding:8px 12px}.header .nav{gap:6px}.header .nav a{padding:10px 12px;font-size:13.5px}.grid,.avatars{gap:20px}}@media (min-width:768px){.section{max-width:960px}.hero{padding:96px 0 112px}.hero .title{font-size:clamp(32px,5vw,44px)}.hero p{font-size:17px;line-height:1.65}.hero .cta{gap:12px}.header-inner{min-height:64px;padding:10px 16px}.header .nav{flex-wrap:wrap;justify-content:center;row-gap:6px}.header .nav a{padding:10px 14px;font-size:14px}.badge{padding:10px 14px;font-size:12.8px}.grid.cols-2{grid-template-columns:1fr 1fr}.card{padding:20px}.note{padding:14px 14px 14px 18px}}@media (min-width:900px){.section{max-width:1024px}.header-inner{min-height:66px;padding:10px 18px}.brand{font-size:16px}.header .nav{flex:100%}.header .nav a{padding:10px 16px}.badge{padding:10px 14px}.hero .title{font-size:clamp(34px,4.2vw,48px)}}@media (min-width:1024px){.section{max-width:1120px}.hero{padding:100px 0 120px}.hero .title{font-size:clamp(36px,3.6vw,52px)}.hero p{font-size:18px}.grid{gap:22px}.card{padding:22px}.note{padding:16px 16px 16px 20px}.avatar{width:64px;height:64px}}@media (min-width:1280px){.section,.header-inner{max-width:1200px}.hero{padding:108px 0 128px}.hero .title{font-size:clamp(40px,3.2vw,56px)}.grid{gap:24px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.section,.header-inner{max-width:1280px}.hero{padding:116px 0 140px}.hero .title{font-size:56px}.card{padding:24px}}@media (min-width:1920px){.section,.header-inner{max-width:1360px}.hero{padding:124px 0 152px}}@media (max-width:899.98px){.nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.nav::-webkit-scrollbar{display:none}}@media (orientation:landscape) and (max-height:480px){.hero{padding:48px 0 56px}.hero .title{font-size:clamp(22px,6vw,30px)}}@media (max-width:480px){pre,code{white-space:pre-wrap;word-break:break-word}}@media (min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:0){.header,.header-inner{width:100%}}@media (max-width:768px){.hero .hero-content{text-align:center;flex-direction:column-reverse;align-items:center}.hero .hero-content img{max-width:80%;margin-bottom:24px}.hero .cta{justify-content:center}}
.github-table{border-collapse:collapse;color:#ccc;width:100%;margin-bottom:1em}.github-table th,.github-table td{border:1px solid #ccc;padding:8px}.github-table th{text-align:left;background-color:#f5f5f5}.github-table tbody tr:nth-child(2n){background-color:#fafafa}@media (prefers-color-scheme:dark){.github-table th{color:#fff;background-color:#333}.github-table td,.github-table th{border-color:#555}.github-table tbody tr:nth-child(2n){background-color:#444}.github-table tbody tr:nth-child(odd){background-color:#333}}.github-table{-webkit-overflow-scrolling:touch;border-collapse:collapse;width:100%;display:block;overflow-x:auto}.github-table table{border-collapse:collapse;width:100%}.github-table::-webkit-scrollbar{height:6px}.github-table::-webkit-scrollbar-thumb{background:#00000040;border-radius:3px}