.once-page,.once-root{font-family:system-ui,sans-serif;color:#142b3a;background:#f5f7fc}.once-page{margin:0}.once-root *,.once-page *{box-sizing:border-box}.once-page>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.2rem;max-width:64rem;margin:auto;color:#526778}.once-root{max-width:52rem;margin:auto;padding:1rem;overflow-wrap:anywhere;word-break:keep-all}.once-root h1{font-size:1.7rem;line-height:1.3;margin:.4rem 0 1.2rem}.once-root h2{font-size:1.2rem}.once-root p{line-height:1.6}.once-root label{display:block;margin-top:1rem;font-weight:600}.once-root input,.once-root select,.once-root button,.once-root textarea{font:inherit;max-width:100%;border-radius:.8rem;padding:.85rem;border:1px solid #9eafc2}.once-root input,.once-root select,.once-root textarea{width:100%;margin:.5rem 0;background:#fff;color:#142b3a}.once-root button,.once-navigation button{background:#fff;color:#0755f9;min-height:3rem;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.once-root button.primary{background:#0755f9;color:white;border-color:#0755f9}.once-root button:focus-visible{outline:3px solid #132f49;outline-offset:3px}.once-root button:disabled{opacity:.55;cursor:default}.once-root .actions,.once-navigation{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.once-root .actions>*{flex:1 1 12rem}.once-root .card{background:white;border:1px solid #dce4ee;border-radius:1.1rem;padding:1.2rem;margin:1rem 0}.once-root .muted{color:#526778}.once-root .error{background:#fff4df;border-radius:.7rem;padding:.8rem}.once-root .code{font-size:2rem;letter-spacing:.08em;font-variant-numeric:tabular-nums}.once-root .videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.7rem}.once-root video{width:100%;max-height:60vh;background:#101d2c;border-radius:1rem;object-fit:contain}.once-root meter{width:100%;height:1.5rem}.once-root dialog{max-width:min(90vw,32rem);max-height:90vh;overflow:auto;border:1px solid #dce4ee;border-radius:1rem;padding:1.2rem;color:#142b3a}.once-root dialog::backdrop{background:#142b3a80}.once-root [hidden],.once-navigation[hidden]{display:none!important}.once-overlay{position:fixed;inset:0;z-index:20000;background:#f5f7fc;overflow:auto;font-size:1rem}.once-root a{color:#0755f9}@media(max-width:600px){.once-root .actions{display:grid;grid-template-columns:1fr}.once-root .card{padding:1rem}.once-page>header{font-size:.9rem}.once-root .code{font-size:1.8rem}}
