*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#e1e4e8;min-height:100vh;display:flex;justify-content:center;padding:3rem 1rem}#app{max-width:600px;width:100%}header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}h1{font-size:1.5rem;font-weight:600}.env-badge{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;background:#1f6feb;color:#fff;text-transform:uppercase;letter-spacing:.05em}.env-badge.dev{background:#238636}.env-badge.staging{background:#d29922;color:#000}.env-badge.prod{background:#da3633}button{background:#238636;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .15s}button:hover{background:#2ea043}button:disabled{opacity:.6;cursor:not-allowed}pre{margin-top:1rem;background:#161b22;border:1px solid #30363d;border-radius:6px;padding:1rem;font-size:.85rem;overflow-x:auto;white-space:pre-wrap;min-height:80px}