:root{color:#182233;background:#f5f7fa;font-family:system-ui,sans-serif;line-height:1.6}body{margin:0}main{max-width:32rem;margin:10vh auto;padding:1.5rem}h1{margin:0;font-size:2rem}.eyebrow{color:#536174;margin-bottom:.25rem}section{background:#fff;border:1px solid #d4dce6;border-radius:.75rem;margin:1.5rem 0;padding:1.25rem}section p{margin:0}.success{color:#17643b;font-weight:600}pre{margin-bottom:0;overflow-x:auto}button{font:inherit;color:#fff;cursor:pointer;background:#234fd0;border:0;border-radius:.5rem;padding:.65rem 1.25rem}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #234fd0}.session-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;max-width:32rem;margin:0 auto;padding:1.25rem 1.5rem 0;display:flex}.session-user{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:.875rem}.session-error{color:#9f2424;flex-basis:100%;margin:0;font-size:.875rem}.search-form{margin-top:1.5rem}.search-controls{gap:.75rem;margin-top:.5rem;display:flex}.search-controls input{min-width:0;font:inherit;border:1px solid #d4dce6;border-radius:.5rem;flex:1;padding:.65rem}.search-controls input:focus-visible{outline-offset:2px;outline:3px solid #234fd0}.search-form>p{color:#536174;font-size:.875rem}