:root{font-family:Inter,system-ui;color:#173a35;background:#edf4f1}*{box-sizing:border-box}body{margin:0}header{padding:42px 5vw;color:#fff;background:linear-gradient(120deg,#073b3a,#128071)}header p{color:#9fe5d6;letter-spacing:.2em}section{display:grid;grid-template-columns:300px 1fr;gap:24px;padding:24px 5vw}aside,article{background:#fff;padding:20px;border-radius:16px;box-shadow:0 8px 25px #163a3220}aside{height:70vh;overflow:auto}button{width:100%;border:0;border-left:3px solid transparent;background:#fff;padding:10px;text-align:left}button:hover{background:#e8f5f1;border-color:#19a283}button small{display:block;color:#71847f}.record{border:1px solid #dae7e3;border-radius:10px;padding:14px;margin:12px 0}.record span{color:#087653}.record pre{background:#f3f7f5;padding:10px}.error{background:#ffefeb;color:#9a2f20;padding:10px}@media(max-width:800px){section{grid-template-columns:1fr}}.search{display:flex;gap:10px;margin:18px 0}.search input{flex:1;padding:12px;border:1px solid #b9ccc6;border-radius:8px}.search button{width:auto;background:#087563;color:#fff;border-radius:8px;padding:12px 18px}.search button:disabled{opacity:.65}.result{max-height:58vh;overflow:auto;background:#102923;color:#c5f3e7;padding:16px;border-radius:10px;white-space:pre-wrap;word-break:break-word}