:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{color:#e7e9ee;background:#0b1220;margin:0;display:block}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:none;text-align:initial;margin:0;padding:0}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}html,body{overflow-x:hidden}.card{padding:2em}.read-the-docs{color:#888}.appContainer{box-sizing:border-box;width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px}@media (min-width:480px){.phonesGrid{gap:20px}}@media (min-width:768px){.phonesGrid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:22px}}@media (min-width:1024px){.phonesGrid{gap:24px}}@media (min-width:1280px){.phonesGrid{gap:28px}}@media (min-width:1024px){.heroGrid{grid-template-columns:2fr 1fr;gap:24px}}.heroLink{color:#e7e9ee;border:1px solid #e7e9ee33;border-radius:10px;padding:8px 12px;text-decoration:none;display:inline-block}.heroLink:focus-visible{outline-offset:2px;outline:2px solid #e7e9ee}.heroGrid{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (min-width:1024px){.heroGrid{grid-template-columns:2fr 1fr;gap:24px}}.phonesGrid{grid-template-columns:1fr;place-items:start center;gap:20px;display:grid}@media (min-width:768px){.phonesGrid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:22px}}.phonesAside{background:#e7e9ee08;border:1px solid #e7e9ee1f;border-radius:12px;padding:16px 16px 14px}.heroTitle{color:#e7e9ee;margin:0 0 10px;font-size:clamp(18px,2.2vw,22px);line-height:1.25}.heroList{margin:0 0 12px;padding-left:18px}.heroList li{color:#e7e9ee;margin:6px 0}@media (min-width:1440px){.appContainer{max-width:1320px}}.phoneItem{flex-direction:column;gap:8px;width:100%;max-width:440px;display:flex}.phoneCreds{color:#e7e9ee;background:#e7e9ee08;border:1px solid #e7e9ee1f;border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.4}.credList{margin:0;padding-left:18px}.credList li{margin:4px 0}.heroLead{opacity:.95;max-width:72ch;margin:8px 0 10px;line-height:1.55}.heroTry{margin:10px 0 0;padding-left:18px}.heroTry li{margin:6px 0}