:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#123438;background:#f7f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:24px 6vw;display:flex;align-items:center;gap:16px;border-bottom:1px solid #dbe2d9}.brand{font-size:24px;font-weight:750;letter-spacing:-1px}.badge,.eyebrow{font-size:12px;letter-spacing:.08em}.badge{background:#e0ebe2;border-radius:20px;padding:7px 12px}header button{margin-left:auto}main{max-width:1120px;margin:64px auto;padding:0 28px}h1{font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-.05em;margin:16px 0 24px}.eyebrow{color:#617468;font-weight:700}.intro{color:#51635a;max-width:550px;line-height:1.7}form{max-width:380px;margin-top:36px;display:grid;gap:20px}label{display:grid;gap:8px;font-size:13px;font-weight:600}input,select,button{font:inherit;border-radius:10px;padding:12px 14px;border:1px solid #c8d5ca;background:#fff;color:#123438}input:focus,select:focus,button:focus-visible{outline:3px solid #6db9a0;outline-offset:2px}button{cursor:pointer}form button{background:#174e43;color:#fff;border-color:#174e43}button:disabled{opacity:.45;cursor:default}.muted{font-size:13px;color:#647469;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.stat,.record{background:#fff;border:1px solid #dbe2d9;border-radius:16px;padding:22px}.stat strong{display:block;font-size:34px;font-weight:600;margin-top:8px}.toolbar,nav,.pagination{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:24px 0}.toolbar label{flex:1;min-width:200px}nav button.active{background:#174e43;color:#fff}.records{display:grid;gap:14px}.record h2{font-size:18px;margin:0 0 12px;overflow-wrap:anywhere}.record p{margin:6px 0;color:#51635a;overflow-wrap:anywhere}.record pre{font:12px ui-monospace,monospace;background:#f4f6f2;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.record details{margin-top:16px}.pagination{justify-content:space-between}.pagination span{font-size:13px;color:#51635a}#message{color:#8c361e;overflow-wrap:anywhere}footer{padding:24px 6vw;border-top:1px solid #dbe2d9;color:#647469;font-size:12px}[hidden]{display:none!important}@media(max-width:600px){main{margin-top:36px}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:26px}header{padding:20px}.brand{font-size:22px}.badge{font-size:10px}}