:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;color:#111827}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{max-width:960px;margin:0 auto;padding:3rem 1.5rem 4rem}a{color:inherit}.app{display:flex;flex-direction:column;gap:2rem;color:#1f2933}.app__header{display:flex;flex-direction:column;gap:.5rem}.app__header h1{margin:0;font-size:2.4rem;color:#111827}.app__subtitle{margin:0;color:#4b5563;font-size:1rem}.app__subtitle code{background:#f3f4f6;padding:.1rem .4rem;border-radius:.25rem;font-size:.95rem}.card{background-color:#fff;border-radius:14px;padding:1.75rem;box-shadow:0 14px 30px #0f172a14;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem}.card h2{margin:0;font-size:1.4rem;color:#1f2933}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.health-grid .label{display:block;font-size:.9rem;color:#6b7280;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.health-grid .value{font-size:1.1rem;font-weight:600;color:#111827}.value--ok{color:#047857}.value--error{color:#b91c1c}.updates{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.updates li{border-left:4px solid #6366f1;padding-left:1rem}.updates h3{margin:0 0 .35rem;font-size:1.1rem}.updates p{margin:0;color:#4b5563}.form{display:flex;flex-direction:column;gap:.75rem}.form label{font-weight:600;color:#1f2937}.form textarea{resize:vertical;min-height:140px;padding:.75rem;border-radius:.75rem;border:1px solid #d1d5db;font-family:inherit;font-size:1rem;color:#111827;background-color:#f9fafb;transition:border-color .16s ease,box-shadow .16s ease}.form textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e52e;background-color:#fff}.form button{align-self:flex-start;background-color:#4f46e5;border:none;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:600;padding:.65rem 1.6rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.form button:hover:not(:disabled){background-color:#4338ca;transform:translateY(-1px);box-shadow:0 12px 20px #4338ca38}.form button:disabled{opacity:.65;cursor:wait}.error{margin:0;color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca;padding:.75rem 1rem;border-radius:.75rem}.response{margin:0;background-color:#111827;color:#f5f7ff;padding:1rem;border-radius:.75rem;font-size:.9rem;overflow-x:auto}@media(max-width:720px){.app{gap:1.5rem}.card{padding:1.4rem}.app__header h1{font-size:2rem}}