:root{color-scheme:dark;--paper: #171819;--surface: #232326;--ink: #E3E3C6;--rule: #343539;font:16px/1.6 Arial,sans-serif;background:var(--paper);color:var(--ink)}@media(prefers-color-scheme: light){:root{color-scheme:light;--paper: #EFEFDE;--surface: #D4D4D4;--ink: #060606;--rule: #C9C9C9}}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid currentColor;outline-offset:5px}header,main,footer{width:min(1120px,100% - 48px);margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;border-bottom:1px solid var(--rule)}.brand{font-size:20px;font-weight:700;text-decoration:none;white-space:nowrap}nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px}main{padding-block:32px 80px;min-height:65vh}h1{font-size:clamp(32px,5vw,56px);line-height:1.12;letter-spacing:-0.035em;margin:32px 0 24px;overflow-wrap:anywhere}h2{font-size:24px;line-height:1.3;margin:48px 0 16px}h3{font-size:16px;margin:0}p,article{max-width:72ch}.intro{font-size:19px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.breadcrumbs li+li::before{content:"/";margin-right:8px;opacity:.6}.icon-grid,.variant-grid,.category-list,.guide-list{padding:0;list-style:none}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:1px;background:var(--paper)}.icon-grid li{outline:1px solid var(--rule);min-width:0;background:var(--paper)}.icon-grid a{display:flex;flex-direction:column;align-items:center;gap:20px;padding:28px 12px;height:100%;text-align:center;text-decoration:none;font-size:14px;overflow-wrap:anywhere}.icon-grid a:hover{background:var(--surface)}.icon-preview{display:block;flex-shrink:0;filter:invert(1)}.category-list{columns:2;column-gap:40px}.category-list li{break-inside:avoid;border-bottom:1px solid var(--rule)}.category-list a{display:flex;justify-content:space-between;gap:20px;padding:16px 0;text-decoration:none}.category-list a span:last-child{font-size:14px;white-space:nowrap}.icon-overview{display:grid;grid-template-columns:minmax(200px, 1fr) 2fr;gap:48px;margin:40px 0}.hero-preview{display:grid;place-items:center;background:var(--surface);border-radius:12px;min-height:240px}dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 24px;font-size:14px}dd{margin:0}.variant-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:16px}.variant-grid li{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 12px;border:1px solid var(--rule);border-radius:8px;font-size:14px}button{font:inherit;border:1px solid var(--ink);border-radius:6px;color:var(--ink);background:rgba(0,0,0,0);padding:8px 16px;cursor:pointer}button:hover{background:var(--surface)}button:disabled{opacity:.6;cursor:wait}.copy-status{min-height:1.6em}pre{overflow-x:auto;padding:24px;background:var(--surface);border-radius:8px;font-size:14px;line-height:1.6}code{font-family:ui-monospace,monospace}footer{border-top:1px solid var(--rule);padding-block:24px 40px;font-size:14px}.license{font-size:14px}.guide-list li{border-bottom:1px solid var(--rule);padding-bottom:24px}.skip-link{position:absolute;top:-100px;left:24px;padding:12px;background:var(--paper);z-index:1}.skip-link:focus{top:12px}[hidden]{display:none !important}@media(prefers-color-scheme: light){.icon-preview{filter:none}}@media(max-width: 640px){header,main,footer{width:calc(100% - 32px)}header{align-items:flex-start;flex-direction:column;gap:16px}nav{gap:10px 16px}.category-list{columns:1}.icon-overview{grid-template-columns:1fr;gap:16px}.hero-preview{min-height:200px}.variant-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}dl{gap:8px 16px}}