:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#f2f2f2;--ink:#000;--soft:#0000008c;--line:#00000026;--screen:#fff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#161616;--ink:#fff;--soft:#fff9;--line:#fff3;--screen:#000}}body{background:var(--page);color:var(--ink);margin:0;font:14px/1.45 -apple-system,Helvetica Neue,Helvetica,Arial,sans-serif}code{background:var(--line);border-radius:4px;padding:1px 4px;font:12px Menlo,Consolas,monospace}header{z-index:10;background:var(--page);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:10px 24px;display:flex;position:sticky;top:0}nav{gap:16px;display:flex}nav a{color:var(--soft);text-decoration:none}nav a[aria-current]{color:var(--ink);font-weight:600}.controls{align-items:center;gap:12px;margin-left:auto;display:flex}.build{color:var(--soft);font-size:12px}main{padding:8px 24px 80px}h1{margin:16px 0 4px;font-size:22px}h2{margin:36px 0 2px;font-size:16px}p{max-width:78ch;color:var(--soft);margin:0}.phones{gap:28px;padding:16px 0 8px;display:flex;overflow-x:auto}.phone{flex:none;margin:0}.phone-frame{background:var(--screen);box-shadow:0 0 0 1px var(--line), 0 0 0 9px var(--screen), 0 0 0 10px var(--line);border-radius:48px;flex-direction:column;margin:10px;display:flex;position:relative;overflow:hidden}.phone figcaption{text-align:center;color:var(--soft);margin-top:12px;font-size:15px}.phone-status,.phone-home{pointer-events:none;z-index:5;position:absolute}.phone-status{box-sizing:border-box;justify-content:space-between;align-items:center;padding:8px 38px 0 52px;font-size:16px;font-weight:600;display:flex;top:0;left:0;right:0}.phone-island{background:#000;border-radius:18px;width:124px;height:36px;margin-left:-62px;position:absolute;top:11px;left:50%}@media (prefers-color-scheme:dark){.phone-island{box-shadow:0 0 0 1px var(--line)}}.phone-battery{background:var(--ink);border-radius:4px;width:25px;height:12px}.phone-home{background:var(--ink);border-radius:3px;width:138px;height:5px;margin-left:-69px;bottom:8px;left:50%}