body{font:16px/1.5 system-ui,sans-serif;margin:0 auto;max-width:44rem;padding:1rem;color:#111;background:#fff}@media (prefers-color-scheme:dark){body{color:#eee;background:#111}a{color:#9cf}}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);gap:8px;list-style:none;padding:0}.grid a{display:flex;min-height:48px;min-width:48px;align-items:center;justify-content:center;padding:1rem;border:2px solid currentColor;border-radius:8px;text-decoration:none}.grid a:focus{outline:3px solid #36f;outline-offset:2px}.r1{grid-row:1}.r2{grid-row:2}.r3{grid-row:3}.r4{grid-row:4}.c1{grid-column:1}.c2{grid-column:2}.c3{grid-column:3}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:4px 8px;border-bottom:1px solid #888}pre{overflow-x:auto;border:1px solid #888;padding:8px}label{display:block;margin-top:1rem}input{width:100%;font:inherit;padding:8px}button{margin-top:1rem;min-height:48px;padding:0 1.5rem;font:inherit}.code{font-size:.8rem}@media (prefers-reduced-motion:reduce){*{transition:none}}