:root{--color-text:#1a1a1a;--color-background:#fff;--color-brand:#123a5a;--color-on-brand:#fff;--footer-height:0px;color:var(--color-text);background:var(--color-background);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}html{scroll-padding-bottom:var(--footer-height)}body{margin:0}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header,.app-main{padding:1rem}.app-header h1{margin:0;font-size:1.5rem}.app-main{flex-direction:column;flex:1;align-items:flex-start;gap:1rem;display:flex}.app-main>p{margin:0}.message{border-inline-start:4px solid var(--color-brand);overflow-wrap:anywhere;max-width:40rem;padding:.5rem .75rem}.account{overflow-wrap:anywhere;flex-direction:column;display:flex}.account-name{font-size:1.25rem;font-weight:600}.app-footer{color:var(--color-on-brand);background:var(--color-brand);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex;position:sticky;bottom:0}.demo-notice{overflow-wrap:anywhere;flex:20rem;margin:0}@media (height<=32rem){html{scroll-padding-bottom:0}.app-footer{position:static}}.touch-target{min-width:44px;min-height:44px;font:inherit;color:var(--color-brand);background:var(--color-background);border:2px solid var(--color-brand);cursor:pointer;border-radius:.375rem;padding:.5rem 1rem}.touch-target.primary{color:var(--color-on-brand);background:var(--color-brand)}.touch-target.primary:focus-visible{outline-color:var(--color-brand)}:focus-visible{outline-offset:2px;outline:3px solid}.app-footer>.touch-target:focus-visible{outline-color:var(--color-on-brand)}dialog{max-width:min(36rem,100vw - 2rem);color:var(--color-text);background:var(--color-background);border:2px solid var(--color-brand);border-radius:.5rem}dialog:modal{--footer-clearance:min(var(--footer-height), max(0px, 100dvh - 14rem));box-sizing:border-box;max-height:calc(100dvh - var(--footer-clearance) - 2rem);inset-block-end:var(--footer-clearance)}dialog:modal>.touch-target{position:sticky;bottom:0}dialog::backdrop{background:#0006}dialog h2{margin-top:0;font-size:1.25rem}dialog dt{font-weight:600}dialog dd{overflow-wrap:anywhere;margin:0 0 .75rem}