*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#0f0f0f;color:#e0e0e0}#root{width:100%;min-height:100vh}code{font-family:Courier New,Courier,monospace}.app{min-height:100vh;background:#0f0f0f;color:#e0e0e0;padding:2rem}.app-header{text-align:center;color:#e0e0e0;margin-bottom:2rem}.app-header h1{font-size:2.5rem;margin:0 0 .5rem;color:#fff;font-weight:700}.app-header p{font-size:1.1rem;color:#b0b0b0;margin:0}.app-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.section-create-key,.section-bet{background:#1a1a1a;border-radius:12px;padding:2rem;border:1px solid #2a2a2a}.section-bet{min-height:600px}.bet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.bet-header h2{margin:0;color:#fff;font-size:1.8rem}.bet-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.bet-form-container,.bet-markets-container{background:#151515;border-radius:8px;padding:1.5rem;border:1px solid #2a2a2a;min-height:500px;display:flex;flex-direction:column}.bet-markets-container{min-height:700px;max-height:100%;max-width:100%;overflow-x:hidden}.markets-list{height:100%;min-height:400px;display:flex;flex-direction:column;overflow:hidden}.markets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.markets-header h3{margin:0;color:#fff;font-size:1.2rem}.markets-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;min-height:500px;max-height:calc(100vh - 200px);padding:.5rem}.market-card{background:#1f1f1f;border:1px solid #2a2a2a;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s}.market-card:hover{border-color:#667eea;background:#252525;transform:translateY(-2px)}.market-card.selected{border-color:#667eea;background:#1a1f2e;box-shadow:0 0 0 2px #667eea33}.market-content{display:flex;flex-direction:column;gap:.5rem}.market-question{margin:0;color:#fff;font-size:.95rem;font-weight:600;line-height:1.3}.market-outcomes{display:flex;gap:.5rem;margin:.5rem 0;flex-wrap:wrap}.market-outcome{flex:1;display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0f0f0f;border-radius:4px;border:1px solid #2a2a2a;gap:12px}.outcome-label{font-weight:500;color:#e0e0e0;font-size:.85rem;text-wrap:nowrap}.outcome-price{color:#4caf50;font-weight:600;font-size:.85rem;text-wrap:nowrap}.market-stats{display:flex;gap:1rem;font-size:.8rem;color:#888;margin-top:.25rem}.market-id{font-size:.75rem;color:#666;font-family:Courier New,monospace;margin-top:.25rem}.market-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #2a2a2a}.btn-link{display:inline-block;padding:.5rem 1rem;background:#667eea;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .3s;border:none;cursor:pointer;width:100%;text-align:center}.btn-link:hover{background:#5568d3;transform:translateY(-1px)}.markets-loading{text-align:center;padding:2rem;color:#888}.selected-market-info{margin-top:1rem;padding:.75rem;background:#1a1f2e;border:1px solid #2a3a4a;border-radius:6px;color:#e0e0e0;font-size:.9rem}.markets-placeholder{text-align:center;padding:3rem 1rem;color:#666}.markets-placeholder h3{color:#888;margin:0 0 .5rem}.markets-placeholder p{margin:0;font-size:.9rem}.form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:#1f1f1f;padding:1.5rem;border-radius:8px;margin-top:1rem;border:1px solid #2a2a2a}.form-section h3{margin:0 0 1rem;color:#fff;font-size:1.1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#e0e0e0;font-size:.95rem}.form-group input,.form-group select{padding:.75rem;background:#0f0f0f;border:1px solid #333;border-radius:6px;font-size:1rem;transition:all .3s;font-family:inherit;color:#e0e0e0}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#666}.form-group small{color:#888;font-size:.85rem;margin-top:-.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#2a2a2a;color:#e0e0e0;border:1px solid #3a3a3a}.btn-secondary:hover{background:#333;border-color:#444}.btn-small{padding:.5rem 1rem;font-size:.9rem}.create-api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.create-api-key h2{margin:0;color:#fff;font-size:1.8rem}.bet-form h2{margin:0 0 1.5rem;color:#fff;font-size:1.8rem}.bet-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.api-key-result{margin-top:1.5rem;padding:1.5rem;background:#1a2e1a;border-radius:8px;border:1px solid #2d4a2d}.api-key-result h3{margin:0 0 1rem;color:#4caf50}.api-key-display{display:flex;gap:1rem;align-items:center;background:#0f0f0f;padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #2a2a2a}.api-key-display code{flex:1;font-family:Courier New,monospace;font-size:.9rem;word-break:break-all;color:#4caf50}.api-key-warning{margin:0;color:#ff9800;font-size:.9rem}.warning-box{text-align:center;padding:2rem;background:#2a1f0f;border:1px solid #4a3a1a;border-radius:8px;color:#ffc107}.warning-box p{margin:0;font-size:1.1rem}.api-key-info{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#1a1f2e;border-radius:6px;font-size:.9rem;border:1px solid #2a3a4a}.api-key-info code{font-family:Courier New,monospace;background:#0f0f0f;padding:.25rem .5rem;border-radius:4px;color:#667eea;border:1px solid #2a2a2a}.bet-result{margin-top:2rem;padding:1.5rem;background:#1f1f1f;border-radius:8px;border:1px solid #2a2a2a}.bet-result h3{margin:0 0 1rem;color:#fff}.result-status{margin-bottom:1rem;font-size:1rem;color:#e0e0e0}.status-relayed{color:#4caf50;font-weight:600}.status-failed{color:#f44336;font-weight:600}.execution-id{margin-top:1rem;padding:.75rem;background:#0f0f0f;border-radius:6px;border:1px solid #2a2a2a}.execution-id code{font-family:Courier New,monospace;color:#667eea}.market-link{margin-top:1rem}.market-link a{display:inline-block;text-decoration:none}.result-details{margin-top:1rem}.result-details summary{cursor:pointer;padding:.5rem;background:#0f0f0f;border-radius:4px;margin-bottom:.5rem;font-weight:500;color:#e0e0e0;border:1px solid #2a2a2a}.result-details pre{background:#0a0a0a;color:#d4d4d4;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.85rem;line-height:1.5;border:1px solid #2a2a2a}.error-message{padding:1rem;background:#2a1a1a;border:1px solid #4a2a2a;border-radius:6px;color:#ff6b6b;font-weight:500}@media(max-width:1024px){.bet-content{grid-template-columns:1fr}}@media(max-width:768px){.app{padding:1rem}.app-header h1{font-size:2rem}.section-create-key,.section-bet{padding:1.5rem}.api-key-display,.bet-header,.api-key-info{flex-direction:column;align-items:stretch}}