.app{font-family:system-ui,sans-serif;max-width:24rem;margin:2rem auto;padding:1rem}.app__label{margin:0 0 1rem;font-size:1.25rem}.app__button{padding:.5rem 1rem;font-size:1rem;cursor:pointer}.app__button:disabled{opacity:.6;cursor:not-allowed}.app__button--logout{display:inline-block;background:#dc2626;color:#fff;border:none;border-radius:.25rem;text-decoration:none}.app__button--logout:hover,.app__button--logout:focus-visible{background:#b91c1c;color:#fff}.app__saml{margin-top:1rem}.app__saml-link{color:#2563eb;text-decoration:underline}.app__saml-link:hover,.app__saml-link:focus-visible{color:#1d4ed8}.app__error{margin-top:1rem;color:#b00020;font-size:.9rem}.app__user{margin-bottom:1.5rem;padding:1rem;background:#f0fdf4;border:1px solid #86efac;border-radius:.5rem}.app__user h2{margin:0 0 .75rem;font-size:1.1rem;color:#166534}.app__user-json{margin:0 0 1rem;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;font-family:ui-monospace,monospace;font-size:.9rem;overflow-x:auto;white-space:pre-wrap}.app__login{margin-bottom:1.5rem;padding:1rem;background:#eff6ff;border:1px solid #93c5fd;border-radius:.5rem}.app__counter{margin-top:1rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}