:root{color-scheme:light dark;font-family:system-ui,sans-serif;color:var(--ldp-ink,#1f2430);background:var(--ldp-paper,#faf7ef)}body{margin:0}main{max-width:42rem;margin:auto;padding:2rem 1rem}h1{font-family:Georgia,serif;font-size:clamp(2rem,6vw,3rem)}a{color:var(--ldp-primary,#514875);text-underline-offset:.2em}p{line-height:1.6}label{display:block;font-weight:600;margin-block:1rem .4rem}input{box-sizing:border-box;max-width:100%;width:100%;min-height:44px;padding:.75rem;font:inherit;border:1px solid var(--ldp-line,#777);border-radius:4px;background:var(--ldp-paper,#fff);color:inherit}button,.primary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:.75rem 1rem;margin-top:1rem;border:1px solid var(--ldp-control-border,#777);border-radius:4px;background:var(--ldp-soft,#ebe5f1);color:var(--ldp-ink,#202030);font:600 1rem var(--ldp-font-ui);white-space:normal;overflow-wrap:anywhere;cursor:pointer;text-decoration:none}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:3px solid var(--ldp-primary,#685b90);outline-offset:3px}#pairing-code{font-family:monospace;font-size:clamp(.9rem,3vw,1.2rem)}

html[data-ldp-large-text="true"]{font-size:20px}main{overflow-wrap:anywhere}button.primary,.primary{background:var(--ldp-primary);color:var(--ldp-on-primary);border-color:var(--ldp-primary)}@media(forced-colors:active){button,.primary,input{border:1px solid ButtonText}a{color:LinkText}}

.patron-options a{display:flex;flex-wrap:wrap;gap:.5rem;text-align:center}.recommended{font-size:.8rem;padding:.2em .5em;border:1px solid currentColor;border-radius:1rem}.new-tab-cue{font-size:.8rem;font-weight:400}