*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#e0e0e0}#app{max-width:800px;margin:0 auto;padding:2rem}.container{background:#ffffff0d;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}h1{color:#00d9ff;margin-bottom:1.5rem;font-size:2rem;text-align:center}.auth-section{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:2rem}button{background:linear-gradient(135deg,#00d9ff,#09c);color:#1a1a2e;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px}button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00d9ff66}button:disabled{opacity:.6;cursor:not-allowed}.user-info{background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.user-info h2{color:#00d9ff;margin-bottom:.5rem}.user-info p{color:#a0d4e8;font-size:.9rem}.api-section{margin-top:2rem;text-align:center}.api-button{background:linear-gradient(135deg,#8b5cf6,#6d28d9);margin-top:1rem}.api-button:hover{box-shadow:0 4px 16px #8b5cf666}.response-section{margin-top:1.5rem;padding:1rem;background:#0000004d;border-radius:8px;text-align:left}.response-section pre{white-space:pre-wrap;word-break:break-all;font-family:Monaco,Menlo,monospace;font-size:.85rem;color:#a0d4e8}.status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-left:.5rem}.status.connected{background:#22c55e33;color:#22c55e}.status.disconnected{background:#ef444433;color:#ef4444}.logout-button{background:#ffffff1a!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.3)!important}.logout-button:hover{background:#ef444433!important;box-shadow:0 4px 16px #ef44444d!important}@media (max-width: 600px){#app{padding:1rem}.container{padding:1.5rem}}