:root{color:#f7f8fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#11171f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 8%,#3578bc47,#0000 40%),radial-gradient(circle at 92% 12%,#22966f3d,#0000 45%),#11171f;min-width:320px;min-height:100vh;margin:0}#app{min-height:100vh;padding:24px}h1,h2,p{margin:0}button,input{font:inherit}.demo-layout{gap:16px;width:min(920px,100%);margin:0 auto;display:grid}.demo-header,.demo-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0d141dd6;border:1px solid #a3b1c233;border-radius:14px;padding:18px}.demo-header{gap:8px;display:grid}.endpoint-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.endpoint-grid p{color:#b9c8d8;word-break:break-all;margin-top:4px}.demo-card{gap:12px;display:grid}.button-row,.message-row{flex-wrap:wrap;gap:8px;display:flex}button{color:#e8f1fb;cursor:pointer;background:linear-gradient(#26557f,#1d3f5e);border:1px solid #6496d28c;border-radius:10px;padding:8px 14px}button:disabled{opacity:.6;cursor:not-allowed}input{color:#eff5fc;background-color:#0f1c28d9;border:1px solid #99b1c959;border-radius:10px;flex:1;min-width:180px;padding:8px 10px}.demo-output,.message-log{background-color:#080d14d9;border:1px solid #97adc140;border-radius:10px;margin:0;padding:10px}.demo-output{overflow-x:auto}.message-log{gap:6px;max-height:180px;list-style:none;display:grid;overflow:auto}.status-text{color:#d6ecff}.error-text{color:#ff9ca5}@media (width<=720px){#app,.demo-header,.demo-card{padding:14px}}