:root{--bg:#101724;--fg:#edf1f7;--accent:#89d9bc}header,nav{flex-wrap:wrap;gap:1rem}input{max-width:100%;min-width:0}@media(max-width:640px){header{flex-direction:column}main{margin:2rem auto!important;padding:0 1rem!important}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}header{padding:1.5rem 5vw;display:flex;justify-content:space-between;border-bottom:1px solid currentColor}nav{display:flex;gap:1.5rem}main{max-width:68rem;margin:5rem auto;padding:0 2rem}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:-10000px}.skip:focus{left:1rem;top:1rem;background:var(--bg);padding:1rem}.field{display:grid;gap:.4rem;margin:1rem 0;max-width:32rem}input,button{font:inherit;padding:.7rem;border-radius:.35rem}button{cursor:pointer;background:var(--accent);color:#07101c}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:.6rem;border-bottom:1px solid currentColor}.table{overflow:auto}.message{padding:1rem;border-left:3px solid var(--accent)}