:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 92% 0,#6657d824,#0000 29rem),#f7f8fc;min-width:320px}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b1aaeb}.registry-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);min-height:84px;margin:0 auto;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#172033;border-radius:12px;place-items:center;width:38px;height:38px;font-size:1.2rem;font-weight:800;display:grid}.brand-name,.brand-context{display:block}.brand-name{letter-spacing:-.02em;font-size:1rem;font-weight:800}.brand-context{color:#667085;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:650}.environment-pill{color:#667085;letter-spacing:.04em;text-transform:uppercase;background:#ffffffb3;border:1px solid #e3e7ef;border-radius:999px;padding:7px 12px;font-size:.75rem;font-weight:700}.page-content{gap:28px;width:min(880px,100% - 48px);margin:0 auto;padding:76px 0 64px;display:grid}.intro-block{max-width:680px}.eyebrow{color:#4f42ba;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:800}h1,h2,p{margin-top:0}h1,h2{color:#172033;letter-spacing:-.035em}h1{max-width:680px;margin-bottom:18px;font-size:clamp(2.6rem,7vw,5.2rem);line-height:.98}h2{margin-bottom:8px;font-size:1.35rem;line-height:1.15}.intro-copy{color:#667085;max-width:560px;margin-bottom:0;font-size:1.12rem;line-height:1.6}.status-card,.setup-card{background:#ffffffd1;border:1px solid #e3e7ef;border-radius:20px;gap:18px;padding:28px;display:flex;box-shadow:0 18px 46px #1720330f}.status-card p:last-child,.setup-card p:last-child{color:#667085;margin-bottom:0;line-height:1.6}.status-indicator{background:#667085;border-radius:50%;flex:none;width:12px;height:12px;margin-top:4px;box-shadow:0 0 0 6px #6670851a}.status-card--loading .status-indicator{background:#6657d8;box-shadow:0 0 0 6px #6657d81f}.status-card--ready .status-indicator{background:#2f9b77;box-shadow:0 0 0 6px #2f9b771f}.status-card--error .status-indicator{background:#c54c63;box-shadow:0 0 0 6px #c54c631f}.status-card--error h2{color:#c54c63}.button{border:0;border-radius:10px;padding:10px 15px;font-size:.88rem;font-weight:750;transition:background .14s,color .14s,transform .14s}.button:hover{transform:translateY(-1px)}.button--primary{color:#fff;background:#6657d8}.button--primary:hover{background:#4f42ba}.button--quiet{color:#4f42ba;background:#6657d81a;margin-top:16px}.button--quiet:hover{background:#6657d82b}.setup-card{background:linear-gradient(135deg,#6657d81a,#fffffff0 58%);align-items:flex-start}.setup-card__icon{color:#4f42ba;background:#6657d824;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:1.3rem;display:grid}.page-footer{color:#667085;border-top:1px solid #e3e7ef;justify-content:space-between;width:min(1120px,100% - 48px);margin:auto auto 0;padding:24px 0 30px;font-size:.78rem;display:flex}.dialog-overlay{background:#1720336b;animation:.14s ease-out fade-in;position:fixed;inset:0}.dialog-content{background:#fff;border:1px solid #e3e7ef;border-radius:18px;width:min(440px,100% - 40px);padding:28px;animation:.16s ease-out dialog-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 80px #17203333}.dialog-content h2{margin-bottom:8px}.dialog-content p{color:#667085;line-height:1.5}.metadata-list{gap:16px;margin:24px 0;display:grid}.metadata-list div{gap:4px;display:grid}.metadata-list dt{color:#667085;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:750}.metadata-list dd{overflow-wrap:anywhere;color:#172033;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (width<=640px){.topbar,.page-content,.page-footer{width:min(100% - 32px,880px)}.topbar{min-height:72px}.page-content{padding-top:56px}h1{font-size:clamp(2.5rem,14vw,4rem)}.page-footer{gap:6px;display:grid}}