*{box-sizing:border-box}body{color:#f9fafb;background:#111827;margin:0;font-family:Arial,Helvetica,sans-serif}.container{width:720px;max-width:calc(100% - 40px);margin:70px auto}.header{margin-bottom:30px}.header h1{margin:0 0 8px;font-size:32px}.header p{color:#9ca3af;margin:0;font-size:16px}.status-card{background:#1f2937;border:1px solid #374151;border-radius:10px;align-items:center;gap:14px;margin-bottom:20px;padding:18px;display:flex}.status-indicator{border-radius:50%;width:14px;height:14px}.status-indicator.offline{background:#6b7280}.status-indicator.online{background:#22c55e;box-shadow:0 0 10px #22c55e}.status-title{color:#9ca3af;text-transform:uppercase;margin-bottom:3px;font-size:12px}#status{font-size:16px}.controls{gap:10px;margin-bottom:30px;display:flex}.button{cursor:pointer;border:none;border-radius:8px;padding:13px 20px;font-size:15px}.button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#fff;background:#2563eb}.primary:hover:not(:disabled){background:#1d4ed8}.danger{color:#fff;background:#dc2626}.danger:hover:not(:disabled){background:#b91c1c}.conversation{background:#1f2937;border:1px solid #374151;border-radius:10px;padding:20px}.conversation h2{margin-top:0;font-size:18px}#log{background:#111827;border-radius:7px;height:220px;padding:12px;overflow-y:auto}.log-item{color:#d1d5db;border-bottom:1px solid #1f2937;padding:6px 0;font-size:14px}.instructions{background:#1f2937;border-radius:10px;margin-top:25px;padding:20px}.instructions h2{margin-top:0;font-size:18px}.instructions p{color:#d1d5db}blockquote{color:#e5e7eb;background:#111827;border-left:3px solid #2563eb;margin:15px 0 0;padding:12px 16px}